@limetech/lime-crm-building-blocks 1.111.0 → 1.112.0

package/dist/collection/components/navigation-button/navigation-button.css

@@ -1,11 +1,32 @@
 @charset "UTF-8";
 /**
-* Note! This file is exported to `dist/scss/` in the published
-* node module, for consumer projects to import.
-* That means this file cannot import from any file that isn't
-* also exported, keeping the same relative path.
+* Root-level entry point for consuming @limetech/lime-elements SCSS utilities.
 *
-* Or, just don't import anything, that works too.
+* This file enables the clean import path:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* It simply forwards everything from the built exports file.
+*/
+/**
+* Public SCSS exports for consumers of @limetech/lime-elements.
+*
+* This file provides reusable styling utilities.
+*
+* Import this file using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* For detailed documentation of each utility, its parameters,
+* and usage examples, refer to the respective source files.
+*/
+/**
+* Note! This file is forwarded via `src/style/exports.scss`
+* and exposed to consumers through the root `index.scss`.
+*
+* Consumers import it using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* Legacy import paths (`dist/scss/mixins`) are maintained
+* for backward compatibility via copy rules in the Stencil config.
 */
 /**
 * This can be used on a trigger element that opens a dropdown menu or a popover.

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

@@ -1,11 +1,32 @@
 @charset "UTF-8";
 /**
-* Note! This file is exported to `dist/scss/` in the published
-* node module, for consumer projects to import.
-* That means this file cannot import from any file that isn't
-* also exported, keeping the same relative path.
+* Root-level entry point for consuming @limetech/lime-elements SCSS utilities.
 *
-* Or, just don't import anything, that works too.
+* This file enables the clean import path:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* It simply forwards everything from the built exports file.
+*/
+/**
+* Public SCSS exports for consumers of @limetech/lime-elements.
+*
+* This file provides reusable styling utilities.
+*
+* Import this file using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* For detailed documentation of each utility, its parameters,
+* and usage examples, refer to the respective source files.
+*/
+/**
+* Note! This file is forwarded via `src/style/exports.scss`
+* and exposed to consumers through the root `index.scss`.
+*
+* Consumers import it using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* Legacy import paths (`dist/scss/mixins`) are maintained
+* for backward compatibility via copy rules in the Stencil config.
 */
 /**
 * This can be used on a trigger element that opens a dropdown menu or a popover.

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: 'e51a5ebe9c955d43f1025a61a12ca870abb66347', id: this.item.id, class: {
+        return (h(Host, { key: '64a1c152d49ac5daa9ec02237ff17d9bb97face5', 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/notification-list/notification-list.css

@@ -1,11 +1,32 @@
 @charset "UTF-8";
 /**
-* Note! This file is exported to `dist/scss/` in the published
-* node module, for consumer projects to import.
-* That means this file cannot import from any file that isn't
-* also exported, keeping the same relative path.
+* Root-level entry point for consuming @limetech/lime-elements SCSS utilities.
 *
-* Or, just don't import anything, that works too.
+* This file enables the clean import path:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* It simply forwards everything from the built exports file.
+*/
+/**
+* Public SCSS exports for consumers of @limetech/lime-elements.
+*
+* This file provides reusable styling utilities.
+*
+* Import this file using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* For detailed documentation of each utility, its parameters,
+* and usage examples, refer to the respective source files.
+*/
+/**
+* Note! This file is forwarded via `src/style/exports.scss`
+* and exposed to consumers through the root `index.scss`.
+*
+* Consumers import it using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* Legacy import paths (`dist/scss/mixins`) are maintained
+* for backward compatibility via copy rules in the Stencil config.
 */
 /**
 * This can be used on a trigger element that opens a dropdown menu or a popover.

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

@@ -3,12 +3,33 @@
 * @prop --percentage-visualizer-color: defines the color of the percentage bar
 */
 /**
-* Note! This file is exported to `dist/scss/` in the published
-* node module, for consumer projects to import.
-* That means this file cannot import from any file that isn't
-* also exported, keeping the same relative path.
+* Root-level entry point for consuming @limetech/lime-elements SCSS utilities.
 *
-* Or, just don't import anything, that works too.
+* This file enables the clean import path:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* It simply forwards everything from the built exports file.
+*/
+/**
+* Public SCSS exports for consumers of @limetech/lime-elements.
+*
+* This file provides reusable styling utilities.
+*
+* Import this file using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* For detailed documentation of each utility, its parameters,
+* and usage examples, refer to the respective source files.
+*/
+/**
+* Note! This file is forwarded via `src/style/exports.scss`
+* and exposed to consumers through the root `index.scss`.
+*
+* Consumers import it using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* Legacy import paths (`dist/scss/mixins`) are maintained
+* for backward compatibility via copy rules in the Stencil config.
 */
 /**
 * This can be used on a trigger element that opens a dropdown menu or a popover.

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: 'a99a367379f75613f8f37824fae64d5425e13c92', class: this.getContainerClassList(), style: {
+        return (h(Host, { key: '5f43d08e559a8be88c2d2426699208cef33fe9ae', 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: '498c23ad0ddd79219de646286f9958a84c2592c9', 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: 'f8ba78a9b92bb93fc107e04f3001413c7560431b', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
+            } }, 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()));
     }
     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: '838ab57fbd92dd56d10df1e132c3a0f3f2fef58a', style: {
+        return (h("limel-popover", { key: 'd5142ad5871d8cf04492bda3623c3030d1b86699', style: {
                 '--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
-            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: 'ae1c5c30ac48ea401319596edc02c0cebecede2c', slot: "trigger", tabIndex: 0, onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocus: this.openPopoverWithDelay }, h("slot", { key: 'c4aa17eca607080749902ebc19dca7cead778af9', name: "trigger" }), h("div", { key: 'a19c9591ea7744550f1a7588522552155549b4d1', class: "opening-countdown-indicator" })), h("limel-card", { key: 'c19be162436f7744717934e0f5b21e2558dacb5d', style: {
+            }, 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: {
                 '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: 'e2e8685758030513feacce28e6b9a09cadb7f6c7', 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: '2edbd8ce64c46b48bc0c11be51339b98f980db40', 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: 'e6627acbd791531d8f94ed31b07bc47af748da9d', id: this.tooltipId }, label),
-            h("limel-tooltip", { key: 'e7eddf0643b594fce4aa00f8c783c39b815bbc6d', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
+            h("span", { key: 'be19b705f56d74ddf3645c11cb905be4758d6038', id: this.tooltipId }, label),
+            h("limel-tooltip", { key: 'c02c356b6fc3320930def24994997107f903923f', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
         ];
     }
     getLabel() {

package/dist/collection/components/text-editor/text-editor-picker.css

@@ -7,6 +7,8 @@
   border-radius: 0.5rem;
   background-color: rgba(var(--contrast-100));
   box-shadow: var(--shadow-depth-16);
+  max-height: 50vh;
+  overflow-y: auto;
 }
 
 limel-menu-list {

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

@@ -38,6 +38,7 @@ const DEBOUNCE_SEARCH_TIMEOUT = 300;
  * @exampleComponent limebb-example-text-editor-composite
  * @exampleComponent limebb-example-text-editor-allow-resize
  * @exampleComponent limebb-example-text-editor-focus
+ * @exampleComponent limebb-example-text-editor-many-picker-items
  * @beta
  */
 export class LimeBBTextEditor {
@@ -390,7 +391,7 @@ export class LimeBBTextEditor {
     }
     render() {
         return [
-            h("limel-text-editor", { key: '74b1c4a2b87837c15da858fd98c138cf8a9623f0', 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: '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 }),
             this.renderPicker(),
         ];
     }

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

@@ -1,11 +1,32 @@
 @charset "UTF-8";
 /**
-* Note! This file is exported to `dist/scss/` in the published
-* node module, for consumer projects to import.
-* That means this file cannot import from any file that isn't
-* also exported, keeping the same relative path.
+* Root-level entry point for consuming @limetech/lime-elements SCSS utilities.
 *
-* Or, just don't import anything, that works too.
+* This file enables the clean import path:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* It simply forwards everything from the built exports file.
+*/
+/**
+* Public SCSS exports for consumers of @limetech/lime-elements.
+*
+* This file provides reusable styling utilities.
+*
+* Import this file using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* For detailed documentation of each utility, its parameters,
+* and usage examples, refer to the respective source files.
+*/
+/**
+* Note! This file is forwarded via `src/style/exports.scss`
+* and exposed to consumers through the root `index.scss`.
+*
+* Consumers import it using:
+* `@use '@limetech/lime-elements' as lime-elements;`
+*
+* Legacy import paths (`dist/scss/mixins`) are maintained
+* for backward compatibility via copy rules in the Stencil config.
 */
 /**
 * This can be used on a trigger element that opens a dropdown menu or a popover.

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: 'a0f458a114e5698f40899c44d532643f50bef249', class: this.getContainerClassList() }, h("limel-notched-outline", { key: 'fe9a66d44f3155d6594da5e7e16ce9a33907f800', 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: 'daff3b1e6ec7098e7353bca3664179fd9c2594c1', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
+        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()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

package/dist/components/chat-item.js

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

package/dist/components/currency-picker.js

@@ -1851,7 +1851,7 @@ const CurrencyPicker = /*@__PURE__*/ proxyCustomElement(class CurrencyPicker ext
         };
     }
     render() {
-        return (h("limel-picker", { key: 'cea068dd015e8d59467d40e4f74d7950f6f9bed6', 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: '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 }));
     }
     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: '4834d6733ffb8df8e5bcb298d2a94c88cd78a7e4', 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: '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 }));
     }
     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: '7fc37bbc0185cdb38c837f2487c88f4d275d1c2f', id: String(this.item.file.id), class: {
+        return (h(Host, { key: 'c4a70828295792ed3a50679adb08ed0692c25131', 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: 'da1329af4f1eac4617da054b5b02715b512631ff', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'a30361cfb76512065fe3cf1b513f31257cf115ee', 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: '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()));
     }
     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: 'dd3413d387c4183a82de9b4bc2e3c276f2e0d3e5' }, this.description);
+        return h("span", { key: '8666d078890e59b7c3cad08449be74f8d0b454a9' }, 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: '032d6c6319e54b88fb00496c3427554d6b5ee8ea', id: this.item.id, class: {
+        return (h(Host, { key: '2c7bc6857a6ff9d7241f6c62f5cf049c47e3d118', 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: '590a4fac2578a996e2f168877aa1d2be0232f6a8' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
+        return (h(Host, { key: 'facbffb1c7247c2fe6873b0764bfeed96cd0eebd' }, 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: '4ae9dbc241bda4df40a9b81e5c84bd9bc6d49699', id: this.item.id.toString(), class: {
+        return (h(Host, { key: '64ddf50711549fd8dbbd8a3661af34e4275c594e', 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: '6cb567108d3744ca5ab5973c41d679efa024841a' }, this.renderHeader(), h("div", { key: '16f318ec2ede96a39da5d0aef7206beee43d9176', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: '4de069d1509b3e3a378c882714dccd0d8c9c6dfb', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
+        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 }))));
     }
     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: '8f234a17a56f899640f503dcc58e6ef7d8e6a998', class: "expression" }, this.label && h("limel-header", { key: '1e71be2c56690aa3c603c88028860093b54a2a84', heading: this.label }), h("limebb-lime-query-filter-expression", { key: '1fde4344ca12d9ced489ee8e4f1b9de806da1dc4', 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: '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 })));
     }
     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: '324805229eab509d12b6d41a99a54c1a4d8560a1', style: {
+        return (h(Host, { key: '757b08e5d85d11131b5b5e47cefacb11fd2894f9', style: {
                 '--limebb-lime-query-filter-group-operator': `"${this.expression.op === re.AND ? 'AND' : 'OR'}"`,
-            } }, h("div", { key: '948dda71aac51cbfd8b93bc657a79c00a6bd6f68', class: "expression" }, this.renderHeader(), h("ul", { key: 'b1dbce8f4f20f72e00567d431eed0fe5900f4fbf' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
+            } }, h("div", { key: '4d2c562555247b40856454aa8072fbd7bf65c5ba', class: "expression" }, this.renderHeader(), h("ul", { key: '1d68ef3bafc0ba2444a7712b795cb878c0a770dd' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
     }
     renderHeader() {
         const subheading = this.getSubheading();

package/dist/components/limebb-alert-dialog.d.ts

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

package/dist/components/limebb-alert-dialog.js

@@ -0,0 +1,71 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+
+const alertDialogCss = ":host(limebb-alert-dialog){--dialog-width:20rem;overflow:hidden}:host([type=note]){--alert-type-background:var(--color-sky-lighter);--alert-type-color:var(--color-sky-dark)}:host([type=success]){--alert-type-background:var(--color-lime-lighter);--alert-type-color:var(--color-lime-dark)}:host([type=caution]){--alert-type-background:var(--color-orange-lighter);--alert-type-color:var(--color-orange-dark)}:host([type=warning]){--alert-type-background:var(--color-coral-lighter);--alert-type-color:var(--color-coral-dark)}.dialog-content{display:flex;flex-direction:column;align-items:center}.icon-slot{display:flex;justify-content:center;align-items:center;height:7rem;width:7rem;border-radius:50%;margin:1.5rem 0;background:rgb(var(--alert-type-background))}limel-icon{height:3.5rem;width:3.5rem;color:rgb(var(--alert-type-color))}h1{color:rgb(var(--contrast-1500));font-size:1.5rem}h2{text-align:center;color:rgb(var(--contrast-1200));margin:0 0 0.25rem 0;font-size:0.9rem;font-weight:500;line-height:1.2rem}div[slot=button]{display:flex;flex-direction:column;align-items:center;gap:0.5rem;width:100%}::slotted(limel-button){display:block;width:100%}::slotted(limel-button[primary]){color:rgb(var(--contrast-100));--lime-primary-color:rgb(var(--alert-type-color))}::slotted(limel-button:not([primary])){--lime-primary-color:rgb(var(--contrast-1000))}::slotted(button),::slotted(a){all:unset;color:rgb(var(--contrast-1000));border-bottom:1px solid rgb(var(--contrast-800));text-align:center;width:fit-content;cursor:pointer}::slotted(button:focus-visible),::slotted(a:focus-visible){outline:none;box-shadow:var(--shadow-depth-8-focused)}";
+const LimebbAlertDialogStyle0 = alertDialogCss;
+
+const LimebbAlertDialog$1 = /*@__PURE__*/ proxyCustomElement(class LimebbAlertDialog extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.dismiss = createEvent(this, "dismiss", 7);
+        /**
+         * Defines how the component is visualized with a default icon and fixed color scheme.
+         */
+        this.type = 'note';
+        /**
+         * Controls whether the dialog is open
+         * (controlled by the parent)
+         */
+        this.open = false;
+        this.handleClose = () => {
+            this.dismiss.emit();
+        };
+    }
+    render() {
+        return (h("limel-dialog", { key: '1080d6acee061cf61877784f67afed4c2f682349', open: this.open, onClose: this.handleClose }, h("div", { key: 'c7bf831281d2ce36245d83a2ccd248f73b009960', class: "dialog-content" }, h("div", { key: '319a799672c79e43e4d8b5a9e70eaf33360b579f', class: "icon-slot" }, h("limel-icon", { key: '182a60387cacd8308762631ba43baff0e06bf4cf', name: this.getIconName(), "aria-hidden": "true" })), h("h1", { key: '75e57d7c1ae1161ab3c38dbbe785def5e7cfa0ef', id: "alert-dialog-title" }, this.heading), this.renderSubheading()), h("div", { key: '3179d22e12f36cf6b217633d1a50cc8a13ee90d3', slot: "button" }, h("slot", { key: '196ab8241f91be8c187365adef30c066e018d7c3', name: "button" }))));
+    }
+    renderSubheading() {
+        if (!this.subheading) {
+            return null;
+        }
+        return h("h2", { id: "alert-dialog-content" }, this.subheading);
+    }
+    getIconName() {
+        if (this.icon) {
+            return this.icon;
+        }
+        const defaultIcons = {
+            note: 'information',
+            success: 'check_mark',
+            caution: 'error_(14)',
+            warning: 'multiply',
+        };
+        return defaultIcons[this.type];
+    }
+    static get style() { return LimebbAlertDialogStyle0; }
+}, [1, "limebb-alert-dialog", {
+        "type": [513],
+        "open": [516],
+        "icon": [513],
+        "heading": [513],
+        "subheading": [1]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["limebb-alert-dialog"];
+    components.forEach(tagName => { switch (tagName) {
+        case "limebb-alert-dialog":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LimebbAlertDialog$1);
+            }
+            break;
+    } });
+}
+
+const LimebbAlertDialog = LimebbAlertDialog$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { LimebbAlertDialog, defineCustomElement };

package/dist/components/limebb-browser.js

@@ -59,8 +59,8 @@ const Browser = /*@__PURE__*/ proxyCustomElement(class Browser extends HTMLEleme
     }
     render() {
         return [
-            h("limel-input-field", { key: 'c2b0217009767c5ad1362993e0ca6f5543672ec2', tabIndex: 0, value: this.filter, type: "search", "leading-icon": "search", placeholder: this.translator.get('webclient.global-search-route'), onChange: this.handleChangeFilter, onKeyDown: this.handleKeyDown }),
-            h("limel-list", { key: 'e7dd387d0f4c005ec980c1a4ca9245d9abbbc570', items: this.getItems(), type: "selectable", class: {
+            h("limel-input-field", { key: '177ac1e49a2d0cfd0c43815a9fe36ed4a7243aab', tabIndex: 0, value: this.filter, type: "search", "leading-icon": "search", placeholder: this.translator.get('webclient.global-search-route'), onChange: this.handleChangeFilter, onKeyDown: this.handleKeyDown }),
+            h("limel-list", { key: 'f29f85ad1caad374a75e5835152e4e6100f1d011', items: this.getItems(), type: "selectable", class: {
                     'has-interactive-items': true,
                     'has-grid-layout': this.layout === 'grid',
                 }, onChange: this.handleChange }),

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

@@ -176,10 +176,10 @@ const ChatList = /*@__PURE__*/ proxyCustomElement(class ChatList extends HTMLEle
         this.handleItemsChange();
     }
     render() {
-        return (h(Host, { key: '3412d92c13b51ad457ec2b070de46cd29372ce0b', class: {
+        return (h(Host, { key: '1aa955956f1efb361777c52b27047a3169bb7492', class: {
                 'is-empty': this.items.length === 0 &&
                     !this.isTypingIndicatorVisible,
-            }, "aria-busy": this.isBusy(), role: "log" }, this.renderSpinner(), h("div", { key: '5d87e57a497b5eeae2e2765a1d594aa54222dc0d', class: "typing-indicator-height-animation" }, h("div", { key: '6c430baf03095c83e032cc9c6680d2a897132cb0' }, this.renderTypingIndicator())), this.renderChatItems()));
+            }, "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()));
     }
     renderSpinner() {
         if (!this.loading) {

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

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

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

@@ -70,7 +70,7 @@ const DocumentPicker = /*@__PURE__*/ proxyCustomElement(class DocumentPicker ext
         this.labelId = createRandomString();
     }
     render() {
-        return (h(Host, { key: '5e4a9004ed3b81b6c35be868c664e61cb88d490c' }, h("limel-notched-outline", { key: 'ada8928b3ed815896e1ef5fb61f539f0ab77c7af', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("div", { key: '343aeef460a4ea4e0a4a247daf6988f749dc2b49', 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: '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()));
     }
     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: '8b53e0a71a8921ed0cb7fcd50273c1070eef365e', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
+        return (h(Host, { key: '0d2599bd299336c1b84fb0fb0597a281a46b0ecd', 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: 'cfb1562215c69464d6736ec96fd39e0d45c92d7d', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, value: value, searcher: this.search, onChange: this.handleChange, badgeIcons: false, leadingIcon: "search", searchLabel: "Start typing to find the right icon" }));
+        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" }));
     }
 }, [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: '8c7bba2402e84e73df2bc5e906780aeb66b1af58', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
+            h("limel-button-group", { key: '0e65b3e86e794feacb84f3ea7da6b8e6ee8c4d3f', 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: '9141f609083df0d056b979e3dc943aeaea13384a', class: { error: !filter || this.error } }, props)));
+        return (h("limel-info-tile", Object.assign({ key: '3bf7b73958c43b6655b27864313cdcb35806a544', class: { error: !filter || this.error } }, props)));
     }
     getFormattedValue() {
         if (!this.value && this.value !== 0) {