@limetech/lime-crm-building-blocks 1.139.1 → 1.140.0

package/dist/cjs/{limebb-filter-chip_5.cjs.entry.js → limebb-filter-chip_6.cjs.entry.js}

@@ -3,7 +3,8 @@
 var index = require('./index-BrWc7h0p.js');
 var index_esm = require('./index.esm-Se3EtD3m.js');
 var randomString = require('./random-string-BdZGIsGg.js');
-var filterConditionIcons = require('./filter-condition-icons-HypsDn6x.js');
+var filterConditionIcons = require('./filter-condition-icons-QK5stWj6.js');
+var filterOperators = require('./filter-operators-BTWvpD6A.js');
 var filterGroupLogic = require('./filter-group-logic-BPpM2NqX.js');
 var propertyResolution = require('./property-resolution-Bz1zPcfq.js');
 var typeResolution = require('./type-resolution-CvlsQvQD.js');
@@ -90,8 +91,8 @@ const FilterChip = class {
         const items = this.getDisplayItems();
         const conjunction = this.getConjunctionText();
         const helperLabel = this.getHelperLabel(items, conjunction);
-        return (index.h(index.Host, { key: 'cd41bd4000ec52bba65131fcbdfaddcc57b5a19c' }, this.renderLabel(), index.h("button", { key: 'f9e4ad789d1234b6793215fba49922dfa22ed642', class: { chip: true }, type: "button", id: chipId, "aria-label": [this.label, helperLabel].filter(Boolean).join(', ') ||
-                this.getFilterLabel(), "aria-pressed": this.getAriaPressed(), onKeyDown: this.handleKeyDown, disabled: this.disabled }, this.renderIcon(), this.renderValue(items, conjunction)), this.renderRemoveButton(chipId), index.h("limel-tooltip", { key: '2039675de876cd689295c4cd16d895da64437091', elementId: chipId, label: this.label || this.getFilterLabel(), helperLabel: helperLabel })));
+        return (index.h(index.Host, { key: '291c2a6437491c9a5152b87af18476c2fb2f69bc' }, this.renderLabel(), index.h("button", { key: '8a51d37a3aa1f3b6a49dd15b0f6705fdc4c9ced3', class: { chip: true }, type: "button", id: chipId, "aria-label": [this.label, helperLabel].filter(Boolean).join(', ') ||
+                this.getFilterLabel(), "aria-pressed": this.getAriaPressed(), onKeyDown: this.handleKeyDown, disabled: this.disabled }, this.renderIcon(), this.renderValue(items, conjunction)), this.renderRemoveButton(chipId), index.h("limel-tooltip", { key: '522b0a8736e302e074914bf672c350ead53e418b', elementId: chipId, label: this.label || this.getFilterLabel(), helperLabel: helperLabel })));
     }
     /**
      * `aria-pressed` only makes sense for an interactive toggle. A readonly
@@ -293,65 +294,107 @@ const FilterChip = class {
 };
 FilterChip.style = filterChipCss();
 
+const filterConditionPickerCss = () => `:host(limebb-filter-condition-picker){display:inline-block}.condition{--limel-notched-outline-label-color:transparent}`;
+
+/**
+ * Accessible label for the control: set for screen readers but hidden visually
+ * (see the stylesheet). Reuses the shared, localized "Operator" label.
+ */
+const LABEL_KEY = 'webclient.operator';
+const FilterConditionPicker = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.change = index.createEvent(this, "change");
+        /**
+         * Whether the picker is disabled.
+         */
+        this.disabled = false;
+        this.handleChange = (event) => {
+            event.stopPropagation();
+            if (event.detail) {
+                this.change.emit(event.detail.value);
+            }
+        };
+    }
+    render() {
+        const items = this.buildItems();
+        const selected = this.selectedOption(items);
+        return (index.h(index.Host, { key: 'ca926963d368460db20fa8961f49825d19ae2c07' }, index.h("limel-select", { key: '5571b580b7da63d1a95fef6cb9b204ed3b32cf75', class: "condition", label: this.accessibleLabel, disabled: this.disabled, options: items, value: selected, onChange: this.handleChange })));
+    }
+    buildItems() {
+        var _a;
+        const conditions = (_a = this.conditions) !== null && _a !== void 0 ? _a : filterConditionIcons.getConditionsForPropertyType(this.propertyType);
+        // Divider before the empty / not-empty group and before "matches".
+        const emptyGroupStart = conditions.findIndex((condition) => condition === 'empty' || condition === 'not-empty');
+        const matchesIndex = conditions.indexOf('matches');
+        const items = [];
+        for (const [index, condition] of conditions.entries()) {
+            if (index > 0 &&
+                (index === emptyGroupStart || index === matchesIndex)) {
+                items.push({ separator: true });
+            }
+            items.push({
+                value: condition,
+                text: this.conditionLabel(condition),
+                icon: filterConditionIcons.getFilterConditionIcon(condition, this.propertyType),
+            });
+        }
+        return items;
+    }
+    selectedOption(items) {
+        const options = items.filter((item) => !('separator' in item));
+        return options.find((option) => option.value === this.value);
+    }
+    get accessibleLabel() {
+        var _a;
+        return (_a = this.translate(LABEL_KEY)) !== null && _a !== void 0 ? _a : 'Operator';
+    }
+    conditionLabel(condition) {
+        var _a;
+        const key = filterConditionIcons.getFilterConditionLabelKey(condition, this.propertyType);
+        return (_a = (key ? this.translate(key) : undefined)) !== null && _a !== void 0 ? _a : condition;
+    }
+    translate(key) {
+        var _a;
+        const translated = (_a = this.translator) === null || _a === void 0 ? void 0 : _a.get(key);
+        return translated && translated !== key ? translated : undefined;
+    }
+    get translator() {
+        var _a;
+        try {
+            return (_a = this.platform) === null || _a === void 0 ? void 0 : _a.get(index_esm.n.Translate);
+        }
+        catch (_b) {
+            return;
+        }
+    }
+};
+FilterConditionPicker.style = filterConditionPickerCss();
+
+/**
+ * The comparison operators the query builder can author, in the order the
+ * condition picker lists them. This is the query builder's capability — which
+ * operators it can serialize — not a per-property-type catalog. The
+ * operator↔condition translation lives in the shared `filter-operators` helpers.
+ */
 const LIME_QUERY_OPERATORS = [
-    {
-        value: index_esm.nt.EQUALS,
-        label: 'webclient.operator.equals',
-        icon: '-lime-filter-equal',
-    },
-    {
-        value: index_esm.nt.NOT_EQUALS,
-        label: 'webclient.operator.not-equals',
-        icon: '-lime-filter-equal-not',
-    },
-    {
-        value: index_esm.nt.GREATER,
-        label: 'webclient.operator.greater-than',
-        icon: '-lime-filter-greater',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: index_esm.nt.GREATER_OR_EQUAL,
-        label: 'webclient.operator.greater-than-or-equal-to',
-        icon: '-lime-filter-greater-equal',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: index_esm.nt.LESS,
-        label: 'webclient.operator.less-than',
-        icon: '-lime-filter-less',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: index_esm.nt.LESS_OR_EQUAL,
-        label: 'webclient.operator.less-than-or-equal-to',
-        icon: '-lime-filter-less-equal',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: index_esm.nt.IN,
-        label: 'webclient.operator.in-filter',
-        icon: '-lime-filter-set-included',
-    },
-    {
-        value: index_esm.nt.LIKE,
-        label: 'webclient.operator.contains',
-        icon: '-lime-filter-contain',
-        applicableTypes: ['string', 'text'],
-    },
-    {
-        value: index_esm.nt.BEGINS,
-        label: 'webclient.operator.begins-with',
-        icon: '-lime-filter-starts-with',
-        applicableTypes: ['string', 'text'],
-    },
-    {
-        value: index_esm.nt.ENDS,
-        label: 'webclient.operator.ends-with',
-        icon: '-lime-filter-ends-with',
-        applicableTypes: ['string', 'text'],
-    },
+    index_esm.nt.EQUALS,
+    index_esm.nt.NOT_EQUALS,
+    index_esm.nt.GREATER,
+    index_esm.nt.GREATER_OR_EQUAL,
+    index_esm.nt.LESS,
+    index_esm.nt.LESS_OR_EQUAL,
+    index_esm.nt.IN,
+    index_esm.nt.LIKE,
+    index_esm.nt.BEGINS,
+    index_esm.nt.ENDS,
 ];
