feat(demo): add demoGroup metadata to components and update related dependencies

ts_web/elements/00group-pdf/dees-pdf-viewer/component.ts

@@ -1,6 +1,4 @@
-import { DeesElement, property, html, customElement, type TemplateResult } from '@design.estate/dees-element';
-import { keyed } from 'lit/directives/keyed.js';
-import { repeat } from 'lit/directives/repeat.js';
+import { DeesElement, property, html, customElement, type TemplateResult, directives } from '@design.estate/dees-element';
 import { PdfManager } from '../dees-pdf-shared/PdfManager.js';
 import { viewerStyles } from './styles.js';
 import { demo as demoFunc } from './demo.js';
@@ -17,6 +15,7 @@ type RenderState = 'idle' | 'loading' | 'rendering-main' | 'rendering-thumbs' |
 @customElement('dees-pdf-viewer')
 export class DeesPdfViewer extends DeesElement {
   public static demo = demoFunc;
+  public static demoGroup = 'PDF';
   public static styles = viewerStyles;
 
   @property({ type: String })
@@ -196,8 +195,8 @@ export class DeesPdfViewer extends DeesElement {
                 </button>
               </div>
               <div class="sidebar-content">
-                ${keyed(this.documentId, html`
-                  ${repeat(
+                ${directives.keyed(this.documentId, html`
+                  ${directives.repeat(
                     this.thumbnailData,
                     (item) => item.page,
                     (item) => html`
@@ -224,7 +223,7 @@ export class DeesPdfViewer extends DeesElement {
               </div>
             ` : html`
               <div class="pages-container">
-                ${repeat(
+                ${directives.repeat(
                   this.pageData,
                   (item) => item.page,
                   (item) => html`