@limetech/lime-crm-building-blocks 1.95.0 → 1.96.0

package/dist/components/document-item.js

@@ -0,0 +1,190 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+/**
+ * Format a file size in bytes into a human readable string.
+ *
+ * Uses base 1024 units (binary prefixes without the "i" designation)
+ * and applies adaptive precision: one decimal for values < 10 of the
+ * chosen unit, otherwise no decimals.
+ *
+ * Examples:
+ *  - 0 => "0 B"
+ *  - 512 => "512 B"
+ *  - 1536 => "1.5 KB"
+ *  - 1048576 => "1 MB"
+ *  - 5347737600 => "4.98 GB" (value < 10 so one decimal)
+ *
+ * @param bytes - the size in bytes
+ * @param decimals - max number of decimals for small unit values (default: 1)
+ * @returns formatted size string
+ */
+function formatBytes(bytes, decimals = 1) {
+    if (bytes == null || Number.isNaN(bytes)) {
+        return '';
+    }
+    if (bytes < 0) {
+        return '';
+    }
+    if (bytes === 0) {
+        return '0 B';
+    }
+    const k = 1024;
+    const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+    const i = Math.min(sizes.length - 1, Math.floor(Math.log(bytes) / Math.log(k)));
+    const value = bytes / Math.pow(k, i);
+    const precision = value < 10 ? Math.max(0, decimals) : 0; // only keep decimals for small values
+    const rounded = Number.parseFloat(value.toFixed(precision));
+    return `${rounded} ${sizes[i]}`;
+}
+
+const documentItemCss = "*{box-sizing:border-box;min-width:0;min-height:0}:host(limebb-document-item){position:relative}limel-card:not([clickable]):not([clickable=true]){pointer-events:none;opacity:0.75}div[slot=component]{pointer-events:none;display:flex;flex-direction:column;margin-top:-0.25rem;padding:0 0.25rem}limel-checkbox,limel-radio-button{width:100%}.file-size{pointer-events:none;width:fit-content;padding:0 0.375rem;font-size:0.6875rem;color:rgb(var(--color-white));border-radius:1rem;opacity:0.75;background-color:rgb(var(--color-glaucous-darker), 0.8);box-shadow:var(--shadow-brighten-edges-outside);backdrop-filter:blur(0.75rem);margin-top:0.5rem}:host(.has-image) .file-size{margin-top:-1.5rem;margin-bottom:0.5rem}limel-help{position:absolute;top:0;right:0}:host(.has-error) limel-card{box-shadow:0 0 0 1px rgb(var(--color-red-light))}:host(.has-error) limel-help{--color-sky-default:var(\n      --color-red-default\n  );--color-sky-lighter:var(--color-red-lighter);--lime-elevated-surface-background-color:rgb(\n      var(--color-yellow-default)\n  )}";
+const LimebbDocumentItemStyle0 = documentItemCss;
+
+const DocumentItemComponent = /*@__PURE__*/ proxyCustomElement(class DocumentItemComponent extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.interact = createEvent(this, "interact", 7);
+        /**
+         * The semantic role of the list item.
+         * - 'radio': renders a radio button for single selection.
+         * - 'checkbox': renders a checkbox for multiple selection.
+         */
+        this.type = 'checkbox';
+        this.handleDocumentItemClick = (event) => {
+            if (this.isUnavailable()) {
+                return;
+            }
+            if ((event === null || event === void 0 ? void 0 : event.target) instanceof HTMLElement) {
+                const isSelectionControl = event.target.closest('limel-checkbox') ||
+                    event.target.closest('limel-radio-button');
+                if (isSelectionControl) {
+                    return;
+                }
+            }
+            this.toggleSelection();
+        };
+        this.handleSelectionControlClick = (event) => {
+            var _a, _b;
+            event.stopPropagation();
+            if (this.isUnavailable()) {
+                return;
+            }
+            if (this.type === 'radio' && ((_a = this.item) === null || _a === void 0 ? void 0 : _a.selected)) {
+                event.preventDefault();
+                this.forceInputUnchecked(event);
+                this.emitSelectionChange(!((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected));
+            }
+        };
+        this.handleSelectionControlChange = (event) => {
+            var _a;
+            event.stopPropagation();
+            if (this.isUnavailable()) {
+                return;
+            }
+            let isChecked;
+            if ('detail' in event &&
+                typeof event.detail === 'boolean') {
+                isChecked = event.detail;
+            }
+            else {
+                const input = event.target;
+                isChecked = !!(input === null || input === void 0 ? void 0 : input.checked);
+            }
+            if (this.type === 'radio' && ((_a = this.item) === null || _a === void 0 ? void 0 : _a.selected) && !isChecked) {
+                this.emitSelectionChange(false);
+                return;
+            }
+            this.emitSelectionChange(isChecked);
+        };
+        this.handleKeyDown = (event) => {
+            if (event.key !== ' ' && event.key !== 'Enter') {
+                return;
+            }
+            event.preventDefault();
+            if (this.isUnavailable()) {
+                return;
+            }
+            this.toggleSelection();
+        };
+    }
+    render() {
+        const isUnavailable = this.isUnavailable();
+        return (h(Host, { key: '625f38ae7e31ae2b900366df8ad60ff2099a2ce6', id: this.item.id.toString(), class: {
+                'has-image': !!this.item.thumbnail,
+                '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: 'b88db5b44b9dfcd858f1e395d0837623dfe9b5a5', image: this.item.thumbnail, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '558028048aba88caf524373cbeb7c14ebc371bdb', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
+    }
+    renderBooleanInput() {
+        const id = this.getControlId();
+        if (this.type === 'radio') {
+            return (h("limel-radio-button", { id: id, label: this.item.fileName, disabled: this.isUnavailable(), checked: this.item.selected, onClick: this.handleSelectionControlClick, onChange: this.handleSelectionControlChange }));
+        }
+        return (h("limel-checkbox", { id: id, label: this.item.fileName, disabled: this.isUnavailable(), checked: this.item.selected, onClick: this.handleSelectionControlClick, onChange: this.handleSelectionControlChange }));
+    }
+    renderFileSize() {
+        var _a;
+        const formattedFileSize = formatBytes((_a = this.item) === null || _a === void 0 ? void 0 : _a.fileSize);
+        if (!formattedFileSize) {
+            return;
+        }
+        return h("span", { class: "file-size" }, formattedFileSize);
+    }
+    renderHelp() {
+        if (!this.item.help) {
+            return;
+        }
+        return h("limel-help", { value: this.item.help, openDirection: "bottom-end" });
+    }
+    toggleSelection() {
+        var _a, _b;
+        if (this.type === 'radio') {
+            const nextSelectedState = !((_a = this.item) === null || _a === void 0 ? void 0 : _a.selected);
+            this.emitSelectionChange(nextSelectedState);
+            return;
+        }
+        const nextSelectedState = !((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected);
+        this.emitSelectionChange(nextSelectedState);
+    }
+    emitSelectionChange(selected) {
+        this.interact.emit(Object.assign(Object.assign({}, this.item), { selected }));
+    }
+    getControlId() {
+        return `boolean-input-${String(this.item.id)}`;
+    }
+    isUnavailable() {
+        var _a, _b;
+        return ((_a = this.item) === null || _a === void 0 ? void 0 : _a.disabled) || ((_b = this.item) === null || _b === void 0 ? void 0 : _b.hasError);
+    }
+    forceInputUnchecked(event) {
+        const target = event.target;
+        const host = target === null || target === void 0 ? void 0 : target.closest('limel-radio-button');
+        const input = host === null || host === void 0 ? void 0 : host.querySelector('input[type="radio"]');
+        if (input) {
+            input.checked = false;
+        }
+    }
+    static get delegatesFocus() { return true; }
+    static get style() { return LimebbDocumentItemStyle0; }
+}, [17, "limebb-document-item", {
+        "platform": [16],
+        "context": [16],
+        "item": [16],
+        "type": [513]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["limebb-document-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "limebb-document-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DocumentItemComponent);
+            }
+            break;
+    } });
+}
+
+export { DocumentItemComponent as D, defineCustomElement as d };

package/dist/components/feed-item-thumbnail-file-info.js

@@ -10,7 +10,7 @@ const FeedItemThumbnailFileInfo = /*@__PURE__*/ proxyCustomElement(class FeedIte
         this.__attachShadow();
     }
     render() {
-        return h("span", { key: 'adefcb0955cf6ae663bc9edd1a449e21b352c202' }, this.description);
+        return h("span", { key: 'dd3413d387c4183a82de9b4bc2e3c276f2e0d3e5' }, this.description);
     }
     static get style() { return LimebbFeedItemThumbnailFileInfoStyle0; }
 }, [1, "limebb-feed-item-thumbnail-file-info", {

package/dist/components/feed-timeline-item.js

@@ -193,7 +193,7 @@ const FeedTimelineItem = /*@__PURE__*/ proxyCustomElement(class FeedTimelineItem
     render() {
         var _a, _b;
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: 'fcf4ac09958d87a2173381127bcbb589494923f5', id: this.item.id, class: {
+        return (h(Host, { key: 'ae530cfe3aa5c54f8c1d3ceae6630b606f5ca57f', 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/components/kanban-group.js

@@ -37,7 +37,7 @@ const KanbanGroup = /*@__PURE__*/ proxyCustomElement(class KanbanGroup extends H
             this.renderHelp(),
             this.renderGroupHeading(),
             this.renderGroupSummary(),
-            h("div", { key: 'e295aac5500dc6a6a09c3a55dffaeff9a997edf6', class: "items" }, this.renderKanbanItems(), this.renderSpinner(), this.renderLoadMore()),
+            h("div", { key: 'f02bad3d0fc87d2359dfb1a9b6ee72c93433d3f2', class: "items" }, this.renderKanbanItems(), this.renderSpinner(), this.renderLoadMore()),
         ];
     }
     renderGroupSummary() {

package/dist/components/kanban-item.js

@@ -55,7 +55,7 @@ const KanbanItemComponent = /*@__PURE__*/ proxyCustomElement(class KanbanItemCom
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '15d9b0f4cb7074024a1869ca02e08bc60d6c3153', id: this.item.id.toString(), class: {
+        return (h(Host, { key: '4219ff4f6c63ffdf95d24ad12000c4e23b1b53c2', 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/components/limebb-document-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LimebbDocumentItem extends Components.LimebbDocumentItem, HTMLElement {}
+export const LimebbDocumentItem: {
+    prototype: LimebbDocumentItem;
+    new (): LimebbDocumentItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/limebb-document-item.js

@@ -0,0 +1,6 @@
+import { D as DocumentItemComponent, d as defineCustomElement$1 } from './document-item.js';
+
+const LimebbDocumentItem = DocumentItemComponent;
+const defineCustomElement = defineCustomElement$1;
+
+export { LimebbDocumentItem, defineCustomElement };

package/dist/components/limebb-document-picker.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LimebbDocumentPicker extends Components.LimebbDocumentPicker, HTMLElement {}
+export const LimebbDocumentPicker: {
+    prototype: LimebbDocumentPicker;
+    new (): LimebbDocumentPicker;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/limebb-document-picker.js

@@ -0,0 +1,111 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as createRandomString } from './random-string.js';
+import { d as defineCustomElement$2 } from './document-item.js';
+
+const documentPickerCss = "@charset \"UTF-8\";:host(limebb-document-picker:not([invalid]):not([invalid=true])) .limel-notched-outline{--limel-notched-outline-border-color:transparent;--limel-notched-outline-background-color:transparent}div[slot=content]{display:block;width:100%;padding:0.75rem 0.5rem;columns:10rem;gap:clamp(0.25rem, 2vmin, 0.75rem)}div[slot=content]>limebb-document-item{display:block;break-inside:avoid;margin-bottom:clamp(0.25rem, 2vmin, 0.75rem)}@supports (grid-template-rows: masonry){div[slot=content]{column-width:initial;column-gap:initial;display:grid;grid-template-columns:repeat(auto-fill, minmax(10rem, 1fr));grid-template-rows:masonry;grid-auto-flow:dense;gap:0.5rem}div[slot=content]>limebb-document-item{display:block;width:auto;margin:0;break-inside:auto}}:host(limebb-document-picker:focus),:host(limebb-document-picker:focus-visible),:host(limebb-document-picker:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limebb-document-picker){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limebb-document-picker:focus) limel-helper-line,:host(limebb-document-picker:focus-visible) limel-helper-line,:host(limebb-document-picker:focus-within) limel-helper-line,:host(limebb-document-picker:hover) limel-helper-line{will-change:grid-template-rows}";
+const LimebbDocumentPickerStyle0 = documentPickerCss;
+
+const DocumentPicker = /*@__PURE__*/ proxyCustomElement(class DocumentPicker extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.change = createEvent(this, "change", 7);
+        /**
+         * The list of document items to display in the picker.
+         */
+        this.items = [];
+        /**
+         * Set to `true` to indicate that the current selection is invalid.
+         */
+        this.invalid = false;
+        /**
+         * Set to `true` to indicate that selecting an item is required.
+         */
+        this.required = false;
+        /**
+         * Defines whether the picker allows single or multiple selection.
+         * - 'radio': Allows single selection within a group.
+         * - 'checkbox': Allows multiple selection.
+         */
+        this.type = 'checkbox';
+        this.handleItemInteract = (event) => {
+            event.stopPropagation();
+            const interactedItem = event.detail;
+            if (!interactedItem) {
+                return;
+            }
+            let updatedItems;
+            if (this.type === 'radio') {
+                // For radio buttons: either select the clicked item (and deselect others)
+                // or allow deselecting if clicking the already selected item
+                updatedItems = this.items
+                    .map((item) => {
+                    if (item.id === interactedItem.id) {
+                        return Object.assign(Object.assign({}, item), { selected: interactedItem.selected });
+                    }
+                    return Object.assign(Object.assign({}, item), { selected: false });
+                })
+                    .find((item) => item.selected);
+            }
+            else {
+                updatedItems = this.items
+                    .map((item) => {
+                    if (item.id === interactedItem.id) {
+                        return Object.assign(Object.assign({}, item), { selected: interactedItem.selected });
+                    }
+                    return item;
+                })
+                    .filter((item) => item.selected);
+            }
+            this.change.emit(updatedItems);
+        };
+        this.renderHelperLine = () => {
+            if (!this.helperText) {
+                return;
+            }
+            return (h("limel-helper-line", { helperText: this.helperText, helperTextId: this.helperTextId, invalid: this.invalid }));
+        };
+        this.helperTextId = createRandomString();
+        this.labelId = createRandomString();
+    }
+    render() {
+        return (h(Host, { key: '28bf6afd1999efc62689bc43b7d63d8c308d3663' }, h("limel-notched-outline", { key: '0b6f3d9f0cc88e9e1b782e3d12e7a08853211be6', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("div", { key: 'a3d64740ca2139a3435884526b9a6195929d8060', 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.id, type: this.type, onInteract: this.handleItemInteract })));
+    }
+    static get style() { return LimebbDocumentPickerStyle0; }
+}, [1, "limebb-document-picker", {
+        "platform": [16],
+        "context": [16],
+        "items": [16],
+        "label": [513],
+        "helperText": [513, "helper-text"],
+        "invalid": [516],
+        "required": [516],
+        "type": [513]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["limebb-document-picker", "limebb-document-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "limebb-document-picker":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, DocumentPicker);
+            }
+            break;
+        case "limebb-document-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const LimebbDocumentPicker = DocumentPicker;
+const defineCustomElement = defineCustomElement$1;
+
+export { LimebbDocumentPicker, defineCustomElement };

package/dist/components/limebb-feed.js

@@ -244,7 +244,7 @@ const Feed = /*@__PURE__*/ proxyCustomElement(class Feed extends HTMLElement {
         this.highlighter.unregisterFeed(this.feedItemElement);
     }
     render() {
-        return (h(Host, { key: '78617233bbe38626901f6d266d495483f2bfd523', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
+        return (h(Host, { key: '8b53e0a71a8921ed0cb7fcd50273c1070eef365e', 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/components/limebb-icon-picker.js

@@ -52965,7 +52965,7 @@ const IconPicker = /*@__PURE__*/ proxyCustomElement(class IconPicker extends HTM
                 icon: this.value,
             };
         }
-        return (h("limel-picker", { key: '4be7dd4855e9fb6bbb0f6167a9c3e478f262b23c', 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: 'cfb1562215c69464d6736ec96fd39e0d45c92d7d', 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" }));
     }
 }, [1, "limebb-icon-picker", {
         "value": [1],

package/dist/components/limebb-info-tile-format.js

@@ -94,7 +94,7 @@ const InfoTileAdminConfig = /*@__PURE__*/ proxyCustomElement(class InfoTileAdmin
             },
         ];
         return [
-            h("limel-button-group", { key: '74a794bc61c9692587bf35e54712c649d3768f9b', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
+            h("limel-button-group", { key: '8c7bba2402e84e73df2bc5e906780aeb66b1af58', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
             this.renderFormatConfig(),
         ];
     }

package/dist/components/limebb-info-tile.js

@@ -377,7 +377,7 @@ const InfoTile = /*@__PURE__*/ proxyCustomElement(class InfoTile extends HTMLEle
         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: '4fca09fbc878e3960ed691f68c6041ce53eb12da', class: { error: !filter || this.error } }, props)));
+        return (h("limel-info-tile", Object.assign({ key: 'bb8b9eede8bdd3fdd17934753e463d134c46f7df', class: { error: !filter || this.error } }, props)));
     }
     getFormattedValue() {
         if (!this.value && this.value !== 0) {

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

@@ -654,7 +654,7 @@ const LimeQueryBuilder = /*@__PURE__*/ proxyCustomElement(class LimeQueryBuilder
     }
     render() {
         const guiSupported = this.checkGuiSupport();
-        return (h("div", { key: '48ec80b81ffb7765b9965219bfd343be84fb1dd1', class: "lime-query-builder" }, this.label && (h("h3", { key: '91034a7b8354b5e40858ededbbf9bcac76682a40', class: "lime-query-builder-label" }, this.label)), this.guiModeEnabled && (h("div", { key: '167fd8fb8673ba540e9bb1eec3518f0742cf7325', class: "mode-controls" }, this.renderModeSwitch(guiSupported))), !this.guiModeEnabled || this.mode === 'code' ? (h("div", { class: "code-mode" }, this.renderCodeEditor(guiSupported))) : (h("div", { class: "gui-mode" }, h("div", { class: "placeholder-message" }, h("h4", null, "GUI Mode Not Yet Supported"), h("p", null, "The visual query builder interface is not yet available. Please use Code mode to write queries in JSON format."))))));
+        return (h("div", { key: '77e93d0277a99b8ff1c777d7ee0b63259755f740', class: "lime-query-builder" }, this.label && (h("h3", { key: '4089d69ea3404c656f1c24ec73aef6df2cc8baec', class: "lime-query-builder-label" }, this.label)), this.guiModeEnabled && (h("div", { key: '5d18a749386651cc1361b712693bad105dba9b03', class: "mode-controls" }, this.renderModeSwitch(guiSupported))), !this.guiModeEnabled || this.mode === 'code' ? (h("div", { class: "code-mode" }, this.renderCodeEditor(guiSupported))) : (h("div", { class: "gui-mode" }, h("div", { class: "placeholder-message" }, h("h4", null, "GUI Mode Not Yet Supported"), h("p", null, "The visual query builder interface is not yet available. Please use Code mode to write queries in JSON format."))))));
     }
     checkGuiSupport() {
         if (!this.limetypes || !this.codeValue) {

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

@@ -1616,7 +1616,7 @@ const LocalePicker = /*@__PURE__*/ proxyCustomElement(class LocalePicker extends
             const value = this.value;
             selectedOptions = options.find((option) => option.value === value);
         }
-        return (h("limel-select", { key: '54389312bd8cae7d92626c67a45bd2455f2a956f', value: selectedOptions, options: sortBy$1(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: 'c5fb78e13f1aca2bbb3f51f5c2a1a0958eca0d6e', value: selectedOptions, options: sortBy$1(options, 'text'), helperText: this.helperText, label: this.label, required: this.required, disabled: this.disabled, readonly: this.readonly, onChange: this.handleChange, multiple: this.multipleChoice }));
     }
 }, [1, "limebb-locale-picker", {
         "platform": [16],

package/dist/components/limebb-mention-group-counter.js

@@ -13,8 +13,8 @@ const MentionGroupCounter = /*@__PURE__*/ proxyCustomElement(class MentionGroupC
     render() {
         const label = this.getLabel();
         return [
-            h("span", { key: '22b685ed5902c71153903f165e9d6098518aaf92', id: this.tooltipId }, label),
-            h("limel-tooltip", { key: '18f8f6f5b28f322151e53253263ca86e62e0cc0a', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
+            h("span", { key: '101adb63d448656a9acbf43245444f1de399c655', id: this.tooltipId }, label),
+            h("limel-tooltip", { key: '232baef721c41aefa38ff7074c8ba925124a6a72', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
         ];
     }
     getLabel() {

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

@@ -76,11 +76,11 @@ const PercentageVisualizer = /*@__PURE__*/ proxyCustomElement(class PercentageVi
     render() {
         const normalizedValue = this.getNormalizedValue();
         const zeroPoint = this.getZeroPointPosition();
-        return (h(Host, { key: 'b9876aea271ead3ed18a7fdc59d652b541aed30a', class: this.getContainerClassList(), style: {
+        return (h(Host, { key: '1f66075e6977c4902925fde4410079ffa8187a37', 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: '64bea0a1e95c001494e8ecee42b6061c6d6c007c', 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: 'd1dc81b554828d9998ad6c1567c49c56a005b547', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
+            } }, h("limel-notched-outline", { key: 'b4e64e40684a3011e74dcfe0ef0969699ffb7a92', 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: 'aa60e3dceadca94ed110ee0136e7faf84c745a26', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

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

@@ -5,6 +5,7 @@ import { d as defineProperty, b as arrayLikeKeys, k as keys, c as getSymbols, s
 import { i as isSymbol, e as eq } from './_MapCache.js';
 import { d as isObject, r as root, S as Symbol, a as isObjectLike, i as isArray } from './_Map.js';
 import { d as isPrototype, i as isArrayLike, o as overArg, g as getTag, h as baseUnary, n as nodeUtil, a as isBuffer } from './_getTag.js';
+import { c as createRandomString } from './random-string.js';
 import { i as isNonNull } from './non-null.js';
 import { d as defineCustomElement$3 } from './empty-state.js';
 import { d as defineCustomElement$2 } from './text-editor-picker.js';
@@ -1093,27 +1094,6 @@ function getUpdatedItems(items, highlightedItemIndex) {
     });
 }
 
-/* eslint-disable sonarjs/pseudo-random */
-const createRandomString = () => {
-    var _a;
-    if (!('crypto' in window) ||
-        typeof ((_a = window.crypto) === null || _a === void 0 ? void 0 : _a.randomUUID) !== 'function') {
-        return legacyCreateRandomString();
-    }
-    return 'a_' + crypto.randomUUID(); // ids must start with letters
-};
-function legacyCreateRandomString() {
-    const USE_HEX = 36;
-    const SKIP_LEADING_ZERODOT = 2;
-    const ASCII_A = 97;
-    const NUMBER_OF_LETTERS = 26;
-    return (String.fromCodePoint(ASCII_A + Math.floor(Math.random() * NUMBER_OF_LETTERS)) +
-        Math.random()
-            .toString(USE_HEX)
-            .slice(Math.max(0, SKIP_LEADING_ZERODOT)) +
-        Math.random().toString(USE_HEX).slice(Math.max(0, SKIP_LEADING_ZERODOT)));
-}
-
 /**
  * Whether the given object has the given label or not.
  *
@@ -1835,7 +1815,7 @@ const LimeBBTextEditor = /*@__PURE__*/ proxyCustomElement(class LimeBBTextEditor
     }
     render() {
         return [
-            h("limel-text-editor", { key: 'f2f48910b31ecf37bc6e41245f3e6e6a70b87695', 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: 'ba02d97b3d29f4de9e1457b81c5788c3b5fd527b', 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/components/limebb-trend-indicator.js

@@ -37,7 +37,7 @@ const TrendIndicator = /*@__PURE__*/ proxyCustomElement(class TrendIndicator ext
         this.numValue = this.parseValue(this.value);
     }
     render() {
-        return (h(Host, { key: 'e3f051b38577e06c5b31fe18558747e9476ca7bd', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '2d7eed12e714dcbdd4d7fa366c7ab5079d0e0c79', 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: '13f6acd297b66716dca8581d99fb129fb1dec035', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
+        return (h(Host, { key: '295196e1b1e9bf9e45f728341116ef8136a55e0b', class: this.getContainerClassList() }, h("limel-notched-outline", { key: 'aa9743e91c3891b259379c0802e61631ede2b421', 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: '5cf7728d597bd8c70710c13e251791e14fbf0cf6', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

package/dist/components/live-docs-info.js

@@ -11,8 +11,8 @@ const LiveDocsInfo = /*@__PURE__*/ proxyCustomElement(class LiveDocsInfo extends
     }
     render() {
         return [
-            h("div", { key: 'afca6783253565c24917f26fa037d47555cc79ee', class: "header" }, h("limel-icon", { key: 'e3119195e169a5c1b5534985d92537f4bd71036c', name: "not_showing_video_frames" }), h("h2", { key: 'a00ac4d1cccf23e00975d0f95f423b3179170d1f' }, "Viewing this file type requires ", h("em", { key: 'cd66615d34d92b74943d0d87c796ac5d14f3f314' }, "Live Docs"))),
-            h("p", { key: '39d0f82f29ec687cfd209b9c32c36b3be08b23aa' }, h("em", { key: 'aea7387f90684dc1571434530708971800a09d49' }, "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: 'a254ad58b3d56386bae9e3ef4113b8d6c70a236e', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
+            h("div", { key: '4a4d9cfcfb7b37d5f98cef9a5e963b47125188b7', class: "header" }, h("limel-icon", { key: '832c49b5cbd38319e1a36eaff63a41417713d2c3', name: "not_showing_video_frames" }), h("h2", { key: '8e19c71383923d6964df4308fe030e68d69c9e46' }, "Viewing this file type requires ", h("em", { key: '9c5c93d320748dc4ff19c682d4228acca653e5b1' }, "Live Docs"))),
+            h("p", { key: '157a0f930aba54e52e8c777a90cd3445bf80fa5d' }, h("em", { key: '4db4bc76949be8ef1668e9ce7f416c1a3f66aa44' }, "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: 'cf2e7bb006ab10ca91b60f740919d937e36974b2', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
         ];
     }
     static get style() { return LimebbLiveDocsInfoStyle0; }

package/dist/components/notification-item.js

@@ -58,7 +58,7 @@ const NotificationListItem = /*@__PURE__*/ proxyCustomElement(class Notification
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'db6570da8224ed4be6e67b0c876f67a74dd226b7', id: this.item.id, class: {
+        return (h(Host, { key: 'd6bb98c3ce4ec1b85c828c9f6d65bd4f4a70885d', 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/components/random-string.js

@@ -0,0 +1,22 @@
+/* eslint-disable sonarjs/pseudo-random */
+const createRandomString = () => {
+    var _a;
+    if (!('crypto' in window) ||
+        typeof ((_a = window.crypto) === null || _a === void 0 ? void 0 : _a.randomUUID) !== 'function') {
+        return legacyCreateRandomString();
+    }
+    return 'a_' + crypto.randomUUID(); // ids must start with letters
+};
+function legacyCreateRandomString() {
+    const USE_HEX = 36;
+    const SKIP_LEADING_ZERODOT = 2;
+    const ASCII_A = 97;
+    const NUMBER_OF_LETTERS = 26;
+    return (String.fromCodePoint(ASCII_A + Math.floor(Math.random() * NUMBER_OF_LETTERS)) +
+        Math.random()
+            .toString(USE_HEX)
+            .slice(Math.max(0, SKIP_LEADING_ZERODOT)) +
+        Math.random().toString(USE_HEX).slice(Math.max(0, SKIP_LEADING_ZERODOT)));
+}
+
+export { createRandomString as c };

package/dist/components/summary-popover.js

@@ -72,14 +72,14 @@ const SummaryPopover = /*@__PURE__*/ proxyCustomElement(class SummaryPopover ext
             top: '0.125rem',
             right: '0.125rem',
         };
-        return (h("limel-popover", { key: '61b0f5899c7d7a72f924bdfeb029ecce66e7cc9b', style: {
+        return (h("limel-popover", { key: '95ea1573956a1e882a8b4dfbdc865ca9ef3e424d', style: {
                 '--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
-            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: '3f21df09b18083e568eab2e77f5ea5c58bcbfcad', slot: "trigger", tabIndex: 0, onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocus: this.openPopoverWithDelay }, h("slot", { key: '4f51bda5be27a848a69b57c9798865668cec6a44', name: "trigger" }), h("div", { key: '2b801e9ad42a9823efd7736b062a0fd70a7d6698', class: "opening-countdown-indicator" })), h("limel-card", { key: 'c964d35c5671c73a42f5202f51226ccac634eff8', style: {
+            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: '33a1b9fcda6fbe6ecb6b1bd40b8b1290b3f74beb', slot: "trigger", tabIndex: 0, onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocus: this.openPopoverWithDelay }, h("slot", { key: '1037bd3b2ad03b28068b8d4831684d97a76b7f90', name: "trigger" }), h("div", { key: '1dc09768c4268f67a1fdfc5e0bb0120342223005', class: "opening-countdown-indicator" })), h("limel-card", { key: '5176b5be802feabbbfd270eb929975d2e833243e', 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: '3a55e6e6d8bf15284fe826d7065ebd61304d8248', 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 }, h("limebb-navigation-button", { key: '50e76815a3d4b04a7ea2bd044586f014a7e24459', slot: "component", type: "close", style: closeButtonStyle, tooltipLabel: "Close", tooltipHelperLabel: "Esc", onClick: this.handleCloseClick }))));
     }
     static get style() { return LimebbSummaryPopoverStyle0; }
 }, [1, "limebb-summary-popover", {