@limetech/lime-crm-building-blocks 1.115.0 → 1.116.0

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: '0546d64013773f4c73fee3fffc7a9679ef6c95c5', class: this.getContainerClassList(), style: {
+        return (h(Host, { key: '6842fd6dd4e1c2f8de1f8ef2e77139fb4f9e370a', 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: '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()));
+            } }, h("limel-notched-outline", { key: '8edd045eba4b3a1800cb970f86f60d2e328051b3', 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: '8c611c34390931b26251fa1ce4b04fc16d5b0601', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

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

@@ -128,9 +128,9 @@ export class SummaryPopover {
             top: '0.125rem',
             right: '0.125rem',
         };
-        return (h("limel-popover", { key: '26159e81e1fd3547fe0f9b59f5edd9144778cc15', style: {
+        return (h("limel-popover", { key: 'f20536e7d9e358ffe42df731c1a6fc0aed369c34', style: {
                 '--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
-            }, 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)));
+            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: '53135a3f8f84cb26a430ba1eb2f8b247dc219d0f', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, h("slot", { key: 'a1a880f5368317bdcb2821aa84d4df2d55d2968b', name: "trigger" }), h("div", { key: '194cc67cbe0cc323fa34290bdf9100f2ce4aedd9', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
     }
     renderCard(closeButtonStyle) {
         return (h("limel-card", { style: {

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: 'c4ad6f97f70c527ff27ed51ab61e99cb16cb23bd', id: this.tooltipId }, label),
-            h("limel-tooltip", { key: '0d8e7488f6974d7012eb15ae36bb212dbcfad367', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
+            h("span", { key: 'a99de7da626a8072f75c5db7a361d544e0d25a9d', id: this.tooltipId }, label),
+            h("limel-tooltip", { key: 'f675f0f135f62714e954c092f59ffb59b59678cd', 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: '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 }),
+            h("limel-text-editor", { key: '817d7a91d45a3bbf2a086a038868148fd3b6a5f0', 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: '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()));
+        return (h(Host, { key: '8da003525170a6896bcbb95887f6a4cfc86ee54c', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '948bea6e0624cd0c69d582ccba8d6f919486d726', 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: 'f71404b0e2a606ea57277d02ca7bf005274836da', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

package/dist/components/chat-icon-list.js

@@ -0,0 +1,55 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const chatIconListCss = "@charset \"UTF-8\";*,*:before,*:after{box-sizing:border-box}:host(limebb-chat-icon-list){display:flex;align-items:center;gap:0.5rem;margin-right:auto;max-width:calc(100% - 2rem);padding:0 0.25rem}.label{font-size:0.75rem;color:rgb(var(--contrast-900))}.icons{display:flex;align-items:center;gap:0.25rem}.icons:hover limel-icon,.icons:focus-within limel-icon{margin-left:0 !important}limel-icon{--icon-background-color:rgb(var(--contrast-500), 0.5);transition:margin-left 0.2s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s ease, box-shadow 0.2s ease;position:relative;width:1.75rem;padding:0.375rem;flex-shrink:0}limel-icon:focus{outline:none}limel-icon:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}limel-icon:not(.is-pending):not(:first-child){margin-left:-0.75rem}limel-icon.is-pending{animation:pending 3s linear infinite;padding:0.5rem}@media (prefers-reduced-motion: reduce){limel-icon.is-pending{animation:none;opacity:0.5}}limel-icon.is-pending:after{content:\"\";position:absolute;inset:0;width:1.75rem;height:1.75rem;border-radius:50%;pointer-events:none;border-radius:50%;border:0.125rem solid rgb(var(--color-white), 0.5);border-top-color:rgb(var(--color-black), 0.8);mix-blend-mode:color-dodge;animation:spin 1s cubic-bezier(0.4, 0, 0.2, 1) infinite}@media (prefers-reduced-motion: reduce){limel-icon.is-pending:after{display:none}}@keyframes pending{0%,20%,80%,100%{filter:grayscale(0%)}45%,55%{filter:grayscale(100%)}}@keyframes spin{to{transform:rotate(360deg)}}";
+const LimebbChatIconListStyle0 = chatIconListCss;
+
+const ChatIconListComponent = /*@__PURE__*/ proxyCustomElement(class ChatIconListComponent extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h(Host, { key: 'da304a611612575d870ff1a644d495cd60755095', id: this.item.id }, this.renderLabel(), h("div", { key: '220323ab4955f50a17d3fb1878c5cfc8f5d93190', class: "icons" }, this.item.icons.map((icon, index) => this.renderIcon(icon, index)))));
+    }
+    renderLabel() {
+        if (!this.item.label) {
+            return;
+        }
+        return h("span", { class: "label" }, this.item.label);
+    }
+    renderIcon(icon, index) {
+        const iconId = `icon-${this.item.id}-${index}`;
+        return [
+            h("limel-icon", { tabIndex: 0, key: index, id: iconId, badge: true, name: icon.name, class: { 'is-pending': !!icon.pending }, style: {
+                    color: icon.color,
+                    'background-color': icon.backgroundColor,
+                } }),
+            this.renderTooltip(icon, iconId),
+        ];
+    }
+    renderTooltip(icon, iconId) {
+        if (!icon.title) {
+            return;
+        }
+        return h("limel-tooltip", { label: icon.title, elementId: iconId });
+    }
+    static get style() { return LimebbChatIconListStyle0; }
+}, [1, "limebb-chat-icon-list", {
+        "item": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["limebb-chat-icon-list"];
+    components.forEach(tagName => { switch (tagName) {
+        case "limebb-chat-icon-list":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ChatIconListComponent);
+            }
+            break;
+    } });
+}
+
+export { ChatIconListComponent as C, defineCustomElement as d };

package/dist/components/chat-item.js

@@ -65,9 +65,9 @@ const ChatListItem = /*@__PURE__*/ proxyCustomElement(class ChatListItem extends
     }
     render() {
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: 'df64ed9c4080499035f5d599fbf03edf2fc711bd', id: this.item.id, "aria-describedby": this.helperText ? helperTextId : undefined, "aria-live": this.hasError ? 'assertive' : 'off', class: {
+        return (h(Host, { key: '9833e3133c71a3c8f3d08e76b4d5411aff3620c3', id: this.item.id, "aria-describedby": this.helperText ? helperTextId : undefined, "aria-live": this.hasError ? 'assertive' : 'off', class: {
                 [`${this.item.ui}`]: true,
-            } }, h("div", { key: 'b615241104c1c5b93b4ead5adcb0ff40a6d61271', class: "bubble-content" }, h("div", { key: '2e23b9a4e8bc0709bfeb795cfe2590c244979b6f', class: "icon-picture" }, this.renderIcon(), this.renderAuthorPicture()), this.renderErrorSign(), h("div", { key: '2d2692e9d0627956a99e8486e44ca7fa9267a25e', class: "item" }, this.renderHeader(), this.renderValue(), h("footer", { key: '3b68b893d3c8a8e113ca3c15bf1d336e0722839f' }, this.renderHelperText(helperTextId), this.renderTimestamp()))), this.renderPromotedAction()));
+            } }, h("div", { key: '8598c560099d2980d7f9231613855e99053b4768', class: "bubble-content" }, h("div", { key: 'ae3df9343207f62d1d2a24b5bdf43ec42a58a5ee', class: "icon-picture" }, this.renderIcon(), this.renderAuthorPicture()), this.renderErrorSign(), h("div", { key: '15695f67beef723d5891cf56876c582f8a9b3dad', class: "item" }, this.renderHeader(), this.renderValue(), h("footer", { key: '4157f62d9d48f451068652fab65a968af7a44bde' }, this.renderHelperText(helperTextId), this.renderTimestamp()))), this.renderPromotedAction()));
     }
     renderErrorSign() {
         if (!this.hasError) {

package/dist/components/currency-picker.js

@@ -1851,7 +1851,7 @@ const CurrencyPicker = /*@__PURE__*/ proxyCustomElement(class CurrencyPicker ext
         };
     }
     render() {
-        return (h("limel-picker", { key: '316356319724a700de717e4c41e94528f4020cb7', label: this.label || this.defaultLabel, value: this.createListItem(this.value), helperText: this.helperText, onChange: this.handleChange, badgeIcons: false, disabled: this.disabled, required: this.required, readonly: this.readonly, invalid: this.readonly, searcher: this.search }));
+        return (h("limel-picker", { key: '6ae5e797b3bd810377ea30aa16a774f20107f1ba', label: this.label || this.defaultLabel, value: this.createListItem(this.value), helperText: this.helperText, onChange: this.handleChange, badgeIcons: false, disabled: this.disabled, required: this.required, readonly: this.readonly, invalid: this.readonly, searcher: this.search }));
     }
     getCurrencyName(code) {
         var _a;

package/dist/components/date-picker.js

@@ -75,7 +75,7 @@ const DatePicker = /*@__PURE__*/ proxyCustomElement(class DatePicker extends HTM
         if (this.value) {
             this.shouldEmitValueAsString = typeof this.value === 'string';
         }
-        return (h("limel-date-picker", { key: 'bea630f5e6668ca3e1d4ccab882c3b816d39344d', disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, placeholder: this.placeholder, helperText: this.helperText, required: this.required, value: this.parseDateValue(), type: this.type, language: this.language, formatter: this.formatter, onChange: this.handleChange }));
+        return (h("limel-date-picker", { key: '2920f54b427c3530a324aa1ab817ffaec072953b', disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, placeholder: this.placeholder, helperText: this.helperText, required: this.required, value: this.parseDateValue(), type: this.type, language: this.language, formatter: this.formatter, onChange: this.handleChange }));
     }
     parseDateValue() {
         const value = this.value;

package/dist/components/document-item.js

@@ -117,10 +117,10 @@ const DocumentItemComponent = /*@__PURE__*/ proxyCustomElement(class DocumentIte
     render() {
         const isUnavailable = this.isUnavailable();
         const image = this.getImage();
-        return (h(Host, { key: 'b8c73e13073f66162b66a62f88b8b301a6a139d4', id: String(this.item.file.id), class: {
+        return (h(Host, { key: 'da9f2c2289bd9117e1342e033f0574c48f47c614', 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: '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()));
+            }, 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: '4edee10d15436ed2708931af383f059b93677f18', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '78f1d689b91a521a9fc2a20226f3f67dfb5e7018', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
     }
     renderBooleanInput() {
         const id = this.getControlId();

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: 'e651265e23288802ee6d89e3cfe5e0f7bd8073c3' }, this.description);
+        return h("span", { key: '36256b59f8a04f0ae5628399d60c8b6f624a7823' }, this.description);
     }
     static get style() { return LimebbFeedItemThumbnailFileInfoStyle0; }
 }, [1, "limebb-feed-item-thumbnail-file-info", {

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

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

@@ -33,7 +33,7 @@ const KanbanGroup = /*@__PURE__*/ proxyCustomElement(class KanbanGroup extends H
         };
     }
     render() {
-        return (h(Host, { key: '45122f5462476d2c0c9a44af4c5281ef510fdea1' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
+        return (h(Host, { key: '0c8691aa3188af6fe8827e62142815a618dad01a' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
     }
     renderGroupSummary() {
         if (!this.summary || !this.totalCount) {

package/dist/components/kanban-item.js

@@ -60,7 +60,7 @@ const KanbanItemComponent = /*@__PURE__*/ proxyCustomElement(class KanbanItemCom
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'b426be161e49623843ff6c47cddad048177ca441', id: this.item.id.toString(), class: {
+        return (h(Host, { key: '297aa0618ff2077dae64710ecb1651a1ae766873', 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/lime-query-filter-comparison.js

@@ -110,7 +110,7 @@ const LimeQueryFilterComparisonComponent = /*@__PURE__*/ proxyCustomElement(clas
         };
     }
     render() {
-        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 }))));
+        return (h(Host, { key: 'b42fd5bee8ad3cdf70dc67ef836fc5dd038f64ef' }, this.renderHeader(), h("div", { key: 'e81cc3854bc63d1aa27bb476c5bc4f9a81357262', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: 'ceab776a7de2cf47b42b93b06f2d72ea38627b6d', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
     }
     renderHeader() {
         if (!this.label) {

package/dist/components/lime-query-filter-expression.js

@@ -148,7 +148,7 @@ const LimeQueryFilterNotComponent = /*@__PURE__*/ proxyCustomElement(class LimeQ
         };
     }
     render() {
-        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 })));
+        return (h("div", { key: 'd2aba5cccb2e74ab91041833863a1c9329b9933a', class: "expression" }, this.label && h("limel-header", { key: '0e12b36710cba76d35f623cb8d6d008fc0f134e9', heading: this.label }), h("limebb-lime-query-filter-expression", { key: '13a64f29bc5339a43641eba8678595c225a09b7a', platform: this.platform, context: this.context, label: "Not", limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression.exp, onExpressionChange: this.handleExpressionChange })));
     }
     static get style() { return LimebbLimeQueryFilterNotStyle0; }
 }, [1, "limebb-lime-query-filter-not", {
@@ -253,9 +253,9 @@ const LimeQueryFilterGroupComponent = /*@__PURE__*/ proxyCustomElement(class Lim
                 (this.expression.op === re.AND ? 'and' : 'or')) || this.options[0];
     }
     render() {
-        return (h(Host, { key: 'a93a715b9bd65e6e9381083aef11951588471fc5', style: {
+        return (h(Host, { key: 'c47d52a6ba4d36d3f4f97eb6d8bf8459c5bbda73', style: {
                 '--limebb-lime-query-filter-group-operator': `"${this.expression.op === re.AND ? 'AND' : 'OR'}"`,
-            } }, h("div", { key: 'efbf025924e34613504f38db66affa1650bfe70c', class: "expression" }, this.renderHeader(), h("ul", { key: '6e287058fb7969124e4f22b42b32b14d80c0511f' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
+            } }, h("div", { key: 'ac9897b5c0cf7ad4e30c4bbb08df5be46bee61f4', class: "expression" }, this.renderHeader(), h("ul", { key: 'c02f76fa8ed8b595215feacc7bcb7fe55564b03a' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
     }
     renderHeader() {
         const subheading = this.getSubheading();

package/dist/components/limebb-chat-icon-list.d.ts

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

package/dist/components/limebb-chat-icon-list.js

@@ -0,0 +1,6 @@
+import { C as ChatIconListComponent, d as defineCustomElement$1 } from './chat-icon-list.js';
+
+const LimebbChatIconList = ChatIconListComponent;
+const defineCustomElement = defineCustomElement$1;
+
+export { LimebbChatIconList, defineCustomElement };

package/dist/components/limebb-chat-list.js

@@ -1,32 +1,28 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { c } from './index.esm.js';
+import { d as defineCustomElement$4 } from './chat-icon-list.js';
 import { d as defineCustomElement$3 } from './chat-item.js';
 import { d as defineCustomElement$2 } from './typing-indicator.js';
 
+function isIconList(item) {
+    return 'type' in item && item.type === 'iconList';
+}
+function getProcessedItemTimestamp(item) {
+    if (item.type === 'chat' || item.type === 'iconList') {
+        return item.item.timestamp;
+    }
+    return undefined;
+}
 /**
- * Processes a list of notifications by adding date headers and a "new items" indicator.
+ * Processes a list of chat list inputs by adding date headers and a "new items" indicator.
  *
- * @param items - The list of notification items to process. These items must be pre-sorted by their `timestamp` in descending order.
+ * @param items - The list of items to process. Pre-sorted by `timestamp` in descending order.
  * @param dateTimeFormatter - A service used to format dates for the date headers.
- * @param lastVisitedTimestamp - The timestamp of the user's last visit. This is used to determine where the "new items" indicator should be placed.
- *
- * @returns An array of processed items, including notifications, date headers, and a "new items" indicator if applicable.
+ * @param lastVisitedTimestamp - The timestamp of the user's last visit. Used to position the
+ *   "new items" indicator.
  *
- * @example
- * const processedItems = processNotificationItems(
- *     notifications,
- *     dateTimeFormatter,
- *     new Date('2024-09-01T10:00:00Z')
- * );
- *
- * // Output: [
- * //   { type: 'dateHeader', date: '2024-09-01' },
- * //   { type: 'notification', item: notification1 },
- * //   { type: 'notification', item: notification2 },
- * //   { type: 'newItemIndicator' },
- * //   { type: 'dateHeader', date: '2024-08-31' },
- * //   { type: 'notification', item: notification3 },
- * // ]
+ * @returns An array of processed items, including chat items, icon lists, date headers,
+ *   and a "new items" indicator if applicable.
  */
 function processChatItems(items, dateTimeFormatter, lastVisitedTimestamp) {
     const initialContext = {
@@ -58,7 +54,12 @@ function createPipeline(initialContext, processors) {
  */
 function insertNotifications(context) {
     for (const item of context.items) {
-        context.processedItems.push({ type: 'chat', item: item });
+        if (isIconList(item)) {
+            context.processedItems.push({ type: 'iconList', item: item });
+        }
+        else {
+            context.processedItems.push({ type: 'chat', item: item });
+        }
     }
     return context;
 }
@@ -70,16 +71,15 @@ function insertNewItemIndicator(context) {
     const processedWithIndicator = [];
     let newItemIndicatorInserted = context.newItemIndicatorInserted;
     for (const item of context.processedItems) {
-        if (item.type === 'chat' &&
+        const timestamp = getProcessedItemTimestamp(item);
+        if (timestamp !== undefined &&
             context.lastVisitedTimestamp &&
             !newItemIndicatorInserted &&
-            new Date(item.item.timestamp) <= context.lastVisitedTimestamp &&
+            new Date(timestamp) <= context.lastVisitedTimestamp &&
             context.hasUnseenNotifications) {
-            // Insert the new item indicator before the first old notification
             processedWithIndicator.push({ type: 'newItemIndicator' });
             newItemIndicatorInserted = true;
         }
-        // Push the current item to the new array
         processedWithIndicator.push(item);
     }
     context.processedItems = processedWithIndicator;
@@ -95,12 +95,10 @@ function insertDateGroups(context) {
     const newProcessedItems = [];
     let currentGroup = null;
     let lastProcessedDate = null;
-    // Iterate through the notifications in processedItems
     for (const item of context.processedItems) {
-        if (item.type === 'chat') {
+        if (item.type === 'chat' || item.type === 'iconList') {
             const currentTimestamp = new Date(item.item.timestamp);
             const currentDate = context.dateTimeFormatter.format(currentTimestamp, 'date');
-            // If the date changes, push the previous group and create a new group
             if (currentDate !== lastProcessedDate) {
                 if (currentGroup) {
                     newProcessedItems.push(currentGroup);
@@ -113,26 +111,22 @@ function insertDateGroups(context) {
                 };
                 lastProcessedDate = currentDate;
             }
-            // Add the notification to the current group
             if (currentGroup) {
                 currentGroup.items.push(item);
             }
         }
         else if (item.type === 'newItemIndicator') {
-            // Insert the newItemIndicator within the current group if it exists
             if (currentGroup) {
                 currentGroup.items.push(item);
             }
             else {
-                newProcessedItems.push(item); // Edge case: no group exists, just add the indicator
+                newProcessedItems.push(item);
             }
         }
     }
-    // Push the last group, if it exists
     if (currentGroup) {
         newProcessedItems.push(currentGroup);
     }
-    // Return updated context with grouped items
     return Object.assign(Object.assign({}, context), { processedItems: newProcessedItems });
 }
 
@@ -147,6 +141,9 @@ const ChatList = /*@__PURE__*/ proxyCustomElement(class ChatList extends HTMLEle
         /**
          * List of items to display in the feed.
          * These items must be sorted by their `timestamp` in descending order.
+         *
+         * See the [ChatListItem](#/type/ChatListItem/) type for the kinds of
+         * items that can appear in the list.
          */
         this.items = [];
         /**
@@ -176,10 +173,10 @@ const ChatList = /*@__PURE__*/ proxyCustomElement(class ChatList extends HTMLEle
         this.handleItemsChange();
     }
     render() {
-        return (h(Host, { key: '1aa955956f1efb361777c52b27047a3169bb7492', class: {
+        return (h(Host, { key: '5eb5b8dde1fbec07b3c125752f561180ecbf2d71', class: {
                 'is-empty': this.items.length === 0 &&
                     !this.isTypingIndicatorVisible,
-            }, "aria-busy": this.isBusy(), role: "log" }, this.renderSpinner(), h("div", { key: 'ca0412d181544f901b0741ce5753aba56cf35081', class: "typing-indicator-height-animation" }, h("div", { key: '107508f3a978f7cd8dd671fa12d6a57c86e8af82' }, this.renderTypingIndicator())), this.renderChatItems()));
+            }, "aria-busy": this.isBusy(), role: "log" }, this.renderSpinner(), h("div", { key: '706e0fe4eeb8f8afa40849b0422db06823614697', class: "typing-indicator-height-animation" }, h("div", { key: '6232ce470ae6ef21a87565ceb50f7cb9e3e251e5' }, this.renderTypingIndicator())), this.renderChatItems()));
     }
     renderSpinner() {
         if (!this.loading) {
@@ -213,6 +210,9 @@ const ChatList = /*@__PURE__*/ proxyCustomElement(class ChatList extends HTMLEle
             if (item.type === 'chat') {
                 return this.renderChatItem(item.item);
             }
+            else if (item.type === 'iconList') {
+                return this.renderIconList(item.item);
+            }
             else if (item.type === 'newItemIndicator') {
                 return this.renderIndicator();
             }
@@ -231,6 +231,9 @@ const ChatList = /*@__PURE__*/ proxyCustomElement(class ChatList extends HTMLEle
     renderChatItem(item) {
         return (h("limebb-chat-item", { platform: this.platform, context: this.context, item: item, helperText: item.helperText, hasError: item.hasError, key: item.id }));
     }
+    renderIconList(item) {
+        return h("limebb-chat-icon-list", { item: item, key: item.id });
+    }
     renderIndicator() {
         return (h("div", { class: "new-items-indicator", role: "separator" }, h("hr", null), h("h3", null, this.translator.get('webclient.new'))));
     }
@@ -268,13 +271,18 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["limebb-chat-list", "limebb-chat-item", "limebb-typing-indicator"];
+    const components = ["limebb-chat-list", "limebb-chat-icon-list", "limebb-chat-item", "limebb-typing-indicator"];
     components.forEach(tagName => { switch (tagName) {
         case "limebb-chat-list":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, ChatList);
             }
             break;
+        case "limebb-chat-icon-list":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
         case "limebb-chat-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();

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

@@ -47,10 +47,7 @@ const ComponentPicker = /*@__PURE__*/ proxyCustomElement(class ComponentPicker e
             return this.tags.some((tag) => { var _a; return (_a = config.tags) === null || _a === void 0 ? void 0 : _a.includes(tag); });
         };
         this.handleBlur = () => {
-            const value = this.currentInput;
-            if (value && this.isValidIdentifier(value)) {
-                this.change.emit(this.currentInput);
-            }
+            this.emitIfValidValue(this.currentInput);
         };
         this.handleChange = (event) => {
             var _a;
@@ -62,20 +59,24 @@ const ComponentPicker = /*@__PURE__*/ proxyCustomElement(class ComponentPicker e
             this.copy.emit(this.value);
         };
         this.handleKeyUp = (event) => {
-            var _a;
             if (event.key !== 'Enter') {
                 return;
             }
-            const value = (_a = this.currentInput) !== null && _a !== void 0 ? _a : '';
+            this.emitIfValidValue(this.currentInput);
+        };
+        this.emitIfValidValue = (value) => {
             if (this.isValidIdentifier(value)) {
-                this.change.emit(this.currentInput);
+                this.change.emit(value);
             }
         };
         this.isValidIdentifier = (identifier) => {
+            if (!identifier) {
+                return false;
+            }
             if (this.type === 'component') {
                 return Boolean(customElements.get(identifier));
             }
-            return true;
+            return this.allItems.some((item) => item.value === identifier);
         };
         this.renderPicker = () => {
             let value = this.allItems.find((item) => this.value === item.value);
@@ -104,10 +105,13 @@ const ComponentPicker = /*@__PURE__*/ proxyCustomElement(class ComponentPicker e
             return this.allItems.filter(this.isItemMatching(query.toLocaleLowerCase()));
         };
         this.isItemMatching = (query) => (item) => {
-            var _a, _b;
-            return (item.text.toLocaleLowerCase().includes(query) ||
-                ((_a = item.secondaryText) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase().includes(query)) ||
-                ((_b = item.value) === null || _b === void 0 ? void 0 : _b.toLocaleLowerCase().includes(query)));
+            const queryParts = query.split(/\s+/);
+            return queryParts.every((part) => {
+                var _a, _b;
+                return item.text.toLocaleLowerCase().includes(part) ||
+                    ((_a = item.secondaryText) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase().includes(part)) ||
+                    ((_b = item.value) === null || _b === void 0 ? void 0 : _b.toLocaleLowerCase().includes(part));
+            });
         };
     }
     componentWillLoad() {
@@ -128,8 +132,8 @@ const ComponentPicker = /*@__PURE__*/ proxyCustomElement(class ComponentPicker e
         return [this.renderPicker(), this.renderCopyButton()];
     }
     get currentInput() {
-        var _a, _b, _c, _d, _e, _f;
-        return (_f = (_e = (_d = (_c = (_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('limel-picker')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('limel-chip-set')) === null || _d === void 0 ? void 0 : _d.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('input')) === null || _f === void 0 ? void 0 : _f.value;
+        var _a, _b, _c, _d, _e, _f, _g;
+        return ((_g = (_f = (_e = (_d = (_c = (_b = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('limel-picker')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('limel-chip-set')) === null || _d === void 0 ? void 0 : _d.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('input')) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : '');
     }
     get webComponentRegistry() {
         return this.platform.get(c.WebComponentRegistry);

package/dist/components/limebb-composer-toolbar.js

@@ -67,8 +67,8 @@ const ComposerToolbar = /*@__PURE__*/ proxyCustomElement(class ComposerToolbar e
     }
     render() {
         return [
-            h("div", { key: '7b2b399e4dde1bb090dcdec3021fbbf669ea7d74', class: "actions" }, h("slot", { key: '4c019b51586bb3256ac59ad46e5e996ef10bd890', name: "leading" }), this.renderFileInput(), this.renderTriggerActions(), h("slot", { key: '8daa1e5d6e5093042b46fbd5dd9f22e276ea08f1', name: "trailing" })),
-            h("slot", { key: 'c59850954e112e1aac342f3dd1544d2f94e696ee', name: "primary-action" }),
+            h("div", { key: '109fcf87a4c41ab90a266cd38c81b014a1ac0e61', class: "actions" }, h("slot", { key: '57b03a926670b433480783760d33e0ca669e8f6a', name: "leading" }), this.renderFileInput(), this.renderTriggerActions(), h("slot", { key: 'cc8028bf90b55ed2355b11a96fb3e99bcb3b7c0f', name: "trailing" })),
+            h("slot", { key: '3e1f0f1b411817f15afd1940ff5e1400010604c3', name: "primary-action" }),
         ];
     }
     get translator() {

package/dist/components/limebb-dashboard-widget.js

@@ -19,7 +19,7 @@ const DashboardComponent = /*@__PURE__*/ proxyCustomElement(class DashboardCompo
         };
     }
     render() {
-        return [this.renderHeader(), h("slot", { key: '3d016060b9b3287c330d1250c4f107fd2fb25612', name: "content" })];
+        return [this.renderHeader(), h("slot", { key: '4450486b9bf3fa4b35b6c2371338c29917cbe680', name: "content" })];
     }
     static get style() { return LimebbDashboardWidgetStyle0; }
 }, [1, "limebb-dashboard-widget", {

package/dist/components/limebb-date-range.js

@@ -25,7 +25,7 @@ const DateRange = /*@__PURE__*/ proxyCustomElement(class DateRange extends HTMLE
         this.originalEndTime = this.endTime;
     }
     render() {
-        return (h("div", { key: '5ec890a021ae53b045046f7994a84a8d9c4698d9', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
+        return (h("div", { key: '8424fac6160776909ab0c809fdf01d5c32dd447f', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
     }
     renderStartDatePicker() {
         if (!this.originalStartTime) {

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

@@ -349,7 +349,7 @@ const DocumentChips = /*@__PURE__*/ proxyCustomElement(class DocumentChips exten
         this.revokeAllBlobUrls();
     }
     render() {
-        return (h(Host, { key: '6c8347de35ccd6061c8fa282820210f6a3bcc2c8', role: "list", "aria-label": this.accessibleLabel }, this.files.map((file) => this.renderFile(file))));
+        return (h(Host, { key: 'a8434c51cd27c94924e392983cb0983b1fbc7f62', role: "list", "aria-label": this.accessibleLabel }, this.files.map((file) => this.renderFile(file))));
     }
     renderFile(file) {
         const isReady = !file.uploadState || file.uploadState === 'done';

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

@@ -70,7 +70,7 @@ const DocumentPicker = /*@__PURE__*/ proxyCustomElement(class DocumentPicker ext
         this.labelId = createRandomString();
     }
     render() {
-        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()));
+        return (h(Host, { key: 'b28a99c85792d47c500bb2b91aa2011bd7298f48' }, h("limel-notched-outline", { key: 'c855f472a73f0f2d35a0f5452ea2fcd5d370e834', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: 'e333e8e2244e2e56abb178ea2359bcae5c8d699a', 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/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: 'b56f2996447a80c5cf12f83fce2ca05de53553e4', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
+        return (h(Host, { key: 'ce3bdf0a1500bb43636b4632c6b37c5041008795', 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

@@ -52995,7 +52995,7 @@ const IconPicker = /*@__PURE__*/ proxyCustomElement(class IconPicker extends HTM
                 icon: this.value,
             };
         }
-        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" }));
+        return (h("limel-picker", { key: 'd899650ef643e6192247e252cedcd4cd2cc0ca44', 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: 'cac8e4793eb19e3f4d959a7a53115954b190eddf', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
+            h("limel-button-group", { key: 'e286565f45b3a71b7b666e1479f33b1e8dc25c0f', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
             this.renderFormatConfig(),
         ];
     }