@kodaris/krubble-components 1.0.43 → 1.0.44

package/dist/file-list/file-list.d.ts

@@ -0,0 +1,49 @@
+import { LitElement } from 'lit';
+export interface KRFile {
+    name: string;
+    url?: string;
+    date?: string;
+    id?: string | number;
+    meta?: string;
+}
+/**
+ * A file list component that displays files with extension-based icons,
+ * download/delete actions, and built-in file preview.
+ *
+ * Clicking a file name opens a full-screen preview via `KRFilePreview.open()`.
+ *
+ * @fires file-click - Fired when a file name is clicked. Detail: `{ file }`
+ * @fires download - Fired when the download icon is clicked. Detail: `{ file }`
+ * @fires delete - Fired when the delete icon is clicked. Detail: `{ file }`
+ *
+ * @example
+ * ```ts
+ * import '@kodaris/krubble-components/file-list';
+ *
+ * const list = document.querySelector('kr-file-list');
+ * list.files = [
+ *   { name: 'photo.png', url: '/files/photo.png', date: '2024-01-15' },
+ *   { name: 'report.pdf', url: '/files/report.pdf', date: '2024-01-10' },
+ * ];
+ * ```
+ */
+export declare class KRFileList extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Array of file objects to display */
+    files: KRFile[];
+    /** Message displayed when the file list is empty */
+    emptyMessage: string;
+    private _handleFileClick;
+    private _handleDownload;
+    private _handleDelete;
+    private _getExtension;
+    private _getExtClass;
+    private _getExtIcon;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kr-file-list': KRFileList;
+    }
+}
+//# sourceMappingURL=file-list.d.ts.map

package/dist/file-list/file-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-list.d.ts","sourceRoot":"","sources":["../../src/file-list/file-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,UAAW,SAAQ,UAAU;IAExC,OAAgB,MAAM,0BAqHpB;IAEF,uCAAuC;IAEvC,KAAK,EAAE,MAAM,EAAE,CAAM;IAErB,oDAAoD;IAEpD,YAAY,SAAc;IAE1B,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,eAAe;IAqBvB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,WAAW;IAmBV,MAAM;CA2BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/dist/file-list/file-list.js

