@limetech/lime-crm-building-blocks 1.116.0 → 1.116.2

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

@@ -1,180 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c, r as re } from './index.esm.js';
-import { d as defineCustomElement$2 } from './lime-query-value-input.js';
-import { d as defineCustomElement$1 } from './property-selector.js';
-
-const limeQueryFilterComparisonCss = ":host(limebb-lime-query-filter-comparison){display:flex;flex-direction:column;gap:0.5rem}.expression-container{position:relative;display:grid;grid-template-columns:repeat(auto-fit, minmax(10rem, 1fr));grid-gap:0.5rem;padding-right:2.75rem}.remove{position:absolute;right:0;top:0.125rem}";
-const LimebbLimeQueryFilterComparisonStyle0 = limeQueryFilterComparisonCss;
-
-const LIME_QUERY_OPERATORS = [
-    {
-        value: re.EQUALS,
-        label: 'webclient.operator.equals',
-        icon: '-lime-filter-equal',
-    },
-    {
-        value: re.NOT_EQUALS,
-        label: 'webclient.operator.not-equals',
-        icon: '-lime-filter-equal-not',
-    },
-    {
-        value: re.GREATER,
-        label: 'webclient.operator.greater-than',
-        icon: '-lime-filter-greater',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: re.GREATER_OR_EQUAL,
-        label: 'webclient.operator.greater-than-or-equal-to',
-        icon: '-lime-filter-greater-equal',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: re.LESS,
-        label: 'webclient.operator.less-than',
-        icon: '-lime-filter-less',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: re.LESS_OR_EQUAL,
-        label: 'webclient.operator.less-than-or-equal-to',
-        icon: '-lime-filter-less-equal',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: re.IN,
-        label: 'webclient.operator.in-filter',
-        icon: '-lime-filter-set-included',
-    },
-    {
-        value: re.LIKE,
-        label: 'webclient.operator.contains',
-        icon: '-lime-filter-contain',
-        applicableTypes: ['string', 'text'],
-    },
-    {
-        value: re.BEGINS,
-        label: 'webclient.operator.begins-with',
-        icon: '-lime-filter-starts-with',
-        applicableTypes: ['string', 'text'],
-    },
-    {
-        value: re.ENDS,
-        label: 'webclient.operator.ends-with',
-        icon: '-lime-filter-ends-with',
-        applicableTypes: ['string', 'text'],
-    },
-];
-const LimeQueryFilterComparisonComponent = /*@__PURE__*/ proxyCustomElement(class LimeQueryFilterComparisonComponent extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.expressionChange = createEvent(this, "expressionChange", 7);
-        this.handlePropertyChange = (event) => {
-            event.stopPropagation();
-            this.expressionChange.emit(Object.assign(Object.assign({}, this.expression), { key: event.detail }));
-        };
-        this.handleOperatorChange = (event) => {
-            event.stopPropagation();
-            const newOperator = event.detail.value;
-            const oldOperator = this.expression.op;
-            let convertedValue = this.expression.exp;
-            // Convert value when switching between IN and other operators
-            // IN operator expects an array, other operators expect a single value
-            if (newOperator === re.IN && !Array.isArray(convertedValue)) {
-                // Switching TO IN operator: wrap non-array value in array
-                convertedValue =
-                    convertedValue !== undefined && convertedValue !== ''
-                        ? [convertedValue]
-                        : [];
-            }
-            else if (oldOperator === re.IN &&
-                newOperator !== re.IN &&
-                Array.isArray(convertedValue)) {
-                // Switching FROM IN operator: extract first element from array
-                convertedValue = convertedValue.length > 0 ? convertedValue[0] : '';
-            }
-            this.expressionChange.emit({
-                key: this.expression.key,
-                op: newOperator,
-                exp: convertedValue,
-            });
-        };
-        this.handleValueChange = (event) => {
-            event.stopPropagation();
-            this.expressionChange.emit(Object.assign(Object.assign({}, this.expression), { exp: event.detail }));
-        };
-        this.removeExpression = () => {
-            this.expressionChange.emit(undefined);
-        };
-    }
-    render() {
-        return (h(Host, { key: 'b42fd5bee8ad3cdf70dc67ef836fc5dd038f64ef' }, this.renderHeader(), h("div", { key: 'e81cc3854bc63d1aa27bb476c5bc4f9a81357262', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: 'ceab776a7de2cf47b42b93b06f2d72ea38627b6d', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
-    }
-    renderHeader() {
-        if (!this.label) {
-            return;
-        }
-        return h("limel-header", { subheading: this.label });
-    }
-    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 }));
-    }
-    renderOperator() {
-        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 }));
-    }
-    renderValueInput() {
-        if (!this.expression.op) {
-            return null;
-        }
-        return (h("limebb-lime-query-value-input", { 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(c.Translate);
-    }
-    static get style() { return LimebbLimeQueryFilterComparisonStyle0; }
-}, [1, "limebb-lime-query-filter-comparison", {
-        "platform": [16],
-        "context": [16],
-        "label": [513],
-        "limetype": [1],
-        "activeLimetype": [1, "active-limetype"],
-        "expression": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-lime-query-filter-comparison", "limebb-lime-query-value-input", "limebb-property-selector"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-lime-query-filter-comparison":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LimeQueryFilterComparisonComponent);
-            }
-            break;
-        case "limebb-lime-query-value-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "limebb-property-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { LimeQueryFilterComparisonComponent as L, defineCustomElement as d };
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as l,Host as r,transformTag as a}from"@stencil/core/internal/client";import{X as s,n as o}from"./index.esm.js";import{d as n}from"./lime-query-value-input.js";import{d as c}from"./property-selector.js";const p=[{value:s.EQUALS,label:"webclient.operator.equals",icon:"-lime-filter-equal"},{value:s.NOT_EQUALS,label:"webclient.operator.not-equals",icon:"-lime-filter-equal-not"},{value:s.GREATER,label:"webclient.operator.greater-than",icon:"-lime-filter-greater",applicableTypes:["integer","decimal","date","time"]},{value:s.GREATER_OR_EQUAL,label:"webclient.operator.greater-than-or-equal-to",icon:"-lime-filter-greater-equal",applicableTypes:["integer","decimal","date","time"]},{value:s.LESS,label:"webclient.operator.less-than",icon:"-lime-filter-less",applicableTypes:["integer","decimal","date","time"]},{value:s.LESS_OR_EQUAL,label:"webclient.operator.less-than-or-equal-to",icon:"-lime-filter-less-equal",applicableTypes:["integer","decimal","date","time"]},{value:s.IN,label:"webclient.operator.in-filter",icon:"-lime-filter-set-included"},{value:s.LIKE,label:"webclient.operator.contains",icon:"-lime-filter-contain",applicableTypes:["string","text"]},{value:s.BEGINS,label:"webclient.operator.begins-with",icon:"-lime-filter-starts-with",applicableTypes:["string","text"]},{value:s.ENDS,label:"webclient.operator.ends-with",icon:"-lime-filter-ends-with",applicableTypes:["string","text"]}],m=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expressionChange=i(this,"expressionChange",7),this.handlePropertyChange=e=>{e.stopPropagation(),this.expressionChange.emit(Object.assign(Object.assign({},this.expression),{key:e.detail}))},this.handleOperatorChange=e=>{e.stopPropagation();const t=e.detail.value,i=this.expression.op;let l=this.expression.exp;t!==s.IN||Array.isArray(l)?i===s.IN&&t!==s.IN&&Array.isArray(l)&&(l=l.length>0?l[0]:""):l=void 0!==l&&""!==l?[l]:[],this.expressionChange.emit({key:this.expression.key,op:t,exp:l})},this.handleValueChange=e=>{e.stopPropagation(),this.expressionChange.emit(Object.assign(Object.assign({},this.expression),{exp:e.detail}))},this.removeExpression=()=>{this.expressionChange.emit(void 0)}}render(){return l(r,{key:"4c020edf07382214dcd7cf26063ff59128d2eb48"},this.renderHeader(),l("div",{key:"1dcf3c47a0d3ea03c9946ff18a545e39a34812e5",class:"expression-container"},this.renderPropertySelector(),this.renderOperator(),this.renderValueInput(),l("limel-icon-button",{key:"d5b33a46ee71b6a8a72145947c02ae701d754a47",class:"remove",icon:"trash",label:"Remove condition",onClick:this.removeExpression})))}renderHeader(){if(this.label)return l("limel-header",{subheading:this.label})}renderPropertySelector(){return l("limebb-property-selector",{platform:this.platform,context:this.context,label:"Property",limetype:this.limetype,value:this.expression.key,required:!0,onChange:this.handlePropertyChange})}renderOperator(){const e=!!this.expression.op,t=p.map((e=>{var t,i;return{text:null!==(i=null===(t=this.translator)||void 0===t?void 0:t.get(e.label))&&void 0!==i?i:e.label,value:e.value,icon:e.icon?{name:e.icon}:void 0}})),i=t.find((e=>e.value===this.expression.op));return l("limel-select",{class:"operator",label:"Operator",value:i,options:t,disabled:!e&&!this.expression.key,onChange:this.handleOperatorChange})}renderValueInput(){return this.expression.op?l("limebb-lime-query-value-input",{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}):null}get translator(){var e;return null===(e=this.platform)||void 0===e?void 0:e.get(o.Translate)}static get style(){return":host(limebb-lime-query-filter-comparison){display:flex;flex-direction:column;gap:0.5rem}.expression-container{position:relative;display:grid;grid-template-columns:repeat(auto-fit, minmax(10rem, 1fr));grid-gap:0.5rem;padding-right:2.75rem}.remove{position:absolute;right:0;top:0.125rem}"}},[1,"limebb-lime-query-filter-comparison",{platform:[16],context:[16],label:[513],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16]}]);function u(){"undefined"!=typeof customElements&&["limebb-lime-query-filter-comparison","limebb-lime-query-value-input","limebb-property-selector"].forEach((e=>{switch(e){case"limebb-lime-query-filter-comparison":customElements.get(a(e))||customElements.define(a(e),m);break;case"limebb-lime-query-value-input":customElements.get(a(e))||n();break;case"limebb-property-selector":customElements.get(a(e))||c()}}))}export{m as L,u as d}

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

