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

package/dist/collection/components/filter-chip/filter-chip.types.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/filter-chip/filter-condition-icons.js

@@ -0,0 +1,199 @@
+/**
+ * Icon shown when a condition is unknown or not provided.
+ */
+export const FALLBACK_CONDITION_ICON = 'question';
+/**
+ * Maps each {@link FilterCondition} to the icon name that visualizes it.
+ *
+ * The icons are filenames in the shared `lime-icons8` set and are resolved
+ * at runtime by `limel-icon` from the host application's configured
+ * `iconPath`, so nothing needs to be bundled here.
+ *
+ * Some comparison conditions take a different icon for date properties; those
+ * variants are resolved by {@link getFilterConditionIcon} and live in
+ * {@link DATE_CONDITION_PRESENTATION} rather than here.
+ */
+export const FILTER_CONDITION_ICONS = {
+    equals: '-lime-filter-equal',
+    'not-equals': '-lime-filter-equal-not',
+    'greater-than': '-lime-filter-greater',
+    'greater-than-or-equal': '-lime-filter-greater-equal',
+    'less-than': '-lime-filter-less',
+    'less-than-or-equal': '-lime-filter-less-equal',
+    between: '-lime-filter-between',
+    'not-between': '-lime-filter-between-not',
+    contains: '-lime-filter-contain',
+    'not-contains': '-lime-filter-contain-not',
+    'begins-with': '-lime-filter-starts-with',
+    'not-begins-with': '-lime-filter-starts-with-not',
+    'ends-with': '-lime-filter-ends-with',
+    'not-ends-with': '-lime-filter-ends-with-not',
+    empty: '-lime-filter-empty',
+    'not-empty': '-lime-filter-empty-not',
+    previous: '-lime-filter-previous',
+    current: '-lime-filter-current',
+    next: '-lime-filter-next',
+    'connected-to': '-lime-filter-connected-to',
+    'not-connected-to': '-lime-filter-connected-to-not',
+    'in-filter-set': '-lime-filter-set-included',
+    'not-in-filter-set': '-lime-filter-set-included-not',
+    matches: 'source_code',
+};
+/**
+ * Property types whose comparison conditions read as dates, so that
+ * `greater-than` shows as "After" (▶), `less-than` as "Before" (◀), and
+ * `equals` as "On".
+ *
+ * Derived from the platform's {@link DateTimePropertyType} via an exhaustive
+ * map, so a date type added upstream is a compile error here rather than a
+ * silent fall-through to the generic wording.
+ */
+const DATE_PROPERTY_TYPE_FLAGS = {
+    date: true,
+    year: true,
+    quarter: true,
+    month: true,
+    time: true,
+    timeofday: true,
+};
+const DATE_PROPERTY_TYPES = new Set(Object.keys(DATE_PROPERTY_TYPE_FLAGS));
+/**
+ * Property types whose equality reads as "Is" / "Is not" (text, options and
+ * yes/no) rather than "Equals" / "Not equals". Numbers keep "Equals", and
+ * dates use "On" (resolved via {@link DATE_CONDITION_PRESENTATION}).
+ */
+const IS_PROPERTY_TYPES = new Set([
+    'string',
+    'text',
+    'phone',
+    'link',
+    'option',
+    'set',
+    'yesno',
+]);
+/**
+ * Date-specific presentation for the comparison conditions. Icon and wording
+ * are paired here so they cannot drift apart: `greater-than` reads "After",
+ * `less-than` "Before", and `equals` "On".
+ */
+const DATE_CONDITION_PRESENTATION = {
+    'greater-than': {
+        icon: '-lime-filter-after',
+        labelKey: 'webclient.operator.after',
+    },
+    'less-than': {
+        icon: '-lime-filter-before',
+        labelKey: 'webclient.operator.before',
+    },
+    equals: { icon: '-lime-filter-on', labelKey: 'webclient.operator.on-date' },
+};
+function isDateProperty(propertyType) {
+    return !!propertyType && DATE_PROPERTY_TYPES.has(propertyType);
+}
+function isOptionLikeProperty(propertyType) {
+    return !!propertyType && IS_PROPERTY_TYPES.has(propertyType);
+}
+/**
+ * Resolve the icon name for a filter condition.
+ *
+ * Useful anywhere a condition needs a consistent icon — not only in the
+ * filter chip (e.g. operator dropdowns or condition editors). When a
+ * `propertyType` is given, the type-specific variant is used; for example a
+ * `greater-than` on a date resolves to the "After" icon rather than `>`.
+ *
+ * @param condition - the condition to get an icon for
+ * @param propertyType - the data type of the filtered property, used to pick
+ * the type-specific variant (e.g. date comparisons)
+ * @returns the matching icon name, or the fallback icon when the condition
+ * is unknown or undefined
+ */
+export function getFilterConditionIcon(condition, propertyType) {
+    if (!condition) {
+        return FALLBACK_CONDITION_ICON;
+    }
+    const dateVariant = DATE_CONDITION_PRESENTATION[condition];
+    if (isDateProperty(propertyType) && dateVariant) {
+        return dateVariant.icon;
+    }
+    if (condition in FILTER_CONDITION_ICONS) {
+        return FILTER_CONDITION_ICONS[condition];
+    }
+    return FALLBACK_CONDITION_ICON;
+}
+/**
+ * Maps each {@link FilterCondition} to the translation key that names it.
+ *
+ * These are the same `webclient.operator.*` keys (plus `webclient.empty` /
+ * `webclient.not-empty`) used across Lime CRM — the wording shown beside each
+ * icon in the condition dropdown. Reusing them keeps the chip's tooltip and
+ * accessible name consistent with the rest of the product, in every language.
+ *
+ * Some conditions take different wording depending on the property type (e.g.
+ * "After" for a date `greater-than`, or "Is" for an option `equals`); those
+ * variants are resolved by {@link getFilterConditionLabelKey}.
+ */
+export const FILTER_CONDITION_LABEL_KEYS = {
+    equals: 'webclient.operator.equals',
+    'not-equals': 'webclient.operator.not-equals',
+    'greater-than': 'webclient.operator.greater-than',
+    'greater-than-or-equal': 'webclient.operator.greater-than-or-equal-to',
+    'less-than': 'webclient.operator.less-than',
+    'less-than-or-equal': 'webclient.operator.less-than-or-equal-to',
+    between: 'webclient.operator.between',
+    'not-between': 'webclient.operator.not-between',
+    contains: 'webclient.operator.contains',
+    'not-contains': 'webclient.operator.does-not-contain',
+    'begins-with': 'webclient.operator.begins-with',
+    'not-begins-with': 'webclient.operator.does-not-begin-with',
+    'ends-with': 'webclient.operator.ends-with',
+    'not-ends-with': 'webclient.operator.not-ends-with',
+    empty: 'webclient.empty',
+    'not-empty': 'webclient.not-empty',
+    previous: 'webclient.operator.previous',
+    current: 'webclient.operator.current',
+    next: 'webclient.operator.next',
+    'connected-to': 'webclient.operator.is',
+    'not-connected-to': 'webclient.operator.is_not',
+    'in-filter-set': 'webclient.operator.in-filter',
+    'not-in-filter-set': 'webclient.operator.not-in-filter',
+    matches: 'webclient.operator.matches',
+};
+/**
+ * "Is" / "Is not" wording for equality on option-like properties.
+ */
+const IS_CONDITION_LABEL_KEYS = {
+    equals: 'webclient.operator.is',
+    'not-equals': 'webclient.operator.is_not',
+};
+/**
+ * Resolve the translation key that names a filter condition.
+ *
+ * Useful anywhere a condition needs a consistent, localized name — not only
+ * in the filter chip's tooltip (e.g. operator dropdowns or condition editors).
+ * When a `propertyType` is given, the type-specific wording is used; for
+ * example a `greater-than` on a date resolves to "After", and `equals` on an
+ * option resolves to "Is".
+ *
+ * @param condition - the condition to get a label key for
+ * @param propertyType - the data type of the filtered property, used to pick
+ * the type-specific wording
+ * @returns the matching translation key, or `undefined` when the condition is
+ * unknown or undefined
+ */
+export function getFilterConditionLabelKey(condition, propertyType) {
+    if (!condition) {
+        return undefined;
+    }
+    const dateVariant = DATE_CONDITION_PRESENTATION[condition];
+    if (isDateProperty(propertyType) && dateVariant) {
+        return dateVariant.labelKey;
+    }
+    if (isOptionLikeProperty(propertyType) &&
+        condition in IS_CONDITION_LABEL_KEYS) {
+        return IS_CONDITION_LABEL_KEYS[condition];
+    }
+    if (condition in FILTER_CONDITION_LABEL_KEYS) {
+        return FILTER_CONDITION_LABEL_KEYS[condition];
+    }
+    return undefined;
+}

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

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

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

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

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