@@ -0,0 +1,269 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { KRFilePreview } from '../file-preview/file-preview.js';
+/**
+ * A file list component that displays files with extension-based icons,
+ * download/delete actions, and built-in file preview.
+ *
+ * Clicking a file name opens a full-screen preview via `KRFilePreview.open()`.
+ *
+ * @fires file-click - Fired when a file name is clicked. Detail: `{ file }`
+ * @fires download - Fired when the download icon is clicked. Detail: `{ file }`
+ * @fires delete - Fired when the delete icon is clicked. Detail: `{ file }`
+ *
+ * @example
+ * ```ts
+ * import '@kodaris/krubble-components/file-list';
+ *
+ * const list = document.querySelector('kr-file-list');
+ * list.files = [
+ *   { name: 'photo.png', url: '/files/photo.png', date: '2024-01-15' },
+ *   { name: 'report.pdf', url: '/files/report.pdf', date: '2024-01-10' },
+ * ];
+ * ```
+ */
+let KRFileList = class KRFileList extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Array of file objects to display */
+        this.files = [];
+        /** Message displayed when the file list is empty */
+        this.emptyMessage = 'No files';
+    }
+    _handleFileClick(file) {
+        this.dispatchEvent(new CustomEvent('file-click', {
+            bubbles: true,
+            composed: true,
+            detail: { file },
+        }));
+        if (file.url) {
+            KRFilePreview.open({ src: file.url, name: file.name });
+        }
+    }
+    _handleDownload(file) {
+        this.dispatchEvent(new CustomEvent('download', {
+            bubbles: true,
+            composed: true,
+            detail: { file },
+        }));
+        if (file.url) {
+            fetch(file.url)
+                .then(response => response.blob())
+                .then(blob => {
+                const blobUrl = URL.createObjectURL(blob);
+                const a = document.createElement('a');
+                a.href = blobUrl;
+                a.download = file.name || 'file';
+                a.click();
+                URL.revokeObjectURL(blobUrl);
+            });
+        }
+    }
+    _handleDelete(file) {
+        this.dispatchEvent(new CustomEvent('delete', {
+            bubbles: true,
+            composed: true,
+            detail: { file },
+        }));
+    }
+    _getExtension(name) {
+        return name.split('.').pop()?.toLowerCase() || '';
+    }
+    _getExtClass(ext) {
+        if (['pdf'].includes(ext)) {
+            return 'file-list__ext--pdf';
+        }
+        if (['doc', 'docx', 'rtf', 'txt'].includes(ext)) {
+            return 'file-list__ext--doc';
+        }
+        if (['xls', 'xlsx', 'csv'].includes(ext)) {
+            return 'file-list__ext--xls';
+        }
+        if (['zip', 'rar', '7z', 'gz', 'tar'].includes(ext)) {
+            return 'file-list__ext--zip';
+        }
+        if (['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'bmp'].includes(ext)) {
+            return 'file-list__ext--img';
+        }
+        return 'file-list__ext--default';
+    }
+    _getExtIcon(ext) {
+        if (['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'bmp'].includes(ext)) {
+            return html `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-4.86 8.86-3 3.87L9 13.14 6 17h12l-3.86-5.14z"/></svg>`;
+        }
+        if (['pdf'].includes(ext)) {
+            return html `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v1zm5 2c0 .83-.67 1.5-1.5 1.5h-2.5V7H15c.83 0 1.5.67 1.5 1.5v3zm4-3H19v1h1.5V11H19v2h-1.5V7h3v1.5zM9 9.5h1v-1H9v1zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm10 5.5h1v-3h-1v3z"/></svg>`;
+        }
+        if (['doc', 'docx', 'rtf', 'txt'].includes(ext)) {
+            return html `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6zm2-6h8v2H8v-2zm0-4h8v2H8v-2zm0 8h5v2H8v-2z"/></svg>`;
+        }
+        if (['xls', 'xlsx', 'csv'].includes(ext)) {
+            return html `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 2v3H5V5h14zm0 5v4H5v-4h14zM5 19v-3h14v3H5zm2-8h4v2H7v-2zm0 5h4v2H7v-2z"/></svg>`;
+        }
+        if (['zip', 'rar', '7z', 'gz', 'tar'].includes(ext)) {
+            return html `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M20 6h-8l-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V6h5.17l2 2H20v10zm-8-4h2v2h-2v-2zm0-4h2v2h-2v-2zm-2 2h2v2h-2v-2z"/></svg>`;
+        }
+        return html `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>`;
+    }
+    render() {
+        if (!this.files.length) {
+            return html `<div class="file-list__empty">${this.emptyMessage}</div>`;
+        }
+        return html `
+      <div class="file-list">
+        ${this.files.map(file => {
+            const ext = this._getExtension(file.name);
+            const metaText = file.meta || file.date || '';
+            return html `
+            <div class="file-list__item">
+              <div class="file-list__ext ${this._getExtClass(ext)}">${this._getExtIcon(ext)}</div>
+              <div class="file-list__info">
+                <a class="file-list__name" @click=${() => this._handleFileClick(file)}>${file.name}</a>
+                ${metaText ? html `<div class="file-list__meta">${metaText}</div>` : ''}
+              </div>
+              <div class="file-list__actions">
+                <svg class="file-list__action" @click=${() => this._handleDownload(file)} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" title="Download"><path d="M19 9h-4V3H9v6H5l7 7 7-7zm-8 2V5h2v6h1.17L12 13.17 9.83 11H11zm-6 7h14v2H5v-2z"/></svg>
+                <svg class="file-list__action file-list__action--delete" @click=${() => this._handleDelete(file)} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" title="Delete"><path d="M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z"/></svg>
+              </div>
+            </div>
+          `;
+        })}
+      </div>
+    `;
+    }
+};
+KRFileList.styles = css `
+    *,
+    *::after,
+    *::before,
+    :host {
+      box-sizing: border-box;
+    }
+
+    :host {
+      display: block;
+    }
+
+    .file-list {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .file-list__item {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      padding: 16px 20px;
+      background: white;
+      transition: background 0.15s;
+    }
+
+    .file-list__item:not(:last-child) {
+      border-bottom: 1px solid #eeeff1;
+    }
+
+    .file-list__item:hover {
+      background: #f8f9fa;
+    }
+
+    .file-list__ext {
+      width: 36px;
+      height: 36px;
+      flex-shrink: 0;
+      border-radius: 6px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 11px;
+      font-weight: 700;
+      text-transform: uppercase;
+      letter-spacing: 0.3px;
+    }
+
+    .file-list__ext svg {
+      width: 20px;
+      height: 20px;
+    }
+
+    .file-list__ext--img { background: #fde8e8; color: #d93025; }
+    .file-list__ext--pdf { background: #fde8e8; color: #c0392b; }
+    .file-list__ext--doc { background: #dbeafe; color: #2563eb; }
+    .file-list__ext--xls { background: #d1fae5; color: #16a34a; }
+    .file-list__ext--zip { background: #fef3c7; color: #b45309; }
+    .file-list__ext--default { background: #f4f5f7; color: #555; }
+
+    .file-list__info {
+      flex: 1;
+      min-width: 0;
+    }
+
+    .file-list__name {
+      font-weight: 500;
+      color: #000;
+      text-decoration: none;
+      cursor: pointer;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      display: block;
+      font-size: 14px;
+    }
+
+    .file-list__name:hover {
+      color: #000;
+      text-decoration: underline;
+    }
+
+    .file-list__meta {
+      font-size: 13px;
+      color: #000;
+      margin-top: 6px;
+    }
+
+    .file-list__actions {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      flex-shrink: 0;
+    }
+
+    .file-list__action {
+      width: 24px;
+      height: 24px;
+      fill: #666;
+      cursor: pointer;
+      transition: fill 0.15s;
+    }
+
+    .file-list__action:hover {
+      fill: #000;
+    }
+
+    .file-list__action--delete:hover {
+      fill: #dc3545;
+    }
+
+    .file-list__empty {
+      color: #000;
+      font-size: 14px;
+      font-style: italic;
+      padding: 20px;
+    }
+  `;
+__decorate([
+    property({ type: Array })
+], KRFileList.prototype, "files", void 0);
+__decorate([
+    property({ type: String, attribute: 'empty-message' })
+], KRFileList.prototype, "emptyMessage", void 0);
+KRFileList = __decorate([
+    customElement('kr-file-list')
+], KRFileList);
+export { KRFileList };
+//# sourceMappingURL=file-list.js.map

package/dist/file-list/file-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-list.js","sourceRoot":"","sources":["../../src/file-list/file-list.ts"],"names":[],"mappings":"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"}

package/dist/file-preview/file-preview.d.ts

@@ -0,0 +1,77 @@
+import { LitElement } from 'lit';
+import '../button/button.js';
+export interface KRFilePreviewOptions {
+    /** URL of the file to preview */
+    src: string;
+    /** Display name shown in the toolbar */
+    name: string;
+}
+/**
+ * A full-screen file preview overlay.
+ *
+ * Supports image files with zoom/pan, PDFs via iframe, and a download
+ * fallback for other file types. Use the static `open()` method to show
+ * the preview imperatively.
+ *
+ * @fires close - Fired when the preview is closed
+ * @fires download - Fired when the download button is clicked. Detail: `{ src, name }`
+ *
+ * @example
+ * ```ts
+ * import { KRFilePreview } from '@kodaris/krubble-components/file-preview';
+ *
+ * KRFilePreview.open({ src: '/files/photo.png', name: 'photo.png' });
+ * ```
+ */
+export declare class KRFilePreview extends LitElement {
+    static styles: import("lit").CSSResult;
+    private static _activePreview;
+    /**
+     * Open a file preview overlay.
+     * @param options - The file source URL and display name
+     * @returns The created file-preview element
+     */
+    static open(options: KRFilePreviewOptions): KRFilePreview;
+    private _zoom;
+    private _panX;
+    private _panY;
+    private _dragging;
+    private _dragStartX;
+    private _dragStartY;
+    private _panStartX;
+    private _panStartY;
+    /** URL of the file to preview */
+    src: string;
+    /** Display name shown in the toolbar */
+    name: string;
+    private _zoomLevel;
+    private _textContent;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _handleKeydown;
+    private _close;
+    private _handleDownload;
+    private _handleZoomIn;
+    private _handleZoomOut;
+    private _handleZoomReset;
+    private _handleDragStart;
+    private _handleDragMove;
+    private _handleDragEnd;
+    private _handleBackdropClick;
+    private _getExtension;
+    private _isImage;
+    private _isPdf;
+    private _isText;
+    private _isCsv;
+    private _loadTextContent;
+    private _formatCsv;
+    private _getFallbackIconClass;
+    private _getFallbackIcon;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kr-file-preview': KRFilePreview;
+    }
+}
+//# sourceMappingURL=file-preview.d.ts.map

