@limetech/lime-crm-building-blocks 1.113.4 → 1.114.0

package/dist/esm/limebb-document-chips.entry.js

@@ -0,0 +1,403 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-d86e55c0.js';
+import { g as getPreviewType } from './extension-mapping-fcade195.js';
+import { g as getFileExtension } from './file-extension-568475d1.js';
+
+// Copy of file icon names from lime-elements.
+// Source: lime-elements/src/components/file/icons.ts
+//
+// Stencil doesn't support exporting utility functions from a component
+// library, so we duplicate them here until a proper shared solution exists.
+const DEFAULT_ICON = 'file';
+const CALENDAR_ICON = 'tear_off_calendar';
+const EMAIL_ICON = 'email';
+const HTML_ICON = 'internet';
+const TEXT_ICON = 'text_box';
+const EXCEL_ICON = 'ms_excel_copyrighted';
+const WORD_ICON = 'ms_word_copyrighted';
+const POWERPOINT_ICON = 'ms_powerpoint_copyrighted';
+const IMAGE_ICON = 'picture';
+const PHOTO_ICON = 'camera';
+const VECTOR_GRAPHIC_ICON = 'vector';
+const PRESENTATION_ICON = 'presentation_filled';
+const DOCUMENT_ICON = 'overview_pages_2';
+const SPREADSHEET_ICON = 'data_sheet';
+const AUDIO_ICON = 'audio_wave';
+const VIDEO_ICON = 'video_file';
+const COMPRESSED_ICON = 'condom_package';
+const MESSAGE_ICON = 'ms_outlook_copyrighted';
+const DATA_ICON = 'database';
+const DEFAULT_FILE_ICON = DEFAULT_ICON;
+const filetypeIconTable = {
+    msg: MESSAGE_ICON,
+    ics: CALENDAR_ICON,
+    ical: CALENDAR_ICON,
+    icalendar: CALENDAR_ICON,
+    ifb: CALENDAR_ICON,
+    email: EMAIL_ICON,
+    eml: EMAIL_ICON,
+    oft: EMAIL_ICON,
+    ost: EMAIL_ICON,
+    emlx: EMAIL_ICON,
+    html: HTML_ICON,
+    xml: HTML_ICON,
+    txt: TEXT_ICON,
+    rtf: TEXT_ICON,
+    dot: WORD_ICON,
+    doc: WORD_ICON,
+    docx: WORD_ICON,
+    dotx: WORD_ICON,
+    docm: WORD_ICON,
+    dotm: WORD_ICON,
+    odt: DOCUMENT_ICON,
+    pages: DOCUMENT_ICON,
+    pdf: 'PDF_2',
+    ppt: POWERPOINT_ICON,
+    pot: POWERPOINT_ICON,
+    pps: POWERPOINT_ICON,
+    pptx: POWERPOINT_ICON,
+    pptm: POWERPOINT_ICON,
+    potx: POWERPOINT_ICON,
+    potm: POWERPOINT_ICON,
+    ppam: POWERPOINT_ICON,
+    ppsx: POWERPOINT_ICON,
+    ppsm: POWERPOINT_ICON,
+    sldx: POWERPOINT_ICON,
+    sldm: POWERPOINT_ICON,
+    odp: PRESENTATION_ICON,
+    key: PRESENTATION_ICON,
+    xls: EXCEL_ICON,
+    xlsx: EXCEL_ICON,
+    csv: SPREADSHEET_ICON,
+    numbers: SPREADSHEET_ICON,
+    jpg: PHOTO_ICON,
+    jpeg: PHOTO_ICON,
+    heic: PHOTO_ICON,
+    bmp: IMAGE_ICON,
+    png: IMAGE_ICON,
+    gif: IMAGE_ICON,
+    psd: 'adobe_photoshop_copyrighted',
+    ai: 'adobe_illustrator_copyrighted',
+    svg: VECTOR_GRAPHIC_ICON,
+    svgz: VECTOR_GRAPHIC_ICON,
+    ep: VECTOR_GRAPHIC_ICON,
+    eps: VECTOR_GRAPHIC_ICON,
+    sketch: VECTOR_GRAPHIC_ICON,
+    mp3: AUDIO_ICON,
+    wav: AUDIO_ICON,
+    wma: AUDIO_ICON,
+    ogg: AUDIO_ICON,
+    avi: VIDEO_ICON,
+    flv: VIDEO_ICON,
+    h264: VIDEO_ICON,
+    mov: VIDEO_ICON,
+    mp4: VIDEO_ICON,
+    mwv: VIDEO_ICON,
+    zip: COMPRESSED_ICON,
+    '7z': COMPRESSED_ICON,
+    rar: COMPRESSED_ICON,
+    json: 'json',
+    yaml: DATA_ICON,
+    sql: DATA_ICON,
+    db: DATA_ICON,
+    dbf: DATA_ICON,
+};
+
+// Copy of file icon fill colors from lime-elements.
+// Source: lime-elements/src/components/file/icon-fill-colors.ts
+//
+// Stencil doesn't support exporting utility functions from a component
+// library, so we duplicate them here until a proper shared solution exists.
+const DEFAULT_ICON_FILL_COLOR = 'rgb(var(--color-gray-dark))';
+const CALENDAR_ICON_FILL_COLOR = 'rgb(var(--color-cyan-dark))';
+const EMAIL_ICON_FILL_COLOR = 'rgb(var(--color-gray-dark))';
+const HTML_ICON_FILL_COLOR = 'rgb(var(--color-blue-dark))';
+const TEXT_ICON_FILL_COLOR = 'rgb(var(--color-yellow-darker))';
+const EXCEL_ICON_FILL_COLOR = 'rgb(var(--color-green-dark))';
+const POWERPOINT_ICON_FILL_COLOR = 'rgb(var(--color-coral-dark))';
+const WORD_ICON_FILL_COLOR = 'rgb(var(--color-sky-dark))';
+const IMAGE_ICON_FILL_COLOR = 'rgb(var(--color-lime-dark))';
+const VECTOR_GRAPHIC_FILL_COLOR = 'rgb(var(--color-magenta-dark))';
+const PRESENTATION_ICON_FILL_COLOR = 'rgb(var(--color-blue-dark))';
+const DOCUMENT_ICON_FILL_COLOR = 'rgb(var(--color-orange-dark))';
+const SPREADSHEET_ICON_FILL_COLOR = 'rgb(var(--color-green-dark))';
+const AUDIO_ICON_FILL_COLOR = 'rgb(var(--color-indigo-dark))';
+const VIDEO_ICON_FILL_COLOR = 'rgb(var(--color-red-dark))';
+const COMPRESSED_ICON_FILL_COLOR = 'rgb(var(--color-brown-default))';
+const MESSAGE_ICON_FILL_COLOR = 'rgb(var(--color-yellow-dark))';
+const PDF_ICON_FILL_COLOR = 'rgb(var(--color-red-dark))';
+const DATA_ICON_FILL_COLOR = 'rgb(var(--color-glaucous-dark))';
+const DEFAULT_ICON_FILL = DEFAULT_ICON_FILL_COLOR;
+const filetypeFillColorTable = {
+    msg: MESSAGE_ICON_FILL_COLOR,
+    ics: CALENDAR_ICON_FILL_COLOR,
+    ical: CALENDAR_ICON_FILL_COLOR,
+    icalendar: CALENDAR_ICON_FILL_COLOR,
+    ifb: CALENDAR_ICON_FILL_COLOR,
+    email: EMAIL_ICON_FILL_COLOR,
+    eml: EMAIL_ICON_FILL_COLOR,
+    oft: EMAIL_ICON_FILL_COLOR,
+    ost: EMAIL_ICON_FILL_COLOR,
+    emlx: EMAIL_ICON_FILL_COLOR,
+    html: HTML_ICON_FILL_COLOR,
+    xml: HTML_ICON_FILL_COLOR,
+    txt: TEXT_ICON_FILL_COLOR,
+    rtf: TEXT_ICON_FILL_COLOR,
+    dot: WORD_ICON_FILL_COLOR,
+    doc: WORD_ICON_FILL_COLOR,
+    docx: WORD_ICON_FILL_COLOR,
+    dotx: WORD_ICON_FILL_COLOR,
+    docm: WORD_ICON_FILL_COLOR,
+    dotm: WORD_ICON_FILL_COLOR,
+    odt: DOCUMENT_ICON_FILL_COLOR,
+    pages: DOCUMENT_ICON_FILL_COLOR,
+    pdf: PDF_ICON_FILL_COLOR,
+    ppt: POWERPOINT_ICON_FILL_COLOR,
+    pot: POWERPOINT_ICON_FILL_COLOR,
+    pps: POWERPOINT_ICON_FILL_COLOR,
+    pptx: POWERPOINT_ICON_FILL_COLOR,
+    pptm: POWERPOINT_ICON_FILL_COLOR,
+    potx: POWERPOINT_ICON_FILL_COLOR,
+    potm: POWERPOINT_ICON_FILL_COLOR,
+    ppam: POWERPOINT_ICON_FILL_COLOR,
+    ppsx: POWERPOINT_ICON_FILL_COLOR,
+    ppsm: POWERPOINT_ICON_FILL_COLOR,
+    sldx: POWERPOINT_ICON_FILL_COLOR,
+    sldm: POWERPOINT_ICON_FILL_COLOR,
+    odp: PRESENTATION_ICON_FILL_COLOR,
+    key: PRESENTATION_ICON_FILL_COLOR,
+    xls: EXCEL_ICON_FILL_COLOR,
+    xlsx: EXCEL_ICON_FILL_COLOR,
+    csv: DEFAULT_ICON_FILL_COLOR,
+    numbers: SPREADSHEET_ICON_FILL_COLOR,
+    bmp: IMAGE_ICON_FILL_COLOR,
+    jpg: IMAGE_ICON_FILL_COLOR,
+    jpeg: IMAGE_ICON_FILL_COLOR,
+    heic: IMAGE_ICON_FILL_COLOR,
+    png: IMAGE_ICON_FILL_COLOR,
+    gif: IMAGE_ICON_FILL_COLOR,
+    psd: PRESENTATION_ICON_FILL_COLOR,
+    ai: DOCUMENT_ICON_FILL_COLOR,
+    svg: VECTOR_GRAPHIC_FILL_COLOR,
+    svgz: VECTOR_GRAPHIC_FILL_COLOR,
+    ep: VECTOR_GRAPHIC_FILL_COLOR,
+    eps: VECTOR_GRAPHIC_FILL_COLOR,
+    sketch: VECTOR_GRAPHIC_FILL_COLOR,
+    mp3: AUDIO_ICON_FILL_COLOR,
+    wav: AUDIO_ICON_FILL_COLOR,
+    wma: AUDIO_ICON_FILL_COLOR,
+    ogg: AUDIO_ICON_FILL_COLOR,
+    flv: VIDEO_ICON_FILL_COLOR,
+    h264: VIDEO_ICON_FILL_COLOR,
+    mov: VIDEO_ICON_FILL_COLOR,
+    mp4: VIDEO_ICON_FILL_COLOR,
+    mwv: VIDEO_ICON_FILL_COLOR,
+    zip: COMPRESSED_ICON_FILL_COLOR,
+    '7z': COMPRESSED_ICON_FILL_COLOR,
+    rar: COMPRESSED_ICON_FILL_COLOR,
+    json: DATA_ICON_FILL_COLOR,
+    yaml: DATA_ICON_FILL_COLOR,
+    sql: DATA_ICON_FILL_COLOR,
+    db: DATA_ICON_FILL_COLOR,
+    dbf: DATA_ICON_FILL_COLOR,
+};
+
+// Copy of file icon background colors from lime-elements.
+// Source: lime-elements/src/components/file/icon-background-colors.ts
+//
+// Stencil doesn't support exporting utility functions from a component
+// library, so we duplicate them here until a proper shared solution exists.
+const DEFAULT_ICON_BACKGROUND_COLOR = 'rgba(var(--color-gray-lighter), 0.4)';
+const CALENDAR_ICON_BACKGROUND_COLOR = 'rgba(var(--color-cyan-lighter), 0.4)';
+const EMAIL_ICON_BACKGROUND_COLOR = 'rgba(var(--color-gray-lighter), 0.4)';
+const HTML_ICON_BACKGROUND_COLOR = 'rgba(var(--color-blue-lighter), 0.4)';
+const TEXT_ICON_BACKGROUND_COLOR = 'rgba(var(--color-yellow-lighter), 0.4)';
+const EXCEL_ICON_BACKGROUND_COLOR = 'rgba(var(--color-green-lighter), 0.4)';
+const POWERPOINT_ICON_BACKGROUND_COLOR = 'rgba(var(--color-coral-lighter), 0.4)';
+const WORD_ICON_BACKGROUND_COLOR = 'rgba(var(--color-sky-lighter), 0.4)';
+const IMAGE_ICON_BACKGROUND_COLOR = 'rgba(var(--color-lime-lighter), 0.4)';
+const VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR = 'rgba(var(--color-magenta-lighter), 0.4)';
+const PRESENTATION_BACKGROUND_COLOR = 'rgba(var(--color-blue-lighter), 0.4)';
+const DOCUMENT_ICON_BACKGROUND_COLOR = 'rgba(var(--color-orange-lighter), 0.4)';
+const SPREADSHEET_ICON_BACKGROUND_COLOR = 'rgba(var(--color-green-lighter), 0.4)';
+const AUDIO_ICON_BACKGROUND_COLOR = 'rgba(var(--color-indigo-lighter), 0.4)';
+const VIDEO_ICON_BACKGROUND_COLOR = 'rgba(var(--color-red-lighter), 0.4)';
+const COMPRESSED_ICON_BACKGROUND_COLOR = 'rgba(var(--color-orange-lighter), 0.4)';
+const MESSAGE_ICON_BACKGROUND_COLOR = 'rgba(var(--color-yellow-lighter), 0.4)';
+const PDF_ICON_BACKGROUND_COLOR = 'rgba(var(--color-red-lighter), 0.4)';
+const DATA_ICON_BACKGROUND_COLOR = 'rgba(var(--color-glaucous-lighter), 0.4)';
+const DEFAULT_ICON_BACKGROUND = DEFAULT_ICON_BACKGROUND_COLOR;
+const filetypeBackgroundColorTable = {
+    msg: MESSAGE_ICON_BACKGROUND_COLOR,
+    ics: CALENDAR_ICON_BACKGROUND_COLOR,
+    ical: CALENDAR_ICON_BACKGROUND_COLOR,
+    icalendar: CALENDAR_ICON_BACKGROUND_COLOR,
+    ifb: CALENDAR_ICON_BACKGROUND_COLOR,
+    email: EMAIL_ICON_BACKGROUND_COLOR,
+    eml: EMAIL_ICON_BACKGROUND_COLOR,
+    oft: EMAIL_ICON_BACKGROUND_COLOR,
+    ost: EMAIL_ICON_BACKGROUND_COLOR,
+    emlx: EMAIL_ICON_BACKGROUND_COLOR,
+    html: HTML_ICON_BACKGROUND_COLOR,
+    xml: HTML_ICON_BACKGROUND_COLOR,
+    txt: TEXT_ICON_BACKGROUND_COLOR,
+    rtf: TEXT_ICON_BACKGROUND_COLOR,
+    dot: WORD_ICON_BACKGROUND_COLOR,
+    doc: WORD_ICON_BACKGROUND_COLOR,
+    docx: WORD_ICON_BACKGROUND_COLOR,
+    dotx: WORD_ICON_BACKGROUND_COLOR,
+    docm: WORD_ICON_BACKGROUND_COLOR,
+    dotm: WORD_ICON_BACKGROUND_COLOR,
+    odt: DOCUMENT_ICON_BACKGROUND_COLOR,
+    pages: DOCUMENT_ICON_BACKGROUND_COLOR,
+    pdf: PDF_ICON_BACKGROUND_COLOR,
+    ppt: POWERPOINT_ICON_BACKGROUND_COLOR,
+    pot: POWERPOINT_ICON_BACKGROUND_COLOR,
+    pps: POWERPOINT_ICON_BACKGROUND_COLOR,
+    pptx: POWERPOINT_ICON_BACKGROUND_COLOR,
+    pptm: POWERPOINT_ICON_BACKGROUND_COLOR,
+    potx: POWERPOINT_ICON_BACKGROUND_COLOR,
+    potm: POWERPOINT_ICON_BACKGROUND_COLOR,
+    ppam: POWERPOINT_ICON_BACKGROUND_COLOR,
+    ppsx: POWERPOINT_ICON_BACKGROUND_COLOR,
+    ppsm: POWERPOINT_ICON_BACKGROUND_COLOR,
+    sldx: POWERPOINT_ICON_BACKGROUND_COLOR,
+    sldm: POWERPOINT_ICON_BACKGROUND_COLOR,
+    odp: PRESENTATION_BACKGROUND_COLOR,
+    key: PRESENTATION_BACKGROUND_COLOR,
+    xls: EXCEL_ICON_BACKGROUND_COLOR,
+    xlsx: EXCEL_ICON_BACKGROUND_COLOR,
+    csv: DEFAULT_ICON_BACKGROUND_COLOR,
+    numbers: SPREADSHEET_ICON_BACKGROUND_COLOR,
+    bmp: IMAGE_ICON_BACKGROUND_COLOR,
+    jpg: IMAGE_ICON_BACKGROUND_COLOR,
+    jpeg: IMAGE_ICON_BACKGROUND_COLOR,
+    heic: IMAGE_ICON_BACKGROUND_COLOR,
+    png: IMAGE_ICON_BACKGROUND_COLOR,
+    gif: IMAGE_ICON_BACKGROUND_COLOR,
+    psd: PRESENTATION_BACKGROUND_COLOR,
+    ai: DOCUMENT_ICON_BACKGROUND_COLOR,
+    svg: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,
+    svgz: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,
+    ep: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,
+    eps: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,
+    sketch: VECTOR_GRAPHIC_ICON_BACKGROUND_COLOR,
+    mp3: AUDIO_ICON_BACKGROUND_COLOR,
+    wav: AUDIO_ICON_BACKGROUND_COLOR,
+    wma: AUDIO_ICON_BACKGROUND_COLOR,
+    ogg: AUDIO_ICON_BACKGROUND_COLOR,
+    flv: VIDEO_ICON_BACKGROUND_COLOR,
+    h264: VIDEO_ICON_BACKGROUND_COLOR,
+    mov: VIDEO_ICON_BACKGROUND_COLOR,
+    mp4: VIDEO_ICON_BACKGROUND_COLOR,
+    mwv: VIDEO_ICON_BACKGROUND_COLOR,
+    zip: COMPRESSED_ICON_BACKGROUND_COLOR,
+    '7z': COMPRESSED_ICON_BACKGROUND_COLOR,
+    rar: COMPRESSED_ICON_BACKGROUND_COLOR,
+    json: DATA_ICON_BACKGROUND_COLOR,
+    yaml: DATA_ICON_BACKGROUND_COLOR,
+    sql: DATA_ICON_BACKGROUND_COLOR,
+    db: DATA_ICON_BACKGROUND_COLOR,
+    dbf: DATA_ICON_BACKGROUND_COLOR,
+};
+
+/**
+ * Returns an icon with name, fill color, and background color
+ * based on the file extension of the given filename.
+ *
+ * @param filename - the filename to get the icon for
+ */
+function getFileIcon(filename) {
+    const extension = getFileExtension(filename);
+    return {
+        name: filetypeIconTable[extension] || DEFAULT_FILE_ICON,
+        color: filetypeFillColorTable[extension] || DEFAULT_ICON_FILL,
+        backgroundColor: filetypeBackgroundColorTable[extension] || DEFAULT_ICON_BACKGROUND,
+    };
+}
+
+const documentChipsCss = ":host(limebb-document-chips){box-sizing:border-box;display:flex;flex-wrap:wrap;gap:0.25rem;width:100%}*{box-sizing:border-box;min-width:0}limebb-summary-popover{max-width:100%}limel-chip{max-width:18rem}";
+const LimebbDocumentChipsStyle0 = documentChipsCss;
+
+const DocumentChips = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.removeFile = createEvent(this, "removeFile", 7);
+        /**
+         * The list of files to display as document chips.
+         */
+        this.files = [];
+        this.blobUrls = new Map();
+        this.handleRemove = (event) => {
+            event.stopPropagation();
+            const fileId = event.detail;
+            this.revokeBlobUrl(fileId);
+            this.removeFile.emit(fileId);
+        };
+    }
+    onFilesChanged(newFiles, oldFiles) {
+        const currentIds = new Set(newFiles.map((file) => file.id));
+        for (const file of oldFiles) {
+            if (!currentIds.has(file.id)) {
+                this.revokeBlobUrl(file.id);
+            }
+        }
+    }
+    disconnectedCallback() {
+        this.revokeAllBlobUrls();
+    }
+    render() {
+        return (h(Host, { key: '6c8347de35ccd6061c8fa282820210f6a3bcc2c8', role: "list", "aria-label": this.accessibleLabel }, this.files.map((file) => this.renderFile(file))));
+    }
+    renderFile(file) {
+        const isReady = !file.uploadState || file.uploadState === 'done';
+        const icon = this.getIcon(file);
+        const chip = (h("limel-chip", { role: isReady ? undefined : 'listitem', slot: isReady ? 'trigger' : undefined, removable: true, identifier: file.id, text: file.filename, icon: icon, invalid: file.uploadState === 'failed', progress: file.uploadState === 'uploading'
+                ? file.uploadProgress
+                : undefined, loading: file.uploadState === 'added' ||
+                file.uploadState === 'finalizing', onRemove: this.handleRemove }));
+        if (!isReady) {
+            return chip;
+        }
+        return (h("limebb-summary-popover", { role: "listitem", file: Object.assign(Object.assign({}, file), { href: this.getPreviewUrl(file) }), popoverMaxWidth: "32rem", popoverMaxHeight: "32rem", triggerDelay: 1000 }, chip));
+    }
+    getIcon(file) {
+        if (file.icon) {
+            return file.icon;
+        }
+        return getFileIcon(file.filename);
+    }
+    getPreviewUrl(file) {
+        const extension = getFileExtension(file.filename);
+        const previewType = getPreviewType(extension);
+        if (previewType === 'sharepoint') {
+            return undefined;
+        }
+        if (file.href) {
+            return file.href;
+        }
+        if (file.fileContent) {
+            if (!this.blobUrls.has(file.id)) {
+                this.blobUrls.set(file.id, URL.createObjectURL(file.fileContent));
+            }
+            return this.blobUrls.get(file.id);
+        }
+    }
+    revokeBlobUrl(fileId) {
+        const url = this.blobUrls.get(fileId);
+        if (url) {
+            URL.revokeObjectURL(url);
+            this.blobUrls.delete(fileId);
+        }
+    }
+    revokeAllBlobUrls() {
+        for (const url of this.blobUrls.values())
+            URL.revokeObjectURL(url);
+        this.blobUrls.clear();
+    }
+    static get watchers() { return {
+        "files": ["onFilesChanged"]
+    }; }
+};
+DocumentChips.style = LimebbDocumentChipsStyle0;
+
+export { DocumentChips as limebb_document_chips };

