@limetech/lime-crm-building-blocks 1.97.0 → 1.99.0

package/dist/cjs/limebb-property-selector.cjs.entry.js

@@ -1,234 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ff255a0d.js');
-const index_esm = require('./index.esm-a894ac76.js');
-const propertyResolution = require('./property-resolution-fb42a46b.js');
-
-const propertySelectorCss = ":host(limebb-property-selector){display:block}limel-menu{display:block;width:100%}";
-const LimebbPropertySelectorStyle0 = propertySelectorCss;
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const PropertySelector = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.change = index.createEvent(this, "change", 7);
-        /**
-         * Label for the input
-         */
-        this.label = 'Property';
-        /**
-         * Whether the field is required
-         */
-        this.required = false;
-        this.isOpen = false;
-        this.navigationPath = '';
-        this.menuItems = [];
-        this.handleChipSetWrapperClick = (event) => {
-            // Stop all clicks on the chip-set from bubbling
-            // This prevents the menu from opening when clicking chip remove buttons
-            event.stopPropagation();
-        };
-        this.handleChipSetFocus = () => {
-            // Open menu when the chip-set input receives focus
-            // This happens when user clicks to type/edit
-            if (!this.isOpen) {
-                this.navigationPath = this.value || '';
-                this.loadMenuItems();
-                this.isOpen = true;
-            }
-        };
-        this.handleSelect = (event) => {
-            event.stopPropagation();
-            const selectedPath = event.detail.value;
-            if (!selectedPath) {
-                return;
-            }
-            // Check if this is a complete path (leaf property, not a relation)
-            const property = propertyResolution.getPropertyFromPath(this.limetypes, this.limetype, selectedPath);
-            if (property === null || property === void 0 ? void 0 : property.relation) {
-                // This is a relation - update navigation but don't emit
-                this.navigationPath = selectedPath;
-            }
-            else {
-                // This is a leaf property - emit and close
-                this.change.emit(selectedPath);
-                this.isOpen = false;
-                this.navigationPath = '';
-            }
-        };
-        this.handleNavigateMenu = (event) => {
-            var _a;
-            event.stopPropagation();
-            if ((_a = event.detail) === null || _a === void 0 ? void 0 : _a.value) {
-                // Update navigation path when drilling down
-                this.navigationPath = event.detail.value;
-            }
-        };
-        this.handleCancel = () => {
-            this.isOpen = false;
-            this.navigationPath = '';
-        };
-        this.handleChipSetChange = (event) => {
-            event.stopPropagation();
-            const detail = event.detail;
-            // Handle both single chip and array of chips
-            if (!detail) {
-                // Clear all was clicked
-                this.change.emit('');
-                this.navigationPath = '';
-                return;
-            }
-            // Convert to array if it's a single chip
-            const chips = Array.isArray(detail) ? detail : [detail];
-            if (chips.length === 0) {
-                // All chips removed
-                this.change.emit('');
-                this.navigationPath = '';
-            }
-            else {
-                // A chip was removed - emit the last remaining chip's value
-                const lastChip = chips.at(-1);
-                if (lastChip) {
-                    this.change.emit(lastChip.value);
-                }
-                this.navigationPath = '';
-            }
-        };
-    }
-    render() {
-        if (!this.limetype || !this.limetypes) {
-            return null;
-        }
-        const chips = this.getChipsForPath(this.navigationPath || this.value || '');
-        return (index.h("limel-menu", { items: this.menuItems, open: this.isOpen, emptyResultMessage: "No available properties", surfaceWidth: "inherit-from-trigger", openDirection: "bottom-end", onSelect: this.handleSelect, onNavigateMenu: this.handleNavigateMenu, onCancel: this.handleCancel }, index.h("div", { slot: "trigger" }, index.h("div", { onClick: this.handleChipSetWrapperClick }, index.h("limel-chip-set", { type: "input", label: this.label, value: chips, required: this.required, helperText: this.helperText, delimiter: "\u203A", maxItems: 1, onChange: this.handleChipSetChange, onFocus: this.handleChipSetFocus })))));
-    }
-    loadMenuItems() {
-        // Get the limetype we're currently navigating in
-        const currentLimetype = this.getCurrentLimetype();
-        if (!currentLimetype) {
-            this.menuItems = [];
-            return;
-        }
-        this.menuItems = this.createMenuItems(currentLimetype, '');
-    }
-    getCurrentLimetype() {
-        if (!this.navigationPath) {
-            return this.limetypes[this.limetype];
-        }
-        // Get the limetype at the current navigation path
-        const property = propertyResolution.getPropertyFromPath(this.limetypes, this.limetype, this.navigationPath);
-        if (property === null || property === void 0 ? void 0 : property.relation) {
-            return property.relation.getLimetype();
-        }
-        return this.limetypes[this.limetype];
-    }
-    createMenuItems(limetype, pathPrefix) {
-        const results = [];
-        if (!limetype) {
-            return results;
-        }
-        const normalizedProperties = propertyResolution.getNormalizedProperties(limetype);
-        for (const [propName, property] of Object.entries(normalizedProperties)) {
-            // Skip hasMany and hasAndBelongsToMany relations
-            if (property.type === 'hasmany' ||
-                property.type === 'hasandbelongstomany') {
-                continue;
-            }
-            const fullPath = pathPrefix
-                ? `${pathPrefix}.${propName}`
-                : propName;
-            const isRelation = !!property.relation;
-            let items;
-            if (isRelation && property.relation) {
-                // Create submenu for relation (only belongsto at this point)
-                const relatedLimetype = property.relation.getLimetype();
-                if (relatedLimetype) {
-                    items = async () => this.createMenuItems(relatedLimetype, fullPath);
-                }
-            }
-            results.push({
-                text: property.localname || propName,
-                secondaryText: this.getSecondaryText(property),
-                icon: this.getIconForProperty(property),
-                value: fullPath,
-                items: items,
-            });
-        }
-        if (results.length === 0) {
-            return [
-                {
-                    text: 'No available properties',
-                    value: '',
-                    disabled: true,
-                },
-            ];
-        }
-        return results;
-    }
-    getSecondaryText(property) {
-        var _a;
-        if (property.relation) {
-            const relatedLimetype = property.relation.getLimetype();
-            return ((_a = relatedLimetype === null || relatedLimetype === void 0 ? void 0 : relatedLimetype.localname) === null || _a === void 0 ? void 0 : _a.singular) || 'Object';
-        }
-        // Return the property type as the secondary text
-        return property.type.charAt(0).toUpperCase() + property.type.slice(1);
-    }
-    getIconForProperty(property) {
-        if (property.relation) {
-            return {
-                name: 'link',
-                color: 'rgb(var(--color-sky-default))',
-            };
-        }
-        // Use generic property icon
-        return {
-            name: 'decision',
-            color: 'rgb(var(--color-gray-default))',
-        };
-    }
-    getChipsForPath(path) {
-        if (!path) {
-            return [];
-        }
-        const parts = path.split('.');
-        const chips = [];
-        let currentLimetype = this.limetypes[this.limetype];
-        let currentPath = '';
-        for (const part of parts) {
-            currentPath = currentPath ? `${currentPath}.${part}` : part;
-            // Use getNormalizedProperties to include _id and _timestamp
-            const normalizedProperties = propertyResolution.getNormalizedProperties(currentLimetype);
-            const property = normalizedProperties[part];
-            if (property) {
-                chips.push({
-                    id: currentPath,
-                    text: property.localname || part,
-                    icon: this.getIconForProperty(property),
-                    value: currentPath,
-                });
-                if (property.relation) {
-                    currentLimetype = property.relation.getLimetype();
-                }
-            }
-        }
-        return chips;
-    }
-};
-__decorate([
-    index_esm.Te()
-], PropertySelector.prototype, "limetypes", void 0);
-PropertySelector.style = LimebbPropertySelectorStyle0;
-
-exports.limebb_property_selector = PropertySelector;

