@limetech/lime-crm-building-blocks 1.129.0 → 1.131.0

package/dist/collection/components/chat-list/chat-list.js

@@ -85,7 +85,7 @@ export class ChatList {
         this.scrollAnchor.afterRender();
     }
     render() {
-        return (h(Host, { key: '1684ed7ba9da966e3c8b8c1c9615738b825b28fa', class: {
+        return (h(Host, { key: 'af1a346523a7b13bb04c6117ae2f9fe9a280e8ef', class: {
                 'is-empty': this.items.length === 0 &&
                     !this.isTypingIndicatorVisible,
             }, "aria-busy": this.isBusy(), role: "log" }, this.renderSpinner(), this.order === 'newest-on-top' &&

package/dist/collection/components/chat-list/typing-indicator/typing-indicator.js

@@ -7,7 +7,7 @@ import { h } from "@stencil/core";
  */
 export class TypingIndicator {
     render() {
-        return (h("div", { key: '23c76c03d08f495a885b7bfef11ef133d1da53a9', class: "typing-ellipsis" }, h("div", { key: '93ec029e09591839a45f41a49d42e4eea3d5127f', class: "circle" }), h("div", { key: '2ed2c1c943556f0f6e315d97cbdf7818773901c8', class: "circle" }), h("div", { key: '3fa7646cef9c5e3eecea9d9e8ed8bc9868505878', class: "circle" })));
+        return (h("div", { key: 'a4979cd24c3d3f0779e0527b1c706a1fdc110405', class: "typing-ellipsis" }, h("div", { key: '087ffe34bdf20f33806fe0d3c5eaada58029254e', class: "circle" }), h("div", { key: 'c222d11fd36fa525f6c6f5f7bed885275b8c1a6a', class: "circle" }), h("div", { key: 'f5ca1f718d90dbaaae06c9718b8fad5159b05665', class: "circle" })));
     }
     static get is() { return "limebb-typing-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/color-palette-picker/color-palette-picker.js

@@ -58,7 +58,7 @@ export class ColorPalettePicker {
         this.optionsById = new Map(this.options.map((option) => [option.value, option]));
     }
     render() {
-        return (h(Host, { key: '60917a56a3aede46b8fdcae4ea47ea61801edc3e' }, h("limel-select", { key: '9903a9645f7c46d6f7d96f7683b592716e38320e', 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: '3dd67dfb1526e13643cb25e04451fbd7c252cb8f' }, h("limel-select", { key: '590c0f1bf1d869ad51603568d21037a58800de68', 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/collection/components/color-palette-picker/color-palette-swatches/color-palette-swatches.js

@@ -22,7 +22,7 @@ export class ColorPaletteSwatches {
         this.colors = [];
     }
     render() {
-        return (h(Host, { key: 'a3db5db1af1faced5922e1a9637b790b3a813915', "aria-hidden": "true" }, h("ol", { key: '5266e22482769d5bf0000e02ff2593ca05102068' }, this.colors.map((color, index) => (h("li", { key: index, style: { backgroundColor: color } }))))));
+        return (h(Host, { key: 'ae4e71ec4e2e6d45f5c112ba6b28e1a3a9e35d8b', "aria-hidden": "true" }, h("ol", { key: 'e09bd29e6d5ab4ba2f20847e23108637d3e30f21' }, this.colors.map((color, index) => (h("li", { key: index, style: { backgroundColor: color } }))))));
     }
     static get is() { return "limebb-color-palette-swatches"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/composer-toolbar/composer-toolbar.js

@@ -83,8 +83,8 @@ export class ComposerToolbar {
     }
     render() {
         return [
-            h("div", { key: '34b441a01bfcca09b934ffc5aa5f6852efd359fd', class: "actions" }, h("slot", { key: '7b4ebdd76e9b58a7a9aa376aeffedf146f000973', name: "leading" }), this.renderFileInput(), this.renderTriggerActions(), h("slot", { key: '0b3fdc53e1dde0963f131684e7994ffc49e737fa', name: "trailing" })),
-            h("slot", { key: '82ca56d3d8a9e227f343f4bedaaadca5c075f02e', name: "primary-action" }),
+            h("div", { key: '47990ebd44bdb54bd555b4bc3d556467d6288072', class: "actions" }, h("slot", { key: '4efcba8ee2d3dfc3a0e710e2837c7ed3148d4917', name: "leading" }), this.renderFileInput(), this.renderTriggerActions(), h("slot", { key: 'ced71524a1aceb0c0cb1a3350478e6e203b76432', name: "trailing" })),
+            h("slot", { key: 'e46c67fd7a785c6373c2518023d2a8af1702b3c3', name: "primary-action" }),
         ];
     }
     get translator() {

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

@@ -84,7 +84,7 @@ export class CurrencyPicker {
         };
     }
     render() {
-        return (h("limel-picker", { key: '2e9dcd3bf98fe7a3377aa24c0e45814f2c698633', 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: '0c5d2c1bc4543389e6fafaa3113faccc42a09313', 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/collection/components/dashboard-widget/dashboard-widget.js

@@ -17,7 +17,7 @@ export class DashboardComponent {
         };
     }
     render() {
-        return [this.renderHeader(), h("slot", { key: '1eed54a26c093b5d27c1de85eb083a0a8d2f1b22', name: "content" })];
+        return [this.renderHeader(), h("slot", { key: 'f4f4a4e0442f5cfc06ef8f277840810eda9a589c', name: "content" })];
     }
     static get is() { return "limebb-dashboard-widget"; }
     static get encapsulation() { return "shadow"; }

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

@@ -66,7 +66,7 @@ export class DatePicker {
         if (this.value) {
             this.shouldEmitValueAsString = typeof this.value === 'string';
         }
-        return (h("limel-date-picker", { key: '9a27ee751c1928a442651e8473b0c588778dbdc0', 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: '03fcd4817bc780ed9869e07351b2fc20008af09d', 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/collection/components/date-range/date-range.js

@@ -33,7 +33,7 @@ export class DateRange {
         this.originalEndTime = this.endTime;
     }
     render() {
-        return (h("div", { key: '8dc6bd4fda6f6e713d422bf0f03b10dd7a613c48', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
+        return (h("div", { key: 'dd12ade7e65a27dc92fc3c6819e9fd40993bb292', class: "date-pickers" }, this.renderStartDatePicker(), this.renderEndDatePicker()));
     }
     renderStartDatePicker() {
         if (!this.originalStartTime) {

package/dist/collection/components/document-chips/document-chips.js

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

package/dist/collection/components/document-picker/document-item/document-item.js

@@ -78,10 +78,10 @@ export class DocumentItemComponent {
     render() {
         const isUnavailable = this.isUnavailable();
         const image = this.getImage();
-        return (h(Host, { key: '4e7f632c97cd078ee44cc262b3531b87409344fb', id: String(this.item.file.id), class: {
+        return (h(Host, { key: '885c9721b9bdedbbb3d74d9e49e646bdf4e54d49', 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: 'b560d107ba3bfee84158b2867fb594eb698072c3', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '798a25ef8ef4ca1470a91afaaf2fc3e975473368', 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: 'f33b96a2624f6f890259f8c47edcd5058dd3d908', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'e0b3efdf16c5455c2fabb052908896ca5fc5ce5b', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
     }
     renderBooleanInput() {
         const id = this.getControlId();

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

@@ -76,7 +76,7 @@ export class DocumentPicker {
         this.labelId = createRandomString();
     }
     render() {
-        return (h(Host, { key: 'cf8c1618a2d98a0278e16a634df162b9e0e7cb3e' }, h("limel-notched-outline", { key: '07e5f29db31eb7fc89b915e311bba3c2c6e2826a', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: '65a36951d5ffa6e23ee90fc98e2bac82ba26e6ed', 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: '0253a10e5b2d79a176c0d5d538b8cb6545810276' }, h("limel-notched-outline", { key: 'a0c7a019ccd81f94643075086cc837bb29944fb9', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: 'f984bcb406575f2af8375d0946e59525d8065780', 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/collection/components/feed/feed-item/feed-timeline-item.js

@@ -205,7 +205,7 @@ export class FeedTimelineItem {
     render() {
         var _a, _b;
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: 'ddc74b89e09e4bd56f2ce64ef2f9ddca011b7acb', id: this.item.id, class: {
+        return (h(Host, { key: '2ad365b907d0da77fcd0ac20c268f1660390a078', 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/collection/components/feed/feed-item-thumbnail-file-info/feed-item-thumbnail-file-info.js

@@ -8,7 +8,7 @@ import { h } from "@stencil/core";
  */
 export class FeedItemThumbnailFileInfo {
     render() {
-        return h("span", { key: '0205a9ad6caeae2ec0f8380da61b193b16c2cf76' }, this.description);
+        return h("span", { key: 'b935904ec21f27bfa83c0889816bfdaad2b37f8b' }, this.description);
     }
     static get is() { return "limebb-feed-item-thumbnail-file-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/feed/feed.js

@@ -103,7 +103,7 @@ export class Feed {
         this.highlighter.unregisterFeed(this.feedItemElement);
     }
     render() {
-        return (h(Host, { key: '5d1c5d6ff9949229a0bafbdb060a0bc386a8eb03', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
+        return (h(Host, { key: 'c5df548b29bd1f2a6a2bc133a5095968ca10dd9d', 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/collection/components/icon-picker/icon-picker.js

@@ -35,7 +35,7 @@ export class IconPicker {
                 icon: this.value,
             };
         }
-        return (h("limel-picker", { key: '5fe87f699b12aaa523a1823e287736a6ca3b5379', 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: 'b3931d11e41ded06563c989433ef7fa6d09ed2ea', 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: '142f19b2441e11b3d1ad151edb9603f7656e10be', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
+            h("limel-button-group", { key: 'ad44098032f89893e8e9ba287e1d7f786f2a11d7', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
             this.renderFormatConfig(),
         ];
     }

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

@@ -103,7 +103,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: 'd96335bf647a10a786c7294da2ede4b6bd4ee38f', class: { error: !filter || this.error } }, props)));
+        return (h("limel-info-tile", Object.assign({ key: '0b1ada2299bec6b79e903f3612e3c1cfbbf31827', class: { error: !filter || this.error } }, props)));
     }
     getFormattedValue() {
         if (!this.value && this.value !== 0) {

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

@@ -27,7 +27,7 @@ export class KanbanGroup {
         };
     }
     render() {
-        return (h(Host, { key: '7c08e70a3e4ea0641b3e556098ccaff818bf11c3' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
+        return (h(Host, { key: '03d233a753a8c61ae453697fde91284180557760' }, 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: '0d3c75642c2ea8ec42e475ef7a5e206f408eb446', id: this.item.id.toString(), class: {
+        return (h(Host, { key: 'ee9ebc5f113a4fd3202c3d8a7f4d4c52d6b6fd82', 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/filter-group-logic.js

@@ -1,23 +1,71 @@
 import { Operator, } from "@limetech/lime-web-components";
 /**
- * Get the subheading text for a filter group based on its operator and expression count
- *
- * @param operator - The group's operator (AND or OR)
- * @param expressionCount - Number of child expressions
- * @returns Subheading text, or empty string if 0 or 1 expressions
+ * Identify the combinator a group expression represents. NOT-wrapped AND/OR
+ * groups are reported as NOT_AND / NOT_OR; bare AND/OR as AND/OR.
+ * @param expression
  */
-export function getFilterGroupSubheading(operator, expressionCount) {
-    if (expressionCount <= 1) {
-        return '';
+export function getCombinator(expression) {
+    if (expression.op === Operator.NOT) {
+        return expression.exp.op === Operator.AND ? 'NOT_AND' : 'NOT_OR';
     }
-    return operator === Operator.AND
-        ? 'All of these conditions are met'
-        : 'Any of these conditions are met';
+    return expression.op === Operator.AND ? 'AND' : 'OR';
 }
 /**
- * Create a new empty comparison expression
- *
- * @returns A new comparison expression with empty key and value
+ * Return the inner AND/OR group, unwrapping a NOT wrapper if present.
+ * @param expression
+ */
+export function getInnerAndOr(expression) {
+    if (expression.op === Operator.NOT) {
+        return expression.exp;
+    }
+    return expression;
+}
+/**
+ * Transform a group expression into the shape implied by the new combinator,
+ * preserving children. Use this for combinator-pill transitions.
+ * @param expression
+ * @param next
+ */
+export function setCombinator(expression, next) {
+    const inner = getInnerAndOr(expression);
+    const nextInnerOp = next === 'AND' || next === 'NOT_AND' ? Operator.AND : Operator.OR;
+    const nextInner = {
+        op: nextInnerOp,
+        exp: [...inner.exp],
+    };
+    if (next === 'NOT_AND' || next === 'NOT_OR') {
+        return { op: Operator.NOT, exp: nextInner };
+    }
+    return nextInner;
+}
+/**
+ * Type predicate for bare `AND`/`OR` groups and `NOT { AND ... }` /
+ * `NOT { OR ... }` — the shapes the group component renders via its
+ * combinator pill. Bare comparisons or `NOT { NOT ... }` wrap-shapes
+ * are not group-shaped.
+ * @param expression
+ */
+export function isGroupShape(expression) {
+    if (expression.op === Operator.AND || expression.op === Operator.OR) {
+        return true;
+    }
+    if (expression.op === Operator.NOT) {
+        const inner = expression.exp;
+        return inner.op === Operator.AND || inner.op === Operator.OR;
+    }
+    return false;
+}
+/**
+ * Returns the expression as a `GroupExpression` when it is group-shaped,
+ * otherwise `undefined`. Lets callers route to the group component without a
+ * visible cast at the call site.
+ * @param expression
+ */
+export function asGroupExpression(expression) {
+    return isGroupShape(expression) ? expression : undefined;
+}
+/**
+ * Create a new empty comparison expression.
  */
 export function createEmptyComparison() {
     return {
@@ -27,10 +75,8 @@ export function createEmptyComparison() {
     };
 }
 /**
- * Create a new nested group with the opposite operator from the parent
- *
- * @param parentOperator - The parent group's operator
- * @returns A new group with the opposite operator and one empty comparison
+ * Create a new nested group with the opposite operator from the parent.
+ * @param parentOperator
  */
 export function createNestedGroup(parentOperator) {
     const oppositeOp = parentOperator === Operator.AND ? Operator.OR : Operator.AND;
@@ -40,11 +86,9 @@ export function createNestedGroup(parentOperator) {
     };
 }
 /**
- * Add a new expression to a group immutably
- *
- * @param group - The existing group
- * @param newExpression - The expression to add
- * @returns A new group with the expression added to the end
+ * Add a new expression to a group immutably.
+ * @param group
+ * @param newExpression
  */
 export function addExpressionToGroup(group, newExpression) {
     return {
@@ -53,68 +97,27 @@ export function addExpressionToGroup(group, newExpression) {
     };
 }
 /**
- * Toggle a group's operator between AND and OR
- *
- * @param group - The group to toggle
- * @returns A new group with the toggled operator
- */
-export function toggleGroupOperator(group) {
-    const newOperator = group.op === Operator.AND ? Operator.OR : Operator.AND;
-    return {
-        op: newOperator,
-        exp: [...group.exp],
-    };
-}
-/**
- * Update a child expression in a group, handling deletion and unwrapping
- *
- * This function handles three scenarios:
- * 1. Update: Replace a child expression with a new one
- * 2. Delete: Remove a child (when updatedChild is undefined)
- *    - If last child is deleted, return 'removed' (group should be deleted)
- *    - If deletion leaves one child, return 'unwrapped' (unwrap to that child)
- *    - Otherwise, return 'updated' with the remaining children
- *
- * @param group - The group containing the child
- * @param childIndex - Index of the child to update
- * @param updatedChild - The new child expression, or undefined to delete
- * @returns Result object with type and resulting expression
+ * Update or delete a child of a group, immutably. Deleting the last
+ * child returns `{ type: 'removed' }` so the caller can drop the group.
+ * @param group
+ * @param childIndex
+ * @param updatedChild
  */
 export function updateChildExpression(group, childIndex, updatedChild) {
     const expressions = [...group.exp];
     if (!updatedChild) {
-        // Deletion - remove the child
         expressions.splice(childIndex, 1);
         if (expressions.length === 0) {
-            // No children left - remove the entire group
-            return {
-                type: 'removed',
-                expression: undefined,
-            };
-        }
-        if (expressions.length === 1) {
-            // One child left - unwrap to that child
-            return {
-                type: 'unwrapped',
-                expression: expressions[0],
-            };
+            return { type: 'removed', expression: undefined };
         }
-        // Multiple children remain - return updated group
         return {
             type: 'updated',
-            expression: {
-                op: group.op,
-                exp: expressions,
-            },
+            expression: { op: group.op, exp: expressions },
         };
     }
-    // Update - replace the child
     expressions[childIndex] = updatedChild;
     return {
         type: 'updated',
-        expression: {
-            op: group.op,
-            exp: expressions,
-        },
+        expression: { op: group.op, exp: expressions },
     };
 }

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

@@ -1,5 +1,6 @@
 import { h } from "@stencil/core";
 import { Operator, } from "@limetech/lime-web-components";
+import { isGroupShape } from "./filter-group-logic";
 /**
  * Lime Query Filter Builder
  *
@@ -62,12 +63,7 @@ export class LimeQueryFilterBuilderComponent {
         if (!this.expression) {
             return false;
         }
-        // Basic comparison needs promotion
-        if ('key' in this.expression) {
-            return true;
-        }
-        // NOT needs promotion
-        return this.expression.op === Operator.NOT;
+        return !isGroupShape(this.expression);
     }
     renderEmptyState() {
         return (h("limel-button", { label: "Condition", icon: {

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

@@ -0,0 +1,12 @@
+: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;
+}