@limetech/lime-crm-building-blocks 1.124.0 → 1.125.0

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

@@ -0,0 +1,295 @@
+import { h, Host } from "@stencil/core";
+import { COLOR_PALETTES } from "../../util/color-palettes";
+const NONE_VALUE = '';
+const SWATCH_STYLE = {
+    display: 'block',
+    order: 3,
+    width: '6rem',
+    flexShrink: 0,
+    marginRight: '-0.5rem',
+};
+/**
+ * Picks a color palette from the built-in color-palettes registry,
+ * and shows the palette's swatches alongside its title — both in
+ * the dropdown row and in the selected trigger area.
+ *
+ * ### When to use this picker
+ *
+ * Use it when a Lime CRM widget needs the admin to choose a set of
+ * colors purely for **visual differentiation** between items in a
+ * list. The picker's contract is "give every item a distinct, nicely
+ * harmonized color"; it does **not** assume any item-to-color
+ * mapping is meaningful. Concrete examples:
+ *
+ * - bars / slices in a chart widget
+ * - swimlanes in a kanban view
+ * - event categories in a calendar
+ * - tag chips on a list view
+ *
+ * ### When **not** to use it
+ *
+ * Don't use this picker when colors carry semantic meaning that
+ * end users must learn and rely on — e.g. _red = high priority_,
+ * _green = healthy_, _yellow = pending_. The palette's color order
+ * and contents may evolve over time (designers tweaking shades,
+ * appending new colors, retiring duplicates), so item-to-color
+ * mappings are intentionally **not** stable across releases. For
+ * status / priority / severity surfaces, encode meaning at the
+ * value level (icons, badges, labels) rather than color alone.
+ *
+ * @exampleComponent limebb-example-color-palette-picker
+ * @beta
+ */
+export class ColorPalettePicker {
+    constructor() {
+        this.options = [];
+        this.optionsById = new Map();
+        this.handleChange = (event) => {
+            var _a;
+            event.stopPropagation();
+            const detail = event
+                .detail;
+            const option = Array.isArray(detail) ? detail[0] : detail;
+            this.change.emit((_a = option === null || option === void 0 ? void 0 : option.value) !== null && _a !== void 0 ? _a : NONE_VALUE);
+        };
+    }
+    componentWillLoad() {
+        this.options = buildOptions();
+        this.optionsById = new Map(this.options.map((option) => [option.value, option]));
+    }
+    render() {
+        return (h(Host, { key: 'b2132746dec23716bee6068db4a39faae2bacd76' }, h("limel-select", { key: 'd9cf1485ce355fbd0da85d01e9a00cc5213e4c15', 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
+     * `undefined` when no value is set (so the trigger renders
+     * unselected), or falls back to the (none) option when the value
+     * is set but unrecognized — with a one-time warning so a
+     * developer integrating the picker sees the stale id during
+     * debugging.
+     */
+    getSelectedOption() {
+        if (!this.value) {
+            return undefined;
+        }
+        const match = this.optionsById.get(this.value);
+        if (match) {
+            return match;
+        }
+        if (this.lastWarnedValue !== this.value) {
+            console.warn(`limebb-color-palette-picker: palette "${this.value}" was not found in the registry. Rendering as (none).`);
+            this.lastWarnedValue = this.value;
+        }
+        return this.optionsById.get(NONE_VALUE);
+    }
+    static get is() { return "limebb-color-palette-picker"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["color-palette-picker.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["color-palette-picker.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "inheritdoc",
+                            "text": undefined
+                        }],
+                    "text": "The value of the current property"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "value"
+            },
+            "required": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "inheritdoc",
+                            "text": undefined
+                        }],
+                    "text": "Whether or not the current property is required"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "required"
+            },
+            "readonly": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "inheritdoc",
+                            "text": undefined
+                        }],
+                    "text": "Whether or not the current property is readonly"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "readonly"
+            },
+            "invalid": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "inheritdoc",
+                            "text": undefined
+                        }],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "invalid"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "inheritdoc",
+                            "text": undefined
+                        }],
+                    "text": "Whether or not the current property is disabled"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "disabled"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "inheritdoc",
+                            "text": undefined
+                        }],
+                    "text": "The label of the current property"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "label"
+            },
+            "helperText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "inheritdoc",
+                            "text": undefined
+                        }],
+                    "text": "The helper text for the current property"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "helper-text"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "change",
+                "name": "change",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the user picks a different palette. The detail is\nthe chosen palette's `id`."
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+}
+/**
+ * Build the limel-select options once. Palettes don't change at
+ * runtime, so this work happens once per component instance instead
+ * of on every render.
+ */
+function buildOptions() {
+    return [
+        { text: '', value: NONE_VALUE },
+        ...COLOR_PALETTES.map((palette) => ({
+            text: palette.title,
+            secondaryText: palette.description,
+            value: palette.id,
+            primaryComponent: {
+                name: 'limebb-color-palette-swatches',
+                props: {
+                    colors: palette.colors,
+                    style: SWATCH_STYLE,
+                },
+            },
+        })),
+    ];
+}

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