package/dist/components/isEqual.js

@@ -1,35 +0,0 @@
-import { b as baseIsEqual } from './_baseIsEqual.js';
-
-/**
- * Performs a deep comparison between two values to determine if they are
- * equivalent.
- *
- * **Note:** This method supports comparing arrays, array buffers, booleans,
- * date objects, error objects, maps, numbers, `Object` objects, regexes,
- * sets, strings, symbols, and typed arrays. `Object` objects are compared
- * by their own, not inherited, enumerable properties. Functions and DOM
- * nodes are compared by strict equality, i.e. `===`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to compare.
- * @param {*} other The other value to compare.
- * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
- * @example
- *
- * var object = { 'a': 1 };
- * var other = { 'a': 1 };
- *
- * _.isEqual(object, other);
- * // => true
- *
- * object === other;
- * // => false
- */
-function isEqual(value, other) {
-  return baseIsEqual(value, other);
-}
-
-export { isEqual as i };

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

@@ -1,408 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$4 } from './lime-query-filter-comparison.js';
-import { i as isEqual } from './isEqual.js';
-import { d as defineCustomElement$6 } from './lime-query-value-input.js';
-import { d as defineCustomElement$5 } from './property-selector.js';
-
-const limeQueryFilterOrCss = "@charset \"UTF-8\";.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:0;background-color:rgb(var(--contrast-200));border:1px solid rgb(var(--contrast-600));border-radius:0.75rem}.expression>ul{margin-top:0;margin-right:1rem;margin-bottom:1rem;margin-left:1rem;padding-left:1rem;list-style:circle}.expression>ul li{margin-top:1rem}.expression>ul li.add-button{list-style:none;margin-top:0;text-align:right}";
-const LimebbLimeQueryFilterOrStyle0 = limeQueryFilterOrCss;
-
-const LimeQueryFilterOrComponent = /*@__PURE__*/ proxyCustomElement(class LimeQueryFilterOrComponent extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.expressionChange = createEvent(this, "expressionChange", 7);
-        this.renderChildExpression = (expression, childIndex) => {
-            const label = this.expression.expressions.length === 1 ? this.label : undefined;
-            return (h("li", null, h("limebb-lime-query-filter-expression", { platform: this.platform, context: this.context, label: label, limetype: this.limetype, activeLimetype: this.activeLimetype, expression: expression, onExpressionChange: this.handleExpressionChange(childIndex) })));
-        };
-        this.handleExpressionChange = (updatedChildIndex) => (event) => {
-            event.stopPropagation();
-            const updatedExpression = event.detail;
-            const expressions = [...this.expression.expressions];
-            const missingExpression = {
-                filter_type: '',
-            };
-            if (isEqual(updatedExpression, missingExpression)) {
-                expressions.splice(updatedChildIndex, 1);
-            }
-            else {
-                expressions[updatedChildIndex] = updatedExpression;
-            }
-            if (expressions.length === 0) {
-                this.expressionChange.emit(missingExpression);
-                return;
-            }
-            this.expressionChange.emit({
-                filter_type: 'OR',
-                expressions: expressions,
-            });
-        };
-        this.handleAddChildExpression = () => {
-            const updatedExpressionsList = [
-                ...this.expression.expressions,
-                {
-                    filter_type: '',
-                },
-            ];
-            this.expressionChange.emit({
-                filter_type: 'OR',
-                expressions: updatedExpressionsList,
-            });
-        };
-    }
-    render() {
-        return (h("div", { key: '9a0e6876f32ebcb614ab1ef0ccb122a5a5b8e978', class: "expression" }, this.expression.expressions.length > 1 && (h("limel-header", { key: 'cb1ff04ce7669582f0c4f6afefbce3402876d435', heading: this.label, subheading: "Any of these conditions is true" })), h("ul", { key: '21efcfec20f4ea04105ccbea880dbb9ed551efb9' }, this.expression.expressions.map(this.renderChildExpression), h("li", { key: '541811a52176182be501078c3cf662bbe6a71cda', class: "add-button" }, this.renderAddChildExpression()))));
-    }
-    renderAddChildExpression() {
-        return (h("limel-icon-button", { label: "Add alternative", icon: "plus_math", onClick: this.handleAddChildExpression }));
-    }
-    static get style() { return LimebbLimeQueryFilterOrStyle0; }
-}, [1, "limebb-lime-query-filter-or", {
-        "platform": [16],
-        "context": [16],
-        "label": [1],
-        "limetype": [1],
-        "activeLimetype": [1, "active-limetype"],
-        "expression": [16]
-    }]);
-function defineCustomElement$3() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-lime-query-filter-or", "limebb-lime-query-filter-and", "limebb-lime-query-filter-comparison", "limebb-lime-query-filter-expression", "limebb-lime-query-filter-not", "limebb-lime-query-filter-or"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-lime-query-filter-or":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LimeQueryFilterOrComponent);
-            }
-            break;
-        case "limebb-lime-query-filter-and":
-            if (!customElements.get(tagName)) {
-                defineCustomElement();
-            }
-            break;
-        case "limebb-lime-query-filter-comparison":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "limebb-lime-query-filter-expression":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-        case "limebb-lime-query-filter-not":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "limebb-lime-query-filter-or":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-    } });
-}
-
-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) => {
-            event.stopPropagation();
-            const missingExpression = {
-                filter_type: '',
-            };
-            if (isEqual(event.detail, missingExpression)) {
-                this.expressionChange.emit(missingExpression);
-                return;
-            }
-            this.expressionChange.emit({
-                filter_type: 'NOT',
-                expression: event.detail,
-            });
-        };
-    }
-    render() {
-        return (h("div", { key: '005a133401b16d03bdb5d8683b6a51c2c9691dfb', class: "expression" }, this.label && h("limel-header", { key: '31b44cd46fa6cd6fbe19e77df4eef9075523733d', heading: this.label }), h("limebb-lime-query-filter-expression", { key: '487f857eccec79d6a1da6a71aa31be04204b8862', platform: this.platform, context: this.context, label: "Not", limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression.expression, 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-and", "limebb-lime-query-filter-comparison", "limebb-lime-query-filter-expression", "limebb-lime-query-filter-not", "limebb-lime-query-filter-or"];
-    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-and":
-            if (!customElements.get(tagName)) {
-                defineCustomElement();
-            }
-            break;
-        case "limebb-lime-query-filter-comparison":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "limebb-lime-query-filter-expression":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-        case "limebb-lime-query-filter-not":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "limebb-lime-query-filter-or":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            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);
-    }
-    render() {
-        var _a;
-        const props = {
-            platform: this.platform,
-            context: this.context,
-            label: this.label,
-            limetype: this.limetype,
-            activeLimetype: this.activeLimetype,
-        };
-        switch ((_a = this.expression) === null || _a === void 0 ? void 0 : _a.filter_type) {
-            case 'AND': {
-                return (h("limebb-lime-query-filter-and", Object.assign({}, props, { expression: this.expression })));
-            }
-            case 'OR': {
-                return (h("limebb-lime-query-filter-or", Object.assign({}, props, { expression: this.expression })));
-            }
-            case 'NOT': {
-                return (h("limebb-lime-query-filter-not", Object.assign({}, props, { expression: this.expression })));
-            }
-            case 'comparison': {
-                return (h("limebb-lime-query-filter-comparison", Object.assign({}, props, { expression: this.expression })));
-            }
-            default: {
-                // Default to comparison for empty/missing expressions
-                // Convert missing expression to empty comparison
-                const comparisonExpression = {
-                    filter_type: 'comparison',
-                    property: '',
-                    operator: '=',
-                    value: '',
-                };
-                return (h("limebb-lime-query-filter-comparison", Object.assign({}, props, { expression: comparisonExpression })));
-            }
-        }
-    }
-    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$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["limebb-lime-query-filter-expression", "limebb-lime-query-filter-and", "limebb-lime-query-filter-comparison", "limebb-lime-query-filter-expression", "limebb-lime-query-filter-not", "limebb-lime-query-filter-or", "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-and":
-            if (!customElements.get(tagName)) {
-                defineCustomElement();
-            }
-            break;
-        case "limebb-lime-query-filter-comparison":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "limebb-lime-query-filter-expression":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-        case "limebb-lime-query-filter-not":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "limebb-lime-query-filter-or":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "limebb-lime-query-value-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "limebb-property-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-    } });
-}
-
-const limeQueryFilterAndCss = "@charset \"UTF-8\";.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:0;background-color:rgb(var(--contrast-100));border:1px solid rgb(var(--contrast-500));border-radius:0.75rem}.expression>ul{margin-top:0;margin-right:1rem;margin-bottom:1rem;margin-left:1rem;padding-left:1rem;list-style:disc}.expression>ul li{margin-top:1rem}.expression>ul li.add-button{list-style:none}";
-const LimebbLimeQueryFilterAndStyle0 = limeQueryFilterAndCss;
-
-const LimeQueryFilterAndComponent = /*@__PURE__*/ proxyCustomElement(class LimeQueryFilterAndComponent extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.expressionChange = createEvent(this, "expressionChange", 7);
-        /**
-         * The AND expression containing child expressions
-         */
-        this.expression = {
-            filter_type: 'AND',
-            expressions: [],
-        };
-        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.handleAddChildExpression = () => {
-            const updatedExpressionsList = [
-                ...this.expression.expressions,
-                {
-                    filter_type: 'OR',
-                    expressions: [
-                        {
-                            filter_type: '',
-                        },
-                    ],
-                },
-            ];
-            this.expressionChange.emit({
-                filter_type: 'AND',
-                expressions: updatedExpressionsList,
-            });
-        };
-        this.handleExpressionChange = (updatedChildIndex) => (event) => {
-            event.stopPropagation();
-            const updatedExpression = event.detail;
-            const expressions = [...this.expression.expressions];
-            const missingExpression = {
-                filter_type: '',
-            };
-            if (isEqual(updatedExpression, missingExpression)) {
-                expressions.splice(updatedChildIndex, 1);
-            }
-            else {
-                expressions[updatedChildIndex] = updatedExpression;
-            }
-            if (expressions.length === 0) {
-                this.expressionChange.emit(missingExpression);
-                return;
-            }
-            this.expressionChange.emit({
-                filter_type: 'AND',
-                expressions: expressions,
-            });
-        };
-    }
-    render() {
-        let subheading = 'All of these conditions are true';
-        if (this.expression.expressions.length <= 1) {
-            subheading = '';
-        }
-        return (h("div", { key: 'b58b7c54e8f1ded42a965f430cc103e6a344dfbf', class: "expression" }, (this.label || subheading) && (h("limel-header", { key: 'd5c38eef732ccbfff6baec25f007a9accdabdec0', heading: this.label, subheading: subheading })), h("ul", { key: 'aee3cc6799ae69c1df334a826cd708a9b6cf2be6' }, this.expression.expressions.map(this.renderChildExpression), h("li", { key: 'f120182c92d6b9a0b35b21be2d3308f6e62e36ab', class: "add-button" }, this.renderAddChildExpression()))));
-    }
-    renderAddChildExpression() {
-        return (h("limel-button", { label: this.getAddButtonLabel(), icon: "plus_math", onClick: this.handleAddChildExpression }));
-    }
-    getAddButtonLabel() {
-        if (this.expression.expressions.length === 0) {
-            return 'Add a condition';
-        }
-        return 'Add another condition';
-    }
-    static get style() { return LimebbLimeQueryFilterAndStyle0; }
-}, [1, "limebb-lime-query-filter-and", {
-        "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-and", "limebb-lime-query-filter-and", "limebb-lime-query-filter-comparison", "limebb-lime-query-filter-expression", "limebb-lime-query-filter-not", "limebb-lime-query-filter-or"];
-    components.forEach(tagName => { switch (tagName) {
-        case "limebb-lime-query-filter-and":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LimeQueryFilterAndComponent);
-            }
-            break;
-        case "limebb-lime-query-filter-and":
-            if (!customElements.get(tagName)) {
-                defineCustomElement();
-            }
-            break;
-        case "limebb-lime-query-filter-comparison":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "limebb-lime-query-filter-expression":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-        case "limebb-lime-query-filter-not":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "limebb-lime-query-filter-or":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-    } });
-}
-
-export { LimeQueryFilterAndComponent as L, defineCustomElement$2 as a, defineCustomElement$1 as b, defineCustomElement as c, defineCustomElement$3 as d, LimeQueryFilterExpressionComponent as e, LimeQueryFilterNotComponent as f, LimeQueryFilterOrComponent as g };