@limetech/lime-crm-building-blocks 1.103.4 → 1.103.6

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: '30808c3787ee21466a615e94224062a7a51f408a' }, this.renderHeader(), h("div", { key: 'ba05f0fb17a7e49d1a8e0089d2a2b918c75be39b', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: 'a995527a8d9a5ccb97a6c0f41dc753cc68fa89fc', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
+        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 }))));
     }
     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: 'dee472bac75f4b3138fa5972de258a3737b1f66d', style: {
+        return (h(Host, { key: '324805229eab509d12b6d41a99a54c1a4d8560a1', style: {
                 '--limebb-lime-query-filter-group-operator': `"${this.expression.op === Operator.AND ? 'AND' : 'OR'}"`,
-            } }, h("div", { key: 'de3956a999557730304c70e9f7305c8e338bffb2', class: "expression" }, this.renderHeader(), h("ul", { key: 'f87552df1d0d138bb0284f9f3546611017eb847a' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
+            } }, h("div", { key: '948dda71aac51cbfd8b93bc657a79c00a6bd6f68', class: "expression" }, this.renderHeader(), h("ul", { key: 'b1dbce8f4f20f72e00567d431eed0fe5900f4fbf' }, 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: 'e64fdcf00f6e88a27341e519f4b86542d3009bf5', class: "expression" }, this.label && h("limel-header", { key: '9b6a2d7f472337b314beb7cec481f9850e6320a0', heading: this.label }), h("limebb-lime-query-filter-expression", { key: 'd8d1b50f2b03b5c239d3f9690a2e9efd683182b1', 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: '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 })));
     }
     static get is() { return "limebb-lime-query-filter-not"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/lime-query-builder/expressions/lime-query-value-input.js

@@ -11,6 +11,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { h, Host, } from "@stencil/core";
 import { Operator, SelectLimeTypes as Limetypes, } from "@limetech/lime-web-components";
 import { getPropertyFromPath } from "../property-resolution";
+import { getActualPropertyType, mapPropertyTypeToPickerType, } from "../type-resolution";
 /**
  * Query Value Input Component
  *
@@ -182,10 +183,12 @@ export class LimeQueryValueInput {
         if (!property) {
             return this.renderTextInput();
         }
-        switch (property.type) {
+        // Resolve 'system' type to actual type
+        const actualType = getActualPropertyType(property);
+        switch (actualType) {
             case 'integer':
             case 'decimal': {
-                return this.renderNumberInput(property.type);
+                return this.renderNumberInput(actualType);
             }
             case 'yesno': {
                 return this.renderBooleanInput();
@@ -193,11 +196,13 @@ export class LimeQueryValueInput {
             case 'option': {
                 return this.renderOptionInput(property);
             }
-            case 'date': {
-                return this.renderDateInput();
-            }
-            case 'time': {
-                return this.renderTimeInput();
+            case 'date':
+            case 'time':
+            case 'timeofday':
+            case 'year':
+            case 'month':
+            case 'quarter': {
+                return this.renderDateTimeInput(actualType);
             }
             default: {
                 return this.renderTextInput();
@@ -233,13 +238,11 @@ export class LimeQueryValueInput {
         const selectedOption = options.find((o) => o.value === this.value);
         return (h("limel-select", { label: this.label, options: options, value: selectedOption, onChange: this.handleSelectChange }));
     }
-    renderDateInput() {
+    renderDateTimeInput(type) {
         // Convert string to Date if needed
         const dateValue = typeof this.value === 'string' ? new Date(this.value) : this.value;
-        return (h("limel-date-picker", { label: this.label, value: dateValue, onChange: this.handleDateChange }));
-    }
-    renderTimeInput() {
-        return (h("limel-input-field", { label: this.label, type: "time", value: this.value || '', onChange: this.handleTextChange }));
+        const pickerType = mapPropertyTypeToPickerType(type);
+        return (h("limel-date-picker", { label: this.label, value: dateValue, type: pickerType, onChange: this.handleDateChange }));
     }
     renderMultiValueInput() {
         // For IN operator, allow comma-separated values

package/dist/collection/components/lime-query-builder/lime-query-response-format-builder.css

@@ -9,9 +9,18 @@
 }
 
 .builder-label {
-  margin: 0;
-  font-size: 1.25rem;
-  font-weight: 600;
+  color: rgb(var(--contrast-1100));
+  font-size: 1.625rem;
+  line-height: 1.25rem;
+  font-weight: 300;
+  margin-top: 1rem;
+  margin-bottom: 0.25rem;
+}
+
+.builder-helper-text {
+  margin-top: 0px;
+  margin-bottom: 0.5rem;
+  font-size: var(--limel-theme-default-font-size);
   color: rgb(var(--contrast-1100));
 }
 

package/dist/collection/components/lime-query-builder/lime-query-response-format-builder.js

@@ -49,6 +49,10 @@ export class LimeQueryResponseFormatBuilder {
          * Optional label for the builder
          */
         this.label = 'Response Format';
+        /**
+         * Optional helper text for the builder
+         */
+        this.helperText = '';
         this.mode = 'gui';
         this.codeValue = '';
         this.handleModeChange = (event) => {
@@ -150,7 +154,7 @@ export class LimeQueryResponseFormatBuilder {
     }
     render() {
         const guiSupported = this.checkGuiSupport();
-        return (h("div", { key: '8b4116d9e6f1653ec429995647481b1df3df2712', class: "response-format-builder" }, this.label && h("h3", { key: 'd5e532a64f4e735b67b0533b4896165f7862561e', class: "builder-label" }, this.label), this.guiModeEnabled && (h("div", { key: '42af934f90de83855ff81306fe0bdb10c45fa808', class: "mode-controls" }, this.renderModeSwitch(guiSupported))), !this.guiModeEnabled || this.mode === 'code' ? (h("div", { class: "code-mode" }, this.renderCodeEditor(guiSupported))) : (h("div", { class: "gui-mode" }, this.renderGuiMode()))));
+        return (h("div", { key: '6bc723110dcd545534e93db64a0d6a14963b6bda', class: "response-format-builder" }, this.label && h("h1", { key: '405d373ccb5056af3c0e6201ef5ebf819a3b8154', class: "builder-label" }, this.label), this.helperText && (h("p", { key: '5fb07f0fcd9e57b7c358957afc13485156bd041f', class: "builder-helper-text" }, this.helperText)), this.guiModeEnabled && (h("div", { key: 'd2241f702cfe9e75077542d4d21acb038be0a348', class: "mode-controls" }, this.renderModeSwitch(guiSupported))), !this.guiModeEnabled || this.mode === 'code' ? (h("div", { class: "code-mode" }, this.renderCodeEditor(guiSupported))) : (h("div", { class: "gui-mode" }, this.renderGuiMode()))));
     }
     renderModeSwitch(support) {
         const guiDisabled = !support.guiSupported;
@@ -334,6 +338,26 @@ export class LimeQueryResponseFormatBuilder {
                 "attribute": "label",
                 "reflect": false,
                 "defaultValue": "'Response Format'"
+            },
+            "helperText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Optional helper text for the builder"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "helper-text",
+                "reflect": false,
+                "defaultValue": "''"
             }
         };
     }

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: '09ef43595a5822a77f246739fd51ab3c1aa145a5', 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: 'a6df4090bd93b2fb9d3745b69fcd32a51ff3755b', 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: '5ab38541c44c94b007ba24bee376ceb0836ffedd' }, this.renderEmptyState(), this.renderOrderByEditor()));
+        return (h(Host, { key: '601436a1a47be391bf4768d25ef7f8da911fc80d' }, 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: 'feb240a8e977c5ca24fa68db6cc01a6d747cb05c' }, h("limebb-property-selector", { key: '2244706344661dec4deb93c102eda68a0e555d26', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: '3475f7c72de7faae1fc7798a0aa99dfb917d1d6c', class: "control-buttons" }, h("limel-icon-button", { key: '6f25d070ad97059ef41f09de0e8d75b6da068141', icon: direction === 'ASC'
+        return (h(Host, { key: 'f247db1628dee076eb9c6e0a9ee1ca4db955dac9' }, h("limebb-property-selector", { key: 'cd34b69db11df021eea18b9b2832ef8cd65b8e59', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: '95bfc38b5dd7836737e8b854829a8be7f5a5b878', class: "control-buttons" }, h("limel-icon-button", { key: 'ec9d11534a296546fc57c97188f7c8f95c456d02', icon: direction === 'ASC'
                 ? 'sort_ascending'
-                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '1c1b31fbea3263e9c75622afc59cf888949646e5', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
+                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: 'd649b9545e51b86b4877354a7d5fa2521f82a645', 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,9 +66,9 @@ export class ResponseFormatItem {
     }
     render() {
         return [
-            h("div", { key: 'a6750a148adab490c6efbf72d624ddaa754d10bf', class: "property-controls" }, h("div", { key: '3cd3301cbb708c34fb358956fe9063eac66e45d6', class: "property-path" }, h("limebb-property-selector", { key: '40a9353bd2af66f67d5a5e888984f57016d744ce', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange })), h("div", { key: '388d5a8dc7ad4b5b2fa4978e83edb4ddc1a0fd9f', class: "control-buttons" }, h("limel-icon-button", { key: 'caf92ced482bff1cd219d3348976956813dbad65', icon: this.getAliasIcon(), label: "Add alias", class: this.item.alias ? 'has-value' : '', onClick: this.toggleAliasInput }), h("limel-icon-button", { key: '5e5d8df90964c21659fd4327dec65e0b47e355bb', icon: this.getDescriptionIcon(), label: "Add description", class: this.item.description ? 'has-value' : '', onClick: this.toggleDescriptionInput }), h("limel-icon-button", { key: '34981b09d0d1e25b85b02c119da3d02e3f61fb5e', icon: "trash", label: "Remove property", onClick: this.handleRemove }))),
-            this.showAliasInput && (h("div", { key: 'bf70d1c0ebc568d139d65a5e65c5c841c9164343', class: "alias" }, h("limel-input-field", { key: '7ea01e90e9ff071623cba25f9fa42ce9c19f91e3', label: "Alias", value: this.item.alias || '', placeholder: "Custom property name...", onChange: this.handleAliasChange, onBlur: this.handleAliasBlur }))),
-            this.showDescriptionInput && (h("div", { key: '2b7c314d24fe24f17f6fc5108c49d1145cbeb869', class: "description" }, h("limel-input-field", { key: 'a71416a5af4fb99cd09155e9fc01a4efe489a551', label: "Description", value: this.item.description || '', placeholder: "Describe this property for AI...", onChange: this.handleDescriptionChange, onBlur: this.handleDescriptionBlur }))),
+            h("div", { key: 'f80b67734802324c50613070fd91fde35b1caaaa', class: "property-controls" }, h("div", { key: 'b481a96617ff29690329bff363ee408c42b746d7', class: "property-path" }, h("limebb-property-selector", { key: 'a936e9586348b27250e3b0404eefb0ee5f5a675e', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange })), h("div", { key: '058b8ade00d076764327fbd85e968fbc9b96cb23', class: "control-buttons" }, h("limel-icon-button", { key: '85614c39df85b3957aac7a31c2fcbb181cf1c351', icon: this.getAliasIcon(), label: "Add alias", class: this.item.alias ? 'has-value' : '', onClick: this.toggleAliasInput }), h("limel-icon-button", { key: 'e09875fdef378d3a4141ba1b428d6239c691dc9f', icon: this.getDescriptionIcon(), label: "Add description", class: this.item.description ? 'has-value' : '', onClick: this.toggleDescriptionInput }), h("limel-icon-button", { key: '5bced548d2cf53d5097d3b6e84a2440d1bb84b11', icon: "trash", label: "Remove property", onClick: this.handleRemove }))),
+            this.showAliasInput && (h("div", { key: '052d6e7f01089914a1b9e79e06cb04b1510c79c2', class: "alias" }, h("limel-input-field", { key: '381874f03fdabcedbe07eaf23dd1c31541c42cf4', label: "Alias", value: this.item.alias || '', placeholder: "Custom property name...", onChange: this.handleAliasChange, onBlur: this.handleAliasBlur }))),
+            this.showDescriptionInput && (h("div", { key: '083508a61dadb201526b197f60b691bbea7b50df', class: "description" }, h("limel-input-field", { key: 'bd718e98091d4776394365aa7175d61d11856a9f', label: "Description", value: this.item.description || '', placeholder: "Describe this property for AI...", onChange: this.handleDescriptionChange, onBlur: this.handleDescriptionBlur }))),
         ];
     }
     getAliasIcon() {

package/dist/collection/components/lime-query-builder/type-resolution.js

@@ -0,0 +1,108 @@
+/**
+ * System property name to actual type mapping.
+ *
+ * Maps system property names (with or without underscore prefix) to their actual data types.
+ * This mapping is necessary because system properties have `type='system'` in the metadata
+ * (for historical reasons - database schema fieldtype 255), but we need to know their
+ * actual data types to render appropriate inputs.
+ */
+const SYSTEM_TYPE_MAP = {
+    timestamp: 'time',
+    createdtime: 'time',
+    updatedtime: 'time',
+    id: 'integer',
+    createduser: 'integer',
+    updateduser: 'integer',
+    descriptive: 'string',
+};
+/**
+ * Lime CRM date/time property type to Lime Elements date picker type mapping.
+ *
+ * Maps Lime CRM property types to the corresponding Lime Elements date picker types,
+ * as they use different naming conventions.
+ */
+const DATE_TIME_TYPE_MAP = {
+    date: 'date',
+    time: 'datetime',
+    timeofday: 'time',
+    month: 'month',
+    quarter: 'quarter',
+    year: 'year',
+};
+/**
+ * Get the actual type of a property, resolving 'system' type to the underlying type.
+ *
+ * System properties in Lime CRM have `type: 'system'` in the metadata (a categorical marker
+ * from the database schema fieldtype 255), but we need to know their actual data types
+ * to render appropriate input controls.
+ *
+ * @param property - The property to get the type for
+ * @param property.type
+ * @param property.name
+ * @returns The actual property type (resolves 'system' to the underlying type)
+ *
+ * @example
+ * ```typescript
+ * const property = { name: '_timestamp', type: 'system' };
+ * getActualPropertyType(property); // Returns 'time'
+ * ```
+ */
+export function getActualPropertyType(property) {
+    if (property.type === 'system') {
+        return resolveSystemPropertyType(property.name);
+    }
+    return property.type;
+}
+/**
+ * Map system property names to their actual data types.
+ *
+ * This mapping is necessary because system properties have `type='system'` in the metadata
+ * (for historical reasons - database schema fieldtype 255), but we need to know their
+ * actual data types to render appropriate inputs.
+ *
+ * The mapping is based on the Lime CRM database schema:
+ * - System datetime fields: `timestamp`, `createdtime`, `updatedtime`
+ * - System integer fields: `id`, `createduser`, `updateduser`
+ * - System string fields: `descriptive`
+ *
+ * @param propertyName - The system property name (with or without underscore prefix)
+ * @returns The actual property type
+ *
+ * @example
+ * ```typescript
+ * resolveSystemPropertyType('_timestamp');  // Returns 'time'
+ * resolveSystemPropertyType('timestamp');   // Returns 'time'
+ * resolveSystemPropertyType('_id');         // Returns 'integer'
+ * resolveSystemPropertyType('unknown');     // Returns 'string' (default)
+ * ```
+ */
+export function resolveSystemPropertyType(propertyName) {
+    const name = propertyName.replace(/^_/, '');
+    return SYSTEM_TYPE_MAP[name] || 'string';
+}
+/**
+ * Map Lime CRM property types to Lime Elements date picker types.
+ *
+ * Lime CRM and Lime Elements use different naming conventions for date/time types,
+ * so we need to translate between them:
+ *
+ * - `'date'` → `'date'` - Date only
+ * - `'time'` → `'datetime'` - Full datetime (date + time) in Lime CRM
+ * - `'timeofday'` → `'time'` - Time only (hh:mm)
+ * - `'month'` → `'month'` - Month picker (YYYY-MM)
+ * - `'quarter'` → `'quarter'` - Quarter picker
+ * - `'year'` → `'year'` - Year picker
+ *
+ * @param propertyType - The Lime CRM date/time property type
+ * @returns The corresponding Lime Elements date picker type
+ *
+ * @example
+ * ```typescript
+ * mapPropertyTypeToPickerType('time');      // Returns 'datetime'
+ * mapPropertyTypeToPickerType('timeofday'); // Returns 'time'
+ * mapPropertyTypeToPickerType('date');      // Returns 'date'
+ * ```
+ */
+export function mapPropertyTypeToPickerType(propertyType) {
+    return DATE_TIME_TYPE_MAP[propertyType] || 'date';
+}

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: '12193a8411806e8876272bed1cdef6de05f8cac3', class: "header" }, h("limel-icon", { key: '4b257f56f6b6969dde29abbe64b1aff5e26832fc', name: "not_showing_video_frames" }), h("h2", { key: '25fa656c792f9b7fbc056c790744f3007318d4cc' }, "Viewing this file type requires ", h("em", { key: '4d5bac586c89134e0f1e0d1265edb61635f7f72a' }, "Live Docs"))),
-            h("p", { key: '89b29d2a8eeab56b99bacea967b2ff775df13deb' }, h("em", { key: '9b25a2d8b24acf0f8b52993267e1839a195dea10' }, "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: 'f043f87759fb33843c51ce9482e4a69ec2704c4f', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
+            h("div", { key: '849694495956b6afbdfeac8aa7de680e1ab03450', class: "header" }, h("limel-icon", { key: '84117fdfff949d6b41b9ec3f2b3ec73f21e5be7b', name: "not_showing_video_frames" }), h("h2", { key: '90f1738815699808c6353707b4f366d8a2c661ac' }, "Viewing this file type requires ", h("em", { key: 'ef09921e893851f06b756e1e2777847a7e4bd563' }, "Live Docs"))),
+            h("p", { key: 'a835a0e1cabd84d7509167b3331878807b083130' }, h("em", { key: '3f9ce9e473f33b89adfeb3b143e46cabb6feb1d4' }, "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: 'f3e683b041ddd66e6f23514d9bb5f3faf80f4c3a', 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: 'cd7807aedacf781540686dd8de210188fdd72ea3', 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: '5b3491e9dd6725186c4a2795e7893de43457e147', 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: '2af5e4522c278bd3317a8baf7d59295767fc4fa8', id: this.item.id, class: {
+        return (h(Host, { key: '39801fd8e10f1dc228741df48561cad3c59d81d7', 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: '3badab611790cec4fc5deb1f6efd2ab63ce07503', class: this.getContainerClassList(), style: {
+        return (h(Host, { key: '069ab0188df35e32bca3fe7c000d2c5c874012a5', 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: 'e4a70309a7bfac50e9ff5b0d2d043014c059c734', 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: 'b5071a3b2f649ced3636ef3deb532fd004092019', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
+            } }, h("limel-notched-outline", { key: 'f6e544a1859f3166ee540435c687415bbfd5de1d', 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: '348f345b2212b3da15c0e081385a5fee76317ebe', 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: '804f40009efde10a2044df35aa7be03743925a85', style: {
+        return (h("limel-popover", { key: '1681bf3578fb29886f68070e3e07397d1e312dc1', style: {
                 '--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
-            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: '1cd360401352cecbdf2cbf8b19fba5e9e6d01373', slot: "trigger", tabIndex: 0, onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocus: this.openPopoverWithDelay }, h("slot", { key: 'e548a7fb224d0c5c6db98c3a88ef628011028d33', name: "trigger" }), h("div", { key: '60b74bd7fe1c1c08b2b89d8c7edfe35a7754c07d', class: "opening-countdown-indicator" })), h("limel-card", { key: '32fddd3a5f8f9bf42d91b306aa455ba87d42eeaa', style: {
+            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: '1e2daa75c518f4949a7ca6fdd0ff29bc1a6d529e', slot: "trigger", tabIndex: 0, onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocus: this.openPopoverWithDelay }, h("slot", { key: '9d1a9b69db8ac1c4cfddd62fb9949c98700e61b7', name: "trigger" }), h("div", { key: '95fcc70f46106c426ae191b6a8d66c7d7a025ca9', class: "opening-countdown-indicator" })), h("limel-card", { key: '9294ae443aa9f279c3c01f0af48ca6a2d0d1409f', 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: 'f491b051f7e2a7d0fe6981e7ae7b9e7add9eab0e', 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: 'b26fecf7c748fcd82fea453ece55189bcd1302ef', 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: 'b2955eb6da4189788bab7f5bc19e78654f92def6', id: this.tooltipId }, label),
-            h("limel-tooltip", { key: 'f0ffd52237ffa981067b36859552142770ebcebe', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
+            h("span", { key: 'dcd5792c82409e75e149e263fc7b4864e195a387', id: this.tooltipId }, label),
+            h("limel-tooltip", { key: '2c17e50ac616348df3a98da324b6538891cff75c', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
         ];
     }
     getLabel() {

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

@@ -389,7 +389,7 @@ export class LimeBBTextEditor {
     }
     render() {
         return [
-            h("limel-text-editor", { key: '62d54c8801141f2f2604ddd471c8d07a2ef6e3df', 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: '277ec61f05d5edff319ed8bb37df9bc385cb3941', 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: '80d161871c2e6749f5f5d8d4ebd9b7aa73303f9e', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '0ef73c3ba0aefc87b5e7e47010ef12c5b2edfe76', 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: 'cdc9fec8509df26aa830585e9019034fdb5f87c8', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
+        return (h(Host, { key: '8c503e1a099f65fe29e2ef1903f78ddf62f815d9', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '76d8b456dec89cea949ae427091256dffc1e71ab', 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: 'e295b50dcc7a3d4cb017f7d1ca5dd187bf52299c', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

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

@@ -110,7 +110,7 @@ const LimeQueryFilterComparisonComponent = /*@__PURE__*/ proxyCustomElement(clas
         };
     }
     render() {
-        return (h(Host, { key: '30808c3787ee21466a615e94224062a7a51f408a' }, this.renderHeader(), h("div", { key: 'ba05f0fb17a7e49d1a8e0089d2a2b918c75be39b', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: 'a995527a8d9a5ccb97a6c0f41dc753cc68fa89fc', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
+        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 }))));
     }
     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: 'e64fdcf00f6e88a27341e519f4b86542d3009bf5', class: "expression" }, this.label && h("limel-header", { key: '9b6a2d7f472337b314beb7cec481f9850e6320a0', heading: this.label }), h("limebb-lime-query-filter-expression", { key: 'd8d1b50f2b03b5c239d3f9690a2e9efd683182b1', 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: '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 })));
     }
     static get style() { return LimebbLimeQueryFilterNotStyle0; }
 }, [1, "limebb-lime-query-filter-not", {
@@ -253,9 +253,9 @@ const LimeQueryFilterGroupComponent = /*@__PURE__*/ proxyCustomElement(class Lim
                 (this.expression.op === Zt.AND ? 'and' : 'or')) || this.options[0];
     }
     render() {
-        return (h(Host, { key: 'dee472bac75f4b3138fa5972de258a3737b1f66d', style: {
+        return (h(Host, { key: '324805229eab509d12b6d41a99a54c1a4d8560a1', style: {
                 '--limebb-lime-query-filter-group-operator': `"${this.expression.op === Zt.AND ? 'AND' : 'OR'}"`,
-            } }, h("div", { key: 'de3956a999557730304c70e9f7305c8e338bffb2', class: "expression" }, this.renderHeader(), h("ul", { key: 'f87552df1d0d138bb0284f9f3546611017eb847a' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
+            } }, h("div", { key: '948dda71aac51cbfd8b93bc657a79c00a6bd6f68', class: "expression" }, this.renderHeader(), h("ul", { key: 'b1dbce8f4f20f72e00567d431eed0fe5900f4fbf' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
     }
     renderHeader() {
         const subheading = this.getSubheading();