@limetech/lime-crm-building-blocks 2.0.1 → 2.0.3

package/dist/cjs/limebb-object-chip.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BrWc7h0p.js');
-var limetype = require('./limetype-C-fVThrI.js');
+var index = require('./index-mDIvByXc.js');
+var limetype = require('./limetype-BPuuRLtH.js');
 var dom = require('./dom--t_vVnyU.js');
-var index_esm = require('./index.esm-CcYbS__E.js');
+var index_esm = require('./index.esm-D1EzGa8X.js');
 
 const logger = index_esm.It('object-resolver');
 /**

package/dist/cjs/limebb-percentage-visualizer.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BrWc7h0p.js');
-var index_esm = require('./index.esm-CcYbS__E.js');
+var index = require('./index-mDIvByXc.js');
+var index_esm = require('./index.esm-D1EzGa8X.js');
 var normalizeValue = require('./normalize-value-CQXayJzh.js');
 
 const percentageVisualizerCss = () => `@charset "UTF-8";*,::before,::after{box-sizing:border-box}:host(limebb-percentage-visualizer){width:100%}limel-notched-outline:not([invalid]:not([invalid=false])) .limel-notched-outline--outlines{--limel-notched-outline-border-color:transparent}div[slot=content]:focus{outline:none}div[slot=content]:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}div[slot=content]{display:flex;align-items:center;gap:0.5rem;border-radius:inherit;background-color:transparent !important}:host(limebb-percentage-visualizer[invalid]:not([invalid=false])) div[slot=content]{border-color:rgb(var(--color-red-default))}:host(limebb-percentage-visualizer):has(label) div[slot=content]{min-height:2.5rem;padding:0 0.375rem 0 1rem}.percentage-text{flex-shrink:0;min-width:2.5rem}:host([range-min^="-"]) .percentage-text{min-width:3.75rem}.percent-sign{opacity:0.4}.zero-point{content:"";position:absolute;transform:translateX(-50%);left:var(--limebb-percentage-visualizer-zero-point-position);height:0.25rem;width:0.25rem;border-radius:50%;box-shadow:0 0 0 0.125rem var(--limebb-percentage-visualizer-zero-point-color, rgb(var(--contrast-1200), 0.3));background-color:var(--limebb-percentage-visualizer-zero-point-color, rgb(var(--contrast-200), 0.9))}.percentage-bar{overflow:hidden;flex-grow:1;position:relative;display:flex;align-items:center;height:0.5rem;min-width:2rem;border-radius:0.5rem;background-color:rgb(var(--contrast-800), 0.6)}.percentage-fill{transition:width 0.2s ease;position:absolute;margin:auto;left:var(--limebb-percentage-visualizer-zero-point-position, 0);rotate:var(--limebb-percentage-visualizer-rotate, 0deg);transform-origin:left center;width:var(--limebb-percentage-visualizer-width);height:100%;border-radius:0.5rem}:host(limebb-percentage-visualizer:focus),:host(limebb-percentage-visualizer:focus-visible),:host(limebb-percentage-visualizer:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limebb-percentage-visualizer){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limebb-percentage-visualizer:focus) limel-helper-line,:host(limebb-percentage-visualizer:focus-visible) limel-helper-line,:host(limebb-percentage-visualizer:focus-within) limel-helper-line,:host(limebb-percentage-visualizer:hover) limel-helper-line{will-change:grid-template-rows}.percentage-fill{background-color:var(--percentage-visualizer-color, var(--limebb-percentage-visualizer-color, var(--mdc-theme-primary)))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-200or-larger-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-darker))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-200to100-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-100to90-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-90to80-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-80to70-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-70to60-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-60to50-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-coral-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-50to40-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-coral-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-40to30-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-orange-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-30to20-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-orange-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-20to10-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-amber-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-10to0-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-amber-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-0) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--contrast-800))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-0to10-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-yellow-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-10to20-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-yellow-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-20to30-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-grass-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-30to40-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-grass-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-40to50-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-lime-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-50to60-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-lime-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-60to70-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-70to80-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-80to90-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-90to100-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-100to200-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-200or-larger-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-darker))}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-0) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--contrast-800))}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-0to10-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--0to10)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-10to20-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--10to20)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-20to30-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--20to30)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-30to40-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--30to40)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-40to50-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--40to50)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-50to60-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--50to60)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-60to70-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--60to70)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-70to80-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--70to80)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-80to90-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--80to90)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-90to100-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--90to100)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-100to200-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-dark))}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-200or-larger-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-darker))}`;

package/dist/cjs/limebb-property-selector.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BrWc7h0p.js');
-var index_esm = require('./index.esm-CcYbS__E.js');
+var index = require('./index-mDIvByXc.js');
+var index_esm = require('./index.esm-D1EzGa8X.js');
 var propertyResolution = require('./property-resolution-Bz1zPcfq.js');
-var limetype = require('./limetype-C-fVThrI.js');
+var limetype = require('./limetype-BPuuRLtH.js');
 
 const propertySelectorCss = () => `:host(limebb-property-selector){display:block}limel-menu{display:block;width:100%}`;
 
@@ -41,7 +41,6 @@ const PropertySelector = class {
             // Open menu when the chip-set input receives focus
             // This happens when user clicks to type/edit
             if (!this.isOpen) {
-                this.navigationPath = this.value || '';
                 this.loadMenuItems();
                 this.isOpen = true;
             }
@@ -69,26 +68,32 @@ const PropertySelector = class {
             if (!selectedPath) {
                 return;
             }
-            // Check if this is a complete path (leaf property, not a relation)
-            const property = propertyResolution.getPropertyFromPath(this.limetypes, this.limetype, selectedPath);
-            if (property === null || property === void 0 ? void 0 : property.relation) {
-                // This is a relation - update navigation but don't emit
-                this.navigationPath = selectedPath;
-            }
-            else {
-                // This is a leaf property - emit and close
-                this.change.emit(selectedPath);
-                this.isOpen = false;
-                this.navigationPath = '';
+            // Unreachable through the menu, which filters many-relations out at
+            // every level. Kept so a path from elsewhere cannot be emitted, and
+            // `validatePropertyPath` rejects a many-relation anywhere along the
+            // path, not just at its end.
+            const { error } = propertyResolution.validatePropertyPath(this.limetypes, this.limetype, selectedPath);
+            if (error) {
+                console.warn('property-selector rejected a property path', {
+                    limetype: this.limetype,
+                    path: selectedPath,
+                    error,
+                });
+                return;
             }
+            this.change.emit(selectedPath);
+            this.isOpen = false;
+            this.navigationPath = '';
         };
         this.handleNavigateMenu = (event) => {
-            var _a;
+            var _a, _b;
             event.stopPropagation();
-            if ((_a = event.detail) === null || _a === void 0 ? void 0 : _a.value) {
-                // Update navigation path when drilling down
-                this.navigationPath = event.detail.value;
-            }
+            // `limel-menu` emits the item it drilled into, the parent item when
+            // stepping back one level, and `null` at the root. Reading the value
+            // for all three keeps the chips on the level the menu is showing;
+            // only reacting to a truthy value leaves them stuck on the deepest
+            // path the user visited.
+            this.navigationPath = (_b = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '';
         };
         this.handleCancel = () => {
             this.isOpen = false;
@@ -137,61 +142,26 @@ const PropertySelector = class {
         const chips = this.getChipsForPath(this.navigationPath || this.value || '');
         return (index.h("limel-menu", { items: this.menuItems, open: this.isOpen, emptyResultMessage: "No available properties", surfaceWidth: "inherit-from-trigger", openDirection: "bottom-end", onSelect: this.handleSelect, onNavigateMenu: this.handleNavigateMenu, onCancel: this.handleCancel }, index.h("div", { slot: "trigger" }, index.h("div", { onClick: this.handleChipSetWrapperClick }, index.h("limel-chip-set", { type: "input", label: this.label, value: chips, required: this.required, helperText: this.helperText, delimiter: "\u203A", maxItems: 1, onChange: this.handleChipSetChange, onFocus: this.handleChipSetFocus, onStopEdit: this.handleChipSetBlur })))));
     }
+    /**
+     * The menu always opens at the root limetype. `limel-menu` owns the
+     * drilling from there, and every item it holds already carries its full
+     * path, so opening below the root would build items whose paths are
+     * missing their prefix and resolve against the wrong limetype.
+     */
     loadMenuItems() {
-        // Get the limetype we're currently navigating in
-        const currentLimetype = this.getCurrentLimetype();
-        if (!currentLimetype) {
+        const rootLimetype = this.limetypes[this.limetype];
+        if (!rootLimetype) {
             this.menuItems = [];
             return;
         }
-        this.menuItems = this.createMenuItems(currentLimetype, '');
+        this.menuItems = this.createMenuItems(rootLimetype, '');
     }
-    getCurrentLimetype() {
-        if (!this.navigationPath) {
-            return this.limetypes[this.limetype];
-        }
-        // Get the limetype at the current navigation path
-        const property = propertyResolution.getPropertyFromPath(this.limetypes, this.limetype, this.navigationPath);
-        if (property === null || property === void 0 ? void 0 : property.relation) {
-            return property.relation.getLimetype();
-        }
-        return this.limetypes[this.limetype];
-    }
-    createMenuItems(limetype, pathPrefix) {
-        const results = [];
-        if (!limetype) {
-            return results;
-        }
-        const normalizedProperties = propertyResolution.getNormalizedProperties(limetype);
-        for (const [propName, property] of Object.entries(normalizedProperties)) {
-            // Skip hasMany and hasAndBelongsToMany relations
-            if (property.type === 'hasmany' ||
-                property.type === 'hasandbelongstomany') {
-                continue;
-            }
-            const fullPath = pathPrefix
-                ? `${pathPrefix}.${propName}`
-                : propName;
-            const isRelation = !!property.relation;
-            let items;
-            if (isRelation && property.relation) {
-                // Create submenu for relation (only belongsto at this point)
-                const relatedLimetype = property.relation.getLimetype();
-                if (relatedLimetype) {
-                    items = async () => this.createMenuItems(relatedLimetype, fullPath);
-                }
-            }
-            results.push({
-                text: property.localname || propName,
-                secondaryText: this.getSecondaryText(property),
-                icon: this.getIconForProperty(property),
-                value: fullPath,
-                items: items,
-            });
-        }
-        // Sort properties alphabetically by display text
-        results.sort((a, b) => { var _a, _b; return this.collator.compare((_a = a.text) !== null && _a !== void 0 ? _a : '', (_b = b.text) !== null && _b !== void 0 ? _b : ''); });
-        if (results.length === 0) {
+    createMenuItems(limetype$1, pathPrefix) {
+        const items = Object.entries(propertyResolution.getNormalizedProperties(limetype$1))
+            .filter(([, property]) => !limetype.isManyRelation(property))
+            .map(([propName, property]) => this.createPropertyItem(property, joinPath(pathPrefix, propName)))
+            .sort((a, b) => this.collator.compare(a.text, b.text));
+        if (items.length === 0) {
             return [
                 {
                     text: 'No available properties',
@@ -200,7 +170,48 @@ const PropertySelector = class {
                 },
             ];
         }
-        return results;
+        return items;
+    }
+    createPropertyItem(property, path) {
+        return {
+            text: this.getPropertyText(property, path),
+            secondaryText: this.getSecondaryText(property),
+            icon: this.getIconForProperty(property),
+            value: path,
+            items: this.createSubMenuLoader(property, path),
+        };
+    }
+    createSubMenuLoader(property, path) {
+        var _a;
+        const relatedLimetype = (_a = property.relation) === null || _a === void 0 ? void 0 : _a.getLimetype();
+        if (!relatedLimetype) {
+            return undefined;
+        }
+        return async () => this.createRelationSubMenu(property, path, relatedLimetype);
+    }
+    /**
+     * `limel-menu` navigates into a submenu instead of emitting `select` for
+     * the item that owns it, so the relation row cannot select itself. The
+     * extra item is what makes the relation reachable as a leaf.
+     * @param property
+     * @param path
+     * @param relatedLimetype
+     */
+    createRelationSubMenu(property, path, relatedLimetype) {
+        const relatedProperties = this.createMenuItems(relatedLimetype, path);
+        return [
+            {
+                text: this.getPropertyText(property, path),
+                secondaryText: 'Select this relation',
+                icon: this.getIconForProperty(property),
+                value: path,
+            },
+            { separator: true },
+            ...relatedProperties,
+        ];
+    }
+    getPropertyText(property, path) {
+        return property.localname || path.split('.').at(-1) || path;
     }
     getSecondaryText(property) {
         var _a;
@@ -230,7 +241,7 @@ const PropertySelector = class {
         let currentLimetype = this.limetypes[this.limetype];
         let currentPath = '';
         for (const part of parts) {
-            currentPath = currentPath ? `${currentPath}.${part}` : part;
+            currentPath = joinPath(currentPath, part);
             // Use getNormalizedProperties to include _id and _timestamp
             const normalizedProperties = propertyResolution.getNormalizedProperties(currentLimetype);
             const property = normalizedProperties[part];
@@ -253,6 +264,7 @@ const PropertySelector = class {
 __decorate([
     index_esm.Ie()
 ], PropertySelector.prototype, "limetypes", void 0);
+const joinPath = (prefix, propertyName) => prefix ? `${prefix}.${propertyName}` : propertyName;
 PropertySelector.style = propertySelectorCss();
 
 exports.limebb_property_selector = PropertySelector;

package/dist/cjs/limebb-rule-arg-filter-editor.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BrWc7h0p.js');
-var index_esm = require('./index.esm-CcYbS__E.js');
+var index = require('./index-mDIvByXc.js');
+var index_esm = require('./index.esm-D1EzGa8X.js');
 
 const ruleArgFilterEditorCss = () => `:host{display:block}`;
 

package/dist/cjs/limebb-rule-chip-popover.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BrWc7h0p.js');
-var index_esm = require('./index.esm-CcYbS__E.js');
-var webComponentTemplate = require('./web-component-template-C9hvjrMm.js');
+var index = require('./index-mDIvByXc.js');
+var index_esm = require('./index.esm-D1EzGa8X.js');
+var webComponentTemplate = require('./web-component-template-DRMW9wHN.js');
 
 const ruleChipPopoverCss = () => `:host{display:block}.popover{display:flex;flex-direction:column;min-width:24rem;background-color:rgb(var(--contrast-100));border:1px solid rgb(var(--contrast-700));border-radius:0.5rem;box-shadow:0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);overflow:hidden}.popover__header{--header-background-color:rgba(var(--contrast-300));padding-right:0.5rem;gap:1rem}.popover__header-actions{display:grid;grid-auto-flow:column;grid-gap:0.75rem;padding:0.25rem;align-items:center}.popover__delete-button{color:rgb(var(--contrast-1100))}.popover__body{padding:1rem}`;
 

package/dist/cjs/limebb-rule-editor.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BrWc7h0p.js');
-var index_esm = require('./index.esm-CcYbS__E.js');
+var index = require('./index-mDIvByXc.js');
+var index_esm = require('./index.esm-D1EzGa8X.js');
 
 /**
  * Remove the node at `path`.

package/dist/cjs/limebb-rule-gate.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BrWc7h0p.js');
-var index_esm = require('./index.esm-CcYbS__E.js');
+var index = require('./index-mDIvByXc.js');
+var index_esm = require('./index.esm-D1EzGa8X.js');
 
 const ruleGateCss = () => `:host{display:block}:host([hidden]){display:none}`;
 

package/dist/cjs/limebb-text-editor-picker.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BrWc7h0p.js');
+var index = require('./index-mDIvByXc.js');
 var keycodes = require('./keycodes-BCQoLEdB.js');
 
 const textEditorPickerCss = () => `:host(limebb-text-editor-picker){animation:fade-in 0.3s ease forwards;animation-delay:0.1s;display:block;max-width:calc(100vw - 2rem);padding:0.125rem;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{position:relative}limel-spinner{margin:0 auto}.spinner-in-list{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}`;

package/dist/cjs/limebb-text-editor.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-BrWc7h0p.js');
-var index_esm = require('./index.esm-CcYbS__E.js');
+var index = require('./index-mDIvByXc.js');
+var index_esm = require('./index.esm-D1EzGa8X.js');
 var keycodes = require('./keycodes-BCQoLEdB.js');
 var _Uint8Array = require('./_Uint8Array-CXHKqIsu.js');
 var _defineProperty = require('./_defineProperty-Bl_qu8Vn.js');
 var _MapCache = require('./_MapCache-DHOVMBKi.js');
 var randomString = require('./random-string-BdZGIsGg.js');
-var limetype = require('./limetype-C-fVThrI.js');
+var limetype = require('./limetype-BPuuRLtH.js');
 var nonNull = require('./non-null-BMnREsqJ.js');
 var fileContentsUrl = require('./file-contents-url-CIoCVl85.js');
 var isSymbol = require('./isSymbol-BJj6FNl6.js');
@@ -1046,7 +1046,7 @@ class FileUpload {
     }
 }
 
-const textEditorCss = () => `:host(limebb-text-editor){display:block;width:100%;min-width:5rem;min-height:5rem;height:100%;max-height:var(--text-editor-max-height, calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)) - 4rem))}`;
+const textEditorCss = () => `:host(limebb-text-editor){display:block;width:100%;min-width:5rem;min-height:5rem;height:100%;max-height:var(--text-editor-max-height, calc(100svh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)) - 4rem))}`;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/limebb-trend-indicator.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BrWc7h0p.js');
-var index_esm = require('./index.esm-CcYbS__E.js');
+var index = require('./index-mDIvByXc.js');
+var index_esm = require('./index.esm-D1EzGa8X.js');
 var normalizeValue = require('./normalize-value-CQXayJzh.js');
 
 const trendIndicatorCss = () => `@charset "UTF-8";*{box-sizing:border-box}:host(limebb-trend-indicator){position:relative;display:block;height:100%;width:100%}limel-notched-outline:not([invalid]:not([invalid=false])) .limel-notched-outline--outlines{--limel-notched-outline-border-color:transparent}div[slot=content]:focus{outline:none}div[slot=content]:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}div[slot=content]{display:flex;align-items:center;gap:0.5rem;border-radius:inherit;background-color:transparent !important}:host(limebb-trend-indicator):has(label) div[slot=content]{min-height:2.5rem;padding:0 0.375rem 0 1rem}:host(limebb-trend-indicator[former-value]) div[slot=content]{cursor:help}div[slot=content] span{flex-shrink:0}.icon{flex-shrink:0;display:flex;transition-property:color, background-color, transform;transition-duration:0.4s;transition-timing-function:ease;width:1.25rem;height:1.25rem;border-radius:50%;padding:0.12rem;color:rgb(var(--color-white));background-color:rgb(var(--color-gray-default), 0.5)}:host(.has-value-40to30-negative) .icon{color:rgb(var(--color-gray-darker))}:host(.has-value-30to20-negative) .icon{color:rgb(var(--color-gray-darker))}:host(.has-value-20to10-negative) .icon{color:rgb(var(--color-gray-darker))}:host(.has-value-10to0-negative) .icon{color:rgb(var(--color-gray-darker))}:host(.has-value-0to10-positive) .icon{color:rgb(var(--color-gray-dark))}:host(.has-value-10to20-positive) .icon{color:rgb(var(--color-gray-dark))}:host(.has-value-20to30-positive) .icon{color:rgb(var(--color-gray-dark))}:host(.has-value-30to40-positive) .icon{color:rgb(var(--color-gray-dark))}:host(.has-value-200or-larger-negative) .icon{background-color:rgb(var(--color-red-darker));transform:rotate(90deg)}:host(.has-value-200to100-negative) .icon{background-color:rgb(var(--color-red-dark));transform:rotate(90deg)}:host(.has-value-100to90-negative) .icon{background-color:rgb(var(--color-red-dark));transform:rotate(90deg)}:host(.has-value-90to80-negative) .icon{background-color:rgb(var(--color-red-dark));transform:rotate(81deg)}:host(.has-value-80to70-negative) .icon{background-color:rgb(var(--color-red-default));transform:rotate(72deg)}:host(.has-value-70to60-negative) .icon{background-color:rgb(var(--color-red-default));transform:rotate(63deg)}:host(.has-value-60to50-negative) .icon{background-color:rgb(var(--color-coral-default));transform:rotate(54deg)}:host(.has-value-50to40-negative) .icon{background-color:rgb(var(--color-coral-default));transform:rotate(45deg)}:host(.has-value-40to30-negative) .icon{background-color:rgb(var(--color-orange-default));transform:rotate(36deg)}:host(.has-value-30to20-negative) .icon{background-color:rgb(var(--color-orange-default));transform:rotate(27deg)}:host(.has-value-20to10-negative) .icon{background-color:rgb(var(--color-amber-default));transform:rotate(18deg)}:host(.has-value-10to0-negative) .icon{background-color:rgb(var(--color-amber-default));transform:rotate(9deg)}:host(.has-value-0) .icon{background-color:rgb(var(--color-gray-default));transform:rotate(0deg)}:host(.has-value-0to10-positive) .icon{background-color:rgb(var(--color-yellow-default));transform:rotate(-9deg)}:host(.has-value-10to20-positive) .icon{background-color:rgb(var(--color-yellow-default));transform:rotate(-18deg)}:host(.has-value-20to30-positive) .icon{background-color:rgb(var(--color-grass-default));transform:rotate(-27deg)}:host(.has-value-30to40-positive) .icon{background-color:rgb(var(--color-grass-default));transform:rotate(-36deg)}:host(.has-value-40to50-positive) .icon{background-color:rgb(var(--color-lime-default));transform:rotate(-45deg)}:host(.has-value-50to60-positive) .icon{background-color:rgb(var(--color-lime-default));transform:rotate(-54deg)}:host(.has-value-60to70-positive) .icon{background-color:rgb(var(--color-teal-default));transform:rotate(-63deg)}:host(.has-value-70to80-positive) .icon{background-color:rgb(var(--color-teal-default));transform:rotate(-72deg)}:host(.has-value-80to90-positive) .icon{background-color:rgb(var(--color-teal-dark));transform:rotate(-81deg)}:host(.has-value-90to100-positive) .icon{background-color:rgb(var(--color-teal-dark));transform:rotate(-90deg)}:host(.has-value-100to200-positive) .icon{background-color:rgb(var(--color-teal-dark));transform:rotate(-90deg)}:host(.has-value-200or-larger-positive) .icon{background-color:rgb(var(--color-teal-darker));transform:rotate(-90deg)}:host(.has-value-0) .icon{background-color:rgb(var(--color-gray-default), 0.5);transform:rotate(0deg)}:host(.has-value-0) .icon polyline{color:transparent}:host(.has-value-200or-larger-negative) .icon:after,:host(.has-value-200or-larger-negative) .icon:before,:host(.has-value-200to100-negative) .icon:after,:host(.has-value-200to100-negative) .icon:before,:host(.has-value-100to200-positive) .icon:after,:host(.has-value-100to200-positive) .icon:before,:host(.has-value-200or-larger-positive) .icon:after,:host(.has-value-200or-larger-positive) .icon:before{transition:border-color 0.6s ease;content:"";position:absolute;inset:0;margin:auto;border:1px solid transparent;border-radius:50%}:host(.has-value-200or-larger-negative) .icon:before,:host(.has-value-200to100-negative) .icon:before,:host(.has-value-100to200-positive) .icon:before,:host(.has-value-200or-larger-positive) .icon:before{transform:scale(1.2)}:host(.has-value-200or-larger-negative) .icon:after,:host(.has-value-200to100-negative) .icon:after,:host(.has-value-100to200-positive) .icon:after,:host(.has-value-200or-larger-positive) .icon:after{transform:scale(1.4);opacity:0.4}:host(.has-value-200to100-negative) .icon:before,:host(.has-value-200or-larger-negative) .icon:before{border-color:rgb(var(--color-red-dark))}:host(.has-value-200or-larger-negative) .icon:after{border-color:rgb(var(--color-red-darker))}:host(.has-value-100to200-positive) .icon:before,:host(.has-value-200or-larger-positive) .icon:before{border-color:rgb(var(--color-teal-dark))}:host(.has-value-200or-larger-positive) .icon:after{border-color:rgb(var(--color-teal-darker))}.no-value{transform:translateY(0.5rem)}.growth-unit{padding-left:0.5rem;opacity:0.5}:host(limebb-trend-indicator:focus),:host(limebb-trend-indicator:focus-visible),:host(limebb-trend-indicator:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limebb-trend-indicator){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limebb-trend-indicator:focus) limel-helper-line,:host(limebb-trend-indicator:focus-visible) limel-helper-line,:host(limebb-trend-indicator:focus-within) limel-helper-line,:host(limebb-trend-indicator:hover) limel-helper-line{will-change:grid-template-rows}`;

package/dist/cjs/limebb-value-comparison-editor.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BrWc7h0p.js');
-var index_esm = require('./index.esm-CcYbS__E.js');
-var filterOperators = require('./filter-operators-CVCyCZ7Q.js');
+var index = require('./index-mDIvByXc.js');
+var index_esm = require('./index.esm-D1EzGa8X.js');
+var filterOperators = require('./filter-operators-CzIq9qKC.js');
 
 const valueComparisonEditorCss = () => `:host{display:block}.rule{display:grid;gap:0.5rem;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr))}.offset-builder{display:flex;gap:0.5rem;align-items:flex-end;grid-column:1/-1}.offset-builder .offset-count{max-width:6rem}`;
 
@@ -171,7 +171,7 @@ const ValueComparisonEditor = class {
     }
     render() {
         const selectedType = TYPE_OPTIONS.find((option) => option.value === this.valueType);
-        return (index.h("div", { key: '46633e3dd6527173fdb2a54f50e7844175dbbbe5', class: "rule" }, index.h("limel-select", { key: '98f82c22a21840061c57a942c273b85416c539cb', class: "type-select", label: "Compare as", options: TYPE_OPTIONS, value: selectedType, onChange: this.handleTypeChange }), index.h("limebb-filter-condition-picker", { key: 'dac247e83cb2fac41b0e6fdb49f070d5c1b18081', class: "operator-select", platform: this.platform, propertyType: PROPERTY_TYPE_BY_VALUE_TYPE[this.valueType], conditions: COMPARISON_CONDITIONS, value: filterOperators.operatorToCondition(this.currentOperator), onChange: this.handleConditionChange }), this.renderOperand()));
+        return (index.h("div", { key: 'adecd47e558632637dec3506429c285dcddf7746', class: "rule" }, index.h("limel-select", { key: '41032f0494cccf8ab9ef429e0648e84b70de7a80', class: "type-select", label: "Compare as", options: TYPE_OPTIONS, value: selectedType, onChange: this.handleTypeChange }), index.h("limebb-filter-condition-picker", { key: '118a34ec6bf0b057ad504690ea2bbb50295697ef', class: "operator-select", platform: this.platform, propertyType: PROPERTY_TYPE_BY_VALUE_TYPE[this.valueType], conditions: COMPARISON_CONDITIONS, value: filterOperators.operatorToCondition(this.currentOperator), onChange: this.handleConditionChange }), this.renderOperand()));
     }
     renderOperand() {
         if (TEMPORAL_TYPES.has(this.valueType)) {

package/dist/cjs/{limetype-C-fVThrI.js → limetype-BPuuRLtH.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index_esm = require('./index.esm-CcYbS__E.js');
+var index_esm = require('./index.esm-D1EzGa8X.js');
 
 /**
  * Get the color for a limetype from its UI configuration
@@ -134,3 +134,4 @@ exports.getRelationProperty = getRelationProperty;
 exports.getRelationPropertyName = getRelationPropertyName;
 exports.hasHasManyRelation = hasHasManyRelation;
 exports.hasLabel = hasLabel;
+exports.isManyRelation = isManyRelation;

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BrWc7h0p.js');
+var index = require('./index-mDIvByXc.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/cjs/{web-component-template-C9hvjrMm.js → web-component-template-DRMW9wHN.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BrWc7h0p.js');
+var index = require('./index-mDIvByXc.js');
 
 const LimeWebComponentTemplate = (props, children) => {
     const Name = props.name;

package/dist/collection/collection-manifest.json

@@ -76,7 +76,7 @@
   "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.43.5",
+    "version": "4.44.2",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

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

@@ -58,7 +58,7 @@ export class LimebbAlertDialog {
         };
     }
     render() {
-        return (h("limel-dialog", { key: '95d0a5a79f4ab59aac2eccec952dd26eab4850f1', open: this.open, onClose: this.handleClose }, h("div", { key: 'cc527df46663b6aede6363f27c6aadba3f64cdff', class: "dialog-content" }, h("div", { key: '112f2f5a6ccffb567f707994ee7d3150dc0dc93f', class: "icon-slot" }, h("limel-icon", { key: 'a620c94d6cea05fa7cef15df0b3cee70fa1d35dd', name: this.getIconName(), "aria-hidden": "true" })), h("h1", { key: 'bde01a1a9274e2032d26e660a085b63f90f4c3e7', id: "alert-dialog-title" }, this.heading), this.renderSubheading()), h("div", { key: '980df75ad0e641b4acde44644ed6f321d402cd8a', slot: "button" }, h("slot", { key: '1dfffb4d7671b6e9e8cc990f53b7610db070e05a', name: "button" }))));
+        return (h("limel-dialog", { key: '72a5db212ceaa1989321fc497c40037e19456463', open: this.open, onClose: this.handleClose }, h("div", { key: 'bbe0becafcdd049be3b9161f8615a5af70abb488', class: "dialog-content" }, h("div", { key: 'cea7cdf8231ccfd159a7c32c798a8d921ca8afcd', class: "icon-slot" }, h("limel-icon", { key: '9eaa75dfaa685c6be517ce63d0d0043c3f4d7d86', name: this.getIconName(), "aria-hidden": "true" })), h("h1", { key: 'fd0b8646d81d96928917287c946d858adad06487', id: "alert-dialog-title" }, this.heading), this.renderSubheading()), h("div", { key: '746127880402f522a583d65685c9df740728be52', slot: "button" }, h("slot", { key: '613e7354a7ad0b97366e203f420e770d7644370e', name: "button" }))));
     }
     renderSubheading() {
         if (!this.subheading) {

package/dist/collection/components/browser/browser.js

@@ -70,8 +70,8 @@ export class Browser {
     }
     render() {
         return [
-            h("limel-input-field", { key: '8133f05dea6faf66bcdeb9621c2aa74b9945af5b', 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: '586fa8bd9073db49e7c239f6fdd49f42904348ef', items: this.getItems(), type: "selectable", class: {
+            h("limel-input-field", { key: 'e0bfaf51dc8ca8139205db265e9cf4efb9a2bde8', 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: '1f788aa87ec1cfc0c3b89df0a2bf3298b123d96d', items: this.getItems(), type: "selectable", class: {
                     'has-interactive-items': true,
                     'has-grid-layout': this.layout === 'grid',
                 }, onChange: this.handleChange }),

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

@@ -8,7 +8,7 @@ import { h, Host } from "@stencil/core";
  */
 export class ChatIconListComponent {
     render() {
-        return (h(Host, { key: '8b396a9fe990300692e21c71e0674c412286db68', id: this.item.id }, this.renderLabel(), h("div", { key: '8f1da67a4bb6916a3a76203dee5c2050ac2db1d3', class: "icons" }, this.item.icons.map((icon, index) => this.renderIcon(icon, index)))));
+        return (h(Host, { key: '5f1f10992e05f44d64189dfb622e4294ca325417', id: this.item.id }, this.renderLabel(), h("div", { key: '80f8b801710cb713f019897cac35ea2de1b6384f', class: "icons" }, this.item.icons.map((icon, index) => this.renderIcon(icon, index)))));
     }
     renderLabel() {
         if (!this.item.label) {

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

@@ -64,9 +64,9 @@ export class ChatListItem {
     }
     render() {
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: '7726b35958522c860513ba9ea7a119a4ee9dfe2d', id: this.item.id, "aria-describedby": this.helperText ? helperTextId : undefined, "aria-live": this.hasError ? 'assertive' : 'off', class: {
+        return (h(Host, { key: '266fdab5632ea239ee1e83042494988b7e8c5e74', id: this.item.id, "aria-describedby": this.helperText ? helperTextId : undefined, "aria-live": this.hasError ? 'assertive' : 'off', class: {
                 [`${this.item.ui}`]: true,
-            } }, h("div", { key: '2092b4d2eb6a4149205fbddae42aa63893ae2c35', class: "bubble-content" }, h("div", { key: '728b94f59b744ac932ede9bef2a99d180c0675f3', class: "icon-picture" }, this.renderIcon(), this.renderAuthorPicture()), this.renderErrorSign(), h("div", { key: 'a87fbb4ba58928deace952f50f480483530ac552', class: "item" }, this.renderHeader(), this.renderValue(), h("footer", { key: '446921a64f33dc02c6d6b9ae3e6143b1ad7ee6d9' }, this.renderHelperText(helperTextId), this.renderTimestamp()))), this.renderPromotedAction()));
+            } }, h("div", { key: 'e0b98384093b368a03a3e7c5533aa285d46ea0f5', class: "bubble-content" }, h("div", { key: '4fd0493903e04cf8bbe7ebf2e1763f09cd5bce69', class: "icon-picture" }, this.renderIcon(), this.renderAuthorPicture()), this.renderErrorSign(), h("div", { key: '67b0f7f907d92fa16be7ba82cf239dd7ae55a6e7', class: "item" }, this.renderHeader(), this.renderValue(), h("footer", { key: 'c709ae0695ba2f658e5a8b7f93e29b8d6f70ffbb' }, this.renderHelperText(helperTextId), this.renderTimestamp()))), this.renderPromotedAction()));
     }
     renderErrorSign() {
         if (!this.hasError) {

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

@@ -85,7 +85,7 @@ export class ChatList {
         this.scrollAnchor.afterRender();
     }
     render() {
-        return (h(Host, { key: '2aab7c285dab2438761d90107c573060802863bf', class: {
+        return (h(Host, { key: '18a96922c3f3a501396a174a4ab2b5ecfaebdbd7', class: {
                 'is-empty': this.items.length === 0 &&
                     !this.isTypingIndicatorVisible,
             }, "aria-busy": this.isBusy(), role: "log" }, this.renderSpinner(), this.order === 'newest-on-top' &&

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

@@ -7,7 +7,7 @@ import { h } from "@stencil/core";
  */
 export class TypingIndicator {
     render() {
-        return (h("div", { key: 'afc891f3443bdecefb025e3564679bf83d654e9a', class: "typing-ellipsis" }, h("div", { key: 'd886ca24a5c075b2cedc9c2902fd9bfbc995e418', class: "circle" }), h("div", { key: '73133ec43983aa1cdf50e9b505cba45e0c8bde04', class: "circle" }), h("div", { key: '624b5cc3b21336642acf53e6d3b867a60ae34a80', class: "circle" })));
+        return (h("div", { key: 'bf1a80f35a31a497b05b89b0e9d4291ed78bdcd6', class: "typing-ellipsis" }, h("div", { key: '6f0a9f966f53f5459c04c56e464ea1b2e0590619', class: "circle" }), h("div", { key: '155d3a3e19f419d7f385b9dd221f14f78af207b4', class: "circle" }), h("div", { key: '22d53849e2963f4a2505b9746d5a0660cff23898', class: "circle" })));
     }
     static get is() { return "limebb-typing-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/color-palette-picker/color-palette-picker.js

@@ -58,7 +58,7 @@ export class ColorPalettePicker {
         this.optionsById = new Map(this.options.map((option) => [option.value, option]));
     }
     render() {
-        return (h(Host, { key: 'a5f44d09a862e67f6216bcad7f46eec29ced722a' }, h("limel-select", { key: 'a5cf05f6592bdda711def6ec1a05b56aee2b73c9', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, options: this.options, value: this.getSelectedOption(), onChange: this.handleChange })));
+        return (h(Host, { key: '5aa23a2ef0f4828de43f8098a97b39df77cf6d22' }, h("limel-select", { key: '9421937459200b3a35c5afa9d13b18c882e2774e', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, options: this.options, value: this.getSelectedOption(), onChange: this.handleChange })));
     }
     /**
      * Resolve `this.value` against the cached options map. Returns

package/dist/collection/components/color-palette-picker/color-palette-swatches/color-palette-swatches.js

@@ -22,7 +22,7 @@ export class ColorPaletteSwatches {
         this.colors = [];
     }
     render() {
-        return (h(Host, { key: '62b7189e13fb67c79e8da299a40b1ec621a2886f', "aria-hidden": "true" }, h("ol", { key: 'ae4bda8db0f631c0a8d7ea42f033c4bb1e37b1da' }, this.colors.map((color, index) => (h("li", { key: index, style: { backgroundColor: color } }))))));
+        return (h(Host, { key: 'f2c8f5e07fb5120b3fdaaa8bbad6bb096d378f9e', "aria-hidden": "true" }, h("ol", { key: '5d54370284ec979d59dbfbfe78369e721d9aa440' }, this.colors.map((color, index) => (h("li", { key: index, style: { backgroundColor: color } }))))));
     }
     static get is() { return "limebb-color-palette-swatches"; }
     static get encapsulation() { return "shadow"; }

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

@@ -83,8 +83,8 @@ export class ComposerToolbar {
     }
     render() {
         return [
-            h("div", { key: '95a495c2289ee07d42b9f2ffd5b9f69634f0c70b', class: "actions" }, h("slot", { key: '3729266b77e939e980734556dc1417e34921b9a9', name: "leading" }), this.renderFileInput(), this.renderTriggerActions(), h("slot", { key: '211edc189658f512049b9e9487007a9e5b580134', name: "trailing" })),
-            h("slot", { key: '5c7e90a4577224f004e45b4f8447b330b6878138', name: "primary-action" }),
+            h("div", { key: 'c45e6604be8742079ecbeef6f0d306d2528ce9f4', class: "actions" }, h("slot", { key: '54162354d2914785fee657c67b2e6b9176d38f59', name: "leading" }), this.renderFileInput(), this.renderTriggerActions(), h("slot", { key: '9d74c71148b20e1a9039e764327f2bb054feedb6', name: "trailing" })),
+            h("slot", { key: '4af9b1a6f19e12fb41145a86adb6fe7de58ef56a', name: "primary-action" }),
         ];
     }
     get translator() {

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

@@ -84,7 +84,7 @@ export class CurrencyPicker {
         };
     }
     render() {
-        return (h("limel-picker", { key: '8f907cef2bdcc25b1931f06f4bfdb54c0f6e4eec', 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: 'e802e0966c7e9dd815138e182a5b3f32ebf996f5', label: this.label || this.defaultLabel, value: this.createListItem(this.value), helperText: this.helperText, onChange: this.handleChange, badgeIcons: false, disabled: this.disabled, required: this.required, readonly: this.readonly, invalid: this.readonly, searcher: this.search }));
     }
     getCurrencyName(code) {
         var _a;

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

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

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

@@ -66,7 +66,7 @@ export class DatePicker {
         if (this.value) {
             this.shouldEmitValueAsString = typeof this.value === 'string';
         }
-        return (h("limel-date-picker", { key: '218c0a409c7a508fd551099d1df5e7e05734db10', 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: '039dfc9f9b07b6fd38d1f3f2aa5c1e685461674c', disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, placeholder: this.placeholder, helperText: this.helperText, required: this.required, value: this.parseDateValue(), type: this.type, language: this.language, formatter: this.formatter, onChange: this.handleChange }));
     }
     parseDateValue() {
         const value = this.value;

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

@@ -33,7 +33,7 @@ export class DateRange {
         this.originalEndTime = this.endTime;
     }
     render() {
-        return (h("div", { key: 'f6648162be4b8bf1605bce38cd584b8fe136c059', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
+        return (h("div", { key: '00028334111fe7a09a9289e202b45be6d5ed7446', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
     }
     renderStartDatePicker() {
         if (!this.originalStartTime) {

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

@@ -44,7 +44,7 @@ export class DocumentChips {
         this.revokeAllBlobUrls();
     }
     render() {
-        return (h(Host, { key: 'e74468ff9712e3e3bda315925b5204d5ef6ae91b', role: "list", "aria-label": this.accessibleLabel }, this.files.map((file) => this.renderFile(file))));
+        return (h(Host, { key: 'f700aef00561de51cdf54b55a798104a30119d62', role: "list", "aria-label": this.accessibleLabel }, this.files.map((file) => this.renderFile(file))));
     }
     renderFile(file) {
         const isReady = !file.uploadState || file.uploadState === 'done';

package/dist/collection/components/document-picker/document-item/document-item.js

@@ -78,10 +78,10 @@ export class DocumentItemComponent {
     render() {
         const isUnavailable = this.isUnavailable();
         const image = this.getImage();
-        return (h(Host, { key: '802076b3b96c854277a01fa7833a1ccdb942eff4', id: String(this.item.file.id), class: {
+        return (h(Host, { key: '49f52a175a08604a8706bb4554eec3b3c5b15063', 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: '4c8149a090818f69c8ad7ced12d46d3f405f2601', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'bfcd9153638e17e8d332395739dc835eee684707', 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: '7de1a510b5f3f79474250330b4a56e3981cb062e', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '6cec2ca349fa18bf55f27caabdbe1c6697c1e101', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
     }
     renderBooleanInput() {
         const id = this.getControlId();