package/dist/esm/limebb-document-item.entry.js

@@ -115,10 +115,10 @@ const DocumentItemComponent = class {
     render() {
         const isUnavailable = this.isUnavailable();
         const image = this.getImage();
-        return (h(Host, { key: 'dcde12cbad8827bf2a24aeed5f79a2a142ccd447', id: String(this.item.file.id), class: {
+        return (h(Host, { key: 'b8c73e13073f66162b66a62f88b8b301a6a139d4', id: String(this.item.file.id), class: {
                 'has-image': !!image,
                 'has-error': !!this.item.hasError,
-            }, role: this.type === 'radio' ? 'radio' : 'checkbox', "aria-checked": this.item.selected ? 'true' : 'false', "aria-disabled": isUnavailable ? 'true' : 'false', tabIndex: isUnavailable ? -1 : 0 }, h("limel-card", { key: '9ff6628132ce3d11e0f714dc986a7e22cd0c7a76', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '64d7d70132e981fdb8d2e19edf467bfa25b5957e', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
+            }, role: this.type === 'radio' ? 'radio' : 'checkbox', "aria-checked": this.item.selected ? 'true' : 'false', "aria-disabled": isUnavailable ? 'true' : 'false', tabIndex: isUnavailable ? -1 : 0 }, h("limel-card", { key: '19cf30dc7a3ce2647ddc2abbd177b9f18db8001d', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'd3a2c411d3cbbe4e554f9701af6f2191a4b2078d', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
     }
     renderBooleanInput() {
         const id = this.getControlId();

package/dist/esm/limebb-document-picker.entry.js

@@ -67,7 +67,7 @@ const DocumentPicker = class {
         this.labelId = createRandomString();
     }
     render() {
-        return (h(Host, { key: '6554eadab98c010e090558343f2b7fe02f0ff30f' }, h("limel-notched-outline", { key: 'cb70c92e464ec41cc7792825dbf341b73c0d51b5', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: 'b2e41fd16407b1a3218c07a4e205bdb60f442ae3', slot: "content", role: this.type === 'radio' ? 'radiogroup' : 'group', "aria-labelledby": this.label ? this.labelId : undefined, "aria-describedby": this.helperText ? this.helperTextId : undefined }, this.renderItems())), this.renderHelperLine()));
+        return (h(Host, { key: '8f6613354bdee3af42920f78325b2e1a76bbf91e' }, h("limel-notched-outline", { key: '9b4b665b76f4c1fc1047052824c7cff1dcd7c495', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: '1578066ee0b76f4344389a91c68b09b5955bae90', slot: "content", role: this.type === 'radio' ? 'radiogroup' : 'group', "aria-labelledby": this.label ? this.labelId : undefined, "aria-describedby": this.helperText ? this.helperTextId : undefined }, this.renderItems())), this.renderHelperLine()));
     }
     renderItems() {
         return this.items.map((item) => (h("limebb-document-item", { platform: this.platform, context: this.context, item: item, key: item.file.id, type: this.type, onInteract: this.handleItemInteract })));

package/dist/esm/limebb-feed-item-thumbnail-file-info.entry.js

@@ -8,7 +8,7 @@ const FeedItemThumbnailFileInfo = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("span", { key: '069a5fa52cbf4a8af6bd2b1a39b06a55b2425cf9' }, this.description);
+        return h("span", { key: 'e651265e23288802ee6d89e3cfe5e0f7bd8073c3' }, this.description);
     }
 };
 FeedItemThumbnailFileInfo.style = LimebbFeedItemThumbnailFileInfoStyle0;

package/dist/esm/limebb-feed-timeline-item.entry.js

@@ -205,7 +205,7 @@ const FeedTimelineItem = class {
     render() {
         var _a, _b;
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: '23db557be6e62f605b3d457209d3e03e47b88510', id: this.item.id, class: {
+        return (h(Host, { key: 'de138a29c33bcf4b77e6699b4ecc5dd4acde1c56', id: this.item.id, class: {
                 'has-unpromoted-actions': !!((_a = this.item.unpromotedActions) === null || _a === void 0 ? void 0 : _a.length),
                 'has-author-picture': !!((_b = this.item.author) === null || _b === void 0 ? void 0 : _b.picture),
                 'shows-less': !this.showMore,

package/dist/esm/limebb-feed.entry.js

@@ -237,7 +237,7 @@ const Feed = class {
         this.highlighter.unregisterFeed(this.feedItemElement);
     }
     render() {
-        return (h(Host, { key: 'ba514e5c049d1c06260bca13834317688f5c8966', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
+        return (h(Host, { key: 'b56f2996447a80c5cf12f83fce2ca05de53553e4', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
                 '--limebb-feed-highlight-duration': `${ITEM_HIGHLIGHT_DURATION}ms`,
             } }, this.renderLoadMore(), this.renderEmptyFeedMessage(), this.renderSpinner(), this.renderFeedItems()));
     }

package/dist/esm/limebb-icon-picker.entry.js

@@ -52993,7 +52993,7 @@ const IconPicker = class {
                 icon: this.value,
             };
         }
-        return (h("limel-picker", { key: '9ab148e0ae9bf8095b4f018303b7d13821a8ce83', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, value: value, searcher: this.search, onChange: this.handleChange, badgeIcons: false, leadingIcon: "search", searchLabel: "Start typing to find the right icon" }));
+        return (h("limel-picker", { key: 'd86348e6a8d4e6aa03ac880565cfd53eccfa4aff', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, value: value, searcher: this.search, onChange: this.handleChange, badgeIcons: false, leadingIcon: "search", searchLabel: "Start typing to find the right icon" }));
     }
 };
 

package/dist/esm/limebb-info-tile-format.entry.js

@@ -92,7 +92,7 @@ const InfoTileAdminConfig = class {
             },
         ];
         return [
-            h("limel-button-group", { key: '971f24abda709fdf0b6803037557472bbec9c357', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
+            h("limel-button-group", { key: 'cac8e4793eb19e3f4d959a7a53115954b190eddf', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
             this.renderFormatConfig(),
         ];
     }

package/dist/esm/limebb-info-tile.entry.js

@@ -433,7 +433,7 @@ const InfoTile = class {
         const errorProps = Object.assign(Object.assign({}, baseProps), { icon: 'error', prefix: 'ERROR', loading: true, label: this.getLabel(filter) });
         const normalProps = Object.assign(Object.assign({}, baseProps), { label: this.getLabel(filter), link: this.getLink(filter), loading: this.loading, value: value === null || value === void 0 ? void 0 : value.value.trim() });
         const props = !filter || this.error ? errorProps : normalProps;
-        return (h("limel-info-tile", Object.assign({ key: '9634fc3d797fa0382b9e0eca1eabf67c19ffa4a6', class: { error: !filter || this.error } }, props)));
+        return (h("limel-info-tile", Object.assign({ key: '1211ee931d2cf7a5a3c13896515812ddbcab29f2', class: { error: !filter || this.error } }, props)));
     }
     getFormattedValue() {
         if (!this.value && this.value !== 0) {

package/dist/esm/limebb-kanban-group.entry.js

@@ -28,7 +28,7 @@ const KanbanGroup = class {
         };
     }
     render() {
-        return (h(Host, { key: '1257ca054481efc8f33ad7b9fb729ee8304e5539' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
+        return (h(Host, { key: '45122f5462476d2c0c9a44af4c5281ef510fdea1' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
     }
     renderGroupSummary() {
         if (!this.summary || !this.totalCount) {

package/dist/esm/limebb-kanban-item.entry.js

@@ -56,7 +56,7 @@ const KanbanItemComponent = class {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '4c57d77052c3773be3ec323f34769095d514d82b', id: this.item.id.toString(), class: {
+        return (h(Host, { key: 'b426be161e49623843ff6c47cddad048177ca441', id: this.item.id.toString(), class: {
                 'has-unpromoted-actions': !!((_a = this.item.unpromotedActions) === null || _a === void 0 ? void 0 : _a.length),
                 'is-selected': !!((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected),
             }, style: {

package/dist/esm/limebb-lime-query-builder.entry.js

@@ -150,7 +150,7 @@ const LimeQueryBuilder = class {
         }
     }
     render() {
-        return (h(Host, { key: '683e54464031d37a38480a55aed3e3006ec9e806' }, this.renderHeader(), this.renderContent()));
+        return (h(Host, { key: '883901b3f445419dad53e7c02dd160ad7483c0cb' }, this.renderHeader(), this.renderContent()));
     }
     renderContent() {
         const visualModeSupported = this.checkVisualModeSupport();

package/dist/esm/limebb-lime-query-filter-builder_3.entry.js

@@ -195,7 +195,7 @@ const OrderByEditor = class {
         }
     }
     render() {
-        return (h(Host, { key: 'b0caaa11dcb633423bae612e22105de44ed1a7a1' }, this.renderEmptyState(), this.renderOrderByEditor()));
+        return (h(Host, { key: 'accbc6c9e4d55d7480a0742da0bc96db3077fbf1' }, this.renderEmptyState(), this.renderOrderByEditor()));
     }
     renderEmptyState() {
         if (this.limetype) {
@@ -323,7 +323,7 @@ const LimetypeField = class {
             value: '',
         };
         options.unshift(emptyOption);
-        return (h("limel-select", { key: '098e8b2996788bdfdb785e602173c1a75f506661', label: this.label, options: options, value: selectedOption, required: this.required, helperText: this.helperText, invalid: invalid, disabled: this.disabled || this.readonly, onChange: this.handleChange }));
+        return (h("limel-select", { key: '6157ed54a38920f001fa79b5a39c48b677826dd5', label: this.label, options: options, value: selectedOption, required: this.required, helperText: this.helperText, invalid: invalid, disabled: this.disabled || this.readonly, onChange: this.handleChange }));
     }
     componentWillRender() {
         this.updatePropertyFields(this.value || '');

package/dist/esm/limebb-lime-query-filter-comparison_2.entry.js

@@ -106,7 +106,7 @@ const LimeQueryFilterComparisonComponent = class {
         };
     }
     render() {
-        return (h(Host, { key: '1bbb2389d353b5a1b174ee5423ab524a350d5810' }, this.renderHeader(), h("div", { key: 'a81fed03577d534e509ddcbc9ef66456191fe53f', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: 'e3f76847095e0d586d7c72e6750acb220a187e6e', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
+        return (h(Host, { key: '008be722e21a16f4e2f80f655f70a564a9b1e38d' }, this.renderHeader(), h("div", { key: '2cd041b142596671c7ead3849406b8fa65c29926', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: '1fb2fc8a0cec0b70f5d3c24a976f0f436a294eae', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
     }
     renderHeader() {
         if (!this.label) {

package/dist/esm/limebb-lime-query-filter-group_3.entry.js

@@ -180,9 +180,9 @@ const LimeQueryFilterGroupComponent = class {
                 (this.expression.op === re.AND ? 'and' : 'or')) || this.options[0];
     }
     render() {
-        return (h(Host, { key: '3543d72a3edb0c320abb3f9379d338d36ad6d6c4', style: {
+        return (h(Host, { key: 'a93a715b9bd65e6e9381083aef11951588471fc5', style: {
                 '--limebb-lime-query-filter-group-operator': `"${this.expression.op === re.AND ? 'AND' : 'OR'}"`,
-            } }, h("div", { key: '01bed380a233e8add40afb4d45c1606fb28989fc', class: "expression" }, this.renderHeader(), h("ul", { key: '7b6ac524a60a7782ca1ecc7759040d4eca3647ef' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
+            } }, h("div", { key: 'efbf025924e34613504f38db66affa1650bfe70c', class: "expression" }, this.renderHeader(), h("ul", { key: '6e287058fb7969124e4f22b42b32b14d80c0511f' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
     }
     renderHeader() {
         const subheading = this.getSubheading();
@@ -237,7 +237,7 @@ const LimeQueryFilterNotComponent = class {
         };
     }
     render() {
-        return (h("div", { key: '7ee2b42fce778c2239a8537cf3d9ce6808c97d79', class: "expression" }, this.label && h("limel-header", { key: 'd14cadc9ca8522a637614952579c760943df27f9', heading: this.label }), h("limebb-lime-query-filter-expression", { key: 'd9b52ba968caafd32405744ebff05f216b805f56', platform: this.platform, context: this.context, label: "Not", limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression.exp, onExpressionChange: this.handleExpressionChange })));
+        return (h("div", { key: '2967dd36cabe81bc1f140be7d11d471b1f29f5e7', class: "expression" }, this.label && h("limel-header", { key: '5a7ab204d8c0d45706ad61b1db8d1ef3acfb0731', heading: this.label }), h("limebb-lime-query-filter-expression", { key: 'ee8ea7f9eeb111d77abbcecd98d61e550ff8cdb9', platform: this.platform, context: this.context, label: "Not", limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression.exp, onExpressionChange: this.handleExpressionChange })));
     }
 };
 LimeQueryFilterNotComponent.style = LimebbLimeQueryFilterNotStyle0;

package/dist/esm/limebb-lime-query-order-by-item.entry.js

@@ -37,9 +37,9 @@ const OrderByItemComponent = class {
     render() {
         const propertyPath = Object.keys(this.item)[0] || '';
         const direction = this.item[propertyPath] || 'ASC';
-        return (h(Host, { key: 'c0f53a833675b0f086791cdd408e1cffe4fe0f63' }, h("limebb-property-selector", { key: 'd7dc95d9b452334db487494d012ae80dbd3cc3fb', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: 'f7e70e87cf611acee5b74f2d04416055834b3dcd', class: "control-buttons" }, h("limel-icon-button", { key: 'ca44aa6f7cd6fbadafafe09540494f95215b4d8c', icon: direction === 'ASC'
+        return (h(Host, { key: 'd9acb6f013d44d467410a7ed0f318d668bf54055' }, h("limebb-property-selector", { key: '419cfc3264a1fcae40888cc43f5c60a68f2f23db', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: 'b85f69b1596a61d6d0b63cf857e5b0382f2b6e8c', class: "control-buttons" }, h("limel-icon-button", { key: 'd7beb38b2452bd41ab1cd5f273292c9e58be15cf', icon: direction === 'ASC'
                 ? 'sort_ascending'
-                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '92a21267fc8c803c59a686064a77103ddcba71fd', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
+                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '0407b6a44822a4ee182aa95140fe8d9fd01dc377', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
     }
 };
 OrderByItemComponent.style = LimebbLimeQueryOrderByItemStyle0;

package/dist/esm/limebb-lime-query-response-format-builder.entry.js

@@ -192,7 +192,7 @@ const LimeQueryResponseFormatBuilder = class {
     }
     render() {
         const visualModeSupported = this.checkVisualModeSupport();
-        return (h("div", { key: '56166271cfd95e3164f6002605de9b4a73d5b850', class: "response-format-builder" }, this.label && h("h1", { key: 'cccc53913dc0ced44b736328a16c85b3db2a61d4', class: "builder-label" }, this.label), this.helperText && (h("p", { key: '765ea2f4a052f78beba9c60157f07711f432293e', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: '15a7159322713ab288ef70e8f98aaa11d5064d1f', class: "mode-controls" }, this.renderModeSwitch(visualModeSupported))), !this.visualModeEnabled || this.mode === 'code' ? (h("div", { class: "code-mode" }, this.renderCodeEditor(visualModeSupported))) : (h("div", { class: "visual-mode" }, this.renderVisualMode()))));
+        return (h("div", { key: '7f4adae0e3f4d14194fc558600db983f45fe760a', class: "response-format-builder" }, this.label && h("h1", { key: 'eeb78bdccf2f8e344de742618b72a7bb341e5bf5', class: "builder-label" }, this.label), this.helperText && (h("p", { key: '03ff96e0645d03377b28c048f02d868046f17903', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: '65ca3551326e0ec4deff00aff4a19aec2fee9702', class: "mode-controls" }, this.renderModeSwitch(visualModeSupported))), !this.visualModeEnabled || this.mode === 'code' ? (h("div", { class: "code-mode" }, this.renderCodeEditor(visualModeSupported))) : (h("div", { class: "visual-mode" }, this.renderVisualMode()))));
     }
     renderModeSwitch(support) {
         const visualDisabled = !support.visualModeSupported;

package/dist/esm/limebb-lime-query-response-format-editor_2.entry.js

@@ -359,7 +359,7 @@ const ResponseFormatItem = class {
     }
     render() {
         return [
-            h("div", { key: 'c3620eddb3e12eba09262f80997a56d83cf6cc83', class: "property-controls" }, h("div", { key: 'fea873463b097f78e65586956e3b235d123453b4', class: "property-path" }, h("limebb-property-selector", { key: '7a01e8d7723f00caecf23d71cf8795357200ad3e', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: 'a8be4ce31636be8e2f55d222dd93efe4cc456178', class: "input-grid" }, this.renderAliasInput()), h("div", { key: '38e2c185b5c69feb2aa7b734a1b55786687b6459', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: '09310ff2237d191a20a8804cb011f10fc852e425', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: 'acc1b919770d035745e05f3811043ad189443566', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
+            h("div", { key: '5f95a0ebd3f9eb632405f2bf8f1ac14a00042c5a', class: "property-controls" }, h("div", { key: '26d132043bf28e243749b97f7e5d3e439b2756dc', class: "property-path" }, h("limebb-property-selector", { key: '7c7616d91cd4a51648e22171ba921e7586b2e1f0', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: '805a1a1776eaf1c1e46ebeabe899d6c0d0576043', class: "input-grid" }, this.renderAliasInput()), h("div", { key: 'd38b4d3b5d9e58a112dbadcf847102aa29659ddb', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: '7cecdf95dc03bc55ab267c8357139360cde63a1c', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: '1e98658175aa6c02abc647425c87f8f4e9680520', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
         ];
     }
     renderAliasButton() {