@design.estate/dees-catalog 3.43.3 → 3.43.4

package/dist_ts_web/elements/00group-media/dees-pdf-preview/styles.js

@@ -1,223 +0,0 @@
-import { css, cssManager } from '@design.estate/dees-element';
-export const previewStyles = [
-    cssManager.defaultStyles,
-    css `
-    :host {
-      display: inline-block;
-      position: relative;
-    }
-
-    .preview-container {
-      position: relative;
-      width: 200px;
-      height: 260px;
-      background: ${cssManager.bdTheme('hsl(0 0% 98%)', 'hsl(215 20% 14%)')};
-      border-radius: 4px;
-      overflow: hidden;
-      transition: transform 0.2s ease, box-shadow 0.2s ease;
-      box-shadow: 0 1px 3px ${cssManager.bdTheme('rgba(0, 0, 0, 0.12)', 'rgba(0, 0, 0, 0.24)')};
-    }
-
-    .preview-container.clickable {
-      cursor: pointer;
-    }
-
-    .preview-container.clickable:hover {
-      transform: translateY(-2px);
-      box-shadow: 0 8px 24px ${cssManager.bdTheme('rgba(0, 0, 0, 0.12)', 'rgba(0, 0, 0, 0.3)')};
-    }
-
-    .preview-container.clickable:hover .preview-overlay {
-      opacity: 1;
-    }
-
-    .preview-stack {
-      position: relative;
-      width: 100%;
-      height: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      box-sizing: border-box;
-      overflow: hidden;
-    }
-
-    .preview-stack.non-a4 {
-      padding: 12px;
-    }
-
-    .preview-canvas {
-      position: relative;
-      background: white;
-      display: block;
-      max-width: 100%;
-      max-height: 100%;
-      width: auto;
-      height: auto;
-      object-fit: contain;
-      image-rendering: auto;
-      -webkit-font-smoothing: antialiased;
-      box-shadow: 0 1px 3px ${cssManager.bdTheme('rgba(0, 0, 0, 0.1)', 'rgba(0, 0, 0, 0.3)')};
-    }
-
-    .non-a4 .preview-canvas {
-      border: 1px solid ${cssManager.bdTheme('hsl(214 31% 92%)', 'hsl(217 25% 24%)')};
-      border-radius: 4px;
-    }
-
-    .preview-info {
-      position: absolute;
-      bottom: 8px;
-      left: 8px;
-      right: 8px;
-      padding: 6px 10px;
-      background: ${cssManager.bdTheme('hsl(0 0% 100% / 0.92)', 'hsl(215 20% 12% / 0.92)')};
-      border-radius: 6px;
-      display: flex;
-      align-items: center;
-      gap: 6px;
-      font-size: 12px;
-      color: ${cssManager.bdTheme('hsl(215 16% 45%)', 'hsl(215 16% 75%)')};
-      backdrop-filter: blur(12px);
-      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-      z-index: 10;
-    }
-
-    .preview-info dees-icon {
-      font-size: 13px;
-      color: ${cssManager.bdTheme('hsl(217 91% 60%)', 'hsl(213 93% 68%)')};
-    }
-
-    .preview-pages {
-      font-weight: 500;
-      font-size: 11px;
-    }
-
-    .preview-overlay {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background: ${cssManager.bdTheme('rgba(0, 0, 0, 0.7)', 'rgba(0, 0, 0, 0.8)')};
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      gap: 8px;
-      opacity: 0;
-      transition: opacity 0.2s ease;
-      z-index: 20;
-    }
-
-    .preview-overlay dees-icon {
-      font-size: 24px;
-      color: white;
-    }
-
-    .preview-overlay span {
-      font-size: 14px;
-      font-weight: 500;
-      color: white;
-    }
-
-    .preview-loading,
-    .preview-error {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      gap: 12px;
-      color: ${cssManager.bdTheme('hsl(215 16% 45%)', 'hsl(215 16% 75%)')};
-    }
-
-    .preview-loading {
-      background: ${cssManager.bdTheme('hsl(0 0% 99%)', 'hsl(215 20% 14%)')};
-    }
-
-    .preview-error {
-      background: ${cssManager.bdTheme('hsl(0 72% 98%)', 'hsl(0 62% 20%)')};
-      color: ${cssManager.bdTheme('hsl(0 72% 40%)', 'hsl(0 70% 68%)')};
-    }
-
-    .preview-spinner {
-      width: 24px;
-      height: 24px;
-      border-radius: 50%;
-      border: 2px solid ${cssManager.bdTheme('hsl(214 31% 86%)', 'hsl(217 25% 28%)')};
-      border-top-color: ${cssManager.bdTheme('hsl(217 91% 60%)', 'hsl(213 93% 68%)')};
-      animation: spin 0.8s linear infinite;
-    }
-
-    @keyframes spin {
-      to {
-        transform: rotate(360deg);
-      }
-    }
-
-    .preview-text {
-      font-size: 13px;
-      font-weight: 500;
-    }
-
-    .preview-error dees-icon {
-      font-size: 32px;
-    }
-
-    .preview-page-indicator {
-      position: absolute;
-      top: 8px;
-      left: 8px;
-      right: 8px;
-      padding: 5px 8px;
-      background: ${cssManager.bdTheme('hsl(0 0% 0% / 0.7)', 'hsl(0 0% 100% / 0.9)')};
-      color: ${cssManager.bdTheme('white', 'hsl(215 20% 12%)')};
-      border-radius: 4px;
-      font-size: 11px;
-      font-weight: 600;
-      text-align: center;
-      backdrop-filter: blur(12px);
-      z-index: 15;
-      pointer-events: none;
-      animation: fadeIn 0.2s ease;
-    }
-
-    @keyframes fadeIn {
-      from {
-        opacity: 0;
-        transform: translateY(-4px);
-      }
-      to {
-        opacity: 1;
-        transform: translateY(0);
-      }
-    }
-
-    /* Responsive sizes */
-    :host([size="small"]) .preview-container {
-      width: 150px;
-      height: 195px;
-    }
-
-    :host([size="large"]) .preview-container {
-      width: 250px;
-      height: 325px;
-    }
-
-    /* Grid optimizations */
-    :host([grid-mode]) .preview-container {
-      will-change: auto;
-    }
-
-    :host([grid-mode]) .preview-canvas {
-      image-rendering: -webkit-optimize-contrast;
-      image-rendering: crisp-edges;
-    }
-  `,
-];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtbWVkaWEvZGVlcy1wZGYtcHJldmlldy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUU5RCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUc7SUFDM0IsVUFBVSxDQUFDLGFBQWE7SUFDeEIsR0FBRyxDQUFBOzs7Ozs7Ozs7O29CQVVlLFVBQVUsQ0FBQyxPQUFPLENBQUMsZUFBZSxFQUFFLGtCQUFrQixDQUFDOzs7OzhCQUk3QyxVQUFVLENBQUMsT0FBTyxDQUFDLHFCQUFxQixFQUFFLHFCQUFxQixDQUFDOzs7Ozs7Ozs7K0JBUy9ELFVBQVUsQ0FBQyxPQUFPLENBQUMscUJBQXFCLEVBQUUsb0JBQW9CLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs4QkFpQ2hFLFVBQVUsQ0FBQyxPQUFPLENBQUMsb0JBQW9CLEVBQUUsb0JBQW9CLENBQUM7Ozs7MEJBSWxFLFVBQVUsQ0FBQyxPQUFPLENBQUMsa0JBQWtCLEVBQUUsa0JBQWtCLENBQUM7Ozs7Ozs7Ozs7b0JBVWhFLFVBQVUsQ0FBQyxPQUFPLENBQUMsdUJBQXVCLEVBQUUseUJBQXlCLENBQUM7Ozs7OztlQU0zRSxVQUFVLENBQUMsT0FBTyxDQUFDLGtCQUFrQixFQUFFLGtCQUFrQixDQUFDOzs7Ozs7OztlQVExRCxVQUFVLENBQUMsT0FBTyxDQUFDLGtCQUFrQixFQUFFLGtCQUFrQixDQUFDOzs7Ozs7Ozs7Ozs7OztvQkFjckQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxvQkFBb0IsRUFBRSxvQkFBb0IsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztlQWtDbkUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsRUFBRSxrQkFBa0IsQ0FBQzs7OztvQkFJckQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsa0JBQWtCLENBQUM7Ozs7b0JBSXZELFVBQVUsQ0FBQyxPQUFPLENBQUMsZ0JBQWdCLEVBQUUsZ0JBQWdCLENBQUM7ZUFDM0QsVUFBVSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRSxnQkFBZ0IsQ0FBQzs7Ozs7OzswQkFPM0MsVUFBVSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsRUFBRSxrQkFBa0IsQ0FBQzswQkFDMUQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsRUFBRSxrQkFBa0IsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztvQkF5QmhFLFVBQVUsQ0FBQyxPQUFPLENBQUMsb0JBQW9CLEVBQUUsc0JBQXNCLENBQUM7ZUFDckUsVUFBVSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsa0JBQWtCLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBDM0Q7Q0FDRixDQUFDIn0=

