docs: move demo index files

Author: bennypowers

elements/.config/cem.yaml

@@ -10,5 +10,5 @@ generate:
   noDefaultExcludes: false
   demoDiscovery:
     fileGlob: '*/demo/*.html'
-    urlPattern: pf-(?P<tag>[\w-]+)/demo/(?P<demo>[\w-]+).html
-    urlTemplate: https://patternflyelements.org/components/{tag}/demo/{demo}/
+    urlPattern: :tag/demo/:demo.html
+    urlTemplate: https://patternflyelements.org/components/{{.tag | alias | slug}}/demo/{{.demo | slug}}/

…ents/pf-accordion/demo/pf-accordion.html elements/pf-accordion/demo/index.htmlelements/pf-accordion/demo/pf-accordion.html renamed to elements/pf-accordion/demo/index.html elements/pf-accordion/demo/pf-accordion.html renamed to elements/pf-accordion/demo/index.html

@@ -37,6 +37,7 @@ export class PfAccordionCollapseEvent extends Event {
 /**
  * An **accordion** is an interactive container that expands and collapses to hide or reveal nested content. It takes advantage of progressive disclosure to help reduce page scrolling, by allowing users to choose whether they want to show or hide more detailed information as needed.
  * @summary Toggle the visibility of sections of content
+ * @alias Accordion
  * @fires {AccordionExpandEvent} expand - when a panel expands
  * @fires {AccordionCollapseEvent} collapse - when a panel collapses
  * @slot

elements/pf-accordion/pf-accordion.ts

@@ -13,6 +13,7 @@ export class PfAvatarLoadEvent extends Event {
 /**
  * An **avatar** is a visual used to represent a user. It may contain an image or a placeholder graphic.
  * @summary For displaying a user's avatar image
+ * @alias Avatar
  * @fires {PfAvatarLoadEvent} load - when the avatar loads
  * @cssprop [--pf-c-avatar--Width=24px]
  * @cssprop [--pf-c-avatar--Height=24px]

elements/pf-avatar/demo/pf-avatar.html elements/pf-avatar/demo/index.htmlelements/pf-avatar/demo/pf-avatar.html renamed to elements/pf-avatar/demo/index.html

@@ -13,6 +13,7 @@ import styles from './pf-back-to-top.css';
 /**
  * The **back to top** component is a shortcut that allows users to quickly navigate to the top of a lengthy content page.
  * @summary A shortcut that allows users to quickly navigate to the top of a lengthy content page.
+ * @alias Back to Top
  * @csspart trigger - The `<a>` or `<pf-button>` element
  * @slot icon
  *       Contains the prefix icon to display before the link or button.

elements/pf-avatar/pf-avatar.ts

@@ -11,6 +11,7 @@ import styles from './pf-background-image.css';
 /**
  * A **background image** allows you to place an image in the background of your page or area of a page.
  * @summary Allows users to place an image in the background of your page or area of a page.
+ * @alias Background Image
  * @slot filter - Overrides the default svg filter for the background image.
  * @cssprop {<color>} [--pf-c-background-image--BackgroundColor=#151515]
  * @cssprop [--pf-c-background-image--Filter=url("#image_overlay")]