@@ -116,7 +116,7 @@ export class InfoTile {
         const errorProps = Object.assign(Object.assign({}, baseProps), { icon: 'error', prefix: 'ERROR', loading: true, label: this.getLabel(filter) });
         const normalProps = Object.assign(Object.assign({}, baseProps), { label: this.getLabel(filter), link: this.getLink(filter), loading: this.loading, value: value === null || value === void 0 ? void 0 : value.value.trim() });
         const props = !filter || this.error ? errorProps : normalProps;
-        return (h("limel-info-tile", Object.assign({ key: 'f5680e93f15afe32e8abdcd05b89f12708b8edf5', class: { error: !filter || this.error } }, props)));
+        return (h("limel-info-tile", Object.assign({ key: '82a39b67ae1c9ce8c314de62102366c566f98b0a', class: { error: !filter || this.error } }, props)));
     }
     /**
      * Effective `reducedPresence` for this render. The boolean prop

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

@@ -27,7 +27,7 @@ export class KanbanGroup {
         };
     }
     render() {
-        return (h(Host, { key: '2a7f44b39964ed21a4922ef22b46451cabdc2683' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
+        return (h(Host, { key: '185d524c12f6558fd01699202fbbe47217473a61' }, 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: 'dcdc71a5add85b43083277eb2bfeaa27b5d8cc5d', id: this.item.id.toString(), class: {
+        return (h(Host, { key: '7289ca1991cbec0024c09d35e2dfa5222a9079db', 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: '06e1cb22b9e472cbe185e06b21666adb0a11344b' }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput()));
+        return (h(Host, { key: '1023d86ccd0f21843868432418aa089b683eadce' }, 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

@@ -1,7 +1,26 @@
-import { PlatformServiceName, } from "@limetech/lime-web-components";
+import { Operator, PlatformServiceName, } from "@limetech/lime-web-components";
 import { Host, h, } from "@stencil/core";
-import { LIME_QUERY_OPERATORS, } from "./lime-query-operators";
 import { getNormalizedProperties } from "../property-resolution";
+import { getActualPropertyType } from "../type-resolution";
+/**
+ * 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 = {
+    [Operator.EQUALS]: 'equals',
+    [Operator.NOT_EQUALS]: 'not-equals',
+    [Operator.GREATER]: 'greater-than',
+    [Operator.GREATER_OR_EQUAL]: 'greater-than-or-equal',
+    [Operator.LESS]: 'less-than',
+    [Operator.LESS_OR_EQUAL]: 'less-than-or-equal',
+    [Operator.IN]: 'in-filter-set',
+    [Operator.LIKE]: 'contains',
+    [Operator.BEGINS]: 'begins-with',
+    [Operator.ENDS]: 'ends-with',
+};
 /**
  * Lime Query Filter Comparison Component
  *
@@ -16,11 +35,11 @@ import { getNormalizedProperties } from "../property-resolution";
  * - name ? "Big" (contains "Big")
  * - dealstatus IN ["won", "tender"]
  *
- * The component displays:
- * - A text input for the property (Phase 0 - will be replaced with property-path in Phase 1)
- * - A dropdown for the operator
- * - A value input (text/number based on operator)
- * - A trash icon button to remove this condition
+ * The comparison is shown as the shared, presentational `limebb-filter-chip`
+ * (slotted as the trigger of the edit popover): this component resolves the
+ * property label, maps the operator to a `FilterCondition`, resolves the
+ * property type, and formats the value — and lets the chip render the icon,
+ * wording, tooltip, and remove button.
  *
  * @private
  */