@@ -1,420 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { r as re } from './index.esm.js';
-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 === re.AND
-        ? 'All of these conditions are met'
-        : 'Any of these conditions are met';
-}
-/**
- * Create a new empty comparison expression
- *
- * @returns A new comparison expression with empty key and value
- */
-function createEmptyComparison() {
-    return {
-        key: '',
-        op: re.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 === re.AND ? re.OR : re.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 === re.AND ? re.OR : re.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;
-
-const LimeQueryFilterNotComponent = /*@__PURE__*/ proxyCustomElement(class LimeQueryFilterNotComponent extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.expressionChange = createEvent(this, "expressionChange", 7);
-        this.handleExpressionChange = (event) => {
-            var _a;
-            event.stopPropagation();
-            const updatedExpression = (_a = event.detail) !== null && _a !== void 0 ? _a : undefined;
-            if (updatedExpression === undefined) {
-                this.expressionChange.emit(undefined);
-                return;
-            }
-            this.expressionChange.emit({
-                op: re.NOT,
-                exp: updatedExpression,
-            });
-        };
-    }
-    render() {
-        return (h("div", { key: 'd2aba5cccb2e74ab91041833863a1c9329b9933a', class: "expression" }, this.label && h("limel-header", { key: '0e12b36710cba76d35f623cb8d6d008fc0f134e9', heading: this.label }), h("limebb-lime-query-filter-expression", { key: '13a64f29bc5339a43641eba8678595c225a09b7a', 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", {
-        "platform": [16],
-        "context": [16],
-        "label": [1],
-        "limetype": [1],
-        "activeLimetype": [1, "active-limetype"],
-        "expression": [16]
-    }]);
-function defineCustomElement$2() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-lime-query-filter-not", "limebb-lime-query-filter-comparison", "limebb-lime-query-filter-expression", "limebb-lime-query-filter-group", "limebb-lime-query-filter-not"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-lime-query-filter-not":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LimeQueryFilterNotComponent);
-            }
-            break;
-        case "limebb-lime-query-filter-comparison":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "limebb-lime-query-filter-expression":
-            if (!customElements.get(tagName)) {
-                defineCustomElement();
-            }
-            break;
-        case "limebb-lime-query-filter-group":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-        case "limebb-lime-query-filter-not":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const limeQueryFilterGroupCss = "@charset \"UTF-8\";*,*::before,*::after{box-sizing:border-box}limebb-lime-query-filter-expression{position:relative;isolation:isolate}limebb-lime-query-filter-expression:not(:first-of-type):after{content:\"\";position:absolute;top:-0.5rem;left:0.75rem;display:block;border-radius:1rem;height:2rem;width:0.125rem;background-color:var(--limebb-lime-query-builder-group-color)}limebb-lime-query-filter-expression:not(:first-of-type):before{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;height:1rem;content:var(--limebb-lime-query-filter-group-operator);display:inline-block;margin:0 auto 0.5rem auto;transform:translateY(-50%);font-size:0.625rem;padding:0 0.5rem;color:rgb(var(--color-blue-dark));background-color:var(--limebb-lime-query-builder-group-color);border-radius:2rem}.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:0;background-color:rgb(var(--contrast-100));border-radius:0.75rem;border:1px solid var(--limebb-lime-query-builder-group-color)}.expression ul{list-style:none;margin:0;padding:0.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.expression ul [role=listitem]{list-style:none;width:100%}limel-button.add-group{width:fit-content;margin:0.5rem}limel-icon-button.delete-group{margin-left:0.5rem}limel-select.operator-select{min-width:8rem}";
-const LimebbLimeQueryFilterGroupStyle0 = limeQueryFilterGroupCss;
-
-const LimeQueryFilterGroupComponent = /*@__PURE__*/ proxyCustomElement(class LimeQueryFilterGroupComponent extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.expressionChange = createEvent(this, "expressionChange", 7);
-        this.options = [
-            {
-                text: 'All',
-                secondaryText: 'AND operator',
-                value: 'and',
-            },
-            {
-                text: 'Any',
-                secondaryText: 'OR operator',
-                value: 'or',
-            },
-        ];
-        this.renderChildExpression = (expression, childIndex) => (h("limebb-lime-query-filter-expression", { role: "listitem", platform: this.platform, context: this.context, limetype: this.limetype, activeLimetype: this.activeLimetype, expression: expression, onExpressionChange: this.handleExpressionChange(childIndex) }));
-        this.handleDeleteGroup = () => {
-            this.expressionChange.emit();
-        };
-        this.handleToggleOperator = (event) => {
-            const selectedOption = Array.isArray(event.detail)
-                ? event.detail[0]
-                : event.detail;
-            this.value = selectedOption;
-            const newOp = selectedOption.value === 'and' ? re.AND : re.OR;
-            if (newOp !== this.expression.op) {
-                const newGroup = toggleGroupOperator(this.expression);
-                this.expressionChange.emit(newGroup);
-            }
-        };
-        this.handleAddChildExpression = () => {
-            const newChild = createEmptyComparison();
-            const newGroup = addExpressionToGroup(this.expression, newChild);
-            this.expressionChange.emit(newGroup);
-        };
-        this.handleAddChildGroup = () => {
-            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 result = updateChildExpression(this.expression, updatedChildIndex, updatedExpression);
-            this.expressionChange.emit(result.expression);
-        };
-    }
-    // Initialize value to match current operator
-    componentWillLoad() {
-        this.value =
-            this.options.find((option) => option.value ===
-                (this.expression.op === re.AND ? 'and' : 'or')) || this.options[0];
-    }
-    render() {
-        return (h(Host, { key: 'c47d52a6ba4d36d3f4f97eb6d8bf8459c5bbda73', style: {
-                '--limebb-lime-query-filter-group-operator': `"${this.expression.op === re.AND ? 'AND' : 'OR'}"`,
-            } }, h("div", { key: 'ac9897b5c0cf7ad4e30c4bbb08df5be46bee61f4', class: "expression" }, this.renderHeader(), h("ul", { key: 'c02f76fa8ed8b595215feacc7bcb7fe55564b03a' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
-    }
-    renderHeader() {
-        const subheading = this.getSubheading();
-        if (!subheading) {
-            return null;
-        }
-        return (h("limel-header", { subheading: subheading }, this.renderOperators(), this.renderDeleteGroupButton()));
-    }
-    renderOperators() {
-        return (h("limel-select", { class: "operator-select", slot: "actions", value: this.value, options: this.options, onChange: this.handleToggleOperator }));
-    }
-    renderDeleteGroupButton() {
-        return (h("limel-icon-button", { class: "delete-group", slot: "actions", icon: "trash", label: "Delete This Group", onClick: this.handleDeleteGroup }));
-    }
-    getSubheading() {
-        return getFilterGroupSubheading(this.expression.op, this.expression.exp.length);
-    }
-    renderAddButton() {
-        return (h("limel-button", { role: "listitem", label: "Condition", icon: {
-                name: 'plus_math',
-                title: 'Add',
-            }, onClick: this.handleAddChildExpression }));
-    }
-    renderAddGroupButton() {
-        return (h("limel-button", { class: "add-group", label: "Group", icon: {
-                name: 'plus_math',
-                title: 'Add',
-            }, onClick: this.handleAddChildGroup }));
-    }
-    static get style() { return LimebbLimeQueryFilterGroupStyle0; }
-}, [1, "limebb-lime-query-filter-group", {
-        "platform": [16],
-        "context": [16],
-        "limetype": [1],
-        "activeLimetype": [1, "active-limetype"],
-        "expression": [16],
-        "value": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-lime-query-filter-group", "limebb-lime-query-filter-comparison", "limebb-lime-query-filter-expression", "limebb-lime-query-filter-group", "limebb-lime-query-filter-not"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-lime-query-filter-group":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LimeQueryFilterGroupComponent);
-            }
-            break;
-        case "limebb-lime-query-filter-comparison":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "limebb-lime-query-filter-expression":
-            if (!customElements.get(tagName)) {
-                defineCustomElement();
-            }
-            break;
-        case "limebb-lime-query-filter-group":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-        case "limebb-lime-query-filter-not":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const limeQueryFilterExpressionCss = "@charset \"UTF-8\";.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:1rem}";
-const LimebbLimeQueryFilterExpressionStyle0 = limeQueryFilterExpressionCss;
-
-const LimeQueryFilterExpressionComponent = /*@__PURE__*/ proxyCustomElement(class LimeQueryFilterExpressionComponent extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.expressionChange = createEvent(this, "expressionChange", 7);
-        this.handleExpressionChange = (event) => {
-            event.stopPropagation();
-            this.expressionChange.emit(event.detail);
-        };
-    }
-    render() {
-        if (!this.expression) {
-            return;
-        }
-        const props = {
-            platform: this.platform,
-            context: this.context,
-            label: this.label,
-            limetype: this.limetype,
-            activeLimetype: this.activeLimetype,
-        };
-        if ('key' in this.expression) {
-            return (h("limebb-lime-query-filter-comparison", Object.assign({}, props, { expression: this.expression, onExpressionChange: this.handleExpressionChange })));
-        }
-        if (this.expression.op === re.AND ||
-            this.expression.op === re.OR) {
-            return (h("limebb-lime-query-filter-group", Object.assign({}, props, { expression: this.expression, onExpressionChange: this.handleExpressionChange })));
-        }
-        if (this.expression.op === re.NOT) {
-            return (h("limebb-lime-query-filter-not", Object.assign({}, props, { expression: this.expression, onExpressionChange: this.handleExpressionChange })));
-        }
-    }
-    static get style() { return LimebbLimeQueryFilterExpressionStyle0; }
-}, [1, "limebb-lime-query-filter-expression", {
-        "platform": [16],
-        "context": [16],
-        "label": [1],
-        "limetype": [1],
-        "activeLimetype": [1, "active-limetype"],
-        "expression": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-lime-query-filter-expression", "limebb-lime-query-filter-comparison", "limebb-lime-query-filter-expression", "limebb-lime-query-filter-group", "limebb-lime-query-filter-not", "limebb-lime-query-value-input", "limebb-property-selector"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-lime-query-filter-expression":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LimeQueryFilterExpressionComponent);
-            }
-            break;
-        case "limebb-lime-query-filter-comparison":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "limebb-lime-query-filter-expression":
-            if (!customElements.get(tagName)) {
-                defineCustomElement();
-            }
-            break;
-        case "limebb-lime-query-filter-group":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-        case "limebb-lime-query-filter-not":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "limebb-lime-query-value-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "limebb-property-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-    } });
-}
-
-export { LimeQueryFilterExpressionComponent as L, defineCustomElement$1 as a, defineCustomElement as b, LimeQueryFilterGroupComponent as c, defineCustomElement$2 as d, LimeQueryFilterNotComponent as e };
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as r,transformTag as s,Host as l}from"@stencil/core/internal/client";import{X as o}from"./index.esm.js";import{d as n}from"./lime-query-filter-comparison.js";import{d as m}from"./lime-query-value-input.js";import{d as a}from"./property-selector.js";function c(){return{key:"",op:o.EQUALS,exp:""}}function u(e,t){return{op:e.op,exp:[...e.exp,t]}}const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expressionChange=i(this,"expressionChange",7),this.handleExpressionChange=e=>{var t;e.stopPropagation();const i=null!==(t=e.detail)&&void 0!==t?t:void 0;this.expressionChange.emit(void 0!==i?{op:o.NOT,exp:i}:void 0)}}render(){return r("div",{key:"3fa9f31ead0c064f3bf2285a035aa6f8d5bd0cea",class:"expression"},this.label&&r("limel-header",{key:"89c3ed0d18b0749087476d401a336777482ba35d",heading:this.label}),r("limebb-lime-query-filter-expression",{key:"decc2f753bc9cf872aff87a2b5a59aeca489ad2d",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'@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))}'}},[1,"limebb-lime-query-filter-not",{platform:[16],context:[16],label:[1],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16]}]);function p(){"undefined"!=typeof customElements&&["limebb-lime-query-filter-not","limebb-lime-query-filter-comparison","limebb-lime-query-filter-expression","limebb-lime-query-filter-group","limebb-lime-query-filter-not"].forEach((e=>{switch(e){case"limebb-lime-query-filter-not":customElements.get(s(e))||customElements.define(s(e),b);break;case"limebb-lime-query-filter-comparison":customElements.get(s(e))||n();break;case"limebb-lime-query-filter-expression":customElements.get(s(e))||y();break;case"limebb-lime-query-filter-group":customElements.get(s(e))||h();break;case"limebb-lime-query-filter-not":customElements.get(s(e))||p()}}))}const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expressionChange=i(this,"expressionChange",7),this.options=[{text:"All",secondaryText:"AND operator",value:"and"},{text:"Any",secondaryText:"OR operator",value:"or"}],this.renderChildExpression=(e,t)=>r("limebb-lime-query-filter-expression",{role:"listitem",platform:this.platform,context:this.context,limetype:this.limetype,activeLimetype:this.activeLimetype,expression:e,onExpressionChange:this.handleExpressionChange(t)}),this.handleDeleteGroup=()=>{this.expressionChange.emit()},this.handleToggleOperator=e=>{const t=Array.isArray(e.detail)?e.detail[0]:e.detail;if(this.value=t,("and"===t.value?o.AND:o.OR)!==this.expression.op){const e={op:(i=this.expression).op===o.AND?o.OR:o.AND,exp:[...i.exp]};this.expressionChange.emit(e)}var i},this.handleAddChildExpression=()=>{const e=c(),t=u(this.expression,e);this.expressionChange.emit(t)},this.handleAddChildGroup=()=>{const e={op:this.expression.op===o.AND?o.OR:o.AND,exp:[c()]},t=u(this.expression,e);this.expressionChange.emit(t)},this.handleExpressionChange=e=>t=>{t.stopPropagation();const i=function(e,t,i){const r=[...e.exp];return i?(r[t]=i,{type:"updated",expression:{op:e.op,exp:r}}):(r.splice(t,1),0===r.length?{type:"removed",expression:void 0}:1===r.length?{type:"unwrapped",expression:r[0]}:{type:"updated",expression:{op:e.op,exp:r}})}(this.expression,e,t.detail);this.expressionChange.emit(i.expression)}}componentWillLoad(){this.value=this.options.find((e=>e.value===(this.expression.op===o.AND?"and":"or")))||this.options[0]}render(){return r(l,{key:"4800c71c51c056e5f6a54dd6a18abcbfaa43da9d",style:{"--limebb-lime-query-filter-group-operator":`"${this.expression.op===o.AND?"AND":"OR"}"`}},r("div",{key:"3580160da55bc9787229746b83c125ace79e3899",class:"expression"},this.renderHeader(),r("ul",{key:"461fba37355478c2a4dd94a8c3a4953e7a2b749a"},this.expression.exp.map(this.renderChildExpression),this.renderAddButton()),this.renderAddGroupButton()))}renderHeader(){const e=this.getSubheading();return e?r("limel-header",{subheading:e},this.renderOperators(),this.renderDeleteGroupButton()):null}renderOperators(){return r("limel-select",{class:"operator-select",slot:"actions",value:this.value,options:this.options,onChange:this.handleToggleOperator})}renderDeleteGroupButton(){return r("limel-icon-button",{class:"delete-group",slot:"actions",icon:"trash",label:"Delete This Group",onClick:this.handleDeleteGroup})}getSubheading(){return this.expression.exp.length<=1?"":this.expression.op===o.AND?"All of these conditions are met":"Any of these conditions are met"}renderAddButton(){return r("limel-button",{role:"listitem",label:"Condition",icon:{name:"plus_math",title:"Add"},onClick:this.handleAddChildExpression})}renderAddGroupButton(){return r("limel-button",{class:"add-group",label:"Group",icon:{name:"plus_math",title:"Add"},onClick:this.handleAddChildGroup})}static get style(){return'@charset "UTF-8";*,*::before,*::after{box-sizing:border-box}limebb-lime-query-filter-expression{position:relative;isolation:isolate}limebb-lime-query-filter-expression:not(:first-of-type):after{content:"";position:absolute;top:-0.5rem;left:0.75rem;display:block;border-radius:1rem;height:2rem;width:0.125rem;background-color:var(--limebb-lime-query-builder-group-color)}limebb-lime-query-filter-expression:not(:first-of-type):before{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;height:1rem;content:var(--limebb-lime-query-filter-group-operator);display:inline-block;margin:0 auto 0.5rem auto;transform:translateY(-50%);font-size:0.625rem;padding:0 0.5rem;color:rgb(var(--color-blue-dark));background-color:var(--limebb-lime-query-builder-group-color);border-radius:2rem}.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:0;background-color:rgb(var(--contrast-100));border-radius:0.75rem;border:1px solid var(--limebb-lime-query-builder-group-color)}.expression ul{list-style:none;margin:0;padding:0.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.expression ul [role=listitem]{list-style:none;width:100%}limel-button.add-group{width:fit-content;margin:0.5rem}limel-icon-button.delete-group{margin-left:0.5rem}limel-select.operator-select{min-width:8rem}'}},[1,"limebb-lime-query-filter-group",{platform:[16],context:[16],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16],value:[32]}]);function h(){"undefined"!=typeof customElements&&["limebb-lime-query-filter-group","limebb-lime-query-filter-comparison","limebb-lime-query-filter-expression","limebb-lime-query-filter-group","limebb-lime-query-filter-not"].forEach((e=>{switch(e){case"limebb-lime-query-filter-group":customElements.get(s(e))||customElements.define(s(e),d);break;case"limebb-lime-query-filter-comparison":customElements.get(s(e))||n();break;case"limebb-lime-query-filter-expression":customElements.get(s(e))||y();break;case"limebb-lime-query-filter-group":customElements.get(s(e))||h();break;case"limebb-lime-query-filter-not":customElements.get(s(e))||p()}}))}const f=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expressionChange=i(this,"expressionChange",7),this.handleExpressionChange=e=>{e.stopPropagation(),this.expressionChange.emit(e.detail)}}render(){if(!this.expression)return;const e={platform:this.platform,context:this.context,label:this.label,limetype:this.limetype,activeLimetype:this.activeLimetype};return"key"in this.expression?r("limebb-lime-query-filter-comparison",Object.assign({},e,{expression:this.expression,onExpressionChange:this.handleExpressionChange})):this.expression.op===o.AND||this.expression.op===o.OR?r("limebb-lime-query-filter-group",Object.assign({},e,{expression:this.expression,onExpressionChange:this.handleExpressionChange})):this.expression.op===o.NOT?r("limebb-lime-query-filter-not",Object.assign({},e,{expression:this.expression,onExpressionChange:this.handleExpressionChange})):void 0}static get style(){return'@charset "UTF-8";.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:1rem}'}},[1,"limebb-lime-query-filter-expression",{platform:[16],context:[16],label:[1],limetype:[1],activeLimetype:[1,"active-limetype"],expression:[16]}]);function y(){"undefined"!=typeof customElements&&["limebb-lime-query-filter-expression","limebb-lime-query-filter-comparison","limebb-lime-query-filter-expression","limebb-lime-query-filter-group","limebb-lime-query-filter-not","limebb-lime-query-value-input","limebb-property-selector"].forEach((e=>{switch(e){case"limebb-lime-query-filter-expression":customElements.get(s(e))||customElements.define(s(e),f);break;case"limebb-lime-query-filter-comparison":customElements.get(s(e))||n();break;case"limebb-lime-query-filter-expression":customElements.get(s(e))||y();break;case"limebb-lime-query-filter-group":customElements.get(s(e))||h();break;case"limebb-lime-query-filter-not":customElements.get(s(e))||p();break;case"limebb-lime-query-value-input":customElements.get(s(e))||m();break;case"limebb-property-selector":customElements.get(s(e))||a()}}))}export{f as L,d as a,h as b,b as c,y as d,p as e}