@design.estate/dees-catalog 3.45.1 → 3.46.0

package/dist_bundle/bundle.js

@@ -156790,8 +156790,9 @@ var tileBaseStyles = [
       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;
+      transition: box-shadow 0.2s ease;
       box-shadow: 0 1px 3px ${cssManager.bdTheme("rgba(0, 0, 0, 0.12)", "rgba(0, 0, 0, 0.24)")};
+
     }
 
     .tile-container.clickable {
@@ -156799,7 +156800,6 @@ var tileBaseStyles = [
     }
 
     .tile-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)")};
     }
 
@@ -156846,90 +156846,39 @@ var tileBaseStyles = [
       color: white;
     }
 
-    .tile-info {
+    .tile-info-bar {
       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;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      padding: 4px 8px;
+      background: ${cssManager.bdTheme("hsl(0 0% 100% / 0.95)", "hsl(215 20% 12% / 0.95)")};
       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;
-    }
-
-    .tile-info dees-icon {
-      font-size: 13px;
-      color: ${cssManager.bdTheme("hsl(217 91% 60%)", "hsl(213 93% 68%)")};
-    }
-
-    .tile-info-text {
+      font-size: 10px;
       font-weight: 500;
-      font-size: 11px;
-    }
-
-    .tile-badge {
-      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;
+      color: ${cssManager.bdTheme("hsl(215 16% 45%)", "hsl(215 16% 75%)")};
       backdrop-filter: blur(12px);
-      z-index: 15;
-      pointer-events: none;
-      animation: fadeIn 0.2s ease;
-    }
-
-    .tile-badge-corner {
-      position: absolute;
-      bottom: 8px;
-      right: 8px;
-      padding: 3px 8px;
-      background: ${cssManager.bdTheme("hsl(0 0% 0% / 0.6)", "hsl(0 0% 100% / 0.85)")};
-      color: ${cssManager.bdTheme("white", "hsl(215 20% 12%)")};
-      border-radius: 4px;
-      font-size: 10px;
-      font-weight: 600;
+      z-index: 25;
       font-variant-numeric: tabular-nums;
-      backdrop-filter: blur(8px);
-      z-index: 10;
-      pointer-events: none;
     }
 
-    .tile-badge-topright {
-      position: absolute;
-      top: 8px;
-      right: 8px;
-      padding: 3px 8px;
-      background: ${cssManager.bdTheme("hsl(0 0% 0% / 0.6)", "hsl(0 0% 100% / 0.85)")};
-      color: ${cssManager.bdTheme("white", "hsl(215 20% 12%)")};
-      border-radius: 4px;
-      font-size: 10px;
-      font-weight: 600;
-      backdrop-filter: blur(8px);
-      z-index: 15;
-      pointer-events: none;
+    .info-label {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      min-width: 0;
     }
 
-    /* Shift bottom badges up when label is present */
-    .tile-container:has(.tile-label) .tile-badge-corner {
-      bottom: 33px;
+    .info-spacer {
+      flex: 1;
     }
 
-    .tile-container:has(.tile-label) .tile-info {
-      bottom: 33px;
+    .info-detail {
+      white-space: nowrap;
+      opacity: 0.7;
+      flex-shrink: 0;
     }
 
     .tile-loading,
@@ -156975,40 +156924,12 @@ var tileBaseStyles = [
       font-weight: 500;
     }
 
-    .tile-label {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      padding: 6px 10px;
-      background: ${cssManager.bdTheme("hsl(0 0% 100% / 0.95)", "hsl(215 20% 12% / 0.95)")};
-      font-size: 11px;
-      font-weight: 500;
-      color: ${cssManager.bdTheme("hsl(215 16% 35%)", "hsl(215 16% 75%)")};
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      z-index: 10;
-      backdrop-filter: blur(12px);
-    }
-
     @keyframes spin {
       to {
         transform: rotate(360deg);
       }
     }
 
-    @keyframes fadeIn {
-      from {
-        opacity: 0;
-        transform: translateY(-4px);
-      }
-      to {
-        opacity: 1;
-        transform: translateY(0);
-      }
-    }
-
     /* Size variants */
     :host([size="small"]) .tile-container {
       width: 150px;
@@ -157071,12 +156992,14 @@ var DeesTileBase = class extends (_a75 = DeesElement, _clickable_dec = [n5({ typ
 
         ${!this.loading && !this.error ? this.renderTileContent() : ""}
 
-        ${this.label ? b2`
-          <div class="tile-label">${this.label}</div>
-        ` : ""}
+        ${this.renderBottomBar()}
       </div>
     `;
   }
+  /** Subclasses override this to render a bottom info bar with metadata */
+  renderBottomBar() {
+    return "";
+  }
   async connectedCallback() {
     await super.connectedCallback();
     this.setupIntersectionObserver();
@@ -157156,10 +157079,11 @@ var tilePdfStyles = i`
     justify-content: center;
     box-sizing: border-box;
     overflow: hidden;
+    padding: 8px 8px 28px 8px;
   }
 
   .preview-stack.non-a4 {
-    padding: 12px;
+    padding: 12px 12px 28px 12px;
   }
 
   .preview-canvas {
@@ -157217,7 +157141,7 @@ var demo5 = () => {
     <style>
       .demo-container {
         padding: 40px;
-        background: #f5f5f5;
+        background: ${cssManager.bdTheme("#f5f5f5", "#0a0a0a")};
       }
 
       .demo-section {
@@ -157228,6 +157152,7 @@ var demo5 = () => {
         margin-bottom: 20px;
         font-size: 18px;
         font-weight: 600;
+        color: ${cssManager.bdTheme("#09090b", "#fafafa")};
       }
 
       .preview-grid {
@@ -157247,6 +157172,7 @@ var demo5 = () => {
         font-size: 14px;
         font-weight: 500;
         min-width: 100px;
+        color: ${cssManager.bdTheme("#09090b", "#fafafa")};
       }
     </style>
 
@@ -157317,9 +157243,9 @@ var demo5 = () => {
 
 // ts_web/elements/00group-media/dees-tile-pdf/component.ts
 init_dist_ts28();
-var _isA4Format_dec, _isHovering_dec, _rendered_dec, _pageCount_dec, _currentPreviewPage_dec, _pdfUrl_dec2, _a76, _DeesTilePdf_decorators, _init77, _pdfUrl2, _currentPreviewPage, _pageCount, _rendered, _isHovering, _isA4Format;
+var _fileSize_dec, _isA4Format_dec, _isHovering_dec, _rendered_dec, _pageCount_dec, _currentPreviewPage_dec, _pdfUrl_dec2, _a76, _DeesTilePdf_decorators, _init77, _pdfUrl2, _currentPreviewPage, _pageCount, _rendered, _isHovering, _isA4Format, _fileSize;
 _DeesTilePdf_decorators = [t4("dees-tile-pdf")];
-var DeesTilePdf = class extends (_a76 = DeesTileBase, _pdfUrl_dec2 = [n5({ type: String })], _currentPreviewPage_dec = [n5({ type: Number })], _pageCount_dec = [n5({ type: Number })], _rendered_dec = [n5({ type: Boolean })], _isHovering_dec = [n5({ type: Boolean })], _isA4Format_dec = [n5({ type: Boolean })], _a76) {
+var DeesTilePdf = class extends (_a76 = DeesTileBase, _pdfUrl_dec2 = [n5({ type: String })], _currentPreviewPage_dec = [n5({ type: Number })], _pageCount_dec = [n5({ type: Number })], _rendered_dec = [n5({ type: Boolean })], _isHovering_dec = [n5({ type: Boolean })], _isA4Format_dec = [n5({ type: Boolean })], _fileSize_dec = [r5()], _a76) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _pdfUrl2, __runInitializers(_init77, 8, this, "")), __runInitializers(_init77, 11, this);
@@ -157328,6 +157254,7 @@ var DeesTilePdf = class extends (_a76 = DeesTileBase, _pdfUrl_dec2 = [n5({ type:
     __privateAdd(this, _rendered, __runInitializers(_init77, 20, this, false)), __runInitializers(_init77, 23, this);
     __privateAdd(this, _isHovering, __runInitializers(_init77, 24, this, false)), __runInitializers(_init77, 27, this);
     __privateAdd(this, _isA4Format, __runInitializers(_init77, 28, this, true)), __runInitializers(_init77, 31, this);
+    __privateAdd(this, _fileSize, __runInitializers(_init77, 32, this, 0)), __runInitializers(_init77, 35, this);
     __publicField(this, "renderPagesTask", null);
     __publicField(this, "renderPagesQueued", false);
     __publicField(this, "pdfDocument");
@@ -157345,18 +157272,6 @@ var DeesTilePdf = class extends (_a76 = DeesTileBase, _pdfUrl_dec2 = [n5({ type:
         ></canvas>
       </div>
 
-      ${this.pageCount > 1 && this.isHovering ? b2`
-        <div class="tile-badge">
-          Page ${this.currentPreviewPage} of ${this.pageCount}
-        </div>
-      ` : ""}
-
-      ${this.pageCount > 0 && !this.isHovering ? b2`
-        <div class="tile-badge-corner">
-          ${this.pageCount} page${this.pageCount > 1 ? "s" : ""}
-        </div>
-      ` : ""}
-
       ${this.clickable ? b2`
         <div class="tile-overlay">
           <dees-icon icon="lucide:Eye"></dees-icon>
@@ -157365,6 +157280,17 @@ var DeesTilePdf = class extends (_a76 = DeesTileBase, _pdfUrl_dec2 = [n5({ type:
       ` : ""}
     `;
   }
+  renderBottomBar() {
+    if (!this.pageCount && !this.label) return "";
+    return b2`
+      <div class="tile-info-bar">
+        ${this.label ? b2`<span class="info-label" title="${this.label}">${this.label}</span>` : ""}
+        <span class="info-spacer"></span>
+        ${this.pageCount > 1 && this.isHovering ? b2`<span class="info-detail">${this.currentPreviewPage}/${this.pageCount}</span>` : this.pageCount > 0 ? b2`<span class="info-detail">${this.pageCount} pg</span>` : ""}
+        ${this.fileSize > 0 ? b2`<span class="info-detail">${formatFileSize(this.fileSize)}</span>` : ""}
+      </div>
+    `;
+  }
   getTileClickDetail() {
     return {
       pdfUrl: this.pdfUrl,
@@ -157419,6 +157345,11 @@ var DeesTilePdf = class extends (_a76 = DeesTileBase, _pdfUrl_dec2 = [n5({ type:
       this.pdfDocument = await PdfManager.loadDocument(this.pdfUrl);
       this.pageCount = this.pdfDocument.numPages;
       this.currentPreviewPage = 1;
+      try {
+        const downloadInfo = await this.pdfDocument.getDownloadInfo();
+        this.fileSize = downloadInfo.length;
+      } catch {
+      }
       this.loadedPdfUrl = this.pdfUrl;
       this.loading = false;
       await this.updateComplete;
@@ -157654,12 +157585,14 @@ _pageCount = new WeakMap();
 _rendered = new WeakMap();
 _isHovering = new WeakMap();
 _isA4Format = new WeakMap();
+_fileSize = new WeakMap();
 __decorateElement(_init77, 4, "pdfUrl", _pdfUrl_dec2, DeesTilePdf, _pdfUrl2);
 __decorateElement(_init77, 4, "currentPreviewPage", _currentPreviewPage_dec, DeesTilePdf, _currentPreviewPage);
 __decorateElement(_init77, 4, "pageCount", _pageCount_dec, DeesTilePdf, _pageCount);
 __decorateElement(_init77, 4, "rendered", _rendered_dec, DeesTilePdf, _rendered);
 __decorateElement(_init77, 4, "isHovering", _isHovering_dec, DeesTilePdf, _isHovering);
 __decorateElement(_init77, 4, "isA4Format", _isA4Format_dec, DeesTilePdf, _isA4Format);
+__decorateElement(_init77, 4, "fileSize", _fileSize_dec, DeesTilePdf, _fileSize);
 DeesTilePdf = __decorateElement(_init77, 0, "DeesTilePdf", _DeesTilePdf_decorators, DeesTilePdf);
 __publicField(DeesTilePdf, "demo", demo5);
 __publicField(DeesTilePdf, "demoGroups", ["Media", "PDF"]);
@@ -157779,19 +157712,6 @@ var DeesTileImage = class extends (_a77 = DeesTileBase, _src_dec4 = [n5({ type:
         ` : ""}
       </div>
 
-      ${this.imageWidth > 0 && this.imageHeight > 0 ? b2`
-        <div class="tile-badge-topright dimension-badge">
-          ${this.imageWidth} × ${this.imageHeight}
-        </div>
-      ` : ""}
-
-      ${this.imageLoaded ? b2`
-        <div class="tile-info">
-          <dees-icon icon="lucide:Image"></dees-icon>
-          <span class="tile-info-text">${this.imageWidth} × ${this.imageHeight}</span>
-        </div>
-      ` : ""}
-
       ${this.clickable ? b2`
         <div class="tile-overlay">
           <dees-icon icon="lucide:Eye"></dees-icon>
@@ -157800,6 +157720,16 @@ var DeesTileImage = class extends (_a77 = DeesTileBase, _src_dec4 = [n5({ type:
       ` : ""}
     `;
   }
+  renderBottomBar() {
+    if (!this.label && !(this.imageWidth > 0)) return "";
+    return b2`
+      <div class="tile-info-bar">
+        ${this.label ? b2`<span class="info-label" title="${this.label}">${this.label}</span>` : ""}
+        <span class="info-spacer"></span>
+        ${this.imageWidth > 0 && this.imageHeight > 0 ? b2`<span class="info-detail">${this.imageWidth} × ${this.imageHeight}</span>` : ""}
+      </div>
+    `;
+  }
   getTileClickDetail() {
     return {
       src: this.src,
@@ -157882,14 +157812,6 @@ __publicField(DeesTileImage, "styles", [
         opacity: 0;
       }
 
-      .tile-badge-topright.dimension-badge {
-        opacity: 0;
-        transition: opacity 0.2s ease;
-      }
-
-      .tile-container.clickable:hover .tile-badge-topright.dimension-badge {
-        opacity: 1;
-      }
     `
 ]);
 __runInitializers(_init78, 1, DeesTileImage);
@@ -158005,10 +157927,6 @@ var DeesTileAudio = class extends (_a78 = DeesTileBase, _src_dec5 = [n5({ type:
         ` : ""}
       </div>
 
-      ${this.duration > 0 ? b2`
-        <div class="tile-badge-corner">${this.formatTime(this.duration)}</div>
-      ` : ""}
-
       <div class="play-overlay">
         <div class="play-circle">
           <dees-icon icon="lucide:Play"></dees-icon>
@@ -158023,6 +157941,16 @@ var DeesTileAudio = class extends (_a78 = DeesTileBase, _src_dec5 = [n5({ type:
       ` : ""}
     `;
   }
+  renderBottomBar() {
+    if (!this.label && !this.duration) return "";
+    return b2`
+      <div class="tile-info-bar">
+        ${this.label ? b2`<span class="info-label" title="${this.label}">${this.label}</span>` : ""}
+        <span class="info-spacer"></span>
+        ${this.duration > 0 ? b2`<span class="info-detail">${this.formatTime(this.duration)}</span>` : ""}
+      </div>
+    `;
+  }
   getTileClickDetail() {
     return {
       src: this.src,
@@ -158380,10 +158308,6 @@ var DeesTileVideo = class extends (_a79 = DeesTileBase, _src_dec6 = [n5({ type:
         ` : ""}
       </div>
 
-      ${this.duration > 0 ? b2`
-        <div class="tile-badge-corner">${this.formatTime(this.duration)}</div>
-      ` : ""}
-
       ${!this.isHovering ? b2`
         <div class="play-overlay">
           <dees-icon icon="lucide:Play"></dees-icon>
@@ -158398,6 +158322,16 @@ var DeesTileVideo = class extends (_a79 = DeesTileBase, _src_dec6 = [n5({ type:
       ` : ""}
     `;
   }
+  renderBottomBar() {
+    if (!this.label && !this.duration) return "";
+    return b2`
+      <div class="tile-info-bar">
+        ${this.label ? b2`<span class="info-label" title="${this.label}">${this.label}</span>` : ""}
+        <span class="info-spacer"></span>
+        ${this.duration > 0 ? b2`<span class="info-detail">${this.formatTime(this.duration)}</span>` : ""}
+      </div>
+    `;
+  }
   getTileClickDetail() {
     return {
       src: this.src,
@@ -158756,10 +158690,6 @@ var DeesTileNote = class extends (_a80 = DeesTileBase, _title_dec4 = [n5({ type:
     const lines = this.content.split("\n");
     return b2`
       <div class="note-content">
-        ${this.language ? b2`
-          <div class="tile-badge-topright note-language">${this.language}</div>
-        ` : ""}
-
         ${this.title ? b2`
           <div class="note-header">
             <div class="note-title">${this.title}</div>
@@ -158771,11 +158701,6 @@ var DeesTileNote = class extends (_a80 = DeesTileBase, _title_dec4 = [n5({ type:
           ${!this.isHovering ? b2`<div class="note-fade"></div>` : ""}
         </div>
 
-        ${this.isHovering && lines.length > 12 ? b2`
-          <div class="tile-badge-corner">
-            Line ${this.getVisibleLineRange(lines.length)}
-          </div>
-        ` : ""}
       </div>
 
       ${this.clickable ? b2`
@@ -158786,6 +158711,18 @@ var DeesTileNote = class extends (_a80 = DeesTileBase, _title_dec4 = [n5({ type:
       ` : ""}
     `;
   }
+  renderBottomBar() {
+    const lines = this.content.split("\n");
+    if (!this.label && !this.language && !lines.length) return "";
+    return b2`
+      <div class="tile-info-bar">
+        ${this.label ? b2`<span class="info-label" title="${this.label}">${this.label}</span>` : ""}
+        <span class="info-spacer"></span>
+        ${this.language ? b2`<span class="info-detail">${this.language.toUpperCase()}</span>` : ""}
+        ${this.isHovering && lines.length > 12 ? b2`<span class="info-detail">Line ${this.getVisibleLineRange(lines.length)}</span>` : b2`<span class="info-detail">${lines.length} lines</span>`}
+      </div>
+    `;
+  }
   getTileClickDetail() {
     return {
       title: this.title,
@@ -158895,14 +158832,6 @@ __publicField(DeesTileNote, "styles", [
         pointer-events: none;
       }
 
-      .tile-badge-topright.note-language {
-        background: ${cssManager.bdTheme("hsl(215 20% 92%)", "hsl(215 20% 88%)")};
-        color: ${cssManager.bdTheme("hsl(215 16% 50%)", "hsl(215 16% 40%)")};
-        font-size: 9px;
-        text-transform: uppercase;
-        z-index: 5;
-      }
-
       .note-lines {
         position: absolute;
         top: 0;
@@ -159090,10 +159019,6 @@ var DeesTileFolder = class extends (_a81 = DeesTileBase, _name_dec = [n5({ type:
         </div>
       </div>
 
-      <div class="tile-badge-corner">
-        ${this.items.length} item${this.items.length !== 1 ? "s" : ""}
-      </div>
-
       ${this.clickable ? b2`
         <div class="tile-overlay">
           <dees-icon icon="lucide:FolderOpen"></dees-icon>
@@ -159102,6 +159027,16 @@ var DeesTileFolder = class extends (_a81 = DeesTileBase, _name_dec = [n5({ type:
       ` : ""}
     `;
   }
+  renderBottomBar() {
+    if (!this.label && !this.items.length) return "";
+    return b2`
+      <div class="tile-info-bar">
+        ${this.label ? b2`<span class="info-label" title="${this.label}">${this.label}</span>` : ""}
+        <span class="info-spacer"></span>
+        <span class="info-detail">${this.items.length} item${this.items.length !== 1 ? "s" : ""}</span>
+      </div>
+    `;
+  }
   getTileClickDetail() {
     return {
       name: this.name,
@@ -165739,7 +165674,7 @@ init_group_runtime();
 // ts_web/00_commitinfo_data.ts
 var commitinfo = {
   name: "@design.estate/dees-catalog",
-  version: "3.45.1",
+  version: "3.46.0",
   description: "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript."
 };
 export {
@@ -167693,4 +167628,4 @@ ibantools/jsnext/ibantools.js:
    * @preferred
    *)
 */
-//# sourceMappingURL=bundle-1773153733429.js.map
+//# sourceMappingURL=bundle-1773158680364.js.map

package/dist_ts_web/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@design.estate/dees-catalog',
-    version: '3.45.1',
+    version: '3.46.0',
     description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxRQUFRO0lBQ2pCLFdBQVcsRUFBRSxzSkFBc0o7Q0FDcEssQ0FBQSJ9

package/dist_ts_web/elements/00group-media/dees-tile-audio/component.d.ts

@@ -20,6 +20,7 @@ export declare class DeesTileAudio extends DeesTileBase {
     private previewTimeout;
     private hasLoadedWaveform;
     protected renderTileContent(): TemplateResult;
+    protected renderBottomBar(): TemplateResult | string;
     protected getTileClickDetail(): Record<string, unknown>;
     protected onBecameVisible(): void;
     private loadAudioMeta;

package/dist_ts_web/elements/00group-media/dees-tile-audio/component.js

@@ -222,10 +222,6 @@ let DeesTileAudio = (() => {
         ` : ''}
       </div>
 
-      ${this.duration > 0 ? html `
-        <div class="tile-badge-corner">${this.formatTime(this.duration)}</div>
-      ` : ''}
-
       <div class="play-overlay">
         <div class="play-circle">
           <dees-icon icon="lucide:Play"></dees-icon>
@@ -238,6 +234,17 @@ let DeesTileAudio = (() => {
           <span>Play Audio</span>
         </div>
       ` : ''}
+    `;
+        }
+        renderBottomBar() {
+            if (!this.label && !this.duration)
+                return '';
+            return html `
+      <div class="tile-info-bar">
+        ${this.label ? html `<span class="info-label" title="${this.label}">${this.label}</span>` : ''}
+        <span class="info-spacer"></span>
+        ${this.duration > 0 ? html `<span class="info-detail">${this.formatTime(this.duration)}</span>` : ''}
+      </div>
     `;
         }
         getTileClickDetail() {
@@ -377,4 +384,4 @@ let DeesTileAudio = (() => {
     return DeesTileAudio = _classThis;
 })();
 export { DeesTileAudio };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtbWVkaWEvZGVlcy10aWxlLWF1ZGlvL2NvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFFBQVEsRUFDUixLQUFLLEVBQ0wsSUFBSSxFQUNKLGFBQWEsRUFDYixHQUFHLEVBQ0gsVUFBVSxHQUdYLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sV0FBVyxDQUFDO0lBU3BCLGFBQWE7NEJBRHpCLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQzs7OztzQkFDRSxZQUFZOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzZCQUFwQixTQUFRLFdBQVk7Ozs7K0JBdUc1QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7aUNBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztrQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO29DQUcxQixLQUFLLEVBQUU7d0NBR1AsS0FBSyxFQUFFO3lDQUdQLEtBQUssRUFBRTs0Q0FHUCxLQUFLLEVBQUU7WUFqQlIsOEpBQVMsR0FBRyw2QkFBSCxHQUFHLGlGQUFjO1lBRzFCLG9LQUFTLEtBQUssNkJBQUwsS0FBSyxxRkFBYztZQUc1Qix1S0FBUyxNQUFNLDZCQUFOLE1BQU0sdUZBQWM7WUFHN0IsNktBQVMsUUFBUSw2QkFBUixRQUFRLDJGQUFhO1lBRzlCLHlMQUFTLFlBQVksNkJBQVosWUFBWSxtR0FBZ0I7WUFHckMsNExBQVMsYUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtbWVkaWEvZGVlcy10aWxlLWF1ZGlvL2NvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFFBQVEsRUFDUixLQUFLLEVBQ0wsSUFBSSxFQUNKLGFBQWEsRUFDYixHQUFHLEVBQ0gsVUFBVSxHQUdYLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sV0FBVyxDQUFDO0lBU3BCLGFBQWE7NEJBRHpCLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBQzs7OztzQkFDRSxZQUFZOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzZCQUFwQixTQUFRLFdBQVk7Ozs7K0JBdUc1QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7aUNBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztrQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO29DQUcxQixLQUFLLEVBQUU7d0NBR1AsS0FBSyxFQUFFO3lDQUdQLEtBQUssRUFBRTs0Q0FHUCxLQUFLLEVBQUU7WUFqQlIsOEpBQVMsR0FBRyw2QkFBSCxHQUFHLGlGQUFjO1lBRzFCLG9LQUFTLEtBQUssNkJBQUwsS0FBSyxxRkFBYztZQUc1Qix1S0FBUyxNQUFNLDZCQUFOLE1BQU0sdUZBQWM7WUFHN0IsNktBQVMsUUFBUSw2QkFBUixRQUFRLDJGQUFhO1lBRzlCLHlMQUFTLFlBQVksNkJBQVosWUFBWSxtR0FBZ0I7WUFHckMsNExBQVMsYUFB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YyxDQUFDLENBQUM7WUFDcEMsQ0FBQztZQUNELElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO2dCQUN0QixJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUMxQixJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsR0FBRyxFQUFFLENBQUM7Z0JBQzNCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1lBQzNCLENBQUM7UUFDSCxDQUFDO1FBRU8sVUFBVSxDQUFDLE9BQWU7WUFDaEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsSUFBSSxPQUFPLEdBQUcsQ0FBQztnQkFBRSxPQUFPLE1BQU0sQ0FBQztZQUNyRCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUMsQ0FBQztZQUN0QyxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUMsQ0FBQztZQUN0QyxPQUFPLEdBQUcsSUFBSSxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxFQUFFLENBQUM7UUFDdkQsQ0FBQzs7WUExVFUsdURBQWE7Ozs7O1NBQWIsYUFBYSJ9

package/dist_ts_web/elements/00group-media/dees-tile-folder/component.d.ts

@@ -17,5 +17,6 @@ export declare class DeesTileFolder extends DeesTileBase {
     accessor name: string;
     accessor items: ITileFolderItem[];
     protected renderTileContent(): TemplateResult;
+    protected renderBottomBar(): TemplateResult | string;
     protected getTileClickDetail(): Record<string, unknown>;
 }

package/dist_ts_web/elements/00group-media/dees-tile-folder/component.js

@@ -177,16 +177,23 @@ let DeesTileFolder = (() => {
         </div>
       </div>
 
-      <div class="tile-badge-corner">
-        ${this.items.length} item${this.items.length !== 1 ? 's' : ''}
-      </div>
-
       ${this.clickable ? html `
         <div class="tile-overlay">
           <dees-icon icon="lucide:FolderOpen"></dees-icon>
           <span>Open Folder</span>
         </div>
       ` : ''}
+    `;
+        }
+        renderBottomBar() {
+            if (!this.label && !this.items.length)
+                return '';
+            return html `
+      <div class="tile-info-bar">
+        ${this.label ? html `<span class="info-label" title="${this.label}">${this.label}</span>` : ''}
+        <span class="info-spacer"></span>
+        <span class="info-detail">${this.items.length} item${this.items.length !== 1 ? 's' : ''}</span>
+      </div>
     `;
         }
         getTileClickDetail() {
@@ -207,4 +214,4 @@ let DeesTileFolder = (() => {
     return DeesTileFolder = _classThis;
 })();
 export { DeesTileFolder };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtbWVkaWEvZGVlcy10aWxlLWZvbGRlci9jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFDYixHQUFHLEVBQ0gsVUFBVSxHQUdYLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBUWpDLE1BQU0sYUFBYSxHQUEyQjtJQUM1QyxHQUFHLEVBQUUsaUJBQWlCO0lBQ3RCLEtBQUssRUFBRSxjQUFjO0lBQ3JCLEtBQUssRUFBRSxjQUFjO0lBQ3JCLEtBQUssRUFBRSxjQUFjO0lBQ3JCLElBQUksRUFBRSxpQkFBaUI7SUFDdkIsTUFBTSxFQUFFLGVBQWU7SUFDdkIsT0FBTyxFQUFFLGFBQWE7Q0FDdkIsQ0FBQztJQVNXLGNBQWM7NEJBRDFCLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQzs7OztzQkFDRSxZQUFZOzs7Ozs7OzhCQUFwQixTQUFRLFdBQVk7Ozs7Z0NBOEU3QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7aUNBRzFCLFFBQVEsQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQztZQUYvQixpS0FBUyxJQUFJLDZCQUFKLElBQUksbUZBQWM7WUFHM0Isb0tBQVMsS0FBSyw2QkFBTCxLQUFLLHFGQUF5QjtZQWxGekMsNktBbUlDOzs7O1FBbElRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ25CLE1BQU0sQ0FBQyxV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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtbWVkaWEvZGVlcy10aWxlLWZvbGRlci9jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxRQUFRLEVBQ1IsSUFBSSxFQUNKLGFBQWEsRUFDYixHQUFHLEVBQ0gsVUFBVSxHQUdYLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBUWpDLE1BQU0sYUFBYSxHQUEyQjtJQUM1QyxHQUFHLEVBQUUsaUJBQWlCO0lBQ3RCLEtBQUssRUFBRSxjQUFjO0lBQ3JCLEtBQUssRUFBRSxjQUFjO0lBQ3JCLEtBQUssRUFBRSxjQUFjO0lBQ3JCLElBQUksRUFBRSxpQkFBaUI7SUFDdkIsTUFBTSxFQUFFLGVBQWU7SUFDdkIsT0FBTyxFQUFFLGFBQWE7Q0FDdkIsQ0FBQztJQVNXLGNBQWM7NEJBRDFCLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQzs7OztzQkFDRSxZQUFZOzs7Ozs7OzhCQUFwQixTQUFRLFdBQVk7Ozs7Z0NBOEU3QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7aUNBRzFCLFFBQVEsQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQztZQUYvQixpS0FBUyxJQUFJLDZCQUFKLElBQUksbUZBQWM7WUFHM0Isb0tBQVMsS0FBSyw2QkFBTCxLQUFLLHFGQUF5QjtZQWxGekMsNktBMElDOzs7O1FBeklRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ25CLE1BQU0sQ0FBQyxV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