@@ -0,0 +1,28 @@
+:host(limebb-color-palette-swatches) {
+  pointer-events: none;
+  transform: var(--color-palette-swatches-transform, unset);
+  box-sizing: border-box;
+  display: block;
+  width: 100%;
+}
+
+* {
+  box-sizing: border-box;
+  min-width: 0;
+  min-height: 0;
+}
+
+ol {
+  list-style: none;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(0.75rem, 1fr));
+  gap: var(--color-palette-swatches-gap, 0.25rem);
+  margin: 0;
+  padding: var(--color-palette-swatches-gap, 0.25rem);
+  border-radius: 0.5rem;
+}
+
+li {
+  aspect-ratio: 1;
+  border-radius: 0.25rem;
+}

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

@@ -0,0 +1,61 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Renders a small grid of color swatches for a palette. Used as the
+ * inline preview inside [limebb-color-palette-picker](..) — both in
+ * the trigger (the currently chosen palette) and in each row of its
+ * dropdown list (so users can see the colors before picking). Pass
+ * any CSS color strings (`rgb(var(--…))`, hex, etc.).
+ *
+ * The swatches are purely decorative — they carry no semantic
+ * information beyond what the surrounding context (e.g. the picker
+ * option's text and secondary text) already provides. The component
+ * marks itself `aria-hidden` so assistive tech skips it cleanly.
+ *
+ * @exampleComponent limebb-example-color-palette-swatches
+ * @private
+ */
+export class ColorPaletteSwatches {
+    constructor() {
+        /**
+         * Ordered list of CSS color values to render as swatches.
+         */
+        this.colors = [];
+    }
+    render() {
+        return (h(Host, { key: 'f7f0f8d6b00f806a1374699388e1a5e8225bcee6', "aria-hidden": "true" }, h("ol", { key: '0999df69401fffb03f57f99f531625a61f934d63' }, 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"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["color-palette-swatches.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["color-palette-swatches.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "colors": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Ordered list of CSS color values to render as swatches."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            }
+        };
+    }
+}

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

@@ -83,8 +83,8 @@ export class ComposerToolbar {
     }
     render() {
         return [
-            h("div", { key: '65a3b1eb3ba4ebe0e87a732b9b40ab757f653470', class: "actions" }, h("slot", { key: '6aba4388efdaf0122fe16b1d2b5fa4413b76cac1', name: "leading" }), this.renderFileInput(), this.renderTriggerActions(), h("slot", { key: 'cb829dfa676b3bf46fad352317e203211e3aae6a', name: "trailing" })),
-            h("slot", { key: '6649aa3c3887176d28c0798405fe27a1d5ba807b', name: "primary-action" }),
+            h("div", { key: '93f11de20919ea5911914796067ea28d12979f1c', class: "actions" }, h("slot", { key: '6ca4a71f02438859e503b79f689353d4ac4899d2', name: "leading" }), this.renderFileInput(), this.renderTriggerActions(), h("slot", { key: '05a29bae85924a0a9a249e9730203f444d1dc4c3', name: "trailing" })),
+            h("slot", { key: '9e55ce6f1261db1cc46f6de733e15ef101aa8661', 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: '86fb9eca34cdbfff99d81fa32490f1869c7f9438', 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: '365bf9d027d97c0893a85a340695edcda6cc162d', 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: '3b1ffb8fd307334ae68d86501c4a4abb793362fa', name: "content" })];
+        return [this.renderHeader(), h("slot", { key: '94aaf4649e66937c5f548d08a764bae4e367679f', 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: '3db884d7d5ceec1790e7de8a785a0e95aa07acd9', 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: '205943b4751f3c2665c3dd1cc9af0119a15170be', 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: '8ec8bce475f1f8ad5a0854df78c69d8922f2d400', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
+        return (h("div", { key: '65d3cd4e60a4d14b50b6a532ff053a696baae1ea', 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: '282797c34d7924c4e5e94b7d0f084b13292b592a', role: "list", "aria-label": this.accessibleLabel }, this.files.map((file) => this.renderFile(file))));
+        return (h(Host, { key: '0f5582c1aecd97c5e8babcd4f4e73a373b815aba', 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: 'a745e2d12e61e247a13d51d9c4d905cc35e00b14', id: String(this.item.file.id), class: {
+        return (h(Host, { key: 'f06a024dc141c1105cf63c6e201b9ffc11a92beb', 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: '57714e0fd05df08c658b82acd49503bf69f48711', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '7bbead5bebb4e05f23609f5a349165a2346c7332', 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: 'd1c10f63e30afc33a4e14368bc774682577811df', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'a9dd660baf662d02e3e8a3d25a35fb052e60fdea', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
     }
     renderBooleanInput() {
         const id = this.getControlId();

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

@@ -76,7 +76,7 @@ export class DocumentPicker {
         this.labelId = createRandomString();
     }
     render() {
-        return (h(Host, { key: '143f5d2e479841d48b2e130984a16429da79a2cc' }, h("limel-notched-outline", { key: 'e4364c5b72f9b8941d084df55b80630eefa597dc', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: 'd0d4a1cf584b930a7160c846f27ebd00e632fc81', 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: 'ad12860357db7ed4949796e63c8893f3cbf17628' }, h("limel-notched-outline", { key: 'f2fe2e574e24664d0a6c127dc7da3e3c3a1aeb0d', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: '2fa65ff30c9a93588b9d21848dc64866ac027b95', slot: "content", role: this.type === 'radio' ? 'radiogroup' : 'group', "aria-labelledby": this.label ? this.labelId : undefined, "aria-describedby": this.helperText ? this.helperTextId : undefined }, this.renderItems())), this.renderHelperLine()));
     }
     renderItems() {
         return this.items.map((item) => (h("limebb-document-item", { platform: this.platform, context: this.context, item: item, key: item.file.id, type: this.type, onInteract: this.handleItemInteract })));

package/dist/collection/components/feed/feed-item/feed-timeline-item.js

@@ -205,7 +205,7 @@ export class FeedTimelineItem {
     render() {
         var _a, _b;
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: '50bd6bfad6a968a43bd997a404a7021f5db10329', id: this.item.id, class: {
+        return (h(Host, { key: 'f989846e0b2bb21447a8b387749f7316b958802d', id: this.item.id, class: {
                 'has-unpromoted-actions': !!((_a = this.item.unpromotedActions) === null || _a === void 0 ? void 0 : _a.length),
                 'has-author-picture': !!((_b = this.item.author) === null || _b === void 0 ? void 0 : _b.picture),
                 'shows-less': !this.showMore,

package/dist/collection/components/feed/feed-item-thumbnail-file-info/feed-item-thumbnail-file-info.js

@@ -8,7 +8,7 @@ import { h } from "@stencil/core";
  */
 export class FeedItemThumbnailFileInfo {
     render() {
-        return h("span", { key: '831a5c651f919a6edd055ff037785777753f7415' }, this.description);
+        return h("span", { key: 'bd67e23fd4e83c791bfe2f7b0a9b408eb8add751' }, this.description);
     }
     static get is() { return "limebb-feed-item-thumbnail-file-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/feed/feed.js

@@ -103,7 +103,7 @@ export class Feed {
         this.highlighter.unregisterFeed(this.feedItemElement);
     }
     render() {
-        return (h(Host, { key: '162bf1dfa936d21e6c5e1e29bdce86905f7c07f4', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
+        return (h(Host, { key: '6917dd0be3f7052f41d6dbdad68be7884fea24b3', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
                 '--limebb-feed-highlight-duration': `${ITEM_HIGHLIGHT_DURATION}ms`,
             } }, this.renderLoadMore(), this.renderEmptyFeedMessage(), this.renderSpinner(), this.renderFeedItems()));
     }

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

@@ -35,7 +35,7 @@ export class IconPicker {
                 icon: this.value,
             };
         }
-        return (h("limel-picker", { key: 'ed0d6f7aac53b8e60da366b75d589af54c3005e9', 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: 'bbbd828b128fb805339eeae800c9b59f0dfddd5b', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, value: value, searcher: this.search, onChange: this.handleChange, badgeIcons: false, leadingIcon: "search", searchLabel: "Start typing to find the right icon" }));
     }
     static get is() { return "limebb-icon-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/info-tile/format/config/info-tile-format.js

@@ -92,7 +92,7 @@ export class InfoTileAdminConfig {
             },
         ];
         return [
-            h("limel-button-group", { key: '24b69334ff39b4e3970aa30e53cc68b906332a30', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
+            h("limel-button-group", { key: '10e2a2362c4d68e87b946143856706c60615605a', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
             this.renderFormatConfig(),
         ];
     }

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

@@ -103,7 +103,7 @@ export class InfoTile {
         const errorProps = Object.assign(Object.assign({}, baseProps), { icon: 'error', prefix: 'ERROR', loading: true, label: this.getLabel(filter) });
         const normalProps = Object.assign(Object.assign({}, baseProps), { label: this.getLabel(filter), link: this.getLink(filter), loading: this.loading, value: value === null || value === void 0 ? void 0 : value.value.trim() });
         const props = !filter || this.error ? errorProps : normalProps;
-        return (h("limel-info-tile", Object.assign({ key: '18b91b655676fada2ac55445a46613d994932a75', class: { error: !filter || this.error } }, props)));
+        return (h("limel-info-tile", Object.assign({ key: '226492d3b5affedf8fc1bb171ff8b0076231c396', class: { error: !filter || this.error } }, props)));
     }
     getFormattedValue() {
         if (!this.value && this.value !== 0) {

package/dist/collection/components/kanban/kanban-group/kanban-group.js

@@ -27,7 +27,7 @@ export class KanbanGroup {
         };
     }
     render() {
-        return (h(Host, { key: 'f0be3a991c1e6383895523f846363cdadbfe2ae9' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
+        return (h(Host, { key: '30c47a8267c93b5321c388ed5e96d273f78d6756' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
     }
     renderGroupSummary() {
         if (!this.summary || !this.totalCount) {

package/dist/collection/components/kanban/kanban-item/kanban-item.js

@@ -55,7 +55,7 @@ export class KanbanItemComponent {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'd74307473fc2fa7301c9da20e6ce026b86c3d6d1', id: this.item.id.toString(), class: {
+        return (h(Host, { key: '528f5187476baedad9c8c670975dca5f8516d696', id: this.item.id.toString(), class: {
                 'has-unpromoted-actions': !!((_a = this.item.unpromotedActions) === null || _a === void 0 ? void 0 : _a.length),
                 'is-selected': !!((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected),
             }, style: {

package/dist/collection/components/lime-query-builder/expressions/lime-query-filter-comparison.js

@@ -122,7 +122,7 @@ export class LimeQueryFilterComparisonComponent {
         };
     }
     render() {
-        return (h(Host, { key: '3c0ce4280b45c19522a5e159bfe41e9866737d5a' }, this.renderHeader(), h("div", { key: '6e4afb9968ed2974ec35ce831c474ffc0f5448aa', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: '0d0d87b9dee114c311958049015e493578ecc3e4', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
+        return (h(Host, { key: '9f4ccf1e866e9bbc495fdcd743c47b1060ebd54d' }, this.renderHeader(), h("div", { key: '79b83af3acf7446ace0a6ba2bf631c8416b18453', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: '9c632f7848401c42cf8302293fb0e68a5e3c2589', 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: 'b6fa2e2e21d68867587e42b9247df54495c64a86', style: {
+        return (h(Host, { key: '6377f0ae90c85c03196f1b9fcd6e3090f514a6c8', style: {
                 '--limebb-lime-query-filter-group-operator': `"${this.expression.op === Operator.AND ? 'AND' : 'OR'}"`,
-            } }, h("div", { key: '2d02f59f34a6bcd52f24dc942eb55ca8405ae744', class: "expression" }, this.renderHeader(), h("ul", { key: '8fba5156c7e8573aaee21932640112d04d7890cf' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
+            } }, h("div", { key: '4ffdb3ac606dd3b9a170761a177877e64b1e564f', class: "expression" }, this.renderHeader(), h("ul", { key: '217ce512e8cd7685aecc57d7d51241ffdd499f86' }, 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: '540260cd3203c932bb630f7a714447d574c371c6', class: "expression" }, this.label && h("limel-header", { key: '32eb4b638008d7409c017627c556944d85d5db33', heading: this.label }), h("limebb-lime-query-filter-expression", { key: 'e547fef08281f285baa1868a7942f3c7db1cf87f', 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: 'fee9071fbb65942e895ed564243855b3b515eb37', class: "expression" }, this.label && h("limel-header", { key: 'd58bdbc5c951013b8de1d43ba1ea070db92ee8b3', heading: this.label }), h("limebb-lime-query-filter-expression", { key: 'fe1798574f7c901e9a1cfdcdda489cd258dd3b63', platform: this.platform, context: this.context, label: "Not", limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression.exp, onExpressionChange: this.handleExpressionChange })));
     }
     static get is() { return "limebb-lime-query-filter-not"; }
     static get encapsulation() { return "shadow"; }

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

@@ -172,7 +172,7 @@ export class LimeQueryBuilder {
         }
     }
     render() {
-        return (h(Host, { key: '2ee09dd23db195ddf96976ac90be2eca54d69dcd' }, this.renderHeader(), this.renderContent()));
+        return (h(Host, { key: '5c052831e582381c21a66645cdec1b067849309e' }, this.renderHeader(), this.renderContent()));
     }
     renderContent() {
         const visualModeSupported = this.checkVisualModeSupport();

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

@@ -154,7 +154,7 @@ export class LimeQueryResponseFormatBuilder {
     }
     render() {
         const visualModeSupported = this.checkVisualModeSupport();
-        return (h("div", { key: 'b8e26a16b474899d16e6de4af13591c439322ded', class: "response-format-builder" }, this.label && h("h1", { key: 'f41fe478ab2b61c54d0efba71e43daaff0bf9a93', class: "builder-label" }, this.label), this.helperText && (h("p", { key: '8fa7526cc578203fa3ed1da8dbcf75b56999fc9c', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: '0a41715db4bd37e4b42b26c9d7bc455d2805e10e', class: "mode-controls" }, this.renderModeSwitch(visualModeSupported))), !this.visualModeEnabled || this.mode === 'code' ? (h("div", { class: "code-mode" }, this.renderCodeEditor(visualModeSupported))) : (h("div", { class: "visual-mode" }, this.renderVisualMode()))));
+        return (h("div", { key: '9bea445c6cd91e32837709942fefcc4ad04b5194', class: "response-format-builder" }, this.label && h("h1", { key: '780022ab1a10dc771ee288019e7d96c6d6caff11', class: "builder-label" }, this.label), this.helperText && (h("p", { key: '6bd19234de762252348f65c765a85d6216acff7b', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: '944ccebb9fa3cc0368f30a3cdd2065b7c142ac27', class: "mode-controls" }, this.renderModeSwitch(visualModeSupported))), !this.visualModeEnabled || this.mode === 'code' ? (h("div", { class: "code-mode" }, this.renderCodeEditor(visualModeSupported))) : (h("div", { class: "visual-mode" }, this.renderVisualMode()))));
     }
     renderModeSwitch(support) {
         const visualDisabled = !support.visualModeSupported;

package/dist/collection/components/lime-query-builder/limetype-field/limetype-field.js

@@ -78,7 +78,7 @@ export class LimetypeField {
             value: '',
         };
         options.unshift(emptyOption);
-        return (h("limel-select", { key: '9cf0a7da434e9bf8544efaa800aebf68b954aaf7', 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: '1c06b2f399a586fd727a1b7897d75a2915dcc40a', 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: 'cf785ed849307475b1fb4640d643d7047abb6abb' }, this.renderEmptyState(), this.renderOrderByEditor()));
+        return (h(Host, { key: 'e14e83cc0f4c665053b04e8e0e208b4c9e9946ca' }, this.renderEmptyState(), this.renderOrderByEditor()));
     }
     renderEmptyState() {
         if (this.limetype) {