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

package/dist/collection/components/document-chips/document-chips.js

@@ -0,0 +1,178 @@
+import { h, Host, } from "@stencil/core";
+import { getPreviewType } from "../limeobject/file-viewer/extension-mapping";
+import { getFileExtension } from "../../util/file-extension";
+import { getFileIcon } from "../../util/file-icon";
+/**
+ * Renders a list of document chips, each wrapped in a
+ * `limebb-summary-popover` that shows a file preview on hover or
+ * keyboard focus.
+ *
+ * Supports browser-previewable files (images, PDFs, video, audio, text).
+ * Office file types show a fallback message instead of an unsupported preview.
+ *
+ * The component manages blob URL creation for local files internally
+ * and cleans them up when files are removed or the component is destroyed.
+ *
+ * @exampleComponent limebb-example-document-chips-basic
+ * @exampleComponent limebb-example-document-chips-upload-states
+ *
+ * @beta
+ */
+export class DocumentChips {
+    constructor() {
+        /**
+         * 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 is() { return "limebb-document-chips"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["document-chips.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["document-chips.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "accessibleLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "A label used to describe the purpose of the list to users\nof assistive technologies, like screen readers."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "accessible-label",
+                "reflect": true
+            },
+            "files": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "DocumentChipFile[]",
+                    "resolved": "DocumentChipFile[]",
+                    "references": {
+                        "DocumentChipFile": {
+                            "location": "import",
+                            "path": "./document-chips.types",
+                            "id": "src/components/document-chips/document-chips.types.ts::DocumentChipFile"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The list of files to display as document chips."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "removeFile",
+                "name": "removeFile",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Fired when a document chip's remove button is clicked.\nThe event detail contains the file's `id`."
+                },
+                "complexType": {
+                    "original": "string | number",
+                    "resolved": "number | string",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "files",
+                "methodName": "onFilesChanged"
+            }];
+    }
+}

package/dist/collection/components/document-chips/document-chips.types.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/document-picker/document-item/document-item.js

@@ -78,10 +78,10 @@ export class DocumentItemComponent {
     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/collection/components/document-picker/document-picker.js

@@ -76,7 +76,7 @@ export class DocumentPicker {
         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/collection/components/feed/feed-item/feed-timeline-item.js

@@ -205,7 +205,7 @@ export class FeedTimelineItem {
     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/collection/components/feed/feed-item-thumbnail-file-info/feed-item-thumbnail-file-info.js

@@ -8,7 +8,7 @@ import { h } from "@stencil/core";
  */
 export class FeedItemThumbnailFileInfo {
     render() {
-        return h("span", { key: '069a5fa52cbf4a8af6bd2b1a39b06a55b2425cf9' }, this.description);
+        return h("span", { key: 'e651265e23288802ee6d89e3cfe5e0f7bd8073c3' }, this.description);
     }
     static get is() { return "limebb-feed-item-thumbnail-file-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/feed/feed.js

@@ -103,7 +103,7 @@ export class Feed {
         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/collection/components/icon-picker/icon-picker.js

@@ -35,7 +35,7 @@ export class IconPicker {
                 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" }));
     }
     static get is() { return "limebb-icon-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/info-tile/format/config/info-tile-format.js

@@ -92,7 +92,7 @@ export class InfoTileAdminConfig {
             },
         ];
         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/collection/components/info-tile/info-tile.js

@@ -100,7 +100,7 @@ export class InfoTile {
         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/collection/components/kanban/kanban-group/kanban-group.js

@@ -27,7 +27,7 @@ export class KanbanGroup {
         };
     }
     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/collection/components/kanban/kanban-item/kanban-item.js

@@ -55,7 +55,7 @@ export class KanbanItemComponent {
     }
     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/collection/components/lime-query-builder/expressions/lime-query-filter-comparison.js

@@ -122,7 +122,7 @@ export class LimeQueryFilterComparisonComponent {
         };
     }
     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/collection/components/lime-query-builder/expressions/lime-query-filter-group.js

@@ -72,9 +72,9 @@ export class LimeQueryFilterGroupComponent {
                 (this.expression.op === Operator.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 === Operator.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();

package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-not.js

@@ -35,7 +35,7 @@ export class LimeQueryFilterNotComponent {
         };
     }
     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 })));
     }
     static get is() { return "limebb-lime-query-filter-not"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/lime-query-builder/lime-query-builder.js

@@ -172,7 +172,7 @@ export class LimeQueryBuilder {
         }
     }
     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/collection/components/lime-query-builder/lime-query-response-format-builder.js

