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

package/dist/esm/limebb-browser.entry.js

@@ -56,8 +56,8 @@ const Browser = class {
     }
     render() {
         return [
-            h("limel-input-field", { key: 'eb067bfce6cebf0d48da6ff940fd657380b6d1a4', tabIndex: 0, value: this.filter, type: "search", "leading-icon": "search", placeholder: this.translator.get('webclient.global-search-route'), onChange: this.handleChangeFilter, onKeyDown: this.handleKeyDown }),
-            h("limel-list", { key: '80631ce6cd70018ae4481b8182387712d39b1f96', items: this.getItems(), type: "selectable", class: {
+            h("limel-input-field", { key: '8133f05dea6faf66bcdeb9621c2aa74b9945af5b', tabIndex: 0, value: this.filter, type: "search", "leading-icon": "search", placeholder: this.translator.get('webclient.global-search-route'), onChange: this.handleChangeFilter, onKeyDown: this.handleKeyDown }),
+            h("limel-list", { key: '586fa8bd9073db49e7c239f6fdd49f42904348ef', items: this.getItems(), type: "selectable", class: {
                     'has-interactive-items': true,
                     'has-grid-layout': this.layout === 'grid',
                 }, onChange: this.handleChange }),

package/dist/esm/limebb-chat-icon-list_3.entry.js

@@ -8,7 +8,7 @@ const ChatIconListComponent = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '37f41429c85d430370847b6ba08927757d97868f', id: this.item.id }, this.renderLabel(), h("div", { key: '958ef591606e10f95e43f4968110cb785f022dc7', class: "icons" }, this.item.icons.map((icon, index) => this.renderIcon(icon, index)))));
+        return (h(Host, { key: '8b396a9fe990300692e21c71e0674c412286db68', id: this.item.id }, this.renderLabel(), h("div", { key: '8f1da67a4bb6916a3a76203dee5c2050ac2db1d3', class: "icons" }, this.item.icons.map((icon, index) => this.renderIcon(icon, index)))));
     }
     renderLabel() {
         if (!this.item.label) {
@@ -99,9 +99,9 @@ const ChatListItem = class {
     }
     render() {
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: '1e6c1cea485ef290ccaf883a7206e2db140a03de', id: this.item.id, "aria-describedby": this.helperText ? helperTextId : undefined, "aria-live": this.hasError ? 'assertive' : 'off', class: {
+        return (h(Host, { key: '7726b35958522c860513ba9ea7a119a4ee9dfe2d', id: this.item.id, "aria-describedby": this.helperText ? helperTextId : undefined, "aria-live": this.hasError ? 'assertive' : 'off', class: {
                 [`${this.item.ui}`]: true,
-            } }, h("div", { key: '9e726745a4e577fb56141693f94ad548a0dbb428', class: "bubble-content" }, h("div", { key: '30b9d1b5d27f658f43d65f60a8dfeb7c752ece7c', class: "icon-picture" }, this.renderIcon(), this.renderAuthorPicture()), this.renderErrorSign(), h("div", { key: '809b0064268e9ac537611a7244845d3622afd146', class: "item" }, this.renderHeader(), this.renderValue(), h("footer", { key: '5f5a9bfd1abe7b82d0bc8b5e04a0033de196d97f' }, this.renderHelperText(helperTextId), this.renderTimestamp()))), this.renderPromotedAction()));
+            } }, h("div", { key: '2092b4d2eb6a4149205fbddae42aa63893ae2c35', class: "bubble-content" }, h("div", { key: '728b94f59b744ac932ede9bef2a99d180c0675f3', class: "icon-picture" }, this.renderIcon(), this.renderAuthorPicture()), this.renderErrorSign(), h("div", { key: 'a87fbb4ba58928deace952f50f480483530ac552', class: "item" }, this.renderHeader(), this.renderValue(), h("footer", { key: '446921a64f33dc02c6d6b9ae3e6143b1ad7ee6d9' }, this.renderHelperText(helperTextId), this.renderTimestamp()))), this.renderPromotedAction()));
     }
     renderErrorSign() {
         if (!this.hasError) {
@@ -203,7 +203,7 @@ const TypingIndicator = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'a9d6cf448777260f6b0646b5435b5fc4e608fbd6', class: "typing-ellipsis" }, h("div", { key: 'a5ce17e35ab42f6f027bb0ad2886683a9f45fec6', class: "circle" }), h("div", { key: 'f0752c80704f720f7fe8a570c3cdec00aabfbc50', class: "circle" }), h("div", { key: '852536cd7c975e4d39e99b58e7f810d7dd2c1430', class: "circle" })));
+        return (h("div", { key: 'afc891f3443bdecefb025e3564679bf83d654e9a', class: "typing-ellipsis" }, h("div", { key: 'd886ca24a5c075b2cedc9c2902fd9bfbc995e418', class: "circle" }), h("div", { key: '73133ec43983aa1cdf50e9b505cba45e0c8bde04', class: "circle" }), h("div", { key: '624b5cc3b21336642acf53e6d3b867a60ae34a80', class: "circle" })));
     }
 };
 TypingIndicator.style = typingIndicatorCss();