package/dist/file-preview/file-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-preview.d.ts","sourceRoot":"","sources":["../../src/file-preview/file-preview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,oBAAoB;IACnC,iCAAiC;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,wCAAwC;IACxC,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,aAAc,SAAQ,UAAU;IAE3C,OAAgB,MAAM,0BAoLpB;IAEF,OAAO,CAAC,MAAM,CAAC,cAAc,CAA8B;IAE3D;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,oBAAoB,GAAG,aAAa;IAazD,OAAO,CAAC,KAAK,CAAO;IACpB,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,UAAU,CAAK;IAEvB,iCAAiC;IAEjC,GAAG,SAAM;IAET,wCAAwC;IAExC,IAAI,SAAM;IAGV,OAAO,CAAC,UAAU,CAAO;IAGzB,OAAO,CAAC,YAAY,CAAuB;IAElC,iBAAiB;IASjB,oBAAoB;IAK7B,OAAO,CAAC,cAAc,CAIpB;IAEF,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,eAAe;IAmBvB,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,gBAAgB;IAexB,OAAO,CAAC,eAAe,CAOrB;IAEF,OAAO,CAAC,cAAc,CAIpB;IAEF,OAAO,CAAC,oBAAoB;IAM5B,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,gBAAgB;IAexB,OAAO,CAAC,UAAU;IA4BlB,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,gBAAgB;IAaf,MAAM;CAkEhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}