@@ -48,55 +67,56 @@ export class LimeQueryFilterComparisonComponent {
         }
     }
     render() {
-        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;
-        const key = (_a = this.expression) === null || _a === void 0 ? void 0 : _a.key;
-        if (!key) {
-            return 'New condition';
-        }
-        const propertyLabel = this.getPropertyLabel(key);
-        const opLabel = this.getOperatorLabel(this.expression.op);
-        const value = this.formatValue(this.expression.exp);
-        return `${propertyLabel} ${opLabel} ${value}`.trim();
+        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 (h(Host, { key: '834f43b0c83c27dc96a93eac52b57710066e05df' }, this.renderHeader(), h("limel-popover", { key: 'a01339788bcd4557adf47681023a9f3d4208bb7f', open: this.isOpen, openDirection: "bottom-start", onClose: this.handleClose }, h("limebb-filter-chip", { key: '82bee98f634cdcaf8f71fdfeed87641bed6c2454', 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 }), h("limebb-lime-query-filter-comparison-editor", { key: '7e92d55e45deda78e181adaef28ef361cd8ab613', platform: this.platform, context: this.context, limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression, onExpressionChange: this.handleEditorChange }))));
     }
     getPropertyLabel(key) {
+        return this.resolveProperty(key).labels.join(' › ');
+    }
+    getPropertyType(key) {
+        const { property } = this.resolveProperty(key);
+        return property ? getActualPropertyType(property) : undefined;
+    }
+    /**
+     * Walk a (possibly nested) property path like `company.name`, descending
+     * through relations one segment at a time. Returns the leaf property (for
+     * type resolution) and the localized label of each segment (joined into
+     * the chip label). A segment that cannot be resolved falls back to its
+     * raw name so the label still reads sensibly.
+     * @param key
+     */
+    resolveProperty(key) {
         var _a, _b;
         const repository = (_a = this.platform) === null || _a === void 0 ? void 0 : _a.get(PlatformServiceName.LimeTypeRepository);
         if (!repository || !this.limetype) {
-            return key;
+            return { labels: [key] };
         }
-        const parts = key.split('.');
         const labels = [];
         let currentType = repository.getLimeType(this.limetype);
-        for (const part of parts) {
-            if (!currentType) {
-                labels.push(part);
-                continue;
-            }
-            const property = getNormalizedProperties(currentType)[part];
+        let property;
+        for (const part of key.split('.')) {
+            property = currentType
+                ? getNormalizedProperties(currentType)[part]
+                : undefined;
             labels.push((property === null || property === void 0 ? void 0 : property.localname) || part);
             currentType = (_b = property === null || property === void 0 ? void 0 : property.relation) === null || _b === void 0 ? void 0 : _b.getLimetype();
         }
-        return labels.join(' › ');
+        return { labels, property };
     }
-    summaryIcon() {
-        var _a;
-        if (!((_a = this.expression) === null || _a === void 0 ? void 0 : _a.op)) {
-            return undefined;
+    chipValue() {
+        const value = this.expression.exp;
+        if (Array.isArray(value)) {
+            return value.map((item) => this.formatValue(item));
         }
-        const meta = LIME_QUERY_OPERATORS.find((op) => op.value === this.expression.op);
-        return meta === null || meta === void 0 ? void 0 : meta.icon;
-    }
-    getOperatorLabel(op) {
-        var _a, _b;
-        if (!op)
-            return '';
-        const meta = LIME_QUERY_OPERATORS.find((m) => m.value === op);
-        if (!meta)
-            return '';
-        return (_b = (_a = this.translator) === null || _a === void 0 ? void 0 : _a.get(meta.label)) !== null && _b !== void 0 ? _b : meta.label;
+        return this.formatValue(value);
     }
     formatValue(value) {
         if (value === undefined || value === null || value === '') {
@@ -106,7 +126,7 @@ export class LimeQueryFilterComparisonComponent {
             return value.map((v) => this.formatValue(v)).join(', ');
         }
         if (typeof value === 'string') {
-            return `"${value}"`;
+            return value;
         }
         return String(value);
     }
@@ -116,10 +136,6 @@ export class LimeQueryFilterComparisonComponent {
         }
         return h("limel-header", { subheading: this.label });
     }
-    get translator() {
-        var _a;
-        return (_a = this.platform) === null || _a === void 0 ? void 0 : _a.get(PlatformServiceName.Translate);
-    }
     static get is() { return "limebb-lime-query-filter-comparison"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {

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

@@ -119,6 +119,7 @@ li.row + li.row:before {
   color: var(--limebb-query-filter-group-color-code);
   font-size: 0.75rem;
   font-weight: 600;
+  line-height: normal;
 }
 li.row + li.row:has(> limebb-lime-query-filter-expression > limebb-lime-query-filter-group):before {
   position: absolute;
@@ -126,6 +127,10 @@ li.row + li.row:has(> limebb-lime-query-filter-expression > limebb-lime-query-fi
   top: 0;
   transform: translate(-50%, -50%);
 }
+li.row + li.row:not(:has(> limebb-lime-query-filter-expression > limebb-lime-query-filter-group)) {
+  display: inline-flex;
+  align-items: center;
+}
 li.row + li.row:not(:has(> limebb-lime-query-filter-expression > limebb-lime-query-filter-group)):before {
   margin-right: 0.5rem;
 }

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: '66a01a54f224e00445831f10966cc0c90ff10061', "data-op": combinator, style: {
+        return (h(Host, { key: 'bb7aff22fe070aa44b0d0a723abc5df16ed71cb4', "data-op": combinator, style: {
                 '--limebb-query-filter-group-color-code': OP_STYLE[combinator].color,
-            } }, 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: {
+            } }, h("div", { key: '562e42e8a3ef37553abdca09df0f6acbd5aff0db', class: "group" }, h("div", { key: '6235b10b2460258a77fceee16c564471fadbe905', class: "group-header" }, h("limel-select", { key: '93277a50432aaa70c6a2ef42201251e2e154d224', class: "combinator", label: "Match", value: selected, options: COMBINATOR_OPTIONS, onChange: this.handleCombinatorChange }), h("limel-icon-button", { key: 'fdafa33ae14aa5ef47bc416894155b3e56a08ce0', class: "delete-group", icon: "trash", label: "Delete this group", onClick: this.handleDeleteGroup })), h("ul", { key: '027804ac82604440ee91712f08b115f688aa4d6f', class: "rows" }, inner.exp.map(this.renderChildExpression), h("limel-chip", { key: 'd7985bb579b0e85ac237f0235de5ab4ecd747a07', role: "listitem", class: "add-condition", text: "Condition", icon: { name: 'plus_math', title: 'Add' }, onClick: this.handleAddChildExpression })), h("limel-chip", { key: '0c75dffd8906496b6f058641ef5face8dda8dc5f', 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: '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 })));
+        return (h("div", { key: '985a54dec5d1fe5ca72a50dd63d178d277d03fdf', class: "expression" }, this.label && h("limel-header", { key: 'd04363a1d7a3b44ec94480253e06f648cbdf5e65', heading: this.label }), h("limebb-lime-query-filter-expression", { key: 'd9be640e4398dc5303dd7cc8c8850ef3819a19e9', 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: '0f77284a47da233bf57e5f755661fdc0dab9fca8' }, this.renderHeader(), this.renderContent()));
+        return (h(Host, { key: '14d9e9854387175cd60564ff405930ca01da2a50' }, 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: '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()))));
+        return (h("div", { key: '5450e80863e61f981df7c0a94bbddb113e6ef679', class: "response-format-builder" }, this.label && h("h1", { key: '5d9cdb66e5dc33375be40735fbf2ff9884fe1359', class: "builder-label" }, this.label), this.helperText && (h("p", { key: '4eb9d3f05db49092b4e855415ecf65993a06fa76', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: '8a7879d025cf28c6b26cbfbe45d57209e34b8836', 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: '8c1be7d1db3d92e37353eb13b32332646fecf186', 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: '53d14fd956c5762249f3027456733f6d9fe1a98a', 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: 'f07a3f1c4a9343f135c10bdc43d79680e3274de1' }, this.renderEmptyState(), this.renderOrderByEditor()));
+        return (h(Host, { key: '80d8a3366d87715e62ba62205b1c0111e358daa5' }, 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: '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'
+        return (h(Host, { key: '3d546bbd06326fdf84b97cbf8002e61bf4d65bf9' }, h("limebb-property-selector", { key: '908dd26127731052d920fc3b738977f49738aefc', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: '5a451c6124141537e40e4b38811428072c93d3fc', class: "control-buttons" }, h("limel-icon-button", { key: 'dae62d712d7225dc20b91b5d2c78cc346355ce52', icon: direction === 'ASC'
                 ? 'sort_ascending'
-                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '0162292f614b75bb7ab223478201b9a56d4a9df4', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
+                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: 'a75604a6baff7dabd131364ca110984bd31787ac', 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: '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 })),
+            h("div", { key: '06809c3ef5e4ee2dbbfceadf21bf9ad62efe4d69', class: "property-controls" }, h("div", { key: 'da5275346d5895eaafa1d0cd1b872ae384313c19', class: "property-path" }, h("limebb-property-selector", { key: 'e7fdee44a0baa487ef31b1e9ae50d6902efb789e', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: '874a5182ceecc35a4ef5017d84e8c934b596a653', class: "input-grid" }, this.renderAliasInput()), h("div", { key: '2ec93a1a3c33472bd319dd6eb8ba7b78c6c25716', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: '9728a5b115293684c2102dae3a25eb071b1d47c0', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: '96f26604fd4b8893ffc6d9f22a98d22234e8b415', 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: '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")),
+            h("div", { key: 'f81bc7b988839c66b858bd6ac361067d7be94b6d', class: "header" }, h("limel-icon", { key: 'b7304f72bb145945db981eb93b1ee4d14114edfa', name: "not_showing_video_frames" }), h("h2", { key: '0331b8264505e135f9bb865e67a31292b1ed35f4' }, "Viewing this file type requires ", h("em", { key: 'bd7049ae2fe5c9b66255d71dc1157dbcac1e34bf' }, "Live Docs"))),
+            h("p", { key: 'b34ef63df0f29d319c0993adeb5360ad9961834e' }, h("em", { key: 'ff6e076d06abb21efb6ca9aba4343e56339a5adb' }, "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: '6abd8c066d30ed815e58febf40abf65560a15b0b', 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: '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 }));
+        return (h("limel-select", { key: '231a49f12d52d8dcd0374dbc50a625c9dc5c9680', 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: 'db1045deee7826d3e3bd235f290bc5f42b1d8462', id: this.item.id, class: {
+        return (h(Host, { key: '70aa4b0d5b07a56b414585422771813cacac8d04', 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: '8401d2ce62e5b3d2d711d90e99b8eb66e445bd74', class: this.getContainerClassList(), style: {
+        return (h(Host, { key: '8fb1abf25655577aa6310c53da7380742a7751c9', 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: '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()));
+            } }, h("limel-notched-outline", { key: '8f936a2aef75ca6656b60cf57a31dc49260b9530', 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: '6c9fd8738d41a3419bb211345bc8ffe16a615026', 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: '1128e5c6da6e5ce3a3fd36eb9846eccd4b70e869', class: "popover" }, this.renderHeader(), this.renderBody()));
+        return (h("div", { key: '9577a4da5cb41e51ab83f2ed602781c13d7af503', 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: 'baa043c4e594b2474ed91ecca81186990cc521a5', class: containerClasses }, this.renderLabel(), h(RuleNodeView, { key: '686e92a241876347c921a8a9a084c09bbacb598b', node: this.normalizedValue, path: [], ctx: this.createRenderContext() }), this.renderHelperText()));
+        return (h("div", { key: '2c1a7d0162a9145de148c55d3d349edb21c26b34', class: containerClasses }, this.renderLabel(), h(RuleNodeView, { key: 'bfcadccfef5f55ba8325454fa11ee4e27faa1adc', node: this.normalizedValue, path: [], ctx: this.createRenderContext() }), this.renderHelperText()));
     }
     renderLabel() {
         if (!this.label) {