package/ts_web/elements/00group-media/dees-pdf/component.ts

@@ -1,161 +0,0 @@
-import { DeesElement, property, html, customElement, domtools, type TemplateResult, type CSSResult, } from '@design.estate/dees-element';
-
-import { Deferred } from '@push.rocks/smartpromise';
-import { DeesContextmenu } from '../../00group-overlay/dees-contextmenu/dees-contextmenu.js';
-import '../../00group-utility/dees-icon/dees-icon.js';
-
-// import type pdfjsTypes from 'pdfjs-dist';
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'dees-pdf': DeesPdf;
-  }
-}
-
-/**
- * @deprecated Use DeesPdfViewer or DeesTilePdf instead
- * - DeesPdfViewer: Full-featured PDF viewing with controls, navigation, zoom
- * - DeesTilePdf: Lightweight, performance-optimized tile preview for grids
- */
-@customElement('dees-pdf')
-export class DeesPdf extends DeesElement {
-  // DEMO
-  public static demo = () => html` <dees-pdf></dees-pdf> `;
-  public static demoGroups = ['Media', 'PDF'];
-
-  // INSTANCE
-
-  @property()
-  accessor pdfUrl: string =
-    'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/examples/learning/helloworld.pdf';
-
-
-
-  constructor() {
-    super();
-
-    // you have access to all kinds of things through this.
-    // this.setAttribute('gotIt','true');
-  }
-
-  public render(): TemplateResult {
-    return html`
-      <style>
-        :host {
-          font-family: 'Geist Sans', sans-serif;
-          display: block;
-          box-sizing: border-box;
-          max-width: 800px;
-        }
-        :host([hidden]) {
-          display: none;
-        }
-
-        #pdfcanvas {
-          box-shadow: 0px 0px 5px #ccc;
-          width: 100%;
-          cursor: pointer;
-        }
-      </style>
-      <canvas
-        id="pdfcanvas"
-        .height=${0}
-        .width=${0}
-
-      ></canvas>
-    `;
-  }
-
-  public static pdfJsReady: Promise<any>;
-  public static pdfjsLib: any // typeof pdfjsTypes;
-  public async connectedCallback() {
-    super.connectedCallback();
-    if (!DeesPdf.pdfJsReady) {
-      const pdfJsReadyDeferred = domtools.plugins.smartpromise.defer();
-      DeesPdf.pdfJsReady = pdfJsReadyDeferred.promise;
-      // @ts-ignore
-      DeesPdf.pdfjsLib = await import('https://cdn.jsdelivr.net/npm/pdfjs-dist@4.0.379/+esm');
-      DeesPdf.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@4.0.379/build/pdf.worker.mjs';
-      pdfJsReadyDeferred.resolve();
-    }
-    await DeesPdf.pdfJsReady;
-    this.displayContent();
-
-
-  }
-
-  public async displayContent() {
-    await DeesPdf.pdfJsReady;
-
-    // Asynchronous download of PDF
-    const loadingTask = DeesPdf.pdfjsLib.getDocument(this.pdfUrl);
-    loadingTask.promise.then(
-      (pdf) => {
-        console.log('PDF loaded');
-
-        // Fetch the first page
-        const pageNumber = 1;
-        pdf.getPage(pageNumber).then((page) => {
-          console.log('Page loaded');
-
-          const scale = 10;
-          const viewport = page.getViewport({ scale: scale });
-
-          // Prepare canvas using PDF page dimensions
-          const canvas: any = this.shadowRoot.querySelector('#pdfcanvas');
-          const context = canvas.getContext('2d');
-          canvas.height = viewport.height;
-          canvas.width = viewport.width;
-
-          // Render PDF page into canvas context
-          const renderContext = {
-            canvasContext: context,
-            viewport: viewport,
-          };
-
-          const renderTask = page.render(renderContext);
-          renderTask.promise.then(function () {
-            console.log('Page rendered');
-          });
-        });
-      },
-      (reason) => {
-        // PDF loading error
-        console.error(reason);
-      }
-    );
-  }
-
-  /**
-   * Provide context menu items for the global context menu handler
-   */
-  public getContextMenuItems() {
-    return [
-      {
-        name: 'Open PDF in New Tab',
-        iconName: 'lucide:ExternalLink',
-        action: async () => {
-          window.open(this.pdfUrl, '_blank');
-        }
-      },
-      { divider: true },
-      {
-        name: 'Copy PDF URL',
-        iconName: 'lucide:Copy',
-        action: async () => {
-          await navigator.clipboard.writeText(this.pdfUrl);
-        }
-      },
-      {
-        name: 'Download PDF',
-        iconName: 'lucide:Download',
-        action: async () => {
-          const link = document.createElement('a');
-          link.href = this.pdfUrl;
-          link.download = this.pdfUrl.split('/').pop() || 'document.pdf';
-          link.click();
-        }
-      }
-    ];
-  }
-}

