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

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

@@ -14,6 +14,7 @@ import { processChatItems, } from "./process-chat-items";
  * @exampleComponent limebb-example-chat-list-with-promoted-action
  * @exampleComponent limebb-example-chat-list-with-helper-text
  * @exampleComponent limebb-example-chat-list-with-error
+ * @exampleComponent limebb-example-chat-list-with-icon-list
  * @beta
  */
 export class ChatList {
@@ -21,6 +22,9 @@ export class ChatList {
         /**
          * 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 = [];
         /**
@@ -50,10 +54,10 @@ export class ChatList {
         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) {
@@ -87,6 +91,9 @@ export class ChatList {
             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();
             }
@@ -105,6 +112,9 @@ export class ChatList {
     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'))));
     }
@@ -187,13 +197,13 @@ export class ChatList {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "ChatItem[]",
-                    "resolved": "ChatItem[]",
+                    "original": "ChatListItem[]",
+                    "resolved": "ChatListItem[]",
                     "references": {
-                        "ChatItem": {
+                        "ChatListItem": {
                             "location": "import",
-                            "path": "./chat-item/chat-item.types",
-                            "id": "src/components/chat-list/chat-item/chat-item.types.ts::ChatItem"
+                            "path": "./chat-list.types",
+                            "id": "src/components/chat-list/chat-list.types.ts::ChatListItem"
                         }
                     }
                 },
@@ -201,7 +211,7 @@ export class ChatList {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "List of items to display in the feed.\nThese items must be sorted by their `timestamp` in descending order."
+                    "text": "List of items to display in the feed.\nThese items must be sorted by their `timestamp` in descending order.\n\nSee the [ChatListItem](#/type/ChatListItem/) type for the kinds of\nitems that can appear in the list."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/chat-list/chat-list.types.js

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

package/dist/collection/components/chat-list/process-chat-items.js

@@ -1,27 +1,22 @@
+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.
  */
 export function processChatItems(items, dateTimeFormatter, lastVisitedTimestamp) {
     const initialContext = {
@@ -53,7 +48,12 @@ function createPipeline(initialContext, processors) {
  */
 export 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;
 }
@@ -65,16 +65,15 @@ export 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;
@@ -90,12 +89,10 @@ export 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);
@@ -108,25 +105,21 @@ export 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 });
 }

package/dist/collection/components/chat-list/typing-indicator/typing-indicator.js

@@ -7,7 +7,7 @@ import { h } from "@stencil/core";
  */
 export class TypingIndicator {
     render() {
-        return (h("div", { key: 'b935ce2320a2be224b39409f8787554acdc4118c', class: "typing-ellipsis" }, h("div", { key: '906f4069dda78564797563f516fa4f7202e280e2', class: "circle" }), h("div", { key: '9aa4aec7fef5b6194fe9ed200f77419435e4a68c', class: "circle" }), h("div", { key: 'b4993c098ffffc9fae8e5e32665bda523450409d', class: "circle" })));
+        return (h("div", { key: 'e2a950cc7f72a3c77e88a670dbf9e810213e41d1', class: "typing-ellipsis" }, h("div", { key: 'ada1d105e1db410000501e4dada0d2b451fad5e1', class: "circle" }), h("div", { key: '77d19496a93ac1c07f0731597cfbce43d25b3e4c', class: "circle" }), h("div", { key: '3c83392afe5049252b87da15095c13dae2fa6798', class: "circle" })));
     }
     static get is() { return "limebb-typing-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/component-command-picker/component-picker/component-picker.js

@@ -49,10 +49,7 @@ export class ComponentPicker {
             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;
@@ -64,20 +61,24 @@ export class ComponentPicker {
             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);
@@ -106,10 +107,13 @@ export class ComponentPicker {
             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() {
@@ -130,8 +134,8 @@ export class ComponentPicker {
         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(PlatformServiceName.WebComponentRegistry);

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

@@ -83,8 +83,8 @@ export class ComposerToolbar {
     }
     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/collection/components/currency-picker/currency-picker.js

@@ -84,7 +84,7 @@ export class CurrencyPicker {
         };
     }
     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/collection/components/dashboard-widget/dashboard-widget.js

@@ -17,7 +17,7 @@ export class DashboardComponent {
         };
     }
     render() {
-        return [this.renderHeader(), h("slot", { key: '3d016060b9b3287c330d1250c4f107fd2fb25612', name: "content" })];
+        return [this.renderHeader(), h("slot", { key: '4450486b9bf3fa4b35b6c2371338c29917cbe680', name: "content" })];
     }
     static get is() { return "limebb-dashboard-widget"; }
     static get encapsulation() { return "shadow"; }

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

@@ -66,7 +66,7 @@ export class DatePicker {
         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/collection/components/date-range/date-range.js

@@ -33,7 +33,7 @@ export class DateRange {
         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/collection/components/document-chips/document-chips.js

@@ -44,7 +44,7 @@ export class DocumentChips {
         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/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: '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/collection/components/document-picker/document-picker.js

@@ -76,7 +76,7 @@ export class DocumentPicker {
         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/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: '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/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: 'e651265e23288802ee6d89e3cfe5e0f7bd8073c3' }, this.description);
+        return h("span", { key: '36256b59f8a04f0ae5628399d60c8b6f624a7823' }, 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: '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/collection/components/icon-picker/icon-picker.js

@@ -35,7 +35,7 @@ export class IconPicker {
                 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" }));
     }
     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: '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(),
         ];
     }

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: '1211ee931d2cf7a5a3c13896515812ddbcab29f2', class: { error: !filter || this.error } }, props)));
+        return (h("limel-info-tile", Object.assign({ key: '95cff868253a68eefdf7845a344c41c5b37a2bb8', 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: '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/collection/components/kanban/kanban-item/kanban-item.js

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

@@ -122,7 +122,7 @@ export class LimeQueryFilterComparisonComponent {
         };
     }
     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/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: 'a93a715b9bd65e6e9381083aef11951588471fc5', style: {
+        return (h(Host, { key: 'c47d52a6ba4d36d3f4f97eb6d8bf8459c5bbda73', style: {
                 '--limebb-lime-query-filter-group-operator': `"${this.expression.op === Operator.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/collection/components/lime-query-builder/expressions/lime-query-filter-not.js

@@ -35,7 +35,7 @@ export class LimeQueryFilterNotComponent {
         };
     }
     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 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: '883901b3f445419dad53e7c02dd160ad7483c0cb' }, this.renderHeader(), this.renderContent()));
+        return (h(Host, { key: '8c454a860751d71379bf02e736ab361205bd8617' }, 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: '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()))));
+        return (h("div", { key: '5c8af8c1df74a96dbbe7afa4eec0df98289401f1', class: "response-format-builder" }, this.label && h("h1", { key: 'be3af49b68cbf3a97a433be2b39ce9499e495e2d', class: "builder-label" }, this.label), this.helperText && (h("p", { key: 'b7e92bf7520fbf71ba411a75d98bf020abeab4c7', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: '0b123dccd24e0b9bddbf62906608d224ee1e71a1', 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: '6157ed54a38920f001fa79b5a39c48b677826dd5', 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: '6afce0cc51d4c8175599d36c6035316b0dcaf165', 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: 'accbc6c9e4d55d7480a0742da0bc96db3077fbf1' }, this.renderEmptyState(), this.renderOrderByEditor()));
+        return (h(Host, { key: 'd99da16b1ba63352f83dfd7f9edaa5c9fd7d97cc' }, 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: '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'
+        return (h(Host, { key: '21cad0f39f274379cb7039e4890972d9913c2ecd' }, h("limebb-property-selector", { key: 'd006e27718f4a15f5a0ed2ce24be471dbf76a24c', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: 'dfa908694cdb8c305e1377d8a15cf66623727527', class: "control-buttons" }, h("limel-icon-button", { key: 'bfbe3ce1f78ba6a313ad35d0134e61b101425042', icon: direction === 'ASC'
                 ? 'sort_ascending'
-                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '0407b6a44822a4ee182aa95140fe8d9fd01dc377', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
+                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '0ce8594441308c30b1d3575dfb5f3ccd2bfbd484', 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: '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 })),
+            h("div", { key: 'a2843cc617818cbf7382daf3108543cd8fb1e343', class: "property-controls" }, h("div", { key: 'c76365ff9658ea117e21e6f9a0f1d6fb5b79abb2', class: "property-path" }, h("limebb-property-selector", { key: 'a0395d388521afe454811f29c510999cce4aa6fe', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: 'ddbdc38a6317094e73603157bdd048434fa03d99', class: "input-grid" }, this.renderAliasInput()), h("div", { key: '5c180c61bec2b056403b4db9f7d2d9e1d791cfc5', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: '97cfa83598bc7721283281465d019879dd116a9c', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: '90b98cc5fa5530f4f5216704ac0553e2e1dfb1a7', 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: '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")),
+            h("div", { key: 'b1c708e240f019acae3db9080b1f290f05b8881d', class: "header" }, h("limel-icon", { key: 'b4ad9a1d4930440c56dda2921a8ad53014a358c7', name: "not_showing_video_frames" }), h("h2", { key: 'c9f7e21b877108dcf1d0b437d1d9bf91f530dc1f' }, "Viewing this file type requires ", h("em", { key: '693989ef194e41dd8d21d2735579ad3881ee67fa' }, "Live Docs"))),
+            h("p", { key: '8e7c3c6f99af14853bf468227a8d17e5fcc51ea9' }, h("em", { key: '2517714215e61815a86e3aa3b6e92d39c7a3a427' }, "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: '0bb7bb2aa1d8ea61300077e25d75f2811729ddcb', 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: '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 }));
+        return (h("limel-select", { key: 'd77e297e7b7a02f4ef92c4449795c8349e87690c', 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: 'b3568cd406313837db0baae97446cc00800e174c', id: this.item.id, class: {
+        return (h(Host, { key: 'ecf766dc6b3f82851c29b9797701e09c966f2b91', 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),