@limetech/lime-crm-building-blocks 1.134.0 → 1.135.1

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

@@ -103,7 +103,7 @@ export class Feed {
         this.highlighter.unregisterFeed(this.feedItemElement);
     }
     render() {
-        return (h(Host, { key: 'c5df548b29bd1f2a6a2bc133a5095968ca10dd9d', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
+        return (h(Host, { key: '8af167b2f84c8a2dd00d1f4e8afffd1df3705b59', 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: 'b3931d11e41ded06563c989433ef7fa6d09ed2ea', 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: '654d6f30b1f736540deffeba2ef5fef1ce0de85f', 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: 'ad44098032f89893e8e9ba287e1d7f786f2a11d7', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
+            h("limel-button-group", { key: '3fdfad560123db2b7de25493adf3ed620b76a9d9', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
             this.renderFormatConfig(),
         ];
     }

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

@@ -31,6 +31,7 @@ import { BasicFormatter } from "./format/basic";
  * @exampleComponent limebb-example-info-tile-unit-format
  * @exampleComponent limebb-example-info-tile-date-format
  * @exampleComponent limebb-example-info-tile-relative-date-format
+ * @exampleComponent limebb-example-info-tile-reduce-presence
  * @beta
  */
 export class InfoTile {
@@ -42,6 +43,17 @@ export class InfoTile {
         this.loading = false;
         this.error = false;
     }
+    /**
+     * The host cast to a plain `HTMLElement` (intersected with
+     * `LimeWebComponent` for the context registry). The cast is needed
+     * because this component declares a `prefix` prop, which collides with
+     * the native `HTMLElement.prefix` attribute (`string | undefined` vs
+     * `string | null`), leaving `HTMLLimebbInfoTileElement` and `HTMLElement`
+     * mutually unassignable.
+     */
+    get hostElement() {
+        return this.host;
+    }
     connectedCallback() {
         this.registerContextProvider();
     }
@@ -99,11 +111,37 @@ export class InfoTile {
             icon: this.icon,
             prefix: ((_a = value === null || value === void 0 ? void 0 : value.prefix) === null || _a === void 0 ? void 0 : _a.trim()) || this.prefix,
             suffix: ((_b = value === null || value === void 0 ? void 0 : value.suffix) === null || _b === void 0 ? void 0 : _b.trim()) || this.suffix,
+            reducedPresence: this.shouldReducePresence(),
         };
         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: '0b1ada2299bec6b79e903f3612e3c1cfbbf31827', class: { error: !filter || this.error } }, props)));
+        return (h("limel-info-tile", Object.assign({ key: 'f5680e93f15afe32e8abdcd05b89f12708b8edf5', class: { error: !filter || this.error } }, props)));
+    }
+    /**
+     * Effective `reducedPresence` for this render. The boolean prop
+     * wins if it's set; otherwise the rule is evaluated against the
+     * current value. The rule is skipped while loading so the tile
+     * doesn't flicker between dimmed and full-presence on its first
+     * paint — the load completes within a frame or two and the next
+     * render picks up the real value.
+     */
+    shouldReducePresence() {
+        if (this.reducedPresence) {
+            return true;
+        }
+        if (!this.reducedPresenceRule || this.loading) {
+            return false;
+        }
+        try {
+            return this.ruleRegistry.compile(this.reducedPresenceRule)(this.ruleRegistry.scope({
+                host: this.hostElement,
+                with: { scalarValue: this.value },
+            }));
+        }
+        catch (_a) {
+            return false;
+        }
     }
     getFormattedValue() {
         if (!this.value && this.value !== 0) {
@@ -163,6 +201,9 @@ export class InfoTile {
     get translator() {
         return this.platform.get(PlatformServiceName.Translate);
     }
+    get ruleRegistry() {
+        return this.platform.get(PlatformServiceName.RuleRegistry);
+    }
     get language() {
         return this.platform.get(PlatformServiceName.Application).getLanguage();
     }
@@ -188,12 +229,7 @@ export class InfoTile {
                 label: this.getLabel(filter),
             };
         });
-        this.unregisterContextProvider = registry.register(provider, 
-        // This cast is needed because there's a type conflict between
-        // `HTMLElement.prefix` and `HTMLLimebbInfoTileElement.prefix`.
-        // The problem here is that this info-tile component has a property
-        // (`prefix`) with the same name as one of the native HTML attributes.
-        this.host);
+        this.unregisterContextProvider = registry.register(provider, this.hostElement);
     }
     static get is() { return "limebb-info-tile"; }
     static get encapsulation() { return "shadow"; }
@@ -464,6 +500,49 @@ export class InfoTile {
                 },
                 "getter": false,
                 "setter": false
+            },
+            "reducedPresence": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "When `true`, the info tile is rendered with a reduced visual\npresence (lower saturation and opacity) so it draws less\nattention. Use this for tiles whose values are not currently\nnoteworthy \u2014 for example, a counter that is zero or a metric that\nsits within an expected range \u2014 so the user is not overwhelmed by\na dashboard full of equally-loud tiles.\n\nThe actual styling lives on `limel-info-tile`; this component\njust forwards the boolean. Set this directly when the consumer\nalready knows the answer. When the answer depends on the tile's\nvalue, set {@link reducedPresenceRule} instead and the tile\nwill compute the boolean itself."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "reduced-presence"
+            },
+            "reducedPresenceRule": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Rule",
+                    "resolved": "RuleAll | RuleAny | RuleNot | RuleRef | undefined",
+                    "references": {
+                        "Rule": {
+                            "location": "import",
+                            "path": "@limetech/lime-web-components",
+                            "id": "node_modules::Rule",
+                            "referenceLocation": "Rule"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Rule that drives `reducedPresence` from the tile's loaded value.\nWhen set, the tile evaluates it against its `value` after each load\nand dims itself when the rule is `true`. The {@link reducedPresence}\nprop still takes effect on top \u2014 if either says \"dim\", the tile dims.\n\nAny rule the `RuleRegistry` can compile works. The tile evaluates\nit against a scope anchored on its host, with the tile's loaded\nvalue supplied as `scalarValue`. So primitives reading\n`scalarValue` \u2014 such as `limetech.value-comparison` \u2014 see the\nfigure on screen, while any other context the primitive reads\nresolves from the DOM."
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }

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

@@ -27,7 +27,7 @@ export class KanbanGroup {
         };
     }
     render() {
-        return (h(Host, { key: '03d233a753a8c61ae453697fde91284180557760' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
+        return (h(Host, { key: '2a7f44b39964ed21a4922ef22b46451cabdc2683' }, 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: 'ee9ebc5f113a4fd3202c3d8a7f4d4c52d6b6fd82', id: this.item.id.toString(), class: {
+        return (h(Host, { key: 'dcdc71a5add85b43083277eb2bfeaa27b5d8cc5d', 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-editor.js

@@ -48,7 +48,7 @@ export class LimeQueryFilterComparisonEditorComponent {
         (_a = this.propertySelectorEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: '8b70eaef1906fd9eaa69c9e4d6c42937406d2fcc' }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput()));
+        return (h(Host, { key: '06e1cb22b9e472cbe185e06b21666adb0a11344b' }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput()));
     }
     renderPropertySelector() {
         return (h("limebb-property-selector", { ref: (el) => (this.propertySelectorEl = el), class: "property", label: "Property", platform: this.platform, context: this.context, limetype: this.limetype, value: this.expression.key, required: true, onChange: this.handlePropertyChange }));

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

@@ -48,7 +48,7 @@ export class LimeQueryFilterComparisonComponent {
         }
     }
     render() {
-        return (h(Host, { key: 'f85d1669dccffd7a0905ac5549eeea2f4c350782' }, this.renderHeader(), h("limel-popover", { key: '793a3ea0377182b86511165e39ff30212736d030', open: this.isOpen, openDirection: "bottom-start", onClose: this.handleClose }, h("limel-chip", { key: '0d4c7c565268c096d390994a862920c8066e1f11', slot: "trigger", text: this.summaryText(), icon: this.summaryIcon(), removable: true, onClick: this.handleOpen, onRemove: this.removeExpression }), h("limebb-lime-query-filter-comparison-editor", { key: 'a4ddad5edc49c4de265e9b3e237fb31455ae48e0', platform: this.platform, context: this.context, limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression, onExpressionChange: this.handleEditorChange }))));
+        return (h(Host, { key: '2eb5d1fd3602162e9b5efe49e9ebdd1ad006a611' }, this.renderHeader(), h("limel-popover", { key: '8ff6dba3737f58f204cc25b2c7d37827c1e7ecee', open: this.isOpen, openDirection: "bottom-start", onClose: this.handleClose }, h("limel-chip", { key: '886ff840786fbdf0fdf1d7ef6a8cf3d8cca54c72', slot: "trigger", text: this.summaryText(), icon: this.summaryIcon(), removable: true, onClick: this.handleOpen, onRemove: this.removeExpression }), h("limebb-lime-query-filter-comparison-editor", { key: 'b0dfd57ffda004f63c3f7d71db46aa0950e2f13c', platform: this.platform, context: this.context, limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression, onExpressionChange: this.handleEditorChange }))));
     }
     summaryText() {
         var _a;

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

@@ -90,9 +90,9 @@ export class LimeQueryFilterGroupComponent {
         const combinator = getCombinator(this.expression);
         const inner = getInnerAndOr(this.expression);
         const selected = COMBINATOR_OPTIONS.find((o) => o.value === combinator);
-        return (h(Host, { key: 'c9ca20c6b893416088807266fede19e5a24e360d', "data-op": combinator, style: {
+        return (h(Host, { key: '66a01a54f224e00445831f10966cc0c90ff10061', "data-op": combinator, style: {
                 '--limebb-query-filter-group-color-code': OP_STYLE[combinator].color,
-            } }, h("div", { key: '8efe9e6e4d1ba552b8a761ec23b18668a1aef7f3', class: "group" }, h("div", { key: 'e99bb85a9532431a63ce0916dc4882a2f73d2307', class: "group-header" }, h("limel-select", { key: '981fd5c1d4755ef937451144245640228ed515a9', class: "combinator", label: "Match", value: selected, options: COMBINATOR_OPTIONS, onChange: this.handleCombinatorChange }), h("limel-icon-button", { key: 'caa427e897501a12a98a370c4d2364564904c042', class: "delete-group", icon: "trash", label: "Delete this group", onClick: this.handleDeleteGroup })), h("ul", { key: '8a21efdd1d783b11bb00f39c3579eec7277a505e', class: "rows" }, inner.exp.map(this.renderChildExpression), h("limel-chip", { key: 'b4612f1899060f2f553283cc7afac53777b0c1ef', role: "listitem", class: "add-condition", text: "Condition", icon: { name: 'plus_math', title: 'Add' }, onClick: this.handleAddChildExpression })), h("limel-chip", { key: '7046abfe1929fa13f4de3e90285610280467fd76', class: "add-group", size: "small", text: "Group", icon: {
+            } }, h("div", { key: '24fe86628ceb5b67ed1b3946483030c758145041', class: "group" }, h("div", { key: '6c0fc9ea1a2acc6db6a5b91de10ddf4e279d646b', class: "group-header" }, h("limel-select", { key: '443a8f9eb2d41371563a0305aebee4b0e2266795', class: "combinator", label: "Match", value: selected, options: COMBINATOR_OPTIONS, onChange: this.handleCombinatorChange }), h("limel-icon-button", { key: '50bc34b2b3328d6ad6056315700b098be4307d90', class: "delete-group", icon: "trash", label: "Delete this group", onClick: this.handleDeleteGroup })), h("ul", { key: 'b535dc3de80947d1d9a88f38f0df7c87b53ba4f6', class: "rows" }, inner.exp.map(this.renderChildExpression), h("limel-chip", { key: 'e30331e86df3af825828cce2a743ea54540cdc8c', role: "listitem", class: "add-condition", text: "Condition", icon: { name: 'plus_math', title: 'Add' }, onClick: this.handleAddChildExpression })), h("limel-chip", { key: 'f669006fa958fd141db149b1ff6e5d9f2655d853', class: "add-group", size: "small", text: "Group", icon: {
                 name: 'plus_math',
                 title: 'Add',
                 color: 'var(--group-rail-color)',

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: '30b9f2fbe27c8277633ef02fbebbafb227387ed8', class: "expression" }, this.label && h("limel-header", { key: '05b193ac0ec191b1f9394ed48691c24e534ba66c', heading: this.label }), h("limebb-lime-query-filter-expression", { key: '83b6a42631b886735502a8ec6454f5e9c868cc4c', 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: '0058f05ff88585bbdc15b2781316e17fcebe49af', class: "expression" }, this.label && h("limel-header", { key: '02abf5fa55add75c1341f1a4b0699f1c5a8658ad', heading: this.label }), h("limebb-lime-query-filter-expression", { key: '1ef393bb9c3a5dc20f3775c8796b0e898efbd7f2', 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: '08917b4c102db24180be24f392067ba5ec14569f' }, this.renderHeader(), this.renderContent()));
+        return (h(Host, { key: '0f77284a47da233bf57e5f755661fdc0dab9fca8' }, 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: '6f59c4ff1f5ef1ee726bacbe3b8333cd5f6dff77', class: "response-format-builder" }, this.label && h("h1", { key: '28d5825c0ca043f6f671cf812c174aa028950524', class: "builder-label" }, this.label), this.helperText && (h("p", { key: '1e35efbfaa73c0fd871f813059660eea3d026063', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: '8cbe1f088d88cbdefbdd092cdf879facdbb807a3', 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: '2f59ea50ae97cceebd46fdd308653dcb1b54f2f3', class: "response-format-builder" }, this.label && h("h1", { key: '57c5459603de3dd35e356489ffb4da6ee962b47c', class: "builder-label" }, this.label), this.helperText && (h("p", { key: 'c401307839a364803737f9e37e3161bbd1ebe9ef', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: 'b9f2be000194f988061cc3569f2dad573097cada', 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: '85956ae62a4975a7706b4a561b1e321078e0dc2a', 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: '8c1be7d1db3d92e37353eb13b32332646fecf186', 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: '59e3bb0334e5528fc8a0f8747086348d1a195c82' }, this.renderEmptyState(), this.renderOrderByEditor()));
+        return (h(Host, { key: 'f07a3f1c4a9343f135c10bdc43d79680e3274de1' }, 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: '8d91628467c6ec1912d1f87a7922464e5341c8e1' }, h("limebb-property-selector", { key: '26e7729c7c43f91e02446ad45aa59c56922b377c', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: '1926ad94ddb9d4c2112007068ab4cbf38057622b', class: "control-buttons" }, h("limel-icon-button", { key: '96e4595c737c68ccb30d90295ba6115ec2c7a014', icon: direction === 'ASC'
+        return (h(Host, { key: 'c9b2b646168244202c613291c64c021bb5413485' }, h("limebb-property-selector", { key: '064d00c498c3b2482eaf9aa1c9ec07df56f07519', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: 'dbd7d76b2ecff36d51f345253db328e3ce759519', class: "control-buttons" }, h("limel-icon-button", { key: '098c00b348086a6b83643f0b4b35c3511b6f6e2a', icon: direction === 'ASC'
                 ? 'sort_ascending'
-                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: 'eee7957506516cc344007ae12a94381a33f9171b', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
+                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '0162292f614b75bb7ab223478201b9a56d4a9df4', 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/property-selector/property-selector.js

@@ -236,32 +236,27 @@ export class PropertySelector {
             return [];
         }
         const parts = path.split('.');
-        const labels = [];
-        let leafIcon;
+        const chips = [];
         let currentLimetype = this.limetypes[this.limetype];
+        let currentPath = '';
         for (const part of parts) {
+            currentPath = currentPath ? `${currentPath}.${part}` : part;
+            // Use getNormalizedProperties to include _id and _timestamp
             const normalizedProperties = getNormalizedProperties(currentLimetype);
             const property = normalizedProperties[part];
-            if (!property) {
-                continue;
-            }
-            labels.push(property.localname || part);
-            leafIcon = this.getIconForProperty(property);
-            if (property.relation) {
-                currentLimetype = property.relation.getLimetype();
+            if (property) {
+                chips.push({
+                    id: currentPath,
+                    text: property.localname || part,
+                    icon: this.getIconForProperty(property),
+                    value: currentPath,
+                });
+                if (property.relation) {
+                    currentLimetype = property.relation.getLimetype();
+                }
             }
         }
-        if (labels.length === 0) {
-            return [];
-        }
-        return [
-            {
-                id: path,
-                text: labels.join('.'),
-                icon: leafIcon,
-                value: path,
-            },
-        ];
+        return chips;
     }
     static get is() { return "limebb-property-selector"; }
     static get encapsulation() { return "shadow"; }

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

@@ -66,7 +66,7 @@ export class ResponseFormatItem {
     }
     render() {
         return [
-            h("div", { key: '98518fb21bacceef31e398faf0e7d66d92152a9f', class: "property-controls" }, h("div", { key: '1d636436ce63b930abdfb40600106d0d8f643663', class: "property-path" }, h("limebb-property-selector", { key: '3e0fa6a5c5c414c70e38b52f7157a806be8358df', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: '03bc814455e46812ad7365ddf893431e97b255df', class: "input-grid" }, this.renderAliasInput()), h("div", { key: '8d6b47ff44a01288e9875494b1fea5a57649205f', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: 'e2e4741bc80c0fef0741f153c7183b8a12da7aa9', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: '7f204e6331dbcd0e8e62a5e9a61676f62b14a045', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
+            h("div", { key: 'd64c80f48ebdb1a716ba8a9bcb57f168929c3f63', class: "property-controls" }, h("div", { key: 'c562b74c745e958337850d1c12bd9ee01f681c6c', class: "property-path" }, h("limebb-property-selector", { key: 'ae80e4606cbe91e30ca5b3c55495a9a895df40b0', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: '775da8d9633e517441dafed44bdc78396bbeade9', class: "input-grid" }, this.renderAliasInput()), h("div", { key: 'a734205bddb9132aae4a27b1bf16376caeb19fdf', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: 'd93229a166f757e5eb3d436fccf34a6c57b12627', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: '33b9209166ce2a2186d06806f52faad115e264cf', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
         ];
     }
     renderAliasButton() {

package/dist/collection/components/limeobject/file-viewer/live-docs-info.js

@@ -5,8 +5,8 @@ import { h } from "@stencil/core";
 export class LiveDocsInfo {
     render() {
         return [
-            h("div", { key: '36018d23b4f56d1ef1cba8aaf6d24c9e1913fc51', class: "header" }, h("limel-icon", { key: 'e262d9b9b22f4ab604f8786ae20964da908c5179', name: "not_showing_video_frames" }), h("h2", { key: '283107fa6651f1de7308d805b3aa48c479c1b281' }, "Viewing this file type requires ", h("em", { key: '4bb7d2d83e4ae2c073f35038827b5b606448af2d' }, "Live Docs"))),
-            h("p", { key: '8f5a3fd0b9958f4bdaa11c0f3b82990706100c65' }, h("em", { key: '23aed14b3a3b54c82f63f2fa4aa6016290aebf26' }, "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: 'a018062eefaa0c9b3fff92504e330700979cc407', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
+            h("div", { key: 'f75c43c5f4417e7d507a466a69913bf6bfd68381', class: "header" }, h("limel-icon", { key: '9899e83fb9c694a6b0af07a4335d00f631a40416', name: "not_showing_video_frames" }), h("h2", { key: '7f49256ad9e5879fdd0a8ed65ffcc9dce480a556' }, "Viewing this file type requires ", h("em", { key: '1c68ad01ee89f10a1db5bd005eafc99cd32a989a' }, "Live Docs"))),
+            h("p", { key: '063ebce7bec6cff1ad7e54701463167d68173d4c' }, h("em", { key: 'e4d924fc0cb9bd4a53c5caf0f95eda32df04b29a' }, "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: '3b8c1fd466995eb977d45f0ef44ce661ff8177da', 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/loader/loader.js

@@ -2,6 +2,7 @@ import { PlatformServiceName, } from "@limetech/lime-web-components";
 import { HighlightFeedItemHandler } from "../feed/highlight-item/highlight-item.handler";
 import { HighlightFeedItemCommand } from "../feed/highlight-item/highlight-item.command";
 import { attachRuleArgFilterEditorMetadata } from "../rule-editor/rule-arg-filter-editor/rule-arg-filter-editor-metadata";
+import { attachValueComparisonEditorMetadata } from "../rule-editor/value-comparison-editor/value-comparison-editor-metadata";
 export class CrmComponentsLoader {
     connectedCallback() { }
     async componentWillLoad() {
@@ -9,6 +10,7 @@ export class CrmComponentsLoader {
         this.platform.register(HighlightFeedItemHandler.SERVICE_NAME, highlightFeedItemHandler);
         this.commandBus.register(HighlightFeedItemCommand, highlightFeedItemHandler);
         attachRuleArgFilterEditorMetadata(this.platform.get(PlatformServiceName.RuleRegistry));
+        attachValueComparisonEditorMetadata(this.platform.get(PlatformServiceName.RuleRegistry));
         this.loaded.emit();
     }
     componentWillUpdate() { }

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: 'b42d403250d57155547eaa97731bfc471596c224', 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: 'a4afd109575c01a8ab72643fe89854fb40f7345c', 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: 'dff09ced1e8ae05c746912e249f2557de6fce96e', id: this.item.id, class: {
+        return (h(Host, { key: 'db1045deee7826d3e3bd235f290bc5f42b1d8462', 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

@@ -108,11 +108,11 @@ export class PercentageVisualizer {
     render() {
         const normalizedValue = this.getNormalizedValue();
         const zeroPoint = this.getZeroPointPosition();
-        return (h(Host, { key: 'ea0690be403aa9c1e4e1fc82b788ad159a8a4cc3', class: this.getContainerClassList(), style: {
+        return (h(Host, { key: '8401d2ce62e5b3d2d711d90e99b8eb66e445bd74', 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: '77b09269ca09806a33b6297692ca7cf79ee68a53', 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: '7b3905e69e8d5b372f7736a9ec40576a23b10385', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
+            } }, h("limel-notched-outline", { key: 'd16b715ba31067a1528a847c77521a899c538ed6', 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: '24fae55b60e61d86f66c9ee42f6adac356d04bf4', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

package/dist/collection/components/rule-editor/rule-chip-popover/rule-chip-popover.js

@@ -45,7 +45,7 @@ export class RuleChipPopover {
         };
     }
     render() {
-        return (h("div", { key: 'a395bf65b1868b0a440881f2c885c7bd9dc741d4', class: "popover" }, this.renderHeader(), this.renderBody()));
+        return (h("div", { key: '1128e5c6da6e5ce3a3fd36eb9846eccd4b70e869', class: "popover" }, this.renderHeader(), this.renderBody()));
     }
     renderHeader() {
         var _a, _b, _c, _d;

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

@@ -126,7 +126,7 @@ export class RuleEditor {
             'rule-editor': true,
             'rule-editor--disabled': this.disabled,
         };
-        return (h("div", { key: '939efeb92282ce6c60bac6e86dcfe1e8386802c6', class: containerClasses }, this.renderLabel(), h(RuleNodeView, { key: 'd0f829aeda9e2552b39f1ed195d486ea76122ed9', node: this.normalizedValue, path: [], ctx: this.createRenderContext() }), this.renderHelperText()));
+        return (h("div", { key: 'baa043c4e594b2474ed91ecca81186990cc521a5', class: containerClasses }, this.renderLabel(), h(RuleNodeView, { key: '686e92a241876347c921a8a9a084c09bbacb598b', node: this.normalizedValue, path: [], ctx: this.createRenderContext() }), this.renderHelperText()));
     }
     renderLabel() {
         if (!this.label) {

package/dist/collection/components/rule-editor/value-comparison-editor/value-comparison-editor-metadata.js

@@ -0,0 +1,15 @@
+const VALUE_COMPARISON_ID = 'limetech.value-comparison';
+/**
+ * Attach `limebb-value-comparison-editor` as the args editor for the
+ * `limetech.value-comparison` primitive, so the rule editor renders an
+ * operator and operand instead of a raw JSON field. The primitive itself
+ * is defined in limeclient.js; this only fills in the `configComponent`
+ * that a non-component library cannot reference.
+ *
+ * @param registry - the platform's rule registry.
+ */
+export const attachValueComparisonEditorMetadata = (registry) => {
+    registry.attachMetadata(VALUE_COMPARISON_ID, {
+        configComponent: { name: 'limebb-value-comparison-editor' },
+    });
+};

package/dist/collection/components/rule-editor/value-comparison-editor/value-comparison-editor.css

@@ -0,0 +1,9 @@
+:host {
+  display: block;
+}
+
+.rule {
+  display: grid;
+  gap: 0.5rem;
+  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
+}