@@ -154,7 +154,7 @@ export class LimeQueryResponseFormatBuilder {
     }
     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/collection/components/lime-query-builder/limetype-field/limetype-field.js

@@ -78,7 +78,7 @@ export class LimetypeField {
             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/collection/components/lime-query-builder/order-by/order-by-editor.js

@@ -69,7 +69,7 @@ export class OrderByEditor {
         }
     }
     render() {
-        return (h(Host, { key: 'b0caaa11dcb633423bae612e22105de44ed1a7a1' }, this.renderEmptyState(), this.renderOrderByEditor()));
+        return (h(Host, { key: 'accbc6c9e4d55d7480a0742da0bc96db3077fbf1' }, this.renderEmptyState(), this.renderOrderByEditor()));
     }
     renderEmptyState() {
         if (this.limetype) {

package/dist/collection/components/lime-query-builder/order-by/order-by-item.js

@@ -38,9 +38,9 @@ export class OrderByItemComponent {
     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 }))));
     }
     static get is() { return "limebb-lime-query-order-by-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/lime-query-builder/response-format/response-format-item.js

@@ -66,7 +66,7 @@ export class ResponseFormatItem {
     }
     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() {

package/dist/collection/components/limeobject/file-viewer/live-docs-info.js

@@ -5,8 +5,8 @@ import { h } from "@stencil/core";
 export class LiveDocsInfo {
     render() {
         return [
-            h("div", { key: '3efd6c08d83684af5751402c71c46261028091a9', class: "header" }, h("limel-icon", { key: '53d32bf2c7cbd12ba662db1dd3b8fe3a1b6899ca', name: "not_showing_video_frames" }), h("h2", { key: 'ab7b687224626de7282bf7030e50f3feaddbf4d8' }, "Viewing this file type requires ", h("em", { key: '64c1c78850e17601a5f0aa00a5e95dd4192ab586' }, "Live Docs"))),
-            h("p", { key: 'c0851a6b140415fda231da09e3dd14a39aa769d8' }, h("em", { key: '01b229e2cdaf62a6e9f95684d5824d15f72c03f8' }, "Live Docs"), " not only enables you to view many file formats such as Microsoft Office documents, but it also empowers you to edit them right in the CRM. No need to download anything on your device!", h("a", { key: 'f4d923dfac3420e068f6856754140749c5637937', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
+            h("div", { key: 'c3152fe06ce8121b41d8cea5e2e072960f4f2dbd', class: "header" }, h("limel-icon", { key: '75ae76ece389f6b65ca9ae8b1859404e3c344f20', name: "not_showing_video_frames" }), h("h2", { key: '97ec2ce77d697daccdc32c0150be556e77e314c6' }, "Viewing this file type requires ", h("em", { key: '4a851090390b307193f2df2a4129ce9e661d3046' }, "Live Docs"))),
+            h("p", { key: 'f2326f85486bc9f8864b56bcee179eb5a2aeedd4' }, h("em", { key: 'c01d97bf47d22fa51b0955ca6dae2bfb48e3bcc6' }, "Live Docs"), " not only enables you to view many file formats such as Microsoft Office documents, but it also empowers you to edit them right in the CRM. No need to download anything on your device!", h("a", { key: '92719f5981b74442abcf951cd187236140d7e5b5', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
         ];
     }
     static get is() { return "limebb-live-docs-info"; }

package/dist/collection/components/locale-picker/locale-picker.js

@@ -53,7 +53,7 @@ export class LocalePicker {
             const value = this.value;
             selectedOptions = options.find((option) => option.value === value);
         }
-        return (h("limel-select", { key: '39da3645bcfe74e4bf4f0c9e80c4361a55a3d553', value: selectedOptions, options: sortBy(options, 'text'), helperText: this.helperText, label: this.label, required: this.required, disabled: this.disabled, readonly: this.readonly, onChange: this.handleChange, multiple: this.multipleChoice }));
+        return (h("limel-select", { key: '146ecba3fc26664d49336cb4576887caee2b7f9f', value: selectedOptions, options: sortBy(options, 'text'), helperText: this.helperText, label: this.label, required: this.required, disabled: this.disabled, readonly: this.readonly, onChange: this.handleChange, multiple: this.multipleChoice }));
     }
     static get is() { return "limebb-locale-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/notification-list/notification-item/notification-item.js

@@ -56,7 +56,7 @@ export class NotificationListItem {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '0c45f2a691bead68dfd4e0d3dcf22dc76118e778', id: this.item.id, class: {
+        return (h(Host, { key: 'b3568cd406313837db0baae97446cc00800e174c', id: this.item.id, class: {
                 'is-clickable': this.isItemClickable(),
                 'is-read': !!((_a = this.item) === null || _a === void 0 ? void 0 : _a.read),
                 'is-selected': !!((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected),

package/dist/collection/components/object-chip/object-chip.css

@@ -1,3 +1,4 @@
 :host {
   display: inline-block;
+  vertical-align: baseline;
 }

package/dist/collection/components/percentage-visualizer/percentage-visualizer.js

@@ -91,11 +91,11 @@ export class PercentageVisualizer {
     render() {
         const normalizedValue = this.getNormalizedValue();
         const zeroPoint = this.getZeroPointPosition();
-        return (h(Host, { key: '456afa7a4dfec41b7d293518d3150fa520c76c87', class: this.getContainerClassList(), style: {
+        return (h(Host, { key: '0546d64013773f4c73fee3fffc7a9679ef6c95c5', class: this.getContainerClassList(), style: {
                 '--limebb-percentage-visualizer-zero-point-position': `${zeroPoint}%`,
                 '--limebb-percentage-visualizer-width': `${Math.abs(normalizedValue)}%`,
                 '--limebb-percentage-visualizer-rotate': `${normalizedValue >= 0 ? '0deg' : '180deg'}`,
-            } }, h("limel-notched-outline", { key: 'ffdc013e98a23f690ff17adf6834f280aa824886', tabIndex: 0, role: "meter", "aria-valuemin": this.rangeMin, "aria-valuemax": this.rangeMax, "aria-valuenow": this.numValue, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-controls": this.helperTextId }, h("div", { key: '574b107be7e7fc941e957365fc8b2b7f5a6bd5bf', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
+            } }, h("limel-notched-outline", { key: 'df29f109a2d606b2b8d724e92be4161f19d8e025', tabIndex: 0, role: "meter", "aria-valuemin": this.rangeMin, "aria-valuemax": this.rangeMax, "aria-valuenow": this.numValue, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-controls": this.helperTextId }, h("div", { key: '7a4f7c2fb608f0006e3963e5d6d0eaefba0ecbbe', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

package/dist/collection/components/summary-popover/summary-popover.js

@@ -1,4 +1,6 @@
 import { h } from "@stencil/core";
+import { getPreviewType } from "../limeobject/file-viewer/extension-mapping";
+import { getFileExtension } from "../../util/file-extension";
 /**
  * This component uses
  * [limel-popover](https://lundalogik.github.io/lime-elements/versions/latest/#/component/limel-popover/)
@@ -56,6 +58,7 @@ import { h } from "@stencil/core";
  *
  * @exampleComponent limebb-example-summary-popover-basic
  * @exampleComponent limebb-example-summary-popover-image
+ * @exampleComponent limebb-example-summary-popover-file-preview
  * @exampleComponent limebb-example-summary-popover-actions
  * @exampleComponent limebb-example-summary-popover-trigger-delay
  *
@@ -125,14 +128,34 @@ export class SummaryPopover {
             top: '0.125rem',
             right: '0.125rem',
         };
-        return (h("limel-popover", { key: 'fb257457f12e1b4711a40a8507bcbe4317edace2', style: {
+        return (h("limel-popover", { key: '26159e81e1fd3547fe0f9b59f5edd9144778cc15', style: {
                 '--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
-            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: '10ecbea67152f6e3c6102d01c28c3aceb13427a0', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, h("slot", { key: 'bd545c3365ed44a60a7427bb8767c7373ce6a177', name: "trigger" }), h("div", { key: '0a537eca8171d183b693549158acfb29f099ee7f', class: "opening-countdown-indicator" })), h("limel-card", { key: '8befb62c7d075284e9fd0af373ae00e2c54ac058', style: {
+            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: '5f6c72787f4dafebbce1428da6ba1515ecce451e', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, h("slot", { key: '4a5d186f511a245d6d4c48df754add7eaf3380df', name: "trigger" }), h("div", { key: '64a9db4b3ff460b84345a60b9efccc80aa75a2cd', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
+    }
+    renderCard(closeButtonStyle) {
+        return (h("limel-card", { style: {
                 'max-width': this.popoverMaxWidth,
                 'max-height': this.popoverMaxHeight,
                 'min-width': '7rem',
                 'min-height': '3rem',
-            }, orientation: "landscape", heading: this.heading, subheading: this.subheading, icon: this.icon, value: this.value, image: this.image, actions: this.actions, onActionSelected: this.handleSelected }, h("limebb-navigation-button", { key: '699c17c2d51575f4c82fa9bbc4dcc9a96a495eee', slot: "component", type: "close", style: closeButtonStyle, tooltipLabel: "Close", tooltipHelperLabel: "Esc", onClick: this.handleCloseClick }))));
+            }, orientation: "landscape", heading: this.heading, subheading: this.subheading, icon: this.icon, value: this.value, image: this.image, actions: this.actions, onActionSelected: this.handleSelected }, this.renderFileViewer(), h("limebb-navigation-button", { slot: "component", type: "close", style: closeButtonStyle, tooltipLabel: "Close", tooltipHelperLabel: "Esc", onClick: this.handleCloseClick })));
+    }
+    renderFileViewer() {
+        var _a;
+        if (!this.file) {
+            return;
+        }
+        const extension = getFileExtension((_a = this.file.filename) !== null && _a !== void 0 ? _a : '');
+        const previewType = getPreviewType(extension);
+        const isUnsupported = previewType === 'sharepoint' || previewType === 'unsupported';
+        const isPdf = extension === 'pdf';
+        const style = {
+            flex: '1',
+            overflow: 'hidden',
+            borderRadius: '0.5rem',
+            minHeight: isPdf ? '20rem' : undefined,
+        };
+        return (h("limel-file-viewer", { slot: "component", style: style, url: this.file.href, filename: isUnsupported ? undefined : this.file.filename }));
     }
     static get is() { return "limebb-summary-popover"; }
     static get encapsulation() { return "shadow"; }
@@ -229,6 +252,29 @@ export class SummaryPopover {
                 "getter": false,
                 "setter": false
             },
+            "file": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "FileInfo",
+                    "resolved": "FileInfo | undefined",
+                    "references": {
+                        "FileInfo": {
+                            "location": "import",
+                            "path": "@limetech/lime-elements",
+                            "id": "node_modules::FileInfo"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "A file to preview in the popover.\nWhen provided, a `limel-file-viewer` is rendered\ninside the card alongside any other card content."
+                },
+                "getter": false,
+                "setter": false
+            },
             "icon": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/text-editor/mention-group-counter.js

@@ -13,8 +13,8 @@ export class MentionGroupCounter {
     render() {
         const label = this.getLabel();
         return [
-            h("span", { key: 'cccb4a58450a0f1d5b2a81f99fc8252f92b8abb2', id: this.tooltipId }, label),
-            h("limel-tooltip", { key: 'cf8819b1b5318c1ee4ce210f78132be0388db3e6', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
+            h("span", { key: 'c4ad6f97f70c527ff27ed51ab61e99cb16cb23bd', id: this.tooltipId }, label),
+            h("limel-tooltip", { key: '0d8e7488f6974d7012eb15ae36bb212dbcfad367', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
         ];
     }
     getLabel() {

package/dist/collection/components/text-editor/text-editor.js

@@ -391,7 +391,7 @@ export class LimeBBTextEditor {
     }
     render() {
         return [
-            h("limel-text-editor", { key: '44a1efaa2b03daf3ffb1929e110ec985b7f629fa', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
+            h("limel-text-editor", { key: '4b9a47363ae1ad08fdcf09159ba5fa1d7c97cdc2', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
             this.renderPicker(),
         ];
     }

package/dist/collection/components/trend-indicator/trend-indicator.js

@@ -52,7 +52,7 @@ export class TrendIndicator {
         this.numValue = this.parseValue(this.value);
     }
     render() {
-        return (h(Host, { key: '2ed101327ee07b36639235704c82a35602331185', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '09daaa1c59fbc5b58389ec73e0248bc87d4f2fcc', id: this.tooltipId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, "aria-controls": this.helperTextId }, h("div", { key: '09541f6ce5d94a0f739c564e1d1bd3bdfe8bdf7a', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
+        return (h(Host, { key: '87197f593d5d5354a773e459a99f410f4c4f6306', class: this.getContainerClassList() }, h("limel-notched-outline", { key: 'e836c618cdafffafef15bbfeb71e865786ad2c51', id: this.tooltipId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, "aria-controls": this.helperTextId }, h("div", { key: '62cc0bce82b42cf447183f5d049bc92863b5e145', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

package/dist/collection/util/file-extension.js

@@ -0,0 +1,18 @@
+/**
+ * Extracts the file extension from a filename.
+ *
+ * Returns the lowercased extension without the dot,
+ * or an empty string if the filename has no extension.
+ *
+ * @param filename - the filename to extract the extension from
+ */
+export function getFileExtension(filename) {
+    if (!filename) {
+        return '';
+    }
+    const lastDot = filename.lastIndexOf('.');
+    if (lastDot < 1) {
+        return '';
+    }
+    return filename.slice(lastDot + 1).toLowerCase();
+}