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

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/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));
+}

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

@@ -0,0 +1,149 @@
+import { h } from "@stencil/core";
+import { Operator } from "@limetech/lime-web-components";
+const OPERATOR_OPTIONS = [
+    { value: Operator.EQUALS, text: 'Equals' },
+    { value: Operator.NOT_EQUALS, text: 'Does not equal' },
+    { value: Operator.LESS, text: 'Less than' },
+    { value: Operator.LESS_OR_EQUAL, text: 'Less than or equal to' },
+    { value: Operator.GREATER, text: 'Greater than' },
+    { value: Operator.GREATER_OR_EQUAL, text: 'Greater than or equal to' },
+];
+/**
+ * Args editor for the `limetech.value-comparison` rule primitive: an
+ * operator from the match-filter {@link Operator} vocabulary plus the value
+ * to compare against. The operand is emitted as a number when it parses as
+ * one and as a string otherwise; the `valueType` follows from it so the
+ * primitive orders numerically for numbers and lexically for strings (ISO
+ * date strings sort correctly that way).
+ *
+ * Emptiness is a separate concern handled by the `limetech.value-is-empty`
+ * primitive, so this editor offers comparison operators only.
+ *
+ * @alpha
+ * @private
+ */
+export class ValueComparisonEditor {
+    constructor() {
+        /**
+         * @inheritdoc
+         */
+        this.value = {};
+        this.handleOperatorChange = (event) => {
+            var _a;
+            event.stopPropagation();
+            const operator = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.value;
+            if (!operator) {
+                this.change.emit({});
+                return;
+            }
+            this.change.emit(this.withOperand(operator, this.value.operand));
+        };
+        this.handleOperandChange = (event) => {
+            event.stopPropagation();
+            const operator = this.value.operator;
+            if (!operator) {
+                return;
+            }
+            this.change.emit(this.withOperand(operator, parseOperand(event.detail)));
+        };
+    }
+    render() {
+        const selected = OPERATOR_OPTIONS.find((option) => option.value === this.value.operator);
+        return (h("div", { key: 'edb77347e6e20e6a85030297749800edd3eebcfc', class: "rule" }, h("limel-select", { key: '0d5272a422cd36a0d1ac834a873ff865426adf92', label: "When the value", options: OPERATOR_OPTIONS, value: selected, onChange: this.handleOperatorChange }), this.renderOperandInput()));
+    }
+    renderOperandInput() {
+        if (!this.value.operator) {
+            return null;
+        }
+        return (h("limel-input-field", { label: "Compared with", value: this.value.operand === undefined
+                ? ''
+                : String(this.value.operand), onChange: this.handleOperandChange }));
+    }
+    withOperand(operator, operand) {
+        if (operand === undefined) {
+            return { operator };
+        }
+        return {
+            operator,
+            operand,
+            valueType: typeof operand === 'number' ? 'number' : 'string',
+        };
+    }
+    static get is() { return "limebb-value-comparison-editor"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["value-comparison-editor.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["value-comparison-editor.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ValueComparisonEditorValue",
+                    "resolved": "ValueComparisonEditorValue",
+                    "references": {
+                        "ValueComparisonEditorValue": {
+                            "location": "local",
+                            "path": "/home/runner/work/lime-crm-building-blocks/lime-crm-building-blocks/src/components/rule-editor/value-comparison-editor/value-comparison-editor.tsx",
+                            "id": "src/components/rule-editor/value-comparison-editor/value-comparison-editor.tsx::ValueComparisonEditorValue"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "inheritdoc",
+                            "text": undefined
+                        }],
+                    "text": "The value of the current property"
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "{}"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "change",
+                "name": "change",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "inheritdoc",
+                            "text": undefined
+                        }],
+                    "text": "The event to emit when the value of the current property has changed"
+                },
+                "complexType": {
+                    "original": "ValueComparisonEditorValue",
+                    "resolved": "ValueComparisonEditorValue",
+                    "references": {
+                        "ValueComparisonEditorValue": {
+                            "location": "local",
+                            "path": "/home/runner/work/lime-crm-building-blocks/lime-crm-building-blocks/src/components/rule-editor/value-comparison-editor/value-comparison-editor.tsx",
+                            "id": "src/components/rule-editor/value-comparison-editor/value-comparison-editor.tsx::ValueComparisonEditorValue"
+                        }
+                    }
+                }
+            }];
+    }
+}
+function parseOperand(raw) {
+    if (raw.trim() === '') {
+        return undefined;
+    }
+    const parsed = Number(raw);
+    return Number.isNaN(parsed) ? raw : parsed;
+}

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

@@ -26,7 +26,7 @@ export class RuleGate {
         this.compileAndEvaluate();
     }
     render() {
-        return (h(Host, { key: '8fe8b9fad90211b80b4672563f6d599ce1cb11c3', hidden: !this.shouldRender }, h("slot", { key: 'f434d25308b85fd084d369ccf2b0e22bd3513210' })));
+        return (h(Host, { key: 'bb6a8a31d0694bfae30bfeb1644f5c21e69d53b5', hidden: !this.shouldRender }, h("slot", { key: '492e995687b48971ad8c539749044677d79756ae' })));
     }
     get ruleRegistry() {
         return this.platform.get(PlatformServiceName.RuleRegistry);

package/dist/collection/components/summary-popover/summary-popover.js

@@ -128,9 +128,9 @@ export class SummaryPopover {
             top: '0.125rem',
             right: '0.125rem',
         };
-        return (h("limel-popover", { key: '7e4e777539c58689faf6a0e69c5f2cf8ed771641', style: {
+        return (h("limel-popover", { key: '2921a70dfadb685910ea3cf9048e055a1b0915b0', style: {
                 '--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
-            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: '21e0e2569a1abdb404c0c6dbd80714f7ff794ca1', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, h("slot", { key: 'c771e4d9aa10acd6a0a044be4d01d611e22bcc13', name: "trigger" }), h("div", { key: '0c25b9418a311fdf7b700f76a8dbadeea5fb8010', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
+            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: '7d461d98236e711eecd468f52823379fd7b4394b', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, h("slot", { key: 'bc2006a584bb4d22c9b286cba6f646f3c51bdad5', name: "trigger" }), h("div", { key: '1d423d67b1a9b0b6aa5145f7ecf2ad51b5d53ddf', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
     }
     renderCard(closeButtonStyle) {
         return (h("limel-card", { style: {

package/dist/collection/components/text-editor/mention-group-counter.js

@@ -13,8 +13,8 @@ export class MentionGroupCounter {
     render() {
         const label = this.getLabel();
         return [
-            h("span", { key: '24bc1b7b14ada4e19a4f560455cbb26bfd0b83b7', id: this.tooltipId }, label),
-            h("limel-tooltip", { key: '81a8ce747eea55013b9968a2f3eceb652257355f', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
+            h("span", { key: '6edb8784223f8e82c693bcd28f5d130fe358101e', id: this.tooltipId }, label),
+            h("limel-tooltip", { key: '6e5011c4ff8e8fa06cc99fa54309ebb8ff146d9d', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
         ];
     }
     getLabel() {

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

@@ -391,7 +391,7 @@ export class LimeBBTextEditor {
     }
     render() {
         return [
-            h("limel-text-editor", { key: '58b3a06b62159010bab0d99fe48ae3d9ebc0bc5e', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
+            h("limel-text-editor", { key: '02fa86e5bab31e3fa1c669843ff1ce57dc815e12', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
             this.renderPicker(),
         ];
     }

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

@@ -69,7 +69,7 @@ export class TrendIndicator {
         this.numValue = this.parseValue(this.value);
     }
     render() {
-        return (h(Host, { key: 'ea5709dccccd0ca07684bd221e7f5fe79b76dae4', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '952a07d4e934d589460a8848a52bad130f351cdf', id: this.tooltipId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, "aria-controls": this.helperTextId }, h("div", { key: 'a620318b3edea23636d656654da65c9532b4a5f0', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
+        return (h(Host, { key: '156ed22ec35266d2c298ba60bec7edeaecaae4c4', class: this.getContainerClassList() }, h("limel-notched-outline", { key: 'dff7957aa5e286373ab29a9cda30cab982fecebc', id: this.tooltipId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, "aria-controls": this.helperTextId }, h("div", { key: '86b950603fd262cffc074a1020a7231e04979470', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {