@limetech/lime-crm-building-blocks 1.101.0 → 1.102.1

package/dist/collection/components/percentage-visualizer/percentage-visualizer.js

@@ -91,11 +91,11 @@ export class PercentageVisualizer {
     render() {
         const normalizedValue = this.getNormalizedValue();
         const zeroPoint = this.getZeroPointPosition();
-        return (h(Host, { key: '728bef6c27bd5879d971411f812db124c3ac53b3', class: this.getContainerClassList(), style: {
+        return (h(Host, { key: 'be67c53d5eb98d9f1f76dfce49242f73c1a1f1ed', class: this.getContainerClassList(), style: {
                 '--limebb-percentage-visualizer-zero-point-position': `${zeroPoint}%`,
                 '--limebb-percentage-visualizer-width': `${Math.abs(normalizedValue)}%`,
                 '--limebb-percentage-visualizer-rotate': `${normalizedValue >= 0 ? '0deg' : '180deg'}`,
-            } }, h("limel-notched-outline", { key: '0cf575a7e896955572000dd906d98441dec808b1', tabIndex: 0, role: "meter", "aria-valuemin": this.rangeMin, "aria-valuemax": this.rangeMax, "aria-valuenow": this.numValue, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-controls": this.helperTextId }, h("div", { key: '6dc2beefea4d1a5b0a967fd1087db3fe88c8cdf5', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
+            } }, h("limel-notched-outline", { key: '839756a72aaccd97a5f6f2973d5110d1e6ff2aaf', tabIndex: 0, role: "meter", "aria-valuemin": this.rangeMin, "aria-valuemax": this.rangeMax, "aria-valuenow": this.numValue, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-controls": this.helperTextId }, h("div", { key: '02d00150e43a13e1be31e90f09599c067c09cf81', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

package/dist/collection/components/summary-popover/summary-popover.js

@@ -118,14 +118,14 @@ export class SummaryPopover {
             top: '0.125rem',
             right: '0.125rem',
         };
-        return (h("limel-popover", { key: '3ddac967d05644e0e3b18979a051561e08f316c4', style: {
+        return (h("limel-popover", { key: '0d6f2ed3dddd353ee8228b84337e2924fc652088', style: {
                 '--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
-            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: '6187ae07695296c905f2d0bf782b515d15183f05', slot: "trigger", tabIndex: 0, onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocus: this.openPopoverWithDelay }, h("slot", { key: '2b338b6ba353104031e0ae9bb1f1380a2f528f1c', name: "trigger" }), h("div", { key: 'ccce297cd4c8a6640a81a0ec54d1b17cafd090a4', class: "opening-countdown-indicator" })), h("limel-card", { key: 'c786b96ad260240ad28b45746f7f3974efe92670', style: {
+            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: 'f644db3e5d485ace1a2748b4000aca49f3948a35', slot: "trigger", tabIndex: 0, onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocus: this.openPopoverWithDelay }, h("slot", { key: '0b5836a870f32b220496c0ddc0abc35a01dc86d8', name: "trigger" }), h("div", { key: '2ffe89c63ef52df0047e6329a21c460faa628c34', class: "opening-countdown-indicator" })), h("limel-card", { key: '786fc57e1de0a6a7e62f6dd844386e9c92045539', style: {
                 'max-width': this.popoverMaxWidth,
                 'max-height': this.popoverMaxHeight,
                 'min-width': '7rem',
                 'min-height': '3rem',
-            }, orientation: "landscape", heading: this.heading, subheading: this.subheading, icon: this.icon, value: this.value, image: this.image, actions: this.actions, onActionSelected: this.handleSelected }, h("limebb-navigation-button", { key: 'de2b607312164f264c0a344662a69754e1afb7d9', slot: "component", type: "close", style: closeButtonStyle, tooltipLabel: "Close", tooltipHelperLabel: "Esc", onClick: this.handleCloseClick }))));
+            }, orientation: "landscape", heading: this.heading, subheading: this.subheading, icon: this.icon, value: this.value, image: this.image, actions: this.actions, onActionSelected: this.handleSelected }, h("limebb-navigation-button", { key: '3aae488dfb00e682400e2f169f98125db9eccd01', slot: "component", type: "close", style: closeButtonStyle, tooltipLabel: "Close", tooltipHelperLabel: "Esc", onClick: this.handleCloseClick }))));
     }
     static get is() { return "limebb-summary-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/text-editor/mention-group-counter.js

@@ -13,8 +13,8 @@ export class MentionGroupCounter {
     render() {
         const label = this.getLabel();
         return [
-            h("span", { key: 'bb868b62f71fe65927d1cd9bad6ee08648a33c73', id: this.tooltipId }, label),
-            h("limel-tooltip", { key: '5018e97cb9d5522b91ed1c55643ad33c3d7fd51d', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
+            h("span", { key: '2ed8fb232e05342565947976d2af9f212cc82331', id: this.tooltipId }, label),
+            h("limel-tooltip", { key: '404fcd53eec16a0b0b32a4358125354dd148e339', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
         ];
     }
     getLabel() {

package/dist/collection/components/text-editor/text-editor.js

@@ -389,7 +389,7 @@ export class LimeBBTextEditor {
     }
     render() {
         return [
-            h("limel-text-editor", { key: '3ad4c2bac61f34439bf94b42e0aa7ccceeff9c33', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
+            h("limel-text-editor", { key: 'b866f4d7a1feabc9a7f04aa9333ec93a0dbb1c60', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
             this.renderPicker(),
         ];
     }

package/dist/collection/components/trend-indicator/trend-indicator.js

@@ -52,7 +52,7 @@ export class TrendIndicator {
         this.numValue = this.parseValue(this.value);
     }
     render() {
-        return (h(Host, { key: '976bce0393bfff47ba599dc0d534ec9992cec3f8', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '86a89b3773d2fbf3aa9009fd27ce9cb2410f03b5', id: this.tooltipId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, "aria-controls": this.helperTextId }, h("div", { key: '0b9e048eeea62c452671b74db468aa5587e8ddbf', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
+        return (h(Host, { key: '3718dda17d853d44caaf253480ac0e05017c4696', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '146e3aa3041ade932be6f13766703e2989c24660', id: this.tooltipId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, "aria-controls": this.helperTextId }, h("div", { key: '57eb7eaf1e3a11ba69cf4ef4af9852541abd7902', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

package/dist/components/lime-query-filter-comparison.js

@@ -82,7 +82,7 @@ const LimeQueryFilterComparisonComponent = /*@__PURE__*/ proxyCustomElement(clas
         };
     }
     render() {
-        return (h("div", { key: 'a077c982ced9840beec3e574cd3e2e336cff6071', class: "expression" }, this.label && h("limel-header", { key: 'fbcb5cf515aac2c8e68d29947c7560684f30822c', heading: this.label }), h("div", { key: 'ffea426ea1295ae11aaa3c910f835acbeed24cd9', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: '20064f9fe42a4dfa71b2e1e2d393d50bbe20e2cb', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
+        return (h("div", { key: '41fc60ed4ce76de8bbed05ee8cc658a188347cbd', class: "expression" }, this.label && h("limel-header", { key: '95cb9b556e2e0f2c8f3fd8ebe3909c402a844fe3', heading: this.label }), h("div", { key: 'feac7dcf059a0a20ad499d1549fa45d775d6bec8', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: '0fee01518c1c4a29c347a47ce1ce7856b32dfa8f', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
     }
     renderPropertySelector() {
         return (h("limebb-property-selector", { platform: this.platform, context: this.context, label: "Property", limetype: this.limetype, value: this.expression.key, required: true, onChange: this.handlePropertyChange }));

package/dist/components/lime-query-filter-expression.js

@@ -4,6 +4,156 @@ import { d as defineCustomElement$3 } from './lime-query-filter-comparison.js';
 import { d as defineCustomElement$5 } from './lime-query-value-input.js';
 import { d as defineCustomElement$4 } from './property-selector.js';
 
+/**
+ * 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
+ */
+function getFilterGroupSubheading(operator, expressionCount) {
+    if (expressionCount <= 1) {
+        return '';
+    }
+    return operator === Zt.AND
+        ? 'All of these conditions are true'
+        : 'Any of these conditions are true';
+}
+/**
+ * Get the label for the "Add condition" button
+ *
+ * @param operator - The group's operator (AND or OR)
+ * @param expressionCount - Number of child expressions
+ * @returns Appropriate button label based on context
+ */
+function getAddConditionButtonLabel(operator, expressionCount) {
+    if (expressionCount === 0) {
+        return 'Add a condition';
+    }
+    return operator === Zt.AND
+        ? 'Add another condition'
+        : 'Add alternative';
+}
+/**
+ * Get the label for the "Add group" button
+ *
+ * @param operator - The group's operator (AND or OR)
+ * @param expressionCount - Number of child expressions
+ * @returns Appropriate button label based on context
+ */
+function getAddGroupButtonLabel(operator, expressionCount) {
+    if (expressionCount === 0) {
+        return 'Add a group';
+    }
+    return operator === Zt.AND
+        ? 'Add another group'
+        : 'Add alternative group';
+}
+/**
+ * Create a new empty comparison expression
+ *
+ * @returns A new comparison expression with empty key and value
+ */
+function createEmptyComparison() {
+    return {
+        key: '',
+        op: Zt.EQUALS,
+        exp: '',
+    };
+}
+/**
+ * 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
+ */
+function createNestedGroup(parentOperator) {
+    const oppositeOp = parentOperator === Zt.AND ? Zt.OR : Zt.AND;
+    return {
+        op: oppositeOp,
+        exp: [createEmptyComparison()],
+    };
+}
+/**
+ * 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
+ */
+function addExpressionToGroup(group, newExpression) {
+    return {
+        op: group.op,
+        exp: [...group.exp, newExpression],
+    };
+}
+/**
+ * Toggle a group's operator between AND and OR
+ *
+ * @param group - The group to toggle
+ * @returns A new group with the toggled operator
+ */
+function toggleGroupOperator(group) {
+    const newOperator = group.op === Zt.AND ? Zt.OR : Zt.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
+ */
+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],
+            };
+        }
+        // Multiple children remain - return updated group
+        return {
+            type: 'updated',
+            expression: {
+                op: group.op,
+                exp: expressions,
+            },
+        };
+    }
+    // Update - replace the child
+    expressions[childIndex] = updatedChild;
+    return {
+        type: 'updated',
+        expression: {
+            op: group.op,
+            exp: expressions,
+        },
+    };
+}
+
 const limeQueryFilterNotCss = "@charset \"UTF-8\";.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:1rem;padding:1rem;border-left:0.25rem solid rgb(var(--contrast-400));background-color:rgb(var(--contrast-100))}";
 const LimebbLimeQueryFilterNotStyle0 = limeQueryFilterNotCss;
 
@@ -28,7 +178,7 @@ const LimeQueryFilterNotComponent = /*@__PURE__*/ proxyCustomElement(class LimeQ
         };
     }
     render() {
-        return (h("div", { key: '9ab4a6b1e99668a0bcee3e3ba8cbbbe5185222e0', class: "expression" }, this.label && h("limel-header", { key: '85e997b0f96db306dd7a4433da959a74303aacfa', heading: this.label }), h("limebb-lime-query-filter-expression", { key: '14f634e125ee78f2aa70c7537b270a31699ba7c2', 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: '29770b10d0b892750ad2aab3520cec5a82063774', class: "expression" }, this.label && h("limel-header", { key: '9e47d14c6cb526c9c31d67e11a5ed5ec665c7f62', heading: this.label }), h("limebb-lime-query-filter-expression", { key: '943c1529057aa6cc918dc935f1a5782b149351ae', platform: this.platform, context: this.context, label: "Not", limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression.exp, onExpressionChange: this.handleExpressionChange })));
     }
     static get style() { return LimebbLimeQueryFilterNotStyle0; }
 }, [1, "limebb-lime-query-filter-not", {
@@ -84,80 +234,32 @@ const LimeQueryFilterGroupComponent = /*@__PURE__*/ proxyCustomElement(class Lim
         this.expressionChange = createEvent(this, "expressionChange", 7);
         this.renderChildExpression = (expression, childIndex) => (h("li", null, h("limebb-lime-query-filter-expression", { platform: this.platform, context: this.context, limetype: this.limetype, activeLimetype: this.activeLimetype, expression: expression, onExpressionChange: this.handleExpressionChange(childIndex) })));
         this.handleToggleOperator = () => {
-            const newOperator = this.expression.op === Zt.AND ? Zt.OR : Zt.AND;
-            this.expressionChange.emit({
-                op: newOperator,
-                exp: this.expression.exp,
-            });
+            const newGroup = toggleGroupOperator(this.expression);
+            this.expressionChange.emit(newGroup);
         };
         this.handleAddChildExpression = () => {
-            // Always add a new comparison directly to the list
-            const newChild = {
-                key: '',
-                op: Zt.EQUALS,
-                exp: '',
-            };
-            this.expressionChange.emit({
-                op: this.expression.op,
-                exp: [...this.expression.exp, newChild],
-            });
+            const newChild = createEmptyComparison();
+            const newGroup = addExpressionToGroup(this.expression, newChild);
+            this.expressionChange.emit(newGroup);
         };
         this.handleAddChildGroup = () => {
-            // Add a nested group of the opposite type
-            const oppositeOp = this.expression.op === Zt.AND ? Zt.OR : Zt.AND;
-            const newChild = {
-                op: oppositeOp,
-                exp: [
-                    {
-                        key: '',
-                        op: Zt.EQUALS,
-                        exp: '',
-                    },
-                ],
-            };
-            this.expressionChange.emit({
-                op: this.expression.op,
-                exp: [...this.expression.exp, newChild],
-            });
+            const newChild = createNestedGroup(this.expression.op);
+            const newGroup = addExpressionToGroup(this.expression, newChild);
+            this.expressionChange.emit(newGroup);
         };
         this.handleExpressionChange = (updatedChildIndex) => (event) => {
             event.stopPropagation();
             const updatedExpression = event.detail;
-            const expressions = [...this.expression.exp];
-            if (updatedExpression === undefined) {
-                // Deletion - remove the child and potentially unwrap
-                expressions.splice(updatedChildIndex, 1);
-                if (expressions.length === 0) {
-                    this.expressionChange.emit(undefined);
-                    return;
-                }
-                if (expressions.length === 1) {
-                    // Unwrap when only one child remains after deletion
-                    this.expressionChange.emit(expressions[0]);
-                    return;
-                }
-            }
-            else {
-                // Update - replace the child, don't unwrap
-                expressions[updatedChildIndex] = updatedExpression;
-            }
-            this.expressionChange.emit({
-                op: this.expression.op,
-                exp: expressions,
-            });
+            const result = updateChildExpression(this.expression, updatedChildIndex, updatedExpression);
+            this.expressionChange.emit(result.expression);
         };
     }
     render() {
         const subheading = this.getSubheading();
-        return (h("div", { key: '0ed5a1403d9641926cd6d474910cedf9c7bba89e', class: "expression" }, subheading && (h("limel-header", { key: 'ea88a97df09f0fb5a21bf9afb4745256a611c7f8', subheading: subheading, onClick: this.handleToggleOperator, class: "clickable-header" })), h("ul", { key: 'cfbcdd539e84f79bf1d778e075cd3317d7409647' }, this.expression.exp.map(this.renderChildExpression), h("li", { key: 'ec443459245bf5852920bb4d3e341f2490a7b75b', class: "add-button" }, this.renderAddButton(), this.renderAddGroupButton()))));
+        return (h("div", { key: 'bf26300a939b4a2a1b401fa7a81593ec745a2a52', class: "expression" }, subheading && (h("limel-header", { key: 'f5152a2ca09811540b626965f52f5793e6c99728', subheading: subheading, onClick: this.handleToggleOperator, class: "clickable-header" })), h("ul", { key: 'c4cad750e47e0b6c94d6a76b2a4d8b72e36b3402' }, this.expression.exp.map(this.renderChildExpression), h("li", { key: 'ddd614f237a0c0314c2977b74a31b365f3251f9d', class: "add-button" }, this.renderAddButton(), this.renderAddGroupButton()))));
     }
     getSubheading() {
-        if (this.expression.exp.length <= 1) {
-            return '';
-        }
-        return this.expression.op === Zt.AND
-            ? 'All of these conditions are true'
-            : 'Any of these conditions are true';
+        return getFilterGroupSubheading(this.expression.op, this.expression.exp.length);
     }
     renderAddButton() {
         const label = this.getAddButtonLabel();
@@ -168,18 +270,10 @@ const LimeQueryFilterGroupComponent = /*@__PURE__*/ proxyCustomElement(class Lim
         return (h("limel-button", { label: label, icon: "tree_structure", onClick: this.handleAddChildGroup }));
     }
     getAddButtonLabel() {
-        const isAnd = this.expression.op === Zt.AND;
-        if (this.expression.exp.length === 0) {
-            return 'Add a condition';
-        }
-        return isAnd ? 'Add another condition' : 'Add alternative';
+        return getAddConditionButtonLabel(this.expression.op, this.expression.exp.length);
     }
     getAddGroupButtonLabel() {
-        const isAnd = this.expression.op === Zt.AND;
-        if (this.expression.exp.length === 0) {
-            return 'Add a group';
-        }
-        return isAnd ? 'Add another group' : 'Add alternative group';
+        return getAddGroupButtonLabel(this.expression.op, this.expression.exp.length);
     }
     static get style() { return LimebbLimeQueryFilterGroupStyle0; }
 }, [1, "limebb-lime-query-filter-group", {