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

package/dist/cjs/{limebb-lime-query-filter-comparison-editor_4.cjs.entry.js → limebb-filter-chip_5.cjs.entry.js}

@@ -1,10 +1,357 @@
 'use strict';
 
-var index = require('./index-dBY184XR.js');
-var index_esm = require('./index.esm-Dgkx-Syd.js');
-var limeQueryOperators = require('./lime-query-operators-B6PujuTH.js');
-var filterGroupLogic = require('./filter-group-logic-Dp9o1iOJ.js');
+var index = require('./index-B9Bi9dpZ.js');
+var index_esm = require('./index.esm-8LHVbTD0.js');
+var randomString = require('./random-string-BdZGIsGg.js');
+var filterConditionIcons = require('./filter-condition-icons-HypsDn6x.js');
+var filterGroupLogic = require('./filter-group-logic-BoF3Z5_P.js');
 var propertyResolution = require('./property-resolution-Bz1zPcfq.js');
+var typeResolution = require('./type-resolution-CvlsQvQD.js');
+
+const filterChipCss = () => `@charset "UTF-8";:host(limebb-filter-chip){isolation:isolate;position:relative;display:inline-flex;align-items:center;min-width:0}*{box-sizing:border-box}button.chip{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;position:relative;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;max-width:20rem;height:1.75rem;border-radius:1.75rem;border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem;font-size:0.875rem;padding:0 0.125rem}button.chip:has(limel-icon) .text{padding-left:0}button.chip:not([disabled]){transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color);box-shadow:var(--button-shadow-normal)}button.chip:not([disabled]):focus{outline:none}button.chip:not([disabled]):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button.chip:not([disabled]):hover,button.chip:not([disabled]):focus,button.chip:not([disabled]):focus-visible{will-change:color, background-color, box-shadow, transform}button.chip:not([disabled]):hover,button.chip:not([disabled]):focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button.chip:not([disabled]):hover{box-shadow:var(--button-shadow-hovered)}button.chip:not([disabled]):active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);background-color:var(--limel-theme-surface-background-color);box-shadow:var(--button-shadow-inset-pressed)}button.chip:not([disabled]):hover,button.chip:not([disabled]):active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.chip[disabled]{cursor:not-allowed;color:rgba(var(--contrast-1600), 0.37);background-color:rgba(var(--contrast-1600), 0.1)}button.chip:has(+.remove-button:hover){box-shadow:var(--shadow-depth-8-error)}button.chip:has(+.trailing-button){padding-right:calc(1.75rem + 0.125rem)}button.chip:has(+.trailing-button) .text{padding-right:0}button.chip .text.empty,button.chip .value-item.empty{font-style:italic;color:rgb(var(--contrast-800))}button.chip .conjunction{color:rgb(var(--contrast-800))}button.chip limel-badge{margin-left:0.25rem}:host(limebb-filter-chip[selected]) .chip{background-color:rgb(var(--contrast-500));box-shadow:var(--button-shadow-inset-pressed)}:host(limebb-filter-chip[selected]) .chip:hover{background-color:rgb(var(--contrast-500))}:host(limebb-filter-chip[selected]) .chip limel-badge{--badge-background-color:rgb(var(--contrast-200))}:host(limebb-filter-chip[invalid]) .chip{background:url("data:image/svg+xml;charset=utf-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' style='fill-rule:evenodd;'><path fill='rgba(186,186,192,0.16)' d='M0 0h4v4H0zM4 4h4v4H4z'/></svg>");background-size:0.5rem;background-color:rgb(var(--color-red-default))}:host(limebb-filter-chip[invalid]) .text{color:rgb(var(--color-white))}:host(limebb-filter-chip[invalid]) .conjunction{color:rgba(var(--color-white), 0.7)}:host(limebb-filter-chip[readonly]:not([readonly=false])) .chip{box-shadow:0 0 0 1px var(--chip-readonly-border-color, rgb(var(--contrast-800), 0.5));cursor:default}limel-icon{flex-shrink:0;width:1.5rem;height:1.5rem;padding:0.0625rem}.text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2;padding:0 0.5rem}label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;transform:translateY(-50%);z-index:1;position:absolute;top:0;left:0;display:block;padding:0px 0.25rem;color:rgb(var(--contrast-1200));font-size:0.65rem;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em)}button.trailing-button{appearance:none;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;transition:color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);cursor:pointer;color:var(--limel-theme-on-surface-color);background-color:transparent;z-index:1;flex-shrink:0;align-self:center;display:flex;align-items:center;justify-content:center;margin-left:calc(1.75rem * -1 + 0.125rem);width:1.5rem;height:1.5rem;border-radius:50%}button.trailing-button:hover,button.trailing-button:focus,button.trailing-button:focus-visible{will-change:color, background-color, box-shadow, transform}button.trailing-button:hover,button.trailing-button:focus-visible{transform:translate3d(0, 0.01rem, 0);color:var(--limel-theme-on-surface-color);background-color:var(--lime-elevated-surface-background-color)}button.trailing-button:hover{box-shadow:var(--button-shadow-hovered)}button.trailing-button:active{--limel-clickable-transform-timing-function:cubic-bezier(       0.83,       -0.15,       0.49,       1.16   );transform:translate3d(0, 0.05rem, 0);box-shadow:var(--button-shadow-pressed)}button.trailing-button:hover,button.trailing-button:active{--limel-clickable-transition-speed:0.2s;--limel-clickable-transform-speed:0.16s}button.trailing-button svg{transition:color 0.2s ease, transform 0.2s ease;width:1.25rem}button.trailing-button.remove-button:hover{color:rgb(var(--color-red-dark))}button.trailing-button.remove-button:hover svg{transform:scale(0.8)}`;
+
+const REMOVE_ICON = '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="currentColor" stroke-width="2" d="m8 8 16 16M24 8 8 24"/></svg>';
+const DEFAULT_MAX_LENGTH = 25;
+const DEFAULT_SEPARATOR = ', ';
+/**
+ * Translation keys for the muted join word rendered between multiple values.
+ */
+const CONJUNCTION_LABEL_KEYS = {
+    and: 'webclient.delimiter.and',
+    or: 'webclient.delimiter.or',
+};
+/**
+ * Non-localized fallbacks used when no platform is available to translate.
+ */
+const CONJUNCTION_FALLBACKS = {
+    and: '&',
+    or: 'or',
+};
+const FilterChip = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.remove = index.createEvent(this, "remove");
+        /**
+         * Set to `true` to render a remove button on the chip.
+         */
+        this.removable = true;
+        /**
+         * Set to `true` to make the chip readonly.
+         */
+        this.readonly = false;
+        /**
+         * Set to `true` to make the chip disabled. Like `readonly`, this
+         * neutralizes clicks and the remove shortcut, but still lets the tooltip
+         * show on hover so the full filter stays readable.
+         */
+        this.disabled = false;
+        /**
+         * Set to `true` to visualize the chip as invalid, for example when the
+         * filter cannot be resolved.
+         */
+        this.invalid = false;
+        /**
+         * Set to `true` to visualize the chip as active/pressed, for example
+         * while its editor is open.
+         */
+        this.selected = false;
+        /**
+         * The maximum number of characters of value text to show before
+         * collapsing the remainder into a `+N` badge.
+         */
+        this.maxLength = DEFAULT_MAX_LENGTH;
+        this.handleKeyDown = (event) => {
+            if (this.disabled || this.readonly) {
+                return;
+            }
+            if (event.key === 'Backspace' || event.key === 'Delete') {
+                event.preventDefault();
+                event.stopPropagation();
+                this.remove.emit(this.identifier);
+            }
+        };
+        this.handleRemoveClick = (event) => {
+            event.stopPropagation();
+            this.remove.emit(this.identifier);
+        };
+    }
+    get chipId() {
+        let id = index.getElement(this).id;
+        if (!id) {
+            if (!this.randomId) {
+                this.randomId = randomString.createRandomString();
+            }
+            id = this.randomId;
+        }
+        return 'filter-chip-' + id;
+    }
+    render() {
+        const chipId = this.chipId;
+        const items = this.getDisplayItems();
+        const conjunction = this.getConjunctionText();
+        const helperLabel = this.getHelperLabel(items, conjunction);
+        return (index.h(index.Host, { key: '4a6edb3331532c6c1e351e33424e80f6b2419d35' }, this.renderLabel(), index.h("button", { key: '409a382c79f8955d90ced0a80bd1eb38a1ca8286', 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: '3926f24d995da600b2e126e4576740b661e523ec', elementId: chipId, label: this.label || this.getFilterLabel(), helperLabel: helperLabel })));
+    }
+    /**
+     * `aria-pressed` only makes sense for an interactive toggle. A readonly
+     * or disabled chip is not a toggle, so we omit the attribute entirely
+     * rather than announce a pressed state the user cannot change.
+     */
+    getAriaPressed() {
+        if (this.readonly || this.disabled) {
+            return undefined;
+        }
+        return this.selected ? 'true' : 'false';
+    }
+    renderLabel() {
+        if (!this.label) {
+            return;
+        }
+        return index.h("label", { "aria-hidden": "true" }, this.label);
+    }
+    renderIcon() {
+        const name = this.getIconName();
+        if (!name) {
+            return;
+        }
+        return index.h("limel-icon", { "aria-hidden": "true", badge: true, name: name });
+    }
+    getIconName() {
+        if (this.icon) {
+            return this.icon;
+        }
+        if (this.condition) {
+            return filterConditionIcons.getFilterConditionIcon(this.condition, this.propertyType);
+        }
+        return undefined;
+    }
+    /**
+     * Whether the value is a raw pattern rather than a normal value — true
+     * for a `matches` filter, whose regex-like value is rendered muted (the
+     * same muted/italic styling used for blank values).
+     */
+    get hasRawValue() {
+        return this.condition === 'matches';
+    }
+    renderValue(items, conjunction) {
+        if (!Array.isArray(this.value)) {
+            return (index.h("span", { class: { text: true, empty: this.hasRawValue }, "aria-hidden": "true" }, this.renderValueItem(items[0])));
+        }
+        const { visibleItems, remainingCount } = this.truncateItems(items, this.separatorFor(conjunction));
+        return (index.h("span", { class: { text: true, empty: this.hasRawValue }, "aria-hidden": "true" }, this.renderValueItems(visibleItems, conjunction), this.renderBadge(remainingCount)));
+    }
+    renderValueItems(items, conjunction) {
+        const nodes = [];
+        for (const [index$1, item] of items.entries()) {
+            if (index$1 > 0) {
+                if (conjunction) {
+                    nodes.push(index.h("span", { class: "conjunction" }, " ", conjunction, " "));
+                }
+                else {
+                    nodes.push(DEFAULT_SEPARATOR);
+                }
+            }
+            nodes.push(this.renderValueItem(item));
+        }
+        return nodes;
+    }
+    renderValueItem(item) {
+        if (!item) {
+            return;
+        }
+        return (index.h("span", { class: { 'value-item': true, empty: item.empty } }, item.text));
+    }
+    renderBadge(count) {
+        if (count <= 0) {
+            return;
+        }
+        return index.h("limel-badge", { label: `+${count}` });
+    }
+    renderRemoveButton(chipId) {
+        if (!this.removable || this.readonly || this.disabled) {
+            return;
+        }
+        return (index.h("button", { type: "button", class: "trailing-button remove-button", tabIndex: -1, "aria-label": this.getRemoveButtonLabel(), "aria-controls": chipId, innerHTML: REMOVE_ICON, onClick: this.handleRemoveClick }));
+    }
+    getTranslator() {
+        if (!this.platform) {
+            return;
+        }
+        try {
+            return this.platform.get(index_esm.n.Translate);
+        }
+        catch (_a) {
+            return;
+        }
+    }
+    getRemoveButtonLabel() {
+        const translator = this.getTranslator();
+        if (!translator) {
+            return 'Remove';
+        }
+        return translator.get('webclient.remove-filter', {
+            propertyName: this.label,
+        });
+    }
+    getConditionLabel() {
+        const key = filterConditionIcons.getFilterConditionLabelKey(this.condition, this.propertyType);
+        const translator = this.getTranslator();
+        if (!key || !translator) {
+            return '';
+        }
+        return translator.get(key);
+    }
+    getConjunctionText() {
+        if (!this.conjunction) {
+            return '';
+        }
+        const translator = this.getTranslator();
+        if (translator) {
+            return translator.get(CONJUNCTION_LABEL_KEYS[this.conjunction]);
+        }
+        return CONJUNCTION_FALLBACKS[this.conjunction];
+    }
+    getFilterLabel() {
+        const translator = this.getTranslator();
+        return translator ? translator.get('webclient.filter') : 'Filter';
+    }
+    getValueItems() {
+        if (Array.isArray(this.value)) {
+            return this.value;
+        }
+        if (this.value === undefined || this.value === null) {
+            return [];
+        }
+        return [this.value];
+    }
+    getDisplayItems() {
+        const items = this.getValueItems();
+        const emptyLabel = items.some((item) => !item || !item.trim())
+            ? this.getEmptyLabel()
+            : '';
+        return items.map((item) => {
+            const empty = !item || !item.trim();
+            return { text: empty ? emptyLabel : item, empty: empty };
+        });
+    }
+    getEmptyLabel() {
+        const translator = this.getTranslator();
+        return translator ? translator.get('webclient.empty') : 'Empty';
+    }
+    separatorFor(conjunction) {
+        return conjunction ? ` ${conjunction} ` : DEFAULT_SEPARATOR;
+    }
+    getHelperLabel(items, conjunction) {
+        if (this.helperLabel !== undefined) {
+            return this.helperLabel;
+        }
+        const condition = this.getConditionLabel();
+        const value = items
+            .map((item) => item.text)
+            .join(this.separatorFor(conjunction));
+        if (condition && value) {
+            return `${condition}: ${value}`;
+        }
+        return condition || value;
+    }
+    truncateItems(items, separator) {
+        const max = Math.max(this.maxLength, 1);
+        const fullText = items.map((item) => item.text).join(separator);
+        if (items.length <= 1 || fullText.length <= max) {
+            return { visibleItems: items, remainingCount: 0 };
+        }
+        const visible = [items[0]];
+        let length = items[0].text.length;
+        for (let i = 1; i < items.length; i++) {
+            const next = length + separator.length + items[i].text.length;
+            if (next > max) {
+                break;
+            }
+            visible.push(items[i]);
+            length = next;
+        }
+        return {
+            visibleItems: visible,
+            remainingCount: items.length - visible.length,
+        };
+    }
+    /**
+     * Neutralize interactions when the chip is not interactive, without
+     * blocking pointer events (so the tooltip still works on hover). Runs in
+     * the capture phase so a click never reaches the consumer's own handler
+     * while the chip is `disabled` or `readonly`.
+     * @param event
+     */
+    filterClickWhenInactive(event) {
+        if (this.disabled || this.readonly) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    }
+    static get delegatesFocus() { return true; }
+};
+FilterChip.style = filterChipCss();
+
+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'],
+    },
+];
 
 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}`;
 
@@ -50,14 +397,14 @@ const LimeQueryFilterComparisonEditorComponent = class {
         (_a = this.propertySelectorEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (index.h(index.Host, { key: '06e1cb22b9e472cbe185e06b21666adb0a11344b' }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput()));
+        return (index.h(index.Host, { key: '1023d86ccd0f21843868432418aa089b683eadce' }, this.renderPropertySelector(), this.renderOperator(), 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() {
         const operatorHasBeenSet = !!this.expression.op;
-        const options = limeQueryOperators.LIME_QUERY_OPERATORS.map((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,
@@ -82,7 +429,7 @@ const LimeQueryFilterComparisonEditorComponent = class {
 };
 LimeQueryFilterComparisonEditorComponent.style = limeQueryFilterComparisonEditorCss();
 
-const limeQueryFilterGroupCss = () => `*,*:before,*::after{box-sizing:border-box}:host(limebb-lime-query-filter-group){--group-rail-color:var(--limebb-query-filter-group-color-code);display:flex;flex-direction:column;gap:1.5rem}:host([data-op=AND]){--combinator-symbol:"&"}:host([data-op=NOT_AND]){--combinator-symbol:"- &"}:host([data-op=OR]){--combinator-symbol:"or"}:host([data-op=NOT_OR]){--combinator-symbol:"- or"}.group{position:relative;display:flex;flex-direction:column;gap:1rem;padding:0.5rem;border-radius:0.75rem;background-color:rgb(var(--contrast-800), 0.15);transition:box-shadow 120ms ease}.group:before{content:"";position:absolute;top:1rem;bottom:calc(1rem + 1.75rem);left:0;width:0.125rem;transform:translateX(-50%);border-radius:1rem;background-color:var(--group-rail-color)}.group:has(limel-icon-button.delete-group:hover),.group:has(limel-icon-button.delete-group:focus-within){box-shadow:var(--shadow-error-state)}.group-header{display:flex;align-items:center;gap:0.5rem}limel-select.combinator{min-width:9rem}limel-icon-button.delete-group{margin-left:auto;opacity:0;transition:opacity 120ms ease}limel-chip.add-group{--lime-elevated-surface-background-color:transparent;--button-shadow-normal:none;isolation:isolate;position:relative;margin-right:auto}limel-chip.add-group:after{content:"";position:absolute;width:0.5rem;height:1.75rem;top:0;left:calc(0.5rem * -1 - 0.125rem / 2);border-width:0 0 0.125rem 0.125rem;border-color:var(--group-rail-color);border-style:solid;border-radius:0 0 0 0.5rem;transform:translateY(calc(-50% - 0.125rem / 2))}.group:hover>.group-header>limel-icon-button.delete-group,limel-icon-button.delete-group:focus-within{opacity:1}ul.rows{list-style:none;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:0.5rem;row-gap:0.5rem;padding:0 0.5rem 0.5rem 0.5rem}li.row{list-style:none;position:relative}li.row:has(>limebb-lime-query-filter-expression>limebb-lime-query-filter-group){flex-basis:100%;align-self:stretch}li.row+li.row:before{content:var(--combinator-symbol);color:var(--limebb-query-filter-group-color-code);font-size:0.75rem;font-weight:600}li.row+li.row:has(>limebb-lime-query-filter-expression>limebb-lime-query-filter-group):before{position:absolute;left:0;top:0;transform:translate(-50%, -50%)}li.row+li.row:not(:has(>limebb-lime-query-filter-expression>limebb-lime-query-filter-group)):before{margin-right:0.5rem}`;
+const limeQueryFilterGroupCss = () => `*,*:before,*::after{box-sizing:border-box}:host(limebb-lime-query-filter-group){--group-rail-color:var(--limebb-query-filter-group-color-code);display:flex;flex-direction:column;gap:1.5rem}:host([data-op=AND]){--combinator-symbol:"&"}:host([data-op=NOT_AND]){--combinator-symbol:"- &"}:host([data-op=OR]){--combinator-symbol:"or"}:host([data-op=NOT_OR]){--combinator-symbol:"- or"}.group{position:relative;display:flex;flex-direction:column;gap:1rem;padding:0.5rem;border-radius:0.75rem;background-color:rgb(var(--contrast-800), 0.15);transition:box-shadow 120ms ease}.group:before{content:"";position:absolute;top:1rem;bottom:calc(1rem + 1.75rem);left:0;width:0.125rem;transform:translateX(-50%);border-radius:1rem;background-color:var(--group-rail-color)}.group:has(limel-icon-button.delete-group:hover),.group:has(limel-icon-button.delete-group:focus-within){box-shadow:var(--shadow-error-state)}.group-header{display:flex;align-items:center;gap:0.5rem}limel-select.combinator{min-width:9rem}limel-icon-button.delete-group{margin-left:auto;opacity:0;transition:opacity 120ms ease}limel-chip.add-group{--lime-elevated-surface-background-color:transparent;--button-shadow-normal:none;isolation:isolate;position:relative;margin-right:auto}limel-chip.add-group:after{content:"";position:absolute;width:0.5rem;height:1.75rem;top:0;left:calc(0.5rem * -1 - 0.125rem / 2);border-width:0 0 0.125rem 0.125rem;border-color:var(--group-rail-color);border-style:solid;border-radius:0 0 0 0.5rem;transform:translateY(calc(-50% - 0.125rem / 2))}.group:hover>.group-header>limel-icon-button.delete-group,limel-icon-button.delete-group:focus-within{opacity:1}ul.rows{list-style:none;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:0.5rem;row-gap:0.5rem;padding:0 0.5rem 0.5rem 0.5rem}li.row{list-style:none;position:relative}li.row:has(>limebb-lime-query-filter-expression>limebb-lime-query-filter-group){flex-basis:100%;align-self:stretch}li.row+li.row:before{content:var(--combinator-symbol);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;left:0;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}`;
 
 const OP_STYLE = {
     AND: {
@@ -165,9 +512,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: '66a01a54f224e00445831f10966cc0c90ff10061', "data-op": combinator, style: {
+        return (index.h(index.Host, { key: 'bb7aff22fe070aa44b0d0a723abc5df16ed71cb4', "data-op": combinator, style: {
                 '--limebb-query-filter-group-color-code': OP_STYLE[combinator].color,
-            } }, index.h("div", { key: '24fe86628ceb5b67ed1b3946483030c758145041', class: "group" }, index.h("div", { key: '6c0fc9ea1a2acc6db6a5b91de10ddf4e279d646b', class: "group-header" }, index.h("limel-select", { key: '443a8f9eb2d41371563a0305aebee4b0e2266795', class: "combinator", label: "Match", value: selected, options: COMBINATOR_OPTIONS, onChange: this.handleCombinatorChange }), index.h("limel-icon-button", { key: '50bc34b2b3328d6ad6056315700b098be4307d90', class: "delete-group", icon: "trash", label: "Delete this group", onClick: this.handleDeleteGroup })), index.h("ul", { key: 'b535dc3de80947d1d9a88f38f0df7c87b53ba4f6', class: "rows" }, inner.exp.map(this.renderChildExpression), index.h("limel-chip", { key: 'e30331e86df3af825828cce2a743ea54540cdc8c', role: "listitem", class: "add-condition", text: "Condition", icon: { name: 'plus_math', title: 'Add' }, onClick: this.handleAddChildExpression })), index.h("limel-chip", { key: 'f669006fa958fd141db149b1ff6e5d9f2655d853', class: "add-group", size: "small", text: "Group", icon: {
+            } }, index.h("div", { key: '562e42e8a3ef37553abdca09df0f6acbd5aff0db', class: "group" }, index.h("div", { key: '6235b10b2460258a77fceee16c564471fadbe905', class: "group-header" }, index.h("limel-select", { key: '93277a50432aaa70c6a2ef42201251e2e154d224', class: "combinator", label: "Match", value: selected, options: COMBINATOR_OPTIONS, onChange: this.handleCombinatorChange }), index.h("limel-icon-button", { key: 'fdafa33ae14aa5ef47bc416894155b3e56a08ce0', class: "delete-group", icon: "trash", label: "Delete this group", onClick: this.handleDeleteGroup })), index.h("ul", { key: '027804ac82604440ee91712f08b115f688aa4d6f', class: "rows" }, inner.exp.map(this.renderChildExpression), index.h("limel-chip", { key: 'd7985bb579b0e85ac237f0235de5ab4ecd747a07', role: "listitem", class: "add-condition", text: "Condition", icon: { name: 'plus_math', title: 'Add' }, onClick: this.handleAddChildExpression })), index.h("limel-chip", { key: '0c75dffd8906496b6f058641ef5face8dda8dc5f', class: "add-group", size: "small", text: "Group", icon: {
                 name: 'plus_math',
                 title: 'Add',
                 color: 'var(--group-rail-color)',
@@ -207,120 +554,11 @@ const LimeQueryFilterNotComponent = class {
         };
     }
     render() {
-        return (index.h("div", { key: '0058f05ff88585bbdc15b2781316e17fcebe49af', class: "expression" }, this.label && index.h("limel-header", { key: '02abf5fa55add75c1341f1a4b0699f1c5a8658ad', heading: this.label }), index.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 (index.h("div", { key: '985a54dec5d1fe5ca72a50dd63d178d277d03fdf', class: "expression" }, this.label && index.h("limel-header", { key: 'd04363a1d7a3b44ec94480253e06f648cbdf5e65', heading: this.label }), index.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 })));
     }
 };
 LimeQueryFilterNotComponent.style = limeQueryFilterNotCss();
 
-/**
- * System property name to actual type mapping.
- *
- * Maps system property names (with or without underscore prefix) to their actual data types.
- * This mapping is necessary because system properties have `type='system'` in the metadata
- * (for historical reasons - database schema fieldtype 255), but we need to know their
- * actual data types to render appropriate inputs.
- */
-const SYSTEM_TYPE_MAP = {
-    timestamp: 'time',
-    createdtime: 'time',
-    updatedtime: 'time',
-    id: 'integer',
-    createduser: 'integer',
-    updateduser: 'integer',
-    descriptive: 'string',
-};
-/**
- * Lime CRM date/time property type to Lime Elements date picker type mapping.
- *
- * Maps Lime CRM property types to the corresponding Lime Elements date picker types,
- * as they use different naming conventions.
- */
-const DATE_TIME_TYPE_MAP = {
-    date: 'date',
-    time: 'datetime',
-    timeofday: 'time',
-    month: 'month',
-    quarter: 'quarter',
-    year: 'year',
-};
-/**
- * Get the actual type of a property, resolving 'system' type to the underlying type.
- *
- * System properties in Lime CRM have `type: 'system'` in the metadata (a categorical marker
- * from the database schema fieldtype 255), but we need to know their actual data types
- * to render appropriate input controls.
- *
- * @param property - The property to get the type for
- * @param property.type
- * @param property.name
- * @returns The actual property type (resolves 'system' to the underlying type)
- *
- * @example
- * ```typescript
- * const property = { name: '_timestamp', type: 'system' };
- * getActualPropertyType(property); // Returns 'time'
- * ```
- */
-function getActualPropertyType(property) {
-    if (property.type === 'system') {
-        return resolveSystemPropertyType(property.name);
-    }
-    return property.type;
-}
-/**
- * Map system property names to their actual data types.
- *
- * This mapping is necessary because system properties have `type='system'` in the metadata
- * (for historical reasons - database schema fieldtype 255), but we need to know their
- * actual data types to render appropriate inputs.
- *
- * The mapping is based on the Lime CRM database schema:
- * - System datetime fields: `timestamp`, `createdtime`, `updatedtime`
- * - System integer fields: `id`, `createduser`, `updateduser`
- * - System string fields: `descriptive`
- *
- * @param propertyName - The system property name (with or without underscore prefix)
- * @returns The actual property type
- *
- * @example
- * ```typescript
- * resolveSystemPropertyType('_timestamp');  // Returns 'time'
- * resolveSystemPropertyType('timestamp');   // Returns 'time'
- * resolveSystemPropertyType('_id');         // Returns 'integer'
- * resolveSystemPropertyType('unknown');     // Returns 'string' (default)
- * ```
- */
-function resolveSystemPropertyType(propertyName) {
-    const name = propertyName.replace(/^_/, '');
-    return SYSTEM_TYPE_MAP[name] || 'string';
-}
-/**
- * Map Lime CRM property types to Lime Elements date picker types.
- *
- * Lime CRM and Lime Elements use different naming conventions for date/time types,
- * so we need to translate between them:
- *
- * - `'date'` → `'date'` - Date only
- * - `'time'` → `'datetime'` - Full datetime (date + time) in Lime CRM
- * - `'timeofday'` → `'time'` - Time only (hh:mm)
- * - `'month'` → `'month'` - Month picker (YYYY-MM)
- * - `'quarter'` → `'quarter'` - Quarter picker
- * - `'year'` → `'year'` - Year picker
- *
- * @param propertyType - The Lime CRM date/time property type
- * @returns The corresponding Lime Elements date picker type
- *
- * @example
- * ```typescript
- * mapPropertyTypeToPickerType('time');      // Returns 'datetime'
- * mapPropertyTypeToPickerType('timeofday'); // Returns 'time'
- * mapPropertyTypeToPickerType('date');      // Returns 'date'
- * ```
- */
-function mapPropertyTypeToPickerType(propertyType) {
-    return DATE_TIME_TYPE_MAP[propertyType] || 'date';
-}
-
 const limeQueryValueInputCss = () => `:host{display:flex;gap:0.5rem}:host>*{flex-grow:1}*{box-sizing:border-box}.value-input-container{display:flex;flex-direction:row;align-items:flex-start;gap:0.5rem;width:100%}.mode-toggle{flex-shrink:0;flex-grow:0}.placeholder-input{flex-grow:1;display:flex;flex-direction:column;gap:0.5rem}.placeholder-preview{display:flex;align-items:center;gap:0.5rem;padding:0.5rem;background-color:rgba(var(--color-blue-light), 0.1);border-radius:var(--border-radius-small);font-size:0.875rem;color:rgb(var(--color-blue-default));border-left:3px solid rgb(var(--color-blue-default))}.placeholder-preview limel-icon{flex-shrink:0;color:rgb(var(--color-blue-default))}.placeholder-preview span{font-family:var(--font-monospace);word-break:break-all}`;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -483,7 +721,7 @@ const LimeQueryValueInput = class {
             return this.renderTextInput();
         }
         // Resolve 'system' type to actual type
-        const actualType = getActualPropertyType(property);
+        const actualType = typeResolution.getActualPropertyType(property);
         switch (actualType) {
             case 'integer':
             case 'decimal': {
@@ -540,7 +778,7 @@ const LimeQueryValueInput = class {
     renderDateTimeInput(type) {
         // Convert string to Date if needed
         const dateValue = typeof this.value === 'string' ? new Date(this.value) : this.value;
-        const pickerType = mapPropertyTypeToPickerType(type);
+        const pickerType = typeResolution.mapPropertyTypeToPickerType(type);
         return (index.h("limel-date-picker", { label: this.label, value: dateValue, type: pickerType, onChange: this.handleDateChange }));
     }
     renderMultiValueInput() {
@@ -562,6 +800,7 @@ __decorate([
 ], LimeQueryValueInput.prototype, "limetypes", void 0);
 LimeQueryValueInput.style = limeQueryValueInputCss();
 
+exports.limebb_filter_chip = FilterChip;
 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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dBY184XR.js');
+var index = require('./index-B9Bi9dpZ.js');
 
 var icons = [
 	{
@@ -53112,7 +53112,7 @@ const IconPicker = class {
                 icon: this.value,
             };
         }
-        return (index.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 (index.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" }));
     }
 };
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dBY184XR.js');
+var index = require('./index-B9Bi9dpZ.js');
 
 const InfoTileAdminConfig = class {
     constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dBY184XR.js');
+var index = require('./index-B9Bi9dpZ.js');
 
 const infoTileDateFormatCss = () => `*{box-sizing:border-box}:host(limebb-info-tile-date-format){display:grid;gap:0.5rem;grid-template-columns:1fr 1fr !important}limel-header{flex-wrap:wrap;grid-column:1/-1;overflow:hidden;border-radius:0.7rem;border:1px solid rgb(var(--contrast-100))}limel-header section{width:100%;padding:0.5rem;display:grid;gap:0.5rem;grid-template-columns:repeat(auto-fit, minmax(8rem, 1fr))}`;
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dBY184XR.js');
+var index = require('./index-B9Bi9dpZ.js');
 
 const InfoTileAdminConfig = class {
     constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dBY184XR.js');
+var index = require('./index-B9Bi9dpZ.js');
 
 const infoTileFormatCss = () => `:host(limebb-info-tile-format){display:grid;gap:1rem}limel-button-group{grid-column:1/-1}.format{display:grid;gap:0.5rem;grid-template-columns:repeat(auto-fit, minmax(8rem, 1fr))}`;
 
@@ -93,7 +93,7 @@ const InfoTileAdminConfig = class {
             },
         ];
         return [
-            index.h("limel-button-group", { key: '3fdfad560123db2b7de25493adf3ed620b76a9d9', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
+            index.h("limel-button-group", { key: 'debf3f6ad79541e353ce3757608d1f5d5b021207', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
             this.renderFormatConfig(),
         ];
     }

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dBY184XR.js');
+var index = require('./index-B9Bi9dpZ.js');
 
 const InfoTileAdminConfig = class {
     constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-dBY184XR.js');
+var index = require('./index-B9Bi9dpZ.js');
 
 /**
  * Single units sanctioned for use in ECMAScript