package/dist/esm/limebb-chat-list.entry.js

@@ -397,7 +397,7 @@ const ChatList = class {
         this.scrollAnchor.afterRender();
     }
     render() {
-        return (h(Host, { key: '9b74a79b098dfe001b8931f9ba8c6dc1644baa1a', class: {
+        return (h(Host, { key: '2aab7c285dab2438761d90107c573060802863bf', class: {
                 'is-empty': this.items.length === 0 &&
                     !this.isTypingIndicatorVisible,
             }, "aria-busy": this.isBusy(), role: "log" }, this.renderSpinner(), this.order === 'newest-on-top' &&

package/dist/esm/limebb-color-palette-picker.entry.js

@@ -31,7 +31,7 @@ const ColorPalettePicker = class {
         this.optionsById = new Map(this.options.map((option) => [option.value, option]));
     }
     render() {
-        return (h(Host, { key: 'dd5c38cb4b410f1a819547ee4e1ef200e5b74470' }, h("limel-select", { key: '0be8b51482986d95f3c949f10de115e465511ab9', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, options: this.options, value: this.getSelectedOption(), onChange: this.handleChange })));
+        return (h(Host, { key: 'a5f44d09a862e67f6216bcad7f46eec29ced722a' }, h("limel-select", { key: 'a5cf05f6592bdda711def6ec1a05b56aee2b73c9', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, options: this.options, value: this.getSelectedOption(), onChange: this.handleChange })));
     }
     /**
      * Resolve `this.value` against the cached options map. Returns

package/dist/esm/limebb-color-palette-swatches.entry.js

@@ -11,7 +11,7 @@ const ColorPaletteSwatches = class {
         this.colors = [];
     }
     render() {
-        return (h(Host, { key: 'e4c3971072fcd0baa8615044e30098934ec64b69', "aria-hidden": "true" }, h("ol", { key: '721530cf997e348c58094479ca55fc3bc6d32a93' }, this.colors.map((color, index) => (h("li", { key: index, style: { backgroundColor: color } }))))));
+        return (h(Host, { key: '62b7189e13fb67c79e8da299a40b1ec621a2886f', "aria-hidden": "true" }, h("ol", { key: 'ae4bda8db0f631c0a8d7ea42f033c4bb1e37b1da' }, this.colors.map((color, index) => (h("li", { key: index, style: { backgroundColor: color } }))))));
     }
 };
 ColorPaletteSwatches.style = colorPaletteSwatchesCss();

package/dist/esm/limebb-composer-toolbar.entry.js

@@ -64,8 +64,8 @@ const ComposerToolbar = class {
     }
     render() {
         return [
-            h("div", { key: 'e489e22d79ddf53289add50121bc5e207363f393', class: "actions" }, h("slot", { key: 'b8e771341ed61bba095fc588eed806b6b6cc4201', name: "leading" }), this.renderFileInput(), this.renderTriggerActions(), h("slot", { key: '4ca9b9d8613159a9c4ab1177e13ea111b835399d', name: "trailing" })),
-            h("slot", { key: '4dbc74d2a8b0ba9634dbb9783bc1d3c90d637cd7', name: "primary-action" }),
+            h("div", { key: '95a495c2289ee07d42b9f2ffd5b9f69634f0c70b', class: "actions" }, h("slot", { key: '3729266b77e939e980734556dc1417e34921b9a9', name: "leading" }), this.renderFileInput(), this.renderTriggerActions(), h("slot", { key: '211edc189658f512049b9e9487007a9e5b580134', name: "trailing" })),
+            h("slot", { key: '5c7e90a4577224f004e45b4f8447b330b6878138', name: "primary-action" }),
         ];
     }
     get translator() {

package/dist/esm/limebb-currency-picker.entry.js

@@ -1968,7 +1968,7 @@ const CurrencyPicker = class {
         };
     }
     render() {
-        return (h("limel-picker", { key: 'f78c82b9d9beda17b65ed5898f0af68f74364c85', label: this.label || this.defaultLabel, value: this.createListItem(this.value), helperText: this.helperText, onChange: this.handleChange, badgeIcons: false, disabled: this.disabled, required: this.required, readonly: this.readonly, invalid: this.readonly, searcher: this.search }));
+        return (h("limel-picker", { key: '8f907cef2bdcc25b1931f06f4bfdb54c0f6e4eec', label: this.label || this.defaultLabel, value: this.createListItem(this.value), helperText: this.helperText, onChange: this.handleChange, badgeIcons: false, disabled: this.disabled, required: this.required, readonly: this.readonly, invalid: this.readonly, searcher: this.search }));
     }
     getCurrencyName(code) {
         var _a;

package/dist/esm/limebb-dashboard-widget.entry.js

@@ -16,7 +16,7 @@ const DashboardComponent = class {
         };
     }
     render() {
-        return [this.renderHeader(), h("slot", { key: '6ded0fe72e2cad4fe6508cb8cb38d0eff0865bcc', name: "content" })];
+        return [this.renderHeader(), h("slot", { key: 'ab74c325ce14990b1e9bb7a29d361f13e4bab023', name: "content" })];
     }
 };
 DashboardComponent.style = dashboardWidgetCss();

package/dist/esm/limebb-date-picker.entry.js

@@ -73,7 +73,7 @@ const DatePicker = class {
         if (this.value) {
             this.shouldEmitValueAsString = typeof this.value === 'string';
         }
-        return (h("limel-date-picker", { key: '2c1596c4b222106e4be7781c17cfa86fb2a6ea0f', disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, placeholder: this.placeholder, helperText: this.helperText, required: this.required, value: this.parseDateValue(), type: this.type, language: this.language, formatter: this.formatter, onChange: this.handleChange }));
+        return (h("limel-date-picker", { key: '218c0a409c7a508fd551099d1df5e7e05734db10', disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, placeholder: this.placeholder, helperText: this.helperText, required: this.required, value: this.parseDateValue(), type: this.type, language: this.language, formatter: this.formatter, onChange: this.handleChange }));
     }
     parseDateValue() {
         const value = this.value;

package/dist/esm/limebb-date-range.entry.js

@@ -21,7 +21,7 @@ const DateRange = class {
         this.originalEndTime = this.endTime;
     }
     render() {
-        return (h("div", { key: 'd2329327a3a68f1697d2008c1fa02b266a6268fa', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
+        return (h("div", { key: 'f6648162be4b8bf1605bce38cd584b8fe136c059', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
     }
     renderStartDatePicker() {
         if (!this.originalStartTime) {

package/dist/esm/limebb-document-chips.entry.js

@@ -345,7 +345,7 @@ const DocumentChips = class {
         this.revokeAllBlobUrls();
     }
     render() {
-        return (h(Host, { key: '628907d27b78e79f65da61b32bdb7b851a3eef04', role: "list", "aria-label": this.accessibleLabel }, this.files.map((file) => this.renderFile(file))));
+        return (h(Host, { key: 'e74468ff9712e3e3bda315925b5204d5ef6ae91b', role: "list", "aria-label": this.accessibleLabel }, this.files.map((file) => this.renderFile(file))));
     }
     renderFile(file) {
         const isReady = !file.uploadState || file.uploadState === 'done';

package/dist/esm/limebb-document-item.entry.js

@@ -114,10 +114,10 @@ const DocumentItemComponent = class {
     render() {
         const isUnavailable = this.isUnavailable();
         const image = this.getImage();
-        return (h(Host, { key: '532fff336523f37eec1376e7abdb7d8ad7fe754d', id: String(this.item.file.id), class: {
+        return (h(Host, { key: '802076b3b96c854277a01fa7833a1ccdb942eff4', id: String(this.item.file.id), class: {
                 'has-image': !!image,
                 'has-error': !!this.item.hasError,
-            }, role: this.type === 'radio' ? 'radio' : 'checkbox', "aria-checked": this.item.selected ? 'true' : 'false', "aria-disabled": isUnavailable ? 'true' : 'false', tabIndex: isUnavailable ? -1 : 0 }, h("limel-card", { key: 'fed54bcd54a754d0a61a2d7acec2591515b4d3de', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '56ee7307fdb644364db3da43b48a53a985d661d9', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
+            }, role: this.type === 'radio' ? 'radio' : 'checkbox', "aria-checked": this.item.selected ? 'true' : 'false', "aria-disabled": isUnavailable ? 'true' : 'false', tabIndex: isUnavailable ? -1 : 0 }, h("limel-card", { key: '4c8149a090818f69c8ad7ced12d46d3f405f2601', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'bfcd9153638e17e8d332395739dc835eee684707', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
     }
     renderBooleanInput() {
         const id = this.getControlId();

package/dist/esm/limebb-document-picker.entry.js

@@ -66,7 +66,7 @@ const DocumentPicker = class {
         this.labelId = createRandomString();
     }
     render() {
-        return (h(Host, { key: '40bc1bd642e680f5914c472b024336cd3d85a28e' }, h("limel-notched-outline", { key: '38c00a5a207c9873211cfe8a4ce001405bfa14b2', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: 'e0811c99105ac55b7fd089411670fe23bb637b63', slot: "content", role: this.type === 'radio' ? 'radiogroup' : 'group', "aria-labelledby": this.label ? this.labelId : undefined, "aria-describedby": this.helperText ? this.helperTextId : undefined }, this.renderItems())), this.renderHelperLine()));
+        return (h(Host, { key: 'b49d5f3c6598651dd7e6c87884cb1aefa6c423f6' }, h("limel-notched-outline", { key: '89c635494ccbac031af5ac8470804fe096b315ac', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: 'c465e0dd11e74957526c7ffb18ccfa73b5b42f01', slot: "content", role: this.type === 'radio' ? 'radiogroup' : 'group', "aria-labelledby": this.label ? this.labelId : undefined, "aria-describedby": this.helperText ? this.helperTextId : undefined }, this.renderItems())), this.renderHelperLine()));
     }
     renderItems() {
         return this.items.map((item) => (h("limebb-document-item", { platform: this.platform, context: this.context, item: item, key: item.file.id, type: this.type, onInteract: this.handleItemInteract })));

package/dist/esm/limebb-feed-item-thumbnail-file-info.entry.js

@@ -7,7 +7,7 @@ const FeedItemThumbnailFileInfo = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("span", { key: '2a85325e57d44c3ea5dcc262de0ede9aace8f4a6' }, this.description);
+        return h("span", { key: '418abbe9f287784ed8f9dfa1a8ba4e343cdcda3b' }, this.description);
     }
 };
 FeedItemThumbnailFileInfo.style = feedItemThumbnailFileInfoCss();

package/dist/esm/limebb-feed-timeline-item.entry.js

@@ -204,7 +204,7 @@ const FeedTimelineItem = class {
     render() {
         var _a, _b;
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: '84e91c4401825cadc19d3a550c3047df0510230e', id: this.item.id, class: {
+        return (h(Host, { key: '0d1ba9124ef0451e73e6c66261015d193cde01b0', id: this.item.id, class: {
                 'has-unpromoted-actions': !!((_a = this.item.unpromotedActions) === null || _a === void 0 ? void 0 : _a.length),
                 'has-author-picture': !!((_b = this.item.author) === null || _b === void 0 ? void 0 : _b.picture),
                 'shows-less': !this.showMore,

package/dist/esm/limebb-feed.entry.js

@@ -556,7 +556,7 @@ const Feed = class {
         this.highlighter.unregisterFeed(this.feedItemElement);
     }
     render() {
-        return (h(Host, { key: '039b9edef50f1e306d67a3cd390149f65424bbe7', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
+        return (h(Host, { key: 'a9313ef92a734e391ee178a1d0f2c3bcc3a7ec19', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
                 '--limebb-feed-highlight-duration': `${ITEM_HIGHLIGHT_DURATION}ms`,
             } }, this.renderLoadMore(), this.renderEmptyFeedMessage(), this.renderSpinner(), this.renderFeedItems()));
     }

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

@@ -1,7 +1,8 @@
 import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-DwHAn7LS.js';
 import { b as n, n as nt, L as Le } from './index.esm-C-L5fkQs.js';
 import { c as createRandomString } from './random-string-C2JP2nLw.js';
-import { g as getFilterConditionIcon, c as getFilterConditionLabelKey } from './filter-condition-icons-D8CJOcfs.js';
+import { g as getFilterConditionIcon, c as getFilterConditionLabelKey, d as getConditionsForPropertyType } from './filter-condition-icons-C_y3-T4Q.js';
+import { o as operatorsToConditions, c as conditionToOperator, a as operatorToCondition } from './filter-operators-Lw-ccmxQ.js';
 import { g as getCombinator, s as setCombinator, b as addExpressionToGroup, u as updateChildExpression, c as getInnerAndOr, d as createNestedGroup, e as createEmptyComparison } from './filter-group-logic-BMY_GEsX.js';
 import { g as getPropertyFromPath } from './property-resolution-CQUZjrU4.js';
 import { g as getActualPropertyType, m as mapPropertyTypeToPickerType } from './type-resolution-CVEd2QZ8.js';
@@ -88,8 +89,8 @@ const FilterChip = class {
         const items = this.getDisplayItems();
         const conjunction = this.getConjunctionText();
         const helperLabel = this.getHelperLabel(items, conjunction);
-        return (h(Host, { key: 'cd41bd4000ec52bba65131fcbdfaddcc57b5a19c' }, this.renderLabel(), 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), h("limel-tooltip", { key: '2039675de876cd689295c4cd16d895da64437091', elementId: chipId, label: this.label || this.getFilterLabel(), helperLabel: helperLabel })));
+        return (h(Host, { key: '291c2a6437491c9a5152b87af18476c2fb2f69bc' }, this.renderLabel(), 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), 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
@@ -291,65 +292,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) {
+        registerInstance(this, hostRef);
+        this.change = 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 (h(Host, { key: 'ca926963d368460db20fa8961f49825d19ae2c07' }, 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 : 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: 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 = 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(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: nt.EQUALS,
-        label: 'webclient.operator.equals',
-        icon: '-lime-filter-equal',
-    },
-    {
-        value: nt.NOT_EQUALS,
-        label: 'webclient.operator.not-equals',
-        icon: '-lime-filter-equal-not',
-    },
-    {
-        value: nt.GREATER,
-        label: 'webclient.operator.greater-than',
-        icon: '-lime-filter-greater',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: nt.GREATER_OR_EQUAL,
-        label: 'webclient.operator.greater-than-or-equal-to',
-        icon: '-lime-filter-greater-equal',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: nt.LESS,
-        label: 'webclient.operator.less-than',
-        icon: '-lime-filter-less',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: nt.LESS_OR_EQUAL,
-        label: 'webclient.operator.less-than-or-equal-to',
-        icon: '-lime-filter-less-equal',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: nt.IN,
-        label: 'webclient.operator.in-filter',
-        icon: '-lime-filter-set-included',
-    },
-    {
-        value: nt.LIKE,
-        label: 'webclient.operator.contains',
-        icon: '-lime-filter-contain',
-        applicableTypes: ['string', 'text'],
-    },
-    {
-        value: nt.BEGINS,
-        label: 'webclient.operator.begins-with',
-        icon: '-lime-filter-starts-with',
-        applicableTypes: ['string', 'text'],
-    },
-    {
-        value: nt.ENDS,
-        label: 'webclient.operator.ends-with',
-        icon: '-lime-filter-ends-with',
-        applicableTypes: ['string', 'text'],
-    },
+    nt.EQUALS,
+    nt.NOT_EQUALS,
+    nt.GREATER,
+    nt.GREATER_OR_EQUAL,
+    nt.LESS,
+    nt.LESS_OR_EQUAL,
+    nt.IN,
+    nt.LIKE,
+    nt.BEGINS,
+    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 = 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}`;
 
@@ -361,9 +404,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 = 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.
@@ -395,23 +441,14 @@ const LimeQueryFilterComparisonEditorComponent = class {
         (_a = this.propertySelectorEl) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: '05ca2dc867f8c42e2ca1299cd33c0f3faae0ed31' }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput()));
+        return (h(Host, { key: '528f313843bb6e8e779fc3a5603c10769cbd183b' }, this.renderPropertySelector(), this.renderConditionPicker(), 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 }));
     }
-    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 (h("limel-select", { class: "operator", label: "Operator", value: selectedOption, options: options, disabled: !operatorHasBeenSet && !this.expression.key, onChange: this.handleOperatorChange }));
+        return (h("limebb-filter-condition-picker", { class: "operator", platform: this.platform, propertyType: this.propertyType, conditions: LIME_QUERY_CONDITIONS, value: operatorToCondition(this.expression.op), disabled: !operatorHasBeenSet && !this.expression.key, onChange: this.handleConditionChange }));
     }
     renderValueInput() {
         if (!this.expression.op) {
@@ -419,10 +456,6 @@ const LimeQueryFilterComparisonEditorComponent = class {
         }
         return (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(n.Translate);
-    }
     static get delegatesFocus() { return true; }
 };
 LimeQueryFilterComparisonEditorComponent.style = limeQueryFilterComparisonEditorCss();
@@ -510,9 +543,9 @@ const LimeQueryFilterGroupComponent = class {
         const combinator = getCombinator(this.expression);
         const inner = getInnerAndOr(this.expression);
         const selected = COMBINATOR_OPTIONS.find((o) => o.value === combinator);
-        return (h(Host, { key: 'c94790ff047e47ada5e9142af88bff0c8250e34f', "data-op": combinator, style: {
+        return (h(Host, { key: '6b7013b523d0313f053f5a057db99d23e5c35041', "data-op": combinator, style: {
                 '--limebb-query-filter-group-color-code': OP_STYLE[combinator].color,
-            } }, h("div", { key: '6bc8daa9b292993e2740dbc0a2f1b0a7f2df4722', class: "group" }, h("div", { key: '8a171940ef57d657c3638943108e997bb84bde21', class: "group-header" }, h("limel-select", { key: '179abcc11b79527f7b8d0863b2e8d81de5bd3267', class: "combinator", label: "Match", value: selected, options: COMBINATOR_OPTIONS, onChange: this.handleCombinatorChange }), h("limel-icon-button", { key: '3a604b24ccff02ac257d3440c82dbc33dc9f4f16', class: "delete-group", icon: "trash", label: "Delete this group", onClick: this.handleDeleteGroup })), h("ul", { key: 'f65734f8d7cc66886065a511a90108c9316d4d7b', class: "rows" }, inner.exp.map(this.renderChildExpression), h("limel-chip", { key: '252726aea61aefead90fc6ce421de9eb74288253', role: "listitem", class: "add-condition", text: "Condition", icon: { name: 'plus_math', title: 'Add' }, onClick: this.handleAddChildExpression })), h("limel-chip", { key: '2a5839a10a8b9ebb85f53d867c8870ad92ab0984', class: "add-group", size: "small", text: "Group", icon: {
+            } }, h("div", { key: '03bea15e4967f91d1e46a961aba64c04b1aff530', class: "group" }, h("div", { key: '26ca358c38a27e2fc24ac1b176ce338f885f2a31', class: "group-header" }, h("limel-select", { key: '46403ec7c67766ac4eb08b03eaac1eafeb92c0ff', class: "combinator", label: "Match", value: selected, options: COMBINATOR_OPTIONS, onChange: this.handleCombinatorChange }), h("limel-icon-button", { key: 'cfdb09d1656dc4a87a40c6d1cf5e5a4e0c2aeba0', class: "delete-group", icon: "trash", label: "Delete this group", onClick: this.handleDeleteGroup })), h("ul", { key: '55bb718c9ece64898a41bf95ff301bbeade8a4cd', class: "rows" }, inner.exp.map(this.renderChildExpression), h("limel-chip", { key: '34c653a547ce2406938eece661c5d468c84871f3', role: "listitem", class: "add-condition", text: "Condition", icon: { name: 'plus_math', title: 'Add' }, onClick: this.handleAddChildExpression })), h("limel-chip", { key: 'b27939aced4774b9b738e81d07a7ed4b040f3b77', class: "add-group", size: "small", text: "Group", icon: {
                 name: 'plus_math',
                 title: 'Add',
                 color: 'var(--group-rail-color)',
@@ -552,7 +585,7 @@ const LimeQueryFilterNotComponent = class {
         };
     }
     render() {
-        return (h("div", { key: '73fa671599ac9f124797567f49af67941dd30e36', class: "expression" }, this.label && h("limel-header", { key: '959feb78614f0088b9946ccb492f32900a410ff8', heading: this.label }), 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 (h("div", { key: '38ddcfda3b05cd9bc0c510f55d2712472ee2886f', class: "expression" }, this.label && h("limel-header", { key: '5b05cbb7bbd7fb1940c0d7c27b4578f6551833a8', heading: this.label }), 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();
@@ -798,4 +831,4 @@ __decorate([
 ], LimeQueryValueInput.prototype, "limetypes", void 0);
 LimeQueryValueInput.style = limeQueryValueInputCss();
 
-export { FilterChip as limebb_filter_chip, LimeQueryFilterComparisonEditorComponent as limebb_lime_query_filter_comparison_editor, LimeQueryFilterGroupComponent as limebb_lime_query_filter_group, LimeQueryFilterNotComponent as limebb_lime_query_filter_not, LimeQueryValueInput as limebb_lime_query_value_input };
+export { FilterChip as limebb_filter_chip, FilterConditionPicker as limebb_filter_condition_picker, LimeQueryFilterComparisonEditorComponent as limebb_lime_query_filter_comparison_editor, LimeQueryFilterGroupComponent as limebb_lime_query_filter_group, LimeQueryFilterNotComponent as limebb_lime_query_filter_not, LimeQueryValueInput as limebb_lime_query_value_input };

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

@@ -53110,7 +53110,7 @@ const IconPicker = class {
                 icon: this.value,
             };
         }
-        return (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 (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/esm/limebb-info-tile-format.entry.js

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

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

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

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

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

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

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

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

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

@@ -1,30 +1,12 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-DwHAn7LS.js';
 import { b as n, n as nt } from './index.esm-C-L5fkQs.js';
+import { a as operatorToCondition } from './filter-operators-Lw-ccmxQ.js';
 import { a as getNormalizedProperties } from './property-resolution-CQUZjrU4.js';
 import { g as getActualPropertyType } from './type-resolution-CVEd2QZ8.js';
 import { a as asGroupExpression } from './filter-group-logic-BMY_GEsX.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 = {
-    [nt.EQUALS]: 'equals',
-    [nt.NOT_EQUALS]: 'not-equals',
-    [nt.GREATER]: 'greater-than',
-    [nt.GREATER_OR_EQUAL]: 'greater-than-or-equal',
-    [nt.LESS]: 'less-than',
-    [nt.LESS_OR_EQUAL]: 'less-than-or-equal',
-    [nt.IN]: 'in-filter-set',
-    [nt.LIKE]: 'contains',
-    [nt.BEGINS]: 'begins-with',
-    [nt.ENDS]: 'ends-with',
-};
 const LimeQueryFilterComparisonComponent = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -54,13 +36,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 (h(Host, { key: '92e4a7debccbe2123c8fffe7b964ea51c5c1d586' }, this.renderHeader(), h("limel-popover", { key: '494afe14c58684826256ad275b16febd81d47d7a', open: this.isOpen, openDirection: "bottom-start", onClose: this.handleClose }, h("limebb-filter-chip", { key: '99c495cf63fc9ccc8067f7f0feb6d0d7884d3ca8', slot: "trigger", platform: this.platform, label: hasKey
+        const propertyType = hasKey
+            ? this.getPropertyType(this.expression.key)
+            : undefined;
+        return (h(Host, { key: '3e312a0124577ab70c6ab46074f7a34e0b87decc' }, this.renderHeader(), h("limel-popover", { key: '37b5e3b58ef4a20950b1f6fc24075388b4bdc932', open: this.isOpen, openDirection: "bottom-start", onClose: this.handleClose }, 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 }), 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 }))));
+                ? 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 }), 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/esm/limebb-lime-query-order-by-editor_2.entry.js

@@ -119,7 +119,7 @@ const OrderByEditor = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ce933b9c6df59149fa40d26f7e38bdce89208df0' }, this.renderEmptyState(), this.renderOrderByEditor()));
+        return (h(Host, { key: '5eaad5237f6ccce6d93610bf4987cce10c06abaf' }, this.renderEmptyState(), this.renderOrderByEditor()));
     }
     renderEmptyState() {
         if (this.limetype) {
@@ -249,7 +249,7 @@ const LimetypeField = class {
             value: '',
         };
         options.unshift(emptyOption);
-        return (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 (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 || '');