+/**
+ * The conditions the query builder offers, in display order — handed to the
+ * `limebb-filter-condition-picker` as its `conditions` list. Derived from
+ * {@link LIME_QUERY_OPERATORS} so the two never drift.
+ */
+const LIME_QUERY_CONDITIONS = filterOperators.operatorsToConditions(LIME_QUERY_OPERATORS);
 
 const limeQueryFilterComparisonEditorCss = () => `:host{display:grid;grid-template-columns:3fr 1fr;gap:0.5rem;padding:0.75rem;min-width:30rem;align-items:center}.value{grid-column:1/-1}`;
 
@@ -363,9 +406,12 @@ const LimeQueryFilterComparisonEditorComponent = class {
             event.stopPropagation();
             this.expressionChange.emit(Object.assign(Object.assign({}, this.expression), { key: event.detail }));
         };
-        this.handleOperatorChange = (event) => {
+        this.handleConditionChange = (event) => {
             event.stopPropagation();
-            const newOperator = event.detail.value;
+            const newOperator = filterOperators.conditionToOperator(event.detail);
+            if (!newOperator) {
+                return;
+            }
             const oldOperator = this.expression.op;
             let convertedValue = this.expression.exp;
             // IN expects an array; other operators expect a single value.
@@ -397,23 +443,14 @@ const LimeQueryFilterComparisonEditorComponent = class {
         (_a = this.propertySelectorEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (index.h(index.Host, { key: '05ca2dc867f8c42e2ca1299cd33c0f3faae0ed31' }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput()));
+        return (index.h(index.Host, { key: '528f313843bb6e8e779fc3a5603c10769cbd183b' }, this.renderPropertySelector(), this.renderConditionPicker(), this.renderValueInput()));
     }
     renderPropertySelector() {
         return (index.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 }));
     }
-    renderOperator() {
+    renderConditionPicker() {
         const operatorHasBeenSet = !!this.expression.op;
-        const options = LIME_QUERY_OPERATORS.map((op) => {
-            var _a, _b;
-            return ({
-                text: (_b = (_a = this.translator) === null || _a === void 0 ? void 0 : _a.get(op.label)) !== null && _b !== void 0 ? _b : op.label,
-                value: op.value,
-                icon: op.icon ? { name: op.icon } : undefined,
-            });
-        });
-        const selectedOption = options.find((o) => o.value === this.expression.op);
-        return (index.h("limel-select", { class: "operator", label: "Operator", value: selectedOption, options: options, disabled: !operatorHasBeenSet && !this.expression.key, onChange: this.handleOperatorChange }));
+        return (index.h("limebb-filter-condition-picker", { class: "operator", platform: this.platform, propertyType: this.propertyType, conditions: LIME_QUERY_CONDITIONS, value: filterOperators.operatorToCondition(this.expression.op), disabled: !operatorHasBeenSet && !this.expression.key, onChange: this.handleConditionChange }));
     }
     renderValueInput() {
         if (!this.expression.op) {
@@ -421,10 +458,6 @@ const LimeQueryFilterComparisonEditorComponent = class {
         }
         return (index.h("limebb-lime-query-value-input", { class: "value", label: "Value", platform: this.platform, context: this.context, limetype: this.limetype, activeLimetype: this.activeLimetype, propertyPath: this.expression.key, operator: this.expression.op, value: this.expression.exp, onChange: this.handleValueChange }));
     }
-    get translator() {
-        var _a;
-        return (_a = this.platform) === null || _a === void 0 ? void 0 : _a.get(index_esm.n.Translate);
-    }
     static get delegatesFocus() { return true; }
 };
 LimeQueryFilterComparisonEditorComponent.style = limeQueryFilterComparisonEditorCss();
@@ -512,9 +545,9 @@ const LimeQueryFilterGroupComponent = class {
         const combinator = filterGroupLogic.getCombinator(this.expression);
         const inner = filterGroupLogic.getInnerAndOr(this.expression);
         const selected = COMBINATOR_OPTIONS.find((o) => o.value === combinator);
-        return (index.h(index.Host, { key: 'c94790ff047e47ada5e9142af88bff0c8250e34f', "data-op": combinator, style: {
+        return (index.h(index.Host, { key: '6b7013b523d0313f053f5a057db99d23e5c35041', "data-op": combinator, style: {
                 '--limebb-query-filter-group-color-code': OP_STYLE[combinator].color,
-            } }, index.h("div", { key: '6bc8daa9b292993e2740dbc0a2f1b0a7f2df4722', class: "group" }, index.h("div", { key: '8a171940ef57d657c3638943108e997bb84bde21', class: "group-header" }, index.h("limel-select", { key: '179abcc11b79527f7b8d0863b2e8d81de5bd3267', class: "combinator", label: "Match", value: selected, options: COMBINATOR_OPTIONS, onChange: this.handleCombinatorChange }), index.h("limel-icon-button", { key: '3a604b24ccff02ac257d3440c82dbc33dc9f4f16', class: "delete-group", icon: "trash", label: "Delete this group", onClick: this.handleDeleteGroup })), index.h("ul", { key: 'f65734f8d7cc66886065a511a90108c9316d4d7b', class: "rows" }, inner.exp.map(this.renderChildExpression), index.h("limel-chip", { key: '252726aea61aefead90fc6ce421de9eb74288253', role: "listitem", class: "add-condition", text: "Condition", icon: { name: 'plus_math', title: 'Add' }, onClick: this.handleAddChildExpression })), index.h("limel-chip", { key: '2a5839a10a8b9ebb85f53d867c8870ad92ab0984', class: "add-group", size: "small", text: "Group", icon: {
+            } }, index.h("div", { key: '03bea15e4967f91d1e46a961aba64c04b1aff530', class: "group" }, index.h("div", { key: '26ca358c38a27e2fc24ac1b176ce338f885f2a31', class: "group-header" }, index.h("limel-select", { key: '46403ec7c67766ac4eb08b03eaac1eafeb92c0ff', class: "combinator", label: "Match", value: selected, options: COMBINATOR_OPTIONS, onChange: this.handleCombinatorChange }), index.h("limel-icon-button", { key: 'cfdb09d1656dc4a87a40c6d1cf5e5a4e0c2aeba0', class: "delete-group", icon: "trash", label: "Delete this group", onClick: this.handleDeleteGroup })), index.h("ul", { key: '55bb718c9ece64898a41bf95ff301bbeade8a4cd', class: "rows" }, inner.exp.map(this.renderChildExpression), index.h("limel-chip", { key: '34c653a547ce2406938eece661c5d468c84871f3', role: "listitem", class: "add-condition", text: "Condition", icon: { name: 'plus_math', title: 'Add' }, onClick: this.handleAddChildExpression })), index.h("limel-chip", { key: 'b27939aced4774b9b738e81d07a7ed4b040f3b77', class: "add-group", size: "small", text: "Group", icon: {
                 name: 'plus_math',
                 title: 'Add',
                 color: 'var(--group-rail-color)',
@@ -554,7 +587,7 @@ const LimeQueryFilterNotComponent = class {
         };
     }
     render() {
-        return (index.h("div", { key: '73fa671599ac9f124797567f49af67941dd30e36', class: "expression" }, this.label && index.h("limel-header", { key: '959feb78614f0088b9946ccb492f32900a410ff8', heading: this.label }), index.h("limebb-lime-query-filter-expression", { key: '78ce884774a3831c18ad329fb1eacc4e54cd3623', platform: this.platform, context: this.context, label: "Not", limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression.exp, onExpressionChange: this.handleExpressionChange })));
+        return (index.h("div", { key: '38ddcfda3b05cd9bc0c510f55d2712472ee2886f', class: "expression" }, this.label && index.h("limel-header", { key: '5b05cbb7bbd7fb1940c0d7c27b4578f6551833a8', heading: this.label }), index.h("limebb-lime-query-filter-expression", { key: '4057437167e652f31aa02148e511cfe9a9b26ccb', platform: this.platform, context: this.context, label: "Not", limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression.exp, onExpressionChange: this.handleExpressionChange })));
     }
 };
 LimeQueryFilterNotComponent.style = limeQueryFilterNotCss();
@@ -801,6 +834,7 @@ __decorate([
 LimeQueryValueInput.style = limeQueryValueInputCss();
 
 exports.limebb_filter_chip = FilterChip;
+exports.limebb_filter_condition_picker = FilterConditionPicker;
 exports.limebb_lime_query_filter_comparison_editor = LimeQueryFilterComparisonEditorComponent;
 exports.limebb_lime_query_filter_group = LimeQueryFilterGroupComponent;
 exports.limebb_lime_query_filter_not = LimeQueryFilterNotComponent;

package/dist/cjs/limebb-icon-picker.cjs.entry.js

@@ -53112,7 +53112,7 @@ const IconPicker = class {
                 icon: this.value,
             };
         }
-        return (index.h("limel-picker", { key: 'd71d9babaf189723ccb3ece1722826054e109f70', 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 (index.h("limel-picker", { key: 'bf6b76bbcea838150261e9e0037b1d7ca1ee08d1', 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" }));
     }
 };
 

package/dist/cjs/limebb-info-tile-format.cjs.entry.js

@@ -93,7 +93,7 @@ const InfoTileAdminConfig = class {
             },
         ];
         return [
-            index.h("limel-button-group", { key: '5ec61e22f0049afba77310ef1162c361a71f3290', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
+            index.h("limel-button-group", { key: '68999f607fd66a5a451929d6720200734c6505ea', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
             this.renderFormatConfig(),
         ];
     }

package/dist/cjs/limebb-info-tile.cjs.entry.js

@@ -485,7 +485,7 @@ const InfoTile = class {
         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 (index.h("limel-info-tile", Object.assign({ key: '8ce57413673c0feddc8cff70c66845ddacee5f74', class: { error: !filter || this.error } }, props)));
+        return (index.h("limel-info-tile", Object.assign({ key: '802c93fade2b3aff10e53c1a970798b994bff2d2', class: { error: !filter || this.error } }, props)));
     }
     /**
      * Effective `reducedPresence` for this render. The boolean prop

package/dist/cjs/limebb-kanban-group.cjs.entry.js

@@ -29,7 +29,7 @@ const KanbanGroup = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '074640215f29d21e8d3f38b81850823e8a93ce3c' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
+        return (index.h(index.Host, { key: '5c0675c4edff236ac8b4d90c93d418e3b0c18a9c' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
     }
     renderGroupSummary() {
         if (!this.summary || !this.totalCount) {

package/dist/cjs/limebb-kanban-item.cjs.entry.js

@@ -57,7 +57,7 @@ const KanbanItemComponent = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: '6eb7fa30141a62e40588a59f17d27392dac78b90', id: this.item.id.toString(), class: {
+        return (index.h(index.Host, { key: '282342e6a11234154e4cbcc8df113aafd5cd9cd2', 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/cjs/limebb-lime-query-builder.cjs.entry.js

@@ -151,7 +151,7 @@ const LimeQueryBuilder = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'fbecd3d9b61ea135192a2dc7a4c1e9c22835331b' }, this.renderHeader(), this.renderContent()));
+        return (index.h(index.Host, { key: 'd03160151a6467401424351f0bf7d05211800bf0' }, this.renderHeader(), this.renderContent()));
     }
     renderContent() {
         const visualModeSupported = this.checkVisualModeSupport();

package/dist/cjs/limebb-lime-query-filter-comparison_2.cjs.entry.js

@@ -2,31 +2,13 @@
 
 var index = require('./index-BrWc7h0p.js');
 var index_esm = require('./index.esm-Se3EtD3m.js');
+var filterOperators = require('./filter-operators-BTWvpD6A.js');
 var propertyResolution = require('./property-resolution-Bz1zPcfq.js');
 var typeResolution = require('./type-resolution-CvlsQvQD.js');
 var filterGroupLogic = require('./filter-group-logic-BPpM2NqX.js');
 
 const limeQueryFilterComparisonCss = () => `:host(limebb-lime-query-filter-comparison){display:inline-block;max-width:25rem}`;
 
-/**
- * Maps each query-builder comparison operator onto the shared, UI-agnostic
- * `FilterCondition` vocabulary. The shared `limebb-filter-chip` resolves the
- * icon and the wording from the condition (refined by the property type), so
- * the query builder shows the same glyphs and operator names as every other
- * filter UI.
- */
-const OPERATOR_TO_CONDITION = {
-    [index_esm.nt.EQUALS]: 'equals',
-    [index_esm.nt.NOT_EQUALS]: 'not-equals',
-    [index_esm.nt.GREATER]: 'greater-than',
-    [index_esm.nt.GREATER_OR_EQUAL]: 'greater-than-or-equal',
-    [index_esm.nt.LESS]: 'less-than',
-    [index_esm.nt.LESS_OR_EQUAL]: 'less-than-or-equal',
-    [index_esm.nt.IN]: 'in-filter-set',
-    [index_esm.nt.LIKE]: 'contains',
-    [index_esm.nt.BEGINS]: 'begins-with',
-    [index_esm.nt.ENDS]: 'ends-with',
-};
 const LimeQueryFilterComparisonComponent = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -56,13 +38,14 @@ const LimeQueryFilterComparisonComponent = class {
         var _a, _b;
         const hasKey = !!((_a = this.expression) === null || _a === void 0 ? void 0 : _a.key);
         const isList = Array.isArray((_b = this.expression) === null || _b === void 0 ? void 0 : _b.exp);
-        return (index.h(index.Host, { key: '92e4a7debccbe2123c8fffe7b964ea51c5c1d586' }, this.renderHeader(), index.h("limel-popover", { key: '494afe14c58684826256ad275b16febd81d47d7a', open: this.isOpen, openDirection: "bottom-start", onClose: this.handleClose }, index.h("limebb-filter-chip", { key: '99c495cf63fc9ccc8067f7f0feb6d0d7884d3ca8', slot: "trigger", platform: this.platform, label: hasKey
+        const propertyType = hasKey
+            ? this.getPropertyType(this.expression.key)
+            : undefined;
+        return (index.h(index.Host, { key: '3e312a0124577ab70c6ab46074f7a34e0b87decc' }, this.renderHeader(), index.h("limel-popover", { key: '37b5e3b58ef4a20950b1f6fc24075388b4bdc932', open: this.isOpen, openDirection: "bottom-start", onClose: this.handleClose }, index.h("limebb-filter-chip", { key: 'd34fc11734714a8b83ef7c014fd9468522e8ffbf', slot: "trigger", platform: this.platform, label: hasKey
                 ? this.getPropertyLabel(this.expression.key)
                 : undefined, condition: hasKey
-                ? OPERATOR_TO_CONDITION[this.expression.op]
-                : undefined, propertyType: hasKey
-                ? this.getPropertyType(this.expression.key)
-                : undefined, value: hasKey ? this.chipValue() : 'New condition', conjunction: isList ? 'or' : undefined, selected: this.isOpen, removable: true, onClick: this.handleOpen, onRemove: this.removeExpression }), index.h("limebb-lime-query-filter-comparison-editor", { key: '0d56cccd56078eac4d988d757cae85897b8a48c7', platform: this.platform, context: this.context, limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression, onExpressionChange: this.handleEditorChange }))));
+                ? filterOperators.operatorToCondition(this.expression.op)
+                : undefined, propertyType: propertyType, value: hasKey ? this.chipValue() : 'New condition', conjunction: isList ? 'or' : undefined, selected: this.isOpen, removable: true, onClick: this.handleOpen, onRemove: this.removeExpression }), index.h("limebb-lime-query-filter-comparison-editor", { key: 'abaa2fbbdf8ab350f1da21412b82405d02f1546f', platform: this.platform, context: this.context, limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression, propertyType: propertyType, onExpressionChange: this.handleEditorChange }))));
     }
     getPropertyLabel(key) {
         return this.resolveProperty(key).labels.join(' › ');

package/dist/cjs/limebb-lime-query-order-by-editor_2.cjs.entry.js

@@ -121,7 +121,7 @@ const OrderByEditor = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ce933b9c6df59149fa40d26f7e38bdce89208df0' }, this.renderEmptyState(), this.renderOrderByEditor()));
+        return (index.h(index.Host, { key: '5eaad5237f6ccce6d93610bf4987cce10c06abaf' }, this.renderEmptyState(), this.renderOrderByEditor()));
     }
     renderEmptyState() {
         if (this.limetype) {
@@ -251,7 +251,7 @@ const LimetypeField = class {
             value: '',
         };
         options.unshift(emptyOption);
-        return (index.h("limel-select", { key: '412e4360e37481f5e5e42eb6018a78350bcde4ae', label: this.label, options: options, value: selectedOption, required: this.required, helperText: this.helperText, invalid: invalid, disabled: this.disabled || this.readonly, onChange: this.handleChange }));
+        return (index.h("limel-select", { key: '4c17fbdd5760fcb83fef57f7204df42c91f70f7f', 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/cjs/limebb-lime-query-order-by-item.cjs.entry.js

@@ -38,9 +38,9 @@ const OrderByItemComponent = class {
     render() {
         const propertyPath = Object.keys(this.item)[0] || '';
         const direction = this.item[propertyPath] || 'ASC';
-        return (index.h(index.Host, { key: 'd5d6e8ff87d1afa4d5edbf593455bf43834b29ec' }, index.h("limebb-property-selector", { key: '92ceae9018edf1b6d073645414dd7b8f094a833d', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), index.h("div", { key: 'f2a3eb4b19a8ea762928dfb8e61e47d60204ad53', class: "control-buttons" }, index.h("limel-icon-button", { key: '310fc4eaf3645dd185670409cb83dc4b96d234d4', icon: direction === 'ASC'
+        return (index.h(index.Host, { key: 'fc238e47f9189531ac39969dcabfefaa41602a4b' }, index.h("limebb-property-selector", { key: '02ed1accd1f1febc05f300a72734150ef415cad8', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), index.h("div", { key: 'd994587df98e632f12b489b732d3d7436860dac7', class: "control-buttons" }, index.h("limel-icon-button", { key: 'aeca1aceb371f3bf6c392a8e0ce903905d929c33', icon: direction === 'ASC'
                 ? 'sort_ascending'
-                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), index.h("limel-icon-button", { key: 'e4b65c9ad1df1f9ff92bf7079d2871f0958d7b10', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
+                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), index.h("limel-icon-button", { key: '389a10fe59b9b06e6b9251a8bee5a1a06dbf1961', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
     }
 };
 OrderByItemComponent.style = orderByItemCss();

package/dist/cjs/limebb-lime-query-response-format-builder.cjs.entry.js

@@ -193,7 +193,7 @@ const LimeQueryResponseFormatBuilder = class {
     }
     render() {
         const visualModeSupported = this.checkVisualModeSupport();
-        return (index.h("div", { key: '649472c75a9f8e905a450f90246dda96b5cb1967', class: "response-format-builder" }, this.label && index.h("h1", { key: '23ac72af641ecdc9da2dd8eab87c69c98b1b743c', class: "builder-label" }, this.label), this.helperText && (index.h("p", { key: 'f575c5c0e62f9964f5ac7ac9eaa45eb59e8bf51d', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (index.h("div", { key: 'ac2710467d1f2c1a92fab3366263ea3d56bef5aa', class: "mode-controls" }, this.renderModeSwitch(visualModeSupported))), !this.visualModeEnabled || this.mode === 'code' ? (index.h("div", { class: "code-mode" }, this.renderCodeEditor(visualModeSupported))) : (index.h("div", { class: "visual-mode" }, this.renderVisualMode()))));
+        return (index.h("div", { key: 'f8edf793b05904933998d41dff2680737671754b', class: "response-format-builder" }, this.label && index.h("h1", { key: '2e6aaf2a0b9fa285920ba71fdc7ef50a1967948b', class: "builder-label" }, this.label), this.helperText && (index.h("p", { key: '99528513c236f945e8584cb30cc9880eaf049d2d', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (index.h("div", { key: 'afdb567755d27858daab5490bf22b5c349d4fa0e', class: "mode-controls" }, this.renderModeSwitch(visualModeSupported))), !this.visualModeEnabled || this.mode === 'code' ? (index.h("div", { class: "code-mode" }, this.renderCodeEditor(visualModeSupported))) : (index.h("div", { class: "visual-mode" }, this.renderVisualMode()))));
     }
     renderModeSwitch(support) {
         const visualDisabled = !support.visualModeSupported;

package/dist/cjs/limebb-lime-query-response-format-editor_2.cjs.entry.js

@@ -359,7 +359,7 @@ const ResponseFormatItem = class {
     }
     render() {
         return [
-            index.h("div", { key: '1b848d424ba2e13afe06deb80e3344257fbc44e2', class: "property-controls" }, index.h("div", { key: 'd6b4217961f610f2d4e96cb1c33544e44d4a3a36', class: "property-path" }, index.h("limebb-property-selector", { key: 'ec7e294945d9974ee0d5159c678cc7d94dc082af', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), index.h("div", { key: '8aabbbf8548d9abbb930b5aaad6b8d476fc261b1', class: "input-grid" }, this.renderAliasInput()), index.h("div", { key: 'fa1b078c6b5a1c2d80ecc6bf5114af8f6d8ba12f', class: "input-grid" }, this.renderDescriptionInput()), index.h("div", { key: '49c482d4b60ae15afac30b67af4ab01d02b9c1e9', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), index.h("limel-icon-button", { key: 'e7123ea4974c2928b8b5977595595f77e2271b1a', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
+            index.h("div", { key: '3e3956bb95dc04ffa6bac42f242b81ccc876d100', class: "property-controls" }, index.h("div", { key: '65591fe8a50e6e80fa3c40c7fb5b9a53b13b8a55', class: "property-path" }, index.h("limebb-property-selector", { key: 'd41140ae568023f30e7047d3dcbc70a53a7503a4', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), index.h("div", { key: 'e8bd2fd1c560c6f67ae99bafd3832d9199b1f939', class: "input-grid" }, this.renderAliasInput()), index.h("div", { key: '5b61d939884ef26c0e83d70c22c7d42635d26aa0', class: "input-grid" }, this.renderDescriptionInput()), index.h("div", { key: '19dc494a85c9df10b8953380b9f3eb3dda7050ce', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), index.h("limel-icon-button", { key: 'da3b889129de1e1dba5bf431b68edb5b786dfee6', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
         ];
     }
     renderAliasButton() {

package/dist/cjs/limebb-live-docs-info.cjs.entry.js

@@ -10,8 +10,8 @@ const LiveDocsInfo = class {
     }
     render() {
         return [
-            index.h("div", { key: '59e539b27d23e3e18806704e8fe2264bc7da1375', class: "header" }, index.h("limel-icon", { key: '2b6d28bedbc16cd7665b1a250b634ed608d494a5', name: "not_showing_video_frames" }), index.h("h2", { key: '9ae03ca947c6cadd3754dbf13cd971af1b922fa6' }, "Viewing this file type requires ", index.h("em", { key: '08fecec0c0fe0ffae4dee5c3268897920c090f48' }, "Live Docs"))),
-            index.h("p", { key: '7ec4f32f2523ca39518ecce705bcdffa17e73fe3' }, index.h("em", { key: '4569da9a16c5be8171d01df9620e9adae19eac43' }, "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!", index.h("a", { key: '829b8bd8be2751607146797f83b8c220db68f1c2', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
+            index.h("div", { key: '6cca6e4ef0c666b5e8b98f3520e610dd22f0e1e6', class: "header" }, index.h("limel-icon", { key: 'a5fcd50b843f593695fdb0d58ff676be2f381f98', name: "not_showing_video_frames" }), index.h("h2", { key: 'fa42a948053ef5cf2d100054300e788097f0f46d' }, "Viewing this file type requires ", index.h("em", { key: '3319e03d3747ef71f16aa63fa94a9640142bc08c' }, "Live Docs"))),
+            index.h("p", { key: 'a9aaf3ecc5a63eb37c2242d38b0138b36cb9e4d7' }, index.h("em", { key: 'be00747c7b6692b534446cbcd2d8e935a08f6558' }, "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!", index.h("a", { key: '25535725cb312328f40b8d39a165ae43bf00980d', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
         ];
     }
 };

package/dist/cjs/limebb-locale-picker.cjs.entry.js

@@ -1111,7 +1111,7 @@ const LocalePicker = class {
             const value = this.value;
             selectedOptions = options.find((option) => option.value === value);
         }
-        return (index.h("limel-select", { key: '36c73b129d7750a035ec241c412a6c2447e23bd4', 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 (index.h("limel-select", { key: 'cb38c95a546757f47d376def9d3cf2f5d8176cf9', 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 }));
     }
 };
 

package/dist/cjs/limebb-mention-group-counter.cjs.entry.js

@@ -12,8 +12,8 @@ const MentionGroupCounter = class {
     render() {
         const label = this.getLabel();
         return [
-            index.h("span", { key: '638df46fb134015d8f9402830580d36dc759bcd1', id: this.tooltipId }, label),
-            index.h("limel-tooltip", { key: 'bdd49e3025be834b9d808473d456341a50d6f50d', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
+            index.h("span", { key: 'b6e816b8efd22fdaff81f6669d11ab8efae9e05e', id: this.tooltipId }, label),
+            index.h("limel-tooltip", { key: '62294172fabc48ad688b14ae75fe43d142ac0cb7', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
         ];
     }
     getLabel() {

package/dist/cjs/limebb-navigation-button_2.cjs.entry.js

@@ -122,9 +122,9 @@ const SummaryPopover = class {
             top: '0.125rem',
             right: '0.125rem',
         };
-        return (index.h("limel-popover", { key: '3dac27c083b2d950d473e5f0f686cd19278eb0a0', style: {
+        return (index.h("limel-popover", { key: '0eebed7c2685d3d162d8987bca7f3ce3acd38a62', style: {
                 '--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
-            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, index.h("div", { key: 'acc7cc0472a6af2b53b38915111a7c4a8c5e20a1', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, index.h("slot", { key: 'd6bdbf59b1d39793484de55dcfb2e43d890468bf', name: "trigger" }), index.h("div", { key: 'dc462c2b1b787de54b22aed6ca51cac245df3c09', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
+            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, index.h("div", { key: 'df2242c223d4b6a2a61e822f63f50757ebfa16c4', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, index.h("slot", { key: '8f0bfcc7295cf604a4d395bc535cd4cf72069ecd', name: "trigger" }), index.h("div", { key: '804bb712139d21944fb5ce8e1fbb918115ba3dd8', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
     }
     renderCard(closeButtonStyle) {
         return (index.h("limel-card", { style: {

package/dist/cjs/limebb-notification-item.cjs.entry.js

@@ -57,7 +57,7 @@ const NotificationListItem = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: '466bd6547e34e2176054e4abe4354377ea02c316', id: this.item.id, class: {
+        return (index.h(index.Host, { key: '478562eb1347b383b23e73f28f0143fceec96b7a', 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/cjs/limebb-percentage-visualizer.cjs.entry.js

@@ -90,11 +90,11 @@ const PercentageVisualizer = class {
     render() {
         const normalizedValue = this.getNormalizedValue();
         const zeroPoint = this.getZeroPointPosition();
-        return (index.h(index.Host, { key: '28577ee369379142fa8eb6cf5acc6956475451ec', class: this.getContainerClassList(), style: {
+        return (index.h(index.Host, { key: '235b934d22f3b44c3cd1f15be75080e797367c8c', 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'}`,
-            } }, index.h("limel-notched-outline", { key: '1f47e875b69a06ddc10528916f004ffcdb23b65b', 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 }, index.h("div", { key: 'd3a0d2bc17bbe9b6c26789118f0f679bda356c63', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
+            } }, index.h("limel-notched-outline", { key: '29e9cb044645d10cc1892f72a032f9484726caff', 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 }, index.h("div", { key: '917a08e65845ec178c8cefbcfc4bb202b3b7fca0', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

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

@@ -47,7 +47,7 @@ const RuleChipPopover = class {
         };
     }
     render() {
-        return (index.h("div", { key: '1b3a5fc8fc65f577b082cb368d92a99cfc68806a', class: "popover" }, this.renderHeader(), this.renderBody()));
+        return (index.h("div", { key: 'abb754c8d327cc82b5d4e7e44154e937c3aeb0d2', class: "popover" }, this.renderHeader(), this.renderBody()));
     }
     renderHeader() {
         var _a, _b, _c, _d;

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

@@ -586,7 +586,7 @@ const RuleEditor = class {
             'rule-editor': true,
             'rule-editor--disabled': this.disabled,
         };
-        return (index.h("div", { key: '983f8e733e177da750191a88e3c176166932f7e0', class: containerClasses }, this.renderLabel(), index.h(RuleNodeView, { key: '48be41683418ead2b1f2283615b559cfcabbfa98', node: this.normalizedValue, path: [], ctx: this.createRenderContext() }), this.renderHelperText()));
+        return (index.h("div", { key: 'abe9c739c5fbd0749a593187fd36953482530aeb', class: containerClasses }, this.renderLabel(), index.h(RuleNodeView, { key: 'ba99e8de897dec3825fb74f78d42b3f503ead775', node: this.normalizedValue, path: [], ctx: this.createRenderContext() }), this.renderHelperText()));
     }
     renderLabel() {
         if (!this.label) {

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

@@ -24,7 +24,7 @@ const RuleGate = class {
         this.evaluate();
     }
     render() {
-        return (index.h(index.Host, { key: '1aebc90e382bed53ff293634f4aa37cbc5b1f9d0', hidden: !this.shouldRender }, index.h("slot", { key: 'f28d6bc819101c43c980b80b4467dcb0d15292fa' })));
+        return (index.h(index.Host, { key: 'ce41c51b7f8b049d7d89374ef0c452b2e961aa23', hidden: !this.shouldRender }, index.h("slot", { key: 'ad04db83bceca78bf7bb2eb7b7b2dae018025319' })));
     }
     get ruleRegistry() {
         return this.platform.get(index_esm.n.RuleRegistry);

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

@@ -1522,7 +1522,7 @@ const LimeBBTextEditor = class {
     }
     render() {
         return [
-            index.h("limel-text-editor", { key: '0f1423f13a517aaeea8efbacab475a37e38aa857', 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 }),
+            index.h("limel-text-editor", { key: '0f637527386d51f5b5c3e3a49b42acebafcba3fd', 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/cjs/limebb-trend-indicator.cjs.entry.js

@@ -51,7 +51,7 @@ const TrendIndicator = class {
         this.numValue = this.parseValue(this.value);
     }
     render() {
-        return (index.h(index.Host, { key: 'fbf631c6889091e9efe5790397b26f804d27d93b', class: this.getContainerClassList() }, index.h("limel-notched-outline", { key: '832d2d338bf86da41b0a19a813f0dc7e3b3eb8c9', 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 }, index.h("div", { key: 'b3266118df54e2c3a4d7729f0e36d7c7e1fbc13c', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
+        return (index.h(index.Host, { key: 'b963d9086b70b11dce31375284e54574f54b4f0c', class: this.getContainerClassList() }, index.h("limel-notched-outline", { key: 'd2d2587a0239cba584177dbc1806762e9d783460', 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 }, index.h("div", { key: '8e7b6c37d803c5c682220681e93c3a096d4e02d2', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {