@limetech/lime-crm-building-blocks 1.122.0 → 1.123.0

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

@@ -27,7 +27,7 @@ export class KanbanGroup {
         };
     }
     render() {
-        return (h(Host, { key: 'beb60b6be4e0e8bcdf85be1a25f4a9ceb39ea587' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
+        return (h(Host, { key: 'f0be3a991c1e6383895523f846363cdadbfe2ae9' }, 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: '48f771e7570acbeb3c24025def5586ca4de3c5fe', id: this.item.id.toString(), class: {
+        return (h(Host, { key: 'd74307473fc2fa7301c9da20e6ce026b86c3d6d1', 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: '4c922a895026e3cba05ff662c63af78e57e8fcf6' }, this.renderHeader(), h("div", { key: '9e535274b8550eae0735d0f159a131df4e9219e1', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: 'dc2fc7b2a82f16163a8beebb7bb1f40694fe0501', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
+        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 }))));
     }
     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: 'd05a879f0b2434944cc4ee377fdb93cac9dad1e4', style: {
+        return (h(Host, { key: 'b6fa2e2e21d68867587e42b9247df54495c64a86', style: {
                 '--limebb-lime-query-filter-group-operator': `"${this.expression.op === Operator.AND ? 'AND' : 'OR'}"`,
-            } }, h("div", { key: '79442b5366ac59c676c885104419a30f7afd0f72', class: "expression" }, this.renderHeader(), h("ul", { key: '1e173062114f2b59b86abbeae462ccee57d1f0eb' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
+            } }, h("div", { key: '2d02f59f34a6bcd52f24dc942eb55ca8405ae744', class: "expression" }, this.renderHeader(), h("ul", { key: '8fba5156c7e8573aaee21932640112d04d7890cf' }, 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: 'f4898ca3ce4254cfb678dd15aefde2190e1b3c4d', class: "expression" }, this.label && h("limel-header", { key: '90246f597211851f12d9f266610f5fb2e7444e78', heading: this.label }), h("limebb-lime-query-filter-expression", { key: '3b16c8abdf895b1a43da6c6daf14ea959ec28946', 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: '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 })));
     }
     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: 'b7b5a826a9402c49d121fd7d18e29b30e9050f56' }, this.renderHeader(), this.renderContent()));
+        return (h(Host, { key: '2ee09dd23db195ddf96976ac90be2eca54d69dcd' }, 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: 'f0b6688252f92b047e64cc13ae680291d7d33ce9', class: "response-format-builder" }, this.label && h("h1", { key: 'c27d3c1f68f1df0a327442dce7327227a6159a1b', class: "builder-label" }, this.label), this.helperText && (h("p", { key: 'bbc9e3c939e0a5fd3f37ecb683f3da0933a0d986', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: '4a904c667076f43ecaa240ec216a158ea0ca2147', 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: '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()))));
     }
     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: '19975839fb107b1ffe7b87490698b3864323b973', 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: '9cf0a7da434e9bf8544efaa800aebf68b954aaf7', 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: '40d74376a6da4019e65a58203bf9f20bbde1c262' }, this.renderEmptyState(), this.renderOrderByEditor()));
+        return (h(Host, { key: 'cf785ed849307475b1fb4640d643d7047abb6abb' }, 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: '77f58753af7831ffe97728cdbc5b03ac68a47773' }, h("limebb-property-selector", { key: '5d4c27d2f81ea7f1260298e16a52f9670d9fc641', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: '7e8ad17d20935c423f4d48d49761008622030ea3', class: "control-buttons" }, h("limel-icon-button", { key: 'c9f1b7cc8e6bc28bc1b61205a9ed791a7bd19403', icon: direction === 'ASC'
+        return (h(Host, { key: 'aa4d8e8a6a54b1dcadf70c8ad6e17663a9ecec3b' }, h("limebb-property-selector", { key: 'fcb0ec785a67ac2ddee8da58e72ddd74467dcf9a', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: 'cbf631dca767f8711de1e081fa421126631270c2', class: "control-buttons" }, h("limel-icon-button", { key: '2366bb07e39a77e70f38e32aab606807fa341633', icon: direction === 'ASC'
                 ? 'sort_ascending'
-                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '42b34e92359a662bce151c4daa300fc79d2fcbbb', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
+                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: 'b30da75bc8dc89e8f3d393181128171e337cd354', 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: 'a585e37fe2345bde4a9a518ce954f7d9fd29977d', class: "property-controls" }, h("div", { key: '06fde491dbd15b51cf03ccc08bb6d603175bb80a', class: "property-path" }, h("limebb-property-selector", { key: '1240fdfdbe18b99e3e2eb4b77942ee15fda8f072', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: 'bf589350c3aa36546c76bcf2058e0683793a828a', class: "input-grid" }, this.renderAliasInput()), h("div", { key: '6645baffc12260bd5f84d11d0680af7926a5968b', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: '0abce87c838dc5c1a28df32f7f34346113a83818', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: '011c1c0d537ff368772960528b675d6a191a6be3', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
+            h("div", { key: '7f5cba0456d7cf8a6fe8b9ab2769ac2073694c5d', class: "property-controls" }, h("div", { key: 'e4d1deb9133ef4b1d0d14e8c70901f347a803567', class: "property-path" }, h("limebb-property-selector", { key: '709847093e0c35e6197a405c894479bcb8b2ff06', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: '49eb63067967233552ca377438bf7853b42edc2d', class: "input-grid" }, this.renderAliasInput()), h("div", { key: '3bf00dcf8dcd8e701aa819f6957d5e490cbb6548', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: 'c77f7d771098b394ea0c80252fe3894d05b0d015', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: '6f53a60d973649ea00157eff200fa91fa9258425', 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: 'b1455bcf9ae8253d3618b886fe9d6187f9224f0b', class: "header" }, h("limel-icon", { key: 'a1a57008c2ec2b543d8b031f238b7e991caf0ed6', name: "not_showing_video_frames" }), h("h2", { key: '9a7e027a7672c60e63dbb5b000bea6a370d6b5b0' }, "Viewing this file type requires ", h("em", { key: '78a8ebccdb75582a150c2752e517ab81cb0f5b76' }, "Live Docs"))),
-            h("p", { key: 'e2f1ace97567dca94da674b30c0291c1a7e49345' }, h("em", { key: '2c28eebfe00333313546df73dbccf51c7b2c4e15' }, "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: '1ebe235ec126391d2a6cef8076de372e775c2f6d', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
+            h("div", { key: '05645c71de622ff672d22091cda6f0d3818cc165', class: "header" }, h("limel-icon", { key: '2350c63351cb5e97479141c247d8a8a1f7d51ef0', name: "not_showing_video_frames" }), h("h2", { key: '7bfac63856143b787d489f9c2ec73bc5931d16e4' }, "Viewing this file type requires ", h("em", { key: 'ef4778cb7163773526500b34f39932d3bb17e483' }, "Live Docs"))),
+            h("p", { key: '24874f2cc49f0cf3bd71075378835be0bcbc54ee' }, h("em", { key: '749b4b3bee40ac57b2f2367c3b92d0724d96f99b' }, "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: 'e6c48db6f409e43adc52c4cee21a783ec998cc55', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
         ];
     }
     static get is() { return "limebb-live-docs-info"; }

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

@@ -53,7 +53,7 @@ export class LocalePicker {
             const value = this.value;
             selectedOptions = options.find((option) => option.value === value);
         }
-        return (h("limel-select", { key: '7972ffc360dfaf406045b496749dd912acca9e5b', 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: '323ac681ac69b7d80f3ace86faa6a6e9a98d3c65', 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: '184b69ec8b8361aa493207b09c716b93484886f2', id: this.item.id, class: {
+        return (h(Host, { key: '9b33803eef74b64893cad1e576baa8fe210ad7e8', 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: '11b3795adc2f38c75866292070edc9f89bd7c099', class: this.getContainerClassList(), style: {
+        return (h(Host, { key: '273a59fdc06febe51c9b5d21ccdc34df282f53b9', 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: '2c3000f41ba01de424c3cb18dcb2f71799800449', 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: 'b0b064361c57341342344e7ecfe29818413737ee', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
+            } }, h("limel-notched-outline", { key: 'c5e54438b9cafede2594bc7173afc7dbc7121af7', 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: 'd4ef8b3722cbe1506eaadc45eeb85c37e92197b6', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

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

@@ -0,0 +1,7 @@
+:host {
+  display: contents;
+}
+
+:host([hidden]) {
+  display: none;
+}

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

@@ -0,0 +1,142 @@
+import { Host, h } from "@stencil/core";
+import { PlatformServiceName, } from "@limetech/lime-web-components";
+/**
+ * Renders its slot only when the configured rule evaluates true.
+ *
+ * Pass a {@link Rule} and the gate compiles it on load and on prop
+ * changes, then evaluates it against a scope obtained from the
+ * {@link RuleRegistry} platform service.
+ *
+ * @exampleComponent limebb-example-rule-gate
+ *
+ * @alpha
+ */
+export class RuleGate {
+    constructor() {
+        this.shouldRender = false;
+    }
+    componentWillLoad() {
+        this.compileAndEvaluate();
+    }
+    onRuleChange() {
+        this.compileAndEvaluate();
+    }
+    onScopeChange() {
+        this.compileAndEvaluate();
+    }
+    render() {
+        return (h(Host, { key: 'f421ff8fa1e6955c618e74e6bfdfd4c34e2352fc', hidden: !this.shouldRender }, h("slot", { key: 'f1372eda9eebdba7157e7f80d2eebbdb107e9cee' })));
+    }
+    get ruleRegistry() {
+        return this.platform.get(PlatformServiceName.RuleRegistry);
+    }
+    compileAndEvaluate() {
+        var _a;
+        const compiled = this.ruleRegistry.compile(this.rule);
+        const scope = (_a = this.scope) !== null && _a !== void 0 ? _a : this.ruleRegistry.scope({ host: this.host });
+        this.shouldRender = compiled(scope);
+    }
+    static get is() { return "limebb-rule-gate"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["rule-gate.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["rule-gate.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "platform": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "LimeWebComponentPlatform",
+                    "resolved": "LimeWebComponentPlatform",
+                    "references": {
+                        "LimeWebComponentPlatform": {
+                            "location": "import",
+                            "path": "@limetech/lime-web-components",
+                            "id": "node_modules::LimeWebComponentPlatform",
+                            "referenceLocation": "LimeWebComponentPlatform"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "rule": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Rule",
+                    "resolved": "RuleAll | RuleAny | RuleNot | RuleRef",
+                    "references": {
+                        "Rule": {
+                            "location": "import",
+                            "path": "@limetech/lime-web-components",
+                            "id": "node_modules::Rule",
+                            "referenceLocation": "Rule"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The rule to evaluate."
+                },
+                "getter": false,
+                "setter": false
+            },
+            "scope": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "RuleScope",
+                    "resolved": "RuleScope | undefined",
+                    "references": {
+                        "RuleScope": {
+                            "location": "import",
+                            "path": "@limetech/lime-web-components",
+                            "id": "node_modules::RuleScope",
+                            "referenceLocation": "RuleScope"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Optional scope override. By default the gate resolves subject\nvalues by walking up the DOM to ancestors that registered providers\nwith the rule registry. Pass an explicit scope to bypass that walk."
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "shouldRender": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "rule",
+                "methodName": "onRuleChange"
+            }, {
+                "propName": "scope",
+                "methodName": "onScopeChange"
+            }];
+    }
+}