@limetech/lime-crm-building-blocks 1.112.2 → 1.113.0

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: '64ddf50711549fd8dbbd8a3661af34e4275c594e', id: this.item.id.toString(), class: {
+        return (h(Host, { key: '4c57d77052c3773be3ec323f34769095d514d82b', 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: '7f43cdd2fe758a89c72f93b45986fbe3919d3173' }, this.renderHeader(), h("div", { key: '870ab0dc2f8467f95d00194e78eeb4a9e8fe711e', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: '2712a25b9058e1d60cbf86c5b968eaa054a96f0e', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
+        return (h(Host, { key: '1bbb2389d353b5a1b174ee5423ab524a350d5810' }, this.renderHeader(), h("div", { key: 'a81fed03577d534e509ddcbc9ef66456191fe53f', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: 'e3f76847095e0d586d7c72e6750acb220a187e6e', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
     }
     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: '757b08e5d85d11131b5b5e47cefacb11fd2894f9', style: {
+        return (h(Host, { key: '3543d72a3edb0c320abb3f9379d338d36ad6d6c4', style: {
                 '--limebb-lime-query-filter-group-operator': `"${this.expression.op === Operator.AND ? 'AND' : 'OR'}"`,
-            } }, h("div", { key: '4d2c562555247b40856454aa8072fbd7bf65c5ba', class: "expression" }, this.renderHeader(), h("ul", { key: '1d68ef3bafc0ba2444a7712b795cb878c0a770dd' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
+            } }, h("div", { key: '01bed380a233e8add40afb4d45c1606fb28989fc', class: "expression" }, this.renderHeader(), h("ul", { key: '7b6ac524a60a7782ca1ecc7759040d4eca3647ef' }, 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: '853b9dc1c02b9079615fbb912f6c9857ce88ecaf', class: "expression" }, this.label && h("limel-header", { key: '6ac9a53f1238c6f2c1ab2d87fb0c3bcc54606216', heading: this.label }), h("limebb-lime-query-filter-expression", { key: 'b736dc7bdab308ce03007ab6bbe907494376eb9b', 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: '7ee2b42fce778c2239a8537cf3d9ce6808c97d79', class: "expression" }, this.label && h("limel-header", { key: 'd14cadc9ca8522a637614952579c760943df27f9', heading: this.label }), h("limebb-lime-query-filter-expression", { key: 'd9b52ba968caafd32405744ebff05f216b805f56', platform: this.platform, context: this.context, label: "Not", limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression.exp, onExpressionChange: this.handleExpressionChange })));
     }
     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: '64bfb646bbe2d15ef08af6e8adcccdae366bfec2' }, this.renderHeader(), this.renderContent()));
+        return (h(Host, { key: '683e54464031d37a38480a55aed3e3006ec9e806' }, 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: '1231dbb540a0facfea168a239aa86507f06667ac', class: "response-format-builder" }, this.label && h("h1", { key: '9b0ede18f9922da64b4bd7e2a6b875e10e9d5838', class: "builder-label" }, this.label), this.helperText && (h("p", { key: '6ac79cac8af59a1ef9c05d1eead5ded2b1de520b', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: '1add7c2d07458dca12e325566774996c79381a41', 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: '56166271cfd95e3164f6002605de9b4a73d5b850', class: "response-format-builder" }, this.label && h("h1", { key: 'cccc53913dc0ced44b736328a16c85b3db2a61d4', class: "builder-label" }, this.label), this.helperText && (h("p", { key: '765ea2f4a052f78beba9c60157f07711f432293e', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: '15a7159322713ab288ef70e8f98aaa11d5064d1f', class: "mode-controls" }, this.renderModeSwitch(visualModeSupported))), !this.visualModeEnabled || this.mode === 'code' ? (h("div", { class: "code-mode" }, this.renderCodeEditor(visualModeSupported))) : (h("div", { class: "visual-mode" }, this.renderVisualMode()))));
     }
     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: '27a42a235e492afdb32bfa4653c966cab535a846', 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: '098e8b2996788bdfdb785e602173c1a75f506661', 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: 'fe687e562d6cd7448ee705d326e70be8e9e467d7' }, this.renderEmptyState(), this.renderOrderByEditor()));
+        return (h(Host, { key: 'b0caaa11dcb633423bae612e22105de44ed1a7a1' }, 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: 'f71d4adf6c90ed39c203f04406c480bd75b8832d' }, h("limebb-property-selector", { key: '93396fa76d161e05e1c1db1b1d14735729c85f55', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: '385ac18cb0b63b30596bb70bfebd4efe83853d37', class: "control-buttons" }, h("limel-icon-button", { key: 'c5f60db12c6f1604383cfd84ede593c86747606a', icon: direction === 'ASC'
+        return (h(Host, { key: 'c0f53a833675b0f086791cdd408e1cffe4fe0f63' }, h("limebb-property-selector", { key: 'd7dc95d9b452334db487494d012ae80dbd3cc3fb', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: 'f7e70e87cf611acee5b74f2d04416055834b3dcd', class: "control-buttons" }, h("limel-icon-button", { key: 'ca44aa6f7cd6fbadafafe09540494f95215b4d8c', icon: direction === 'ASC'
                 ? 'sort_ascending'
-                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '8e70845e294f0a0e575e10044e4ba11aad1c5a4f', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
+                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '92a21267fc8c803c59a686064a77103ddcba71fd', 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: '6e374c232e2492f23139fe0ce81d02311bacfa39', class: "property-controls" }, h("div", { key: 'e8d56d3a92955f67156c2243f70fabab212ba64b', class: "property-path" }, h("limebb-property-selector", { key: '27dc6e85475b2c125f9e730d38a399b360244986', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: '8765663ea48eb0dcf3ac66d124cdebc65a9ddad1', class: "input-grid" }, this.renderAliasInput()), h("div", { key: '8d1e1eddb2650752ed30b95c884a3059059649c0', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: 'c82bc6bbb1ebd7c020215b6f9a72e32e4080edda', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: '1f7948f168495269195833b979241c2c5ee71340', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
+            h("div", { key: 'c3620eddb3e12eba09262f80997a56d83cf6cc83', class: "property-controls" }, h("div", { key: 'fea873463b097f78e65586956e3b235d123453b4', class: "property-path" }, h("limebb-property-selector", { key: '7a01e8d7723f00caecf23d71cf8795357200ad3e', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: 'a8be4ce31636be8e2f55d222dd93efe4cc456178', class: "input-grid" }, this.renderAliasInput()), h("div", { key: '38e2c185b5c69feb2aa7b734a1b55786687b6459', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: '09310ff2237d191a20a8804cb011f10fc852e425', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: 'acc1b919770d035745e05f3811043ad189443566', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
         ];
     }
     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: '982e3b3212eb81076399e32aa1e61df833fce3fa', class: "header" }, h("limel-icon", { key: 'f87642d3a34e0977568cefa93f9c34ad12f92aa9', name: "not_showing_video_frames" }), h("h2", { key: '1e960c4d737204a29332cacc0eb4ad4c29dc9a31' }, "Viewing this file type requires ", h("em", { key: 'e6b7c7e6158fdebd54414339004214da66a1468e' }, "Live Docs"))),
-            h("p", { key: '9f5ee7ad9d6608c6df749e1cf90842089cad9267' }, h("em", { key: '1a30637a54d1f124e8f01dd2f7512697142651a6' }, "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: 'c81363c6813c439a47362a842c59c135f85e1eb2', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
+            h("div", { key: '3efd6c08d83684af5751402c71c46261028091a9', class: "header" }, h("limel-icon", { key: '53d32bf2c7cbd12ba662db1dd3b8fe3a1b6899ca', name: "not_showing_video_frames" }), h("h2", { key: 'ab7b687224626de7282bf7030e50f3feaddbf4d8' }, "Viewing this file type requires ", h("em", { key: '64c1c78850e17601a5f0aa00a5e95dd4192ab586' }, "Live Docs"))),
+            h("p", { key: 'c0851a6b140415fda231da09e3dd14a39aa769d8' }, h("em", { key: '01b229e2cdaf62a6e9f95684d5824d15f72c03f8' }, "Live Docs"), " not only enables you to view many file formats such as Microsoft Office documents, but it also empowers you to edit them right in the CRM. No need to download anything on your device!", h("a", { key: 'f4d923dfac3420e068f6856754140749c5637937', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
         ];
     }
     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: '7d0b8211bd77943e43d3712590a7ff5501549714', 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: '39da3645bcfe74e4bf4f0c9e80c4361a55a3d553', value: selectedOptions, options: sortBy(options, 'text'), helperText: this.helperText, label: this.label, required: this.required, disabled: this.disabled, readonly: this.readonly, onChange: this.handleChange, multiple: this.multipleChoice }));
     }
     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: '64a1c152d49ac5daa9ec02237ff17d9bb97face5', id: this.item.id, class: {
+        return (h(Host, { key: '0c45f2a691bead68dfd4e0d3dcf22dc76118e778', id: this.item.id, class: {
                 'is-clickable': this.isItemClickable(),
                 'is-read': !!((_a = this.item) === null || _a === void 0 ? void 0 : _a.read),
                 'is-selected': !!((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected),

package/dist/collection/components/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: '5f43d08e559a8be88c2d2426699208cef33fe9ae', class: this.getContainerClassList(), style: {
+        return (h(Host, { key: '456afa7a4dfec41b7d293518d3150fa520c76c87', 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: 'cccb03afaea2560edf610356286b59c7a3f9ebcd', 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: 'a4bff08185207a8ae82be37c607b1d1daf10d1e7', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
+            } }, h("limel-notched-outline", { key: 'ffdc013e98a23f690ff17adf6834f280aa824886', tabIndex: 0, role: "meter", "aria-valuemin": this.rangeMin, "aria-valuemax": this.rangeMax, "aria-valuenow": this.numValue, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-controls": this.helperTextId }, h("div", { key: '574b107be7e7fc941e957365fc8b2b7f5a6bd5bf', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

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

@@ -118,14 +118,14 @@ export class SummaryPopover {
             top: '0.125rem',
             right: '0.125rem',
         };
-        return (h("limel-popover", { key: 'd5142ad5871d8cf04492bda3623c3030d1b86699', style: {
+        return (h("limel-popover", { key: 'eaadc371fc4bb4bc46e009f9c8ffd82996361c65', style: {
                 '--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
-            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: '876fc3afb9e00e18effdaf081f8e879bccfe0a56', slot: "trigger", tabIndex: 0, onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocus: this.openPopoverWithDelay }, h("slot", { key: 'aec98e47257894960d4adacd004a286e7f7cb64c', name: "trigger" }), h("div", { key: 'f1771f1aea8080c383ba81295848bb242c910f29', class: "opening-countdown-indicator" })), h("limel-card", { key: '1d17f98a066f31650432cd7b657a835ae1dbebcb', style: {
+            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: '2da24adb5ff182b08731bc99e2454c615c19aabf', slot: "trigger", tabIndex: 0, onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocus: this.openPopoverWithDelay }, h("slot", { key: '0bda4e6b3a3c62c9930ddbb287114f1bea45897b', name: "trigger" }), h("div", { key: '25a0847697bc40c869a129a2433968aeed0f1fea', class: "opening-countdown-indicator" })), h("limel-card", { key: 'a402a4bcb876e432f70eff407b0d0b0878971f4d', 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: '2edbd8ce64c46b48bc0c11be51339b98f980db40', 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: '5ed4dbb27bf026101ecf0f7dd1a0907fe2f099ad', slot: "component", type: "close", style: closeButtonStyle, tooltipLabel: "Close", tooltipHelperLabel: "Esc", onClick: this.handleCloseClick }))));
     }
     static get is() { return "limebb-summary-popover"; }
     static get encapsulation() { return "shadow"; }

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: 'be19b705f56d74ddf3645c11cb905be4758d6038', id: this.tooltipId }, label),
-            h("limel-tooltip", { key: 'c02c356b6fc3320930def24994997107f903923f', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
+            h("span", { key: 'cccb4a58450a0f1d5b2a81f99fc8252f92b8abb2', id: this.tooltipId }, label),
+            h("limel-tooltip", { key: 'cf8819b1b5318c1ee4ce210f78132be0388db3e6', 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: 'c8af41c98f9bee357bbf9ff23f0862ab7144139f', 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: '44a1efaa2b03daf3ffb1929e110ec985b7f629fa', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
             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: 'ab0f00081e519133ed9e139c907e3f5365e1323c', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '41578e4885e1de13ca6dfc2bd90e0aa58caaf58a', 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: '23da812d26acb20a8841eff9a8ad2330de01e8a3', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
+        return (h(Host, { key: '2ed101327ee07b36639235704c82a35602331185', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '09daaa1c59fbc5b58389ec73e0248bc87d4f2fcc', id: this.tooltipId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, "aria-controls": this.helperTextId }, h("div", { key: '09541f6ce5d94a0f739c564e1d1bd3bdfe8bdf7a', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

package/dist/components/currency-picker.js

@@ -1851,7 +1851,7 @@ const CurrencyPicker = /*@__PURE__*/ proxyCustomElement(class CurrencyPicker ext
         };
     }
     render() {
-        return (h("limel-picker", { key: 'a8f8adca9dddaeaf0e8007b98d5d824d94a10a56', 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: '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 }));
     }
     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: '95502501f32531eda1620df9350be229e0c75f9e', 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: '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 }));
     }
     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: 'c4a70828295792ed3a50679adb08ed0692c25131', id: String(this.item.file.id), class: {
+        return (h(Host, { key: 'dcde12cbad8827bf2a24aeed5f79a2a142ccd447', 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: 'b9794a751ebc9cf62d39ec21104f6f54b53c204d', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '895d606422f773ab62da2ea0d9ce327001225cc0', 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: '9ff6628132ce3d11e0f714dc986a7e22cd0c7a76', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '64d7d70132e981fdb8d2e19edf467bfa25b5957e', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
     }
     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: '8666d078890e59b7c3cad08449be74f8d0b454a9' }, this.description);
+        return h("span", { key: '069a5fa52cbf4a8af6bd2b1a39b06a55b2425cf9' }, 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: '2c7bc6857a6ff9d7241f6c62f5cf049c47e3d118', id: this.item.id, class: {
+        return (h(Host, { key: '23db557be6e62f605b3d457209d3e03e47b88510', 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: 'facbffb1c7247c2fe6873b0764bfeed96cd0eebd' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
+        return (h(Host, { key: '1257ca054481efc8f33ad7b9fb729ee8304e5539' }, 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: '64ddf50711549fd8dbbd8a3661af34e4275c594e', id: this.item.id.toString(), class: {
+        return (h(Host, { key: '4c57d77052c3773be3ec323f34769095d514d82b', 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: '7f43cdd2fe758a89c72f93b45986fbe3919d3173' }, this.renderHeader(), h("div", { key: '870ab0dc2f8467f95d00194e78eeb4a9e8fe711e', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: '2712a25b9058e1d60cbf86c5b968eaa054a96f0e', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
+        return (h(Host, { key: '1bbb2389d353b5a1b174ee5423ab524a350d5810' }, this.renderHeader(), h("div", { key: 'a81fed03577d534e509ddcbc9ef66456191fe53f', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: 'e3f76847095e0d586d7c72e6750acb220a187e6e', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
     }
     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: '853b9dc1c02b9079615fbb912f6c9857ce88ecaf', class: "expression" }, this.label && h("limel-header", { key: '6ac9a53f1238c6f2c1ab2d87fb0c3bcc54606216', heading: this.label }), h("limebb-lime-query-filter-expression", { key: 'b736dc7bdab308ce03007ab6bbe907494376eb9b', 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: '7ee2b42fce778c2239a8537cf3d9ce6808c97d79', class: "expression" }, this.label && h("limel-header", { key: 'd14cadc9ca8522a637614952579c760943df27f9', heading: this.label }), h("limebb-lime-query-filter-expression", { key: 'd9b52ba968caafd32405744ebff05f216b805f56', platform: this.platform, context: this.context, label: "Not", limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression.exp, onExpressionChange: this.handleExpressionChange })));
     }
     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: '757b08e5d85d11131b5b5e47cefacb11fd2894f9', style: {
+        return (h(Host, { key: '3543d72a3edb0c320abb3f9379d338d36ad6d6c4', style: {
                 '--limebb-lime-query-filter-group-operator': `"${this.expression.op === re.AND ? 'AND' : 'OR'}"`,
-            } }, h("div", { key: '4d2c562555247b40856454aa8072fbd7bf65c5ba', class: "expression" }, this.renderHeader(), h("ul", { key: '1d68ef3bafc0ba2444a7712b795cb878c0a770dd' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
+            } }, h("div", { key: '01bed380a233e8add40afb4d45c1606fb28989fc', class: "expression" }, this.renderHeader(), h("ul", { key: '7b6ac524a60a7782ca1ecc7759040d4eca3647ef' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
     }
     renderHeader() {
         const subheading = this.getSubheading();

package/dist/components/limebb-composer-toolbar.d.ts

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

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

@@ -0,0 +1,136 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { c } from './index.esm.js';
+
+const composerToolbarCss = "*{box-sizing:border-box;min-width:0}:host(limebb-composer-toolbar){box-sizing:border-box;display:flex;align-items:center;width:100%;max-width:100%;gap:0.5rem}.actions{display:flex;align-items:center;flex-wrap:nowrap;flex-grow:1}limel-icon-button,::slotted(limel-icon-button){display:inline-block;scale:0.86}";
+const LimebbComposerToolbarStyle0 = composerToolbarCss;
+
+const TRIGGER_DEFINITIONS = [
+    {
+        trigger: 'mention',
+        icon: 'email_sign_92447',
+        translationKey: 'webclient.composer-toolbar.mention',
+        helperLabel: '@',
+    },
+    {
+        trigger: 'text-snippet',
+        icon: 'rich_text_converter',
+        translationKey: 'webclient.composer-toolbar.text-snippet',
+        helperLabel: '!',
+    },
+    {
+        trigger: 'internal-link',
+        icon: 'hashtag_large',
+        translationKey: 'webclient.composer-toolbar.internal-link',
+        helperLabel: '#',
+    },
+    {
+        trigger: 'rich-text',
+        icon: 'font_style_formatting',
+        translationKey: 'webclient.composer-toolbar.rich-text',
+    },
+];
+const ComposerToolbar = /*@__PURE__*/ proxyCustomElement(class ComposerToolbar extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.triggerInsert = createEvent(this, "triggerInsert", 7);
+        this.filesSelected = createEvent(this, "filesSelected", 7);
+        /**
+         * When `true`, displays a button that triggers
+         * the mention character (`@`) in the text editor.
+         */
+        this.mentions = false;
+        /**
+         * When `true`, displays a button that triggers
+         * the text snippet character (`!`) in the text editor.
+         */
+        this.textSnippets = false;
+        /**
+         * When `true`, displays a button that triggers
+         * the internal link character (`#`) in the text editor.
+         */
+        this.internalLinks = false;
+        /**
+         * When `true`, displays a button that toggles the visibility
+         * of the rich text formatting toolbar in the text editor.
+         */
+        this.richText = false;
+        this.handleTriggerSelected = (event) => {
+            event.stopPropagation();
+            this.triggerInsert.emit(event.detail.value);
+        };
+        this.handleFilesSelected = (event) => {
+            event.stopPropagation();
+            this.filesSelected.emit(event.detail);
+        };
+    }
+    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" }),
+        ];
+    }
+    get translator() {
+        var _a;
+        return (_a = this.platform) === null || _a === void 0 ? void 0 : _a.get(c.Translate);
+    }
+    get triggerActions() {
+        const enabledFlags = {
+            mention: this.mentions,
+            'text-snippet': this.textSnippets,
+            'internal-link': this.internalLinks,
+            'rich-text': this.richText,
+        };
+        return TRIGGER_DEFINITIONS.filter((def) => enabledFlags[def.trigger]).map((def) => {
+            var _a, _b;
+            return ({
+                text: (_b = (_a = this.translator) === null || _a === void 0 ? void 0 : _a.get(def.translationKey)) !== null && _b !== void 0 ? _b : def.trigger,
+                commandText: def.helperLabel,
+                icon: def.icon,
+                iconOnly: true,
+                value: def.trigger,
+            });
+        });
+    }
+    renderTriggerActions() {
+        const actions = this.triggerActions;
+        if (actions.length === 0) {
+            return;
+        }
+        return (h("limel-action-bar", { actions: actions, onItemSelected: this.handleTriggerSelected }));
+    }
+    renderFileInput() {
+        var _a, _b, _c, _d, _e, _f;
+        if (!this.fileInput) {
+            return;
+        }
+        return (h("limel-file-input", { accept: (_a = this.fileInput.accept) !== null && _a !== void 0 ? _a : '*', multiple: (_b = this.fileInput.multiple) !== null && _b !== void 0 ? _b : false, disabled: (_c = this.fileInput.disabled) !== null && _c !== void 0 ? _c : false, onFilesSelected: this.handleFilesSelected }, h("limel-icon-button", { icon: "attach", disabled: (_d = this.fileInput.disabled) !== null && _d !== void 0 ? _d : false, label: (_e = this.translator) === null || _e === void 0 ? void 0 : _e.get('webclient.attach-files'), helperLabel: (_f = this.translator) === null || _f === void 0 ? void 0 : _f.get('webclient.attach-files-helper') })));
+    }
+    static get style() { return LimebbComposerToolbarStyle0; }
+}, [1, "limebb-composer-toolbar", {
+        "platform": [16],
+        "mentions": [516],
+        "textSnippets": [516, "text-snippets"],
+        "internalLinks": [516, "internal-links"],
+        "richText": [516, "rich-text"],
+        "fileInput": [16]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["limebb-composer-toolbar"];
+    components.forEach(tagName => { switch (tagName) {
+        case "limebb-composer-toolbar":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ComposerToolbar);
+            }
+            break;
+    } });
+}
+
+const LimebbComposerToolbar = ComposerToolbar;
+const defineCustomElement = defineCustomElement$1;
+
+export { LimebbComposerToolbar, defineCustomElement };

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

@@ -19,7 +19,7 @@ const DashboardComponent = /*@__PURE__*/ proxyCustomElement(class DashboardCompo
         };
     }
     render() {
-        return [this.renderHeader(), h("slot", { key: '1b38b23d42d5a90c88e814ae617ee98d8dbf4d94', name: "content" })];
+        return [this.renderHeader(), h("slot", { key: '3d016060b9b3287c330d1250c4f107fd2fb25612', 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: '65c4cc481586b8303227a6ee60ffae59d27c9db5', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
+        return (h("div", { key: '5ec890a021ae53b045046f7994a84a8d9c4698d9', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
     }
     renderStartDatePicker() {
         if (!this.originalStartTime) {

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

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 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 documentPickerCss = "@charset \"UTF-8\";:host(limebb-document-picker){--checkbox-label-overflow-wrap:break-word;--switch-label-overflow-wrap:break-word}: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 {
@@ -70,7 +70,7 @@ const DocumentPicker = /*@__PURE__*/ proxyCustomElement(class DocumentPicker ext
         this.labelId = createRandomString();
     }
     render() {
-        return (h(Host, { key: '48b0a743a0ae3295497d40ac4c363e3b273ef079' }, h("limel-notched-outline", { key: '11888648097397f97361b3088c047ebb947a3ac7', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("div", { key: '3288515518395ff1f57c2614760bd549d107f9b5', 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: '6554eadab98c010e090558343f2b7fe02f0ff30f' }, h("limel-notched-outline", { key: 'cb70c92e464ec41cc7792825dbf341b73c0d51b5', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("div", { key: 'd956cab6104a44a8384aec582c9c87c757b2c985', 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: '0d2599bd299336c1b84fb0fb0597a281a46b0ecd', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
+        return (h(Host, { key: 'ba514e5c049d1c06260bca13834317688f5c8966', 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: '036d375a1f44b19d1c7865cc91bec72edc65cac4', 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: '9ab148e0ae9bf8095b4f018303b7d13821a8ce83', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, value: value, searcher: this.search, onChange: this.handleChange, badgeIcons: false, leadingIcon: "search", searchLabel: "Start typing to find the right icon" }));
     }
 }, [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: '0e65b3e86e794feacb84f3ea7da6b8e6ee8c4d3f', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
+            h("limel-button-group", { key: '971f24abda709fdf0b6803037557472bbec9c357', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
             this.renderFormatConfig(),
         ];
     }

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

@@ -435,7 +435,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: '3bf7b73958c43b6655b27864313cdcb35806a544', class: { error: !filter || this.error } }, props)));
+        return (h("limel-info-tile", Object.assign({ key: '9634fc3d797fa0382b9e0eca1eabf67c19ffa4a6', class: { error: !filter || this.error } }, props)));
     }
     getFormattedValue() {
         if (!this.value && this.value !== 0) {

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

@@ -161,7 +161,7 @@ const LimeQueryBuilder = /*@__PURE__*/ proxyCustomElement(class LimeQueryBuilder
         }
     }
     render() {
-        return (h(Host, { key: '64bfb646bbe2d15ef08af6e8adcccdae366bfec2' }, this.renderHeader(), this.renderContent()));
+        return (h(Host, { key: '683e54464031d37a38480a55aed3e3006ec9e806' }, this.renderHeader(), this.renderContent()));
     }
     renderContent() {
         const visualModeSupported = this.checkVisualModeSupport();