package/ts_web/elements/00group-media/dees-pdf/index.ts

@@ -1 +0,0 @@
-export * from './component.js';

package/ts_web/elements/00group-media/dees-pdf-preview/component.ts

@@ -1,24 +0,0 @@
-import { customElement } from '@design.estate/dees-element';
-import { DeesTilePdf } from '../dees-tile-pdf/component.js';
-
-declare global {
-  interface HTMLElementTagNameMap {
-    'dees-pdf-preview': DeesPdfPreview;
-  }
-}
-
-/**
- * @deprecated Use <dees-tile-pdf> instead. This component will be removed in a future release.
- */
-@customElement('dees-pdf-preview')
-export class DeesPdfPreview extends DeesTilePdf {
-  public static demoGroups: never[] = []; // Hide from demo catalog
-
-  public connectedCallback(): Promise<void> {
-    console.warn(
-      '[dees-pdf-preview] is deprecated. Use <dees-tile-pdf> instead. ' +
-      'This component will be removed in a future release.'
-    );
-    return super.connectedCallback();
-  }
-}

package/ts_web/elements/00group-media/dees-pdf-preview/demo.ts

@@ -1,189 +0,0 @@
-import { html } from '@design.estate/dees-element';
-
-export const demo = () => {
-  const samplePdfs = [
-    'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/examples/learning/helloworld.pdf',
-    'https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf',
-  ];
-
-  const generateGridItems = (count: number) => {
-    const items = [];
-    for (let i = 0; i < count; i++) {
-      const pdfUrl = samplePdfs[i % samplePdfs.length];
-      items.push(html`
-        <dees-pdf-preview
-          pdfUrl="${pdfUrl}"
-          maxPages="3"
-          stackOffset="6"
-          clickable="true"
-          grid-mode
-          @pdf-preview-click=${(e: CustomEvent) => {
-            console.log('PDF Preview clicked:', e.detail);
-            alert(`PDF clicked: ${e.detail.pageCount} pages`);
-          }}
-        ></dees-pdf-preview>
-      `);
-    }
-    return items;
-  };
-
-  return html`
-    <style>
-      .demo-container {
-        padding: 40px;
-        background: #f5f5f5;
-      }
-
-      .demo-section {
-        margin-bottom: 60px;
-      }
-
-      h3 {
-        margin-bottom: 20px;
-        font-size: 18px;
-        font-weight: 600;
-      }
-
-      .preview-grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-        gap: 24px;
-      }
-
-      .preview-row {
-        display: flex;
-        gap: 24px;
-        align-items: center;
-        margin-bottom: 20px;
-      }
-
-      .preview-label {
-        font-size: 14px;
-        font-weight: 500;
-        min-width: 100px;
-      }
-
-      .performance-stats {
-        margin-top: 20px;
-        padding: 16px;
-        background: white;
-        border-radius: 8px;
-        font-size: 14px;
-      }
-
-      .stats-grid {
-        display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
-        gap: 12px;
-        margin-top: 12px;
-      }
-
-      .stat-item {
-        display: flex;
-        flex-direction: column;
-        gap: 4px;
-      }
-
-      .stat-label {
-        font-size: 12px;
-        color: #666;
-      }
-
-      .stat-value {
-        font-size: 16px;
-        font-weight: 600;
-      }
-    </style>
-
-    <div class="demo-container">
-      <div class="demo-section">
-        <h3>Single PDF Preview with Stacked Pages</h3>
-        <dees-pdf-preview
-          pdfUrl="https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/web/compressed.tracemonkey-pldi-09.pdf"
-          maxPages="3"
-          stackOffset="8"
-          clickable="true"
-        ></dees-pdf-preview>
-      </div>
-
-      <div class="demo-section">
-        <h3>Different Sizes</h3>
-        <div class="preview-row">
-          <div class="preview-label">Small:</div>
-          <dees-pdf-preview
-            size="small"
-            pdfUrl="https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/examples/learning/helloworld.pdf"
-            maxPages="2"
-            stackOffset="6"
-            clickable="true"
-          ></dees-pdf-preview>
-        </div>
-
-        <div class="preview-row">
-          <div class="preview-label">Default:</div>
-          <dees-pdf-preview
-            pdfUrl="https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/examples/learning/helloworld.pdf"
-            maxPages="3"
-            stackOffset="8"
-            clickable="true"
-          ></dees-pdf-preview>
-        </div>
-
-        <div class="preview-row">
-          <div class="preview-label">Large:</div>
-          <dees-pdf-preview
-            size="large"
-            pdfUrl="https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/examples/learning/helloworld.pdf"
-            maxPages="4"
-            stackOffset="10"
-            clickable="true"
-          ></dees-pdf-preview>
-        </div>
-      </div>
-
-      <div class="demo-section">
-        <h3>Non-Clickable Preview</h3>
-        <dees-pdf-preview
-          pdfUrl="https://raw.githubusercontent.com/mozilla/pdf.js/ba2edeae/examples/learning/helloworld.pdf"
-          maxPages="3"
-          stackOffset="8"
-          clickable="false"
-        ></dees-pdf-preview>
-      </div>
-
-      <div class="demo-section">
-        <h3>Performance Grid - 50 PDFs with Lazy Loading</h3>
-        <p style="margin-bottom: 20px; font-size: 14px; color: #666;">
-          This grid demonstrates the performance optimizations with 50 PDF previews.
-          Scroll to see lazy loading in action - previews render only when visible.
-        </p>
-
-        <div class="preview-grid">
-          ${generateGridItems(50)}
-        </div>
-
-        <div class="performance-stats">
-          <h4>Performance Features</h4>
-          <div class="stats-grid">
-            <div class="stat-item">
-              <span class="stat-label">Lazy Loading</span>
-              <span class="stat-value">✓ Enabled</span>
-            </div>
-            <div class="stat-item">
-              <span class="stat-label">Canvas Pooling</span>
-              <span class="stat-value">✓ Active</span>
-            </div>
-            <div class="stat-item">
-              <span class="stat-label">Memory Management</span>
-              <span class="stat-value">✓ Optimized</span>
-            </div>
-            <div class="stat-item">
-              <span class="stat-label">Intersection Observer</span>
-              <span class="stat-value">200px margin</span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  `;
-};

package/ts_web/elements/00group-media/dees-pdf-preview/index.ts

@@ -1 +0,0 @@
-export * from './component.js';