@limetech/lime-crm-building-blocks 2.3.1 → 2.4.1

package/dist/collection/components/rule-editor/group-node-view.js

@@ -1,79 +0,0 @@
-import { h } from "@stencil/core";
-import { appendChild, issuesAt, wrapNegated, } from "./rule-operations";
-import { IssuesView, RuleNodeView, } from "./rule-editor-views";
-import { nodeClasses } from "./view-helpers";
-import { extractRef, GroupChipsView } from "./chip-picker-view";
-export const GroupNodeView = ({ node, path, isNegated, ctx }) => {
-    const groupBasePath = isNegated ? [...path, 'rule'] : path;
-    const issuesHere = isNegated
-        ? [
-            ...issuesAt(ctx.issues, path),
-            ...issuesAt(ctx.issues, groupBasePath),
-        ]
-        : issuesAt(ctx.issues, path);
-    const chipChildren = [];
-    const nestedGroups = [];
-    for (const [index, child] of node.rules.entries()) {
-        const extracted = extractRef(child);
-        if (extracted) {
-            chipChildren.push(Object.assign(Object.assign({}, extracted), { index }));
-        }
-        else {
-            nestedGroups.push({ child, index });
-        }
-    }
-    const options = combinatorOptions(ctx);
-    const selectedCombinator = options.find((option) => option.value === node.type);
-    return (h("div", { class: nodeClasses(node.type, issuesHere), key: pathKey(path) }, h("div", { class: "rule-node__header" }, h("limel-select", { class: "rule-node__combinator-select", value: selectedCombinator, options: options, disabled: !ctx.isMutable, onChange: combinatorChangeHandler(node, path, isNegated, ctx) }), renderMutableGroupActions(node, path, isNegated, ctx)), h("div", { class: "rule-node__body" }, h(IssuesView, { issues: issuesHere }), h(GroupChipsView, { groupNode: node, groupPath: groupBasePath, chipChildren: chipChildren, ctx: ctx }), renderNestedGroups(nestedGroups, groupBasePath, ctx), renderAddGroupFooter(node, path, isNegated, ctx))));
-};
-function pathKey(path) {
-    return path.length === 0 ? 'root' : path.join('/');
-}
-function combinatorOptions(ctx) {
-    return [
-        {
-            value: 'all',
-            text: ctx.translator.get('webclient.combinator.all'),
-        },
-        {
-            value: 'any',
-            text: ctx.translator.get('webclient.combinator.any'),
-        },
-    ];
-}
-function renderMutableGroupActions(node, path, isNegated, ctx) {
-    if (!ctx.isMutable) {
-        return null;
-    }
-    return (h("div", { class: "rule-node__header-actions" }, h("limel-switch", { class: "rule-node__negate-switch", label: ctx.translator.get('webclient.negate'), value: isNegated, onChange: negateGroupHandler(node, path, ctx) }), h("limel-icon-button", { icon: "trash", label: ctx.translator.get('webclient.rule-editor.delete'), onClick: () => ctx.onDelete(path) })));
-}
-function renderNestedGroups(nestedGroups, groupBasePath, ctx) {
-    if (nestedGroups.length === 0) {
-        return null;
-    }
-    return (h("div", { class: "rule-node__children" }, nestedGroups.map((entry) => (h(RuleNodeView, { node: entry.child, path: [...groupBasePath, 'rules', entry.index], ctx: ctx })))));
-}
-function renderAddGroupFooter(node, path, isNegated, ctx) {
-    if (!ctx.isMutable) {
-        return null;
-    }
-    return (h("div", { class: "rule-node__footer" }, h("limel-button", { icon: "add", label: ctx.translator.get('webclient.rule-editor.add-nested-group'), onClick: addGroupHandler(node, path, isNegated, ctx) })));
-}
-function replaceGroup(nextGroup, path, isNegated, ctx) {
-    ctx.onReplaceNode(path, wrapNegated(nextGroup, isNegated));
-}
-const combinatorChangeHandler = (node, path, isNegated, ctx) => (event) => {
-    event.stopPropagation();
-    const newType = event.detail.value;
-    if (newType !== node.type) {
-        replaceGroup(Object.assign(Object.assign({}, node), { type: newType }), path, isNegated, ctx);
-    }
-};
-const addGroupHandler = (node, path, isNegated, ctx) => () => {
-    const expanded = appendChild(node, { type: 'all', rules: [] });
-    replaceGroup(expanded, path, isNegated, ctx);
-};
-const negateGroupHandler = (node, path, ctx) => (event) => {
-    event.stopPropagation();
-    ctx.onReplaceNode(path, wrapNegated(node, event.detail));
-};

package/dist/collection/components/rule-editor/rule-chip-popover/rule-chip-popover.css

@@ -1,36 +0,0 @@
-:host {
-  display: block;
-}
-
-.popover {
-  display: flex;
-  flex-direction: column;
-  min-width: 24rem;
-  background-color: rgb(var(--contrast-100));
-  border: 1px solid rgb(var(--contrast-700));
-  border-radius: 0.5rem;
-  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
-  overflow: hidden;
-}
-
-.popover__header {
-  --header-background-color: rgba(var(--contrast-300));
-  padding-right: 0.5rem;
-  gap: 1rem;
-}
-
-.popover__header-actions {
-  display: grid;
-  grid-auto-flow: column;
-  grid-gap: 0.75rem;
-  padding: 0.25rem;
-  align-items: center;
-}
-
-.popover__delete-button {
-  color: rgb(var(--contrast-1100));
-}
-
-.popover__body {
-  padding: 1rem;
-}

package/dist/collection/components/rule-editor/rule-chip-popover/rule-chip-popover.js

@@ -1,344 +0,0 @@
-var __decorate = (this && this.__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;
-};
-import { PlatformServiceName, ProvideContext, } from "@limetech/lime-web-components";
-import { h } from "@stencil/core";
-import { LimeWebComponentTemplate } from "../../../util/web-component-template";
-/**
- * Popover content for a rule-editor chip. Carries its own styles so
- * they travel with the element when `limel-popover` portals it out of
- * the rule-editor's shadow DOM.
- *
- * @private
- */
-export class RuleChipPopover {
-    constructor() {
-        this.isNegated = false;
-        this.readonly = false;
-        this.disabled = false;
-        this.isMutable = true;
-        /**
-         * Forwarded to the embedded config component so it can pull focus
-         * when this popover opens. The rule editor sets it only when the chip
-         * was just added via the picker, so clicking an existing chip does
-         * not steal focus. The component decides when it is ready to receive
-         * focus (e.g. after loading its own data).
-         */
-        this.focusOnOpen = false;
-        this.handleNegateChange = (event) => {
-            event.stopPropagation();
-            this.negate.emit(event.detail);
-        };
-        this.handleArgsChange = (event) => {
-            event.stopPropagation();
-            this.updateArgs.emit(event.detail);
-        };
-        this.handleDelete = () => {
-            this.deleteChip.emit();
-        };
-    }
-    render() {
-        return (h("div", { key: 'ac5344dc612841a6b1332f30542d61118874037f', class: "popover" }, this.renderHeader(), this.renderBody()));
-    }
-    renderHeader() {
-        var _a, _b, _c, _d;
-        const title = ((_a = this.metadata) === null || _a === void 0 ? void 0 : _a.title)
-            ? this.translator.get(this.metadata.title)
-            : ((_c = (_b = this.refNode) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : '');
-        return (h("limel-header", { class: "popover__header is-narrow", heading: title, icon: (_d = this.metadata) === null || _d === void 0 ? void 0 : _d.icon }, this.renderHeaderActions()));
-    }
-    renderHeaderActions() {
-        if (!this.isMutable) {
-            return null;
-        }
-        return (h("div", { slot: "actions", class: "popover__header-actions" }, h("limel-switch", { class: "popover__negate-switch", label: this.translator.get('webclient.negate'), value: this.isNegated, onChange: this.handleNegateChange }), h("limel-icon-button", { class: "popover__delete-button", icon: "trash", label: this.translator.get('webclient.rule-editor.delete'), onClick: this.handleDelete })));
-    }
-    get translator() {
-        return this.platform.get(PlatformServiceName.Translate);
-    }
-    renderBody() {
-        var _a, _b;
-        const configComponent = (_a = this.metadata) === null || _a === void 0 ? void 0 : _a.configComponent;
-        if (!configComponent) {
-            return null;
-        }
-        return (h("div", { class: "popover__body" }, h(LimeWebComponentTemplate, { platform: this.platform, context: this.context, name: configComponent.name, props: Object.assign(Object.assign({}, configComponent.props), { value: (_b = this.refNode) === null || _b === void 0 ? void 0 : _b.args, readonly: this.readonly, disabled: this.disabled, focusOnOpen: this.focusOnOpen, onChange: this.handleArgsChange }) })));
-    }
-    static get is() { return "limebb-rule-chip-popover"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["rule-chip-popover.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["rule-chip-popover.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "platform": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "LimeWebComponentPlatform",
-                    "resolved": "LimeWebComponentPlatform",
-                    "references": {
-                        "LimeWebComponentPlatform": {
-                            "location": "import",
-                            "path": "@limetech/lime-web-components",
-                            "id": "node_modules::LimeWebComponentPlatform",
-                            "referenceLocation": "LimeWebComponentPlatform"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "context": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "LimeWebComponentContext",
-                    "resolved": "LimeWebComponentContext",
-                    "references": {
-                        "LimeWebComponentContext": {
-                            "location": "import",
-                            "path": "@limetech/lime-web-components",
-                            "id": "node_modules::LimeWebComponentContext",
-                            "referenceLocation": "LimeWebComponentContext"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Bridges the rule editor's context across the `limel-popover`\nportal."
-                },
-                "getter": false,
-                "setter": false
-            },
-            "refNode": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "RuleRef",
-                    "resolved": "RuleRef",
-                    "references": {
-                        "RuleRef": {
-                            "location": "import",
-                            "path": "@limetech/lime-web-components",
-                            "id": "node_modules::RuleRef",
-                            "referenceLocation": "RuleRef"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "isNegated": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "is-negated",
-                "defaultValue": "false"
-            },
-            "metadata": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "PrimitiveMetadata",
-                    "resolved": "ConfigMetadata & { id: string; reads: readonly (keyof ContextMap)[]; } | undefined",
-                    "references": {
-                        "PrimitiveMetadata": {
-                            "location": "import",
-                            "path": "@limetech/lime-web-components",
-                            "id": "node_modules::PrimitiveMetadata",
-                            "referenceLocation": "PrimitiveMetadata"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "readonly": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "readonly",
-                "defaultValue": "false"
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "disabled",
-                "defaultValue": "false"
-            },
-            "isMutable": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "is-mutable",
-                "defaultValue": "true"
-            },
-            "focusOnOpen": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Forwarded to the embedded config component so it can pull focus\nwhen this popover opens. The rule editor sets it only when the chip\nwas just added via the picker, so clicking an existing chip does\nnot steal focus. The component decides when it is ready to receive\nfocus (e.g. after loading its own data)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "focus-on-open",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "negate",
-                "name": "negate",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                }
-            }, {
-                "method": "updateArgs",
-                "name": "updateArgs",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "JsonValue",
-                    "resolved": "JsonValue[] | boolean | null | number | string | { [key: string]: JsonValue; }",
-                    "references": {
-                        "JsonValue": {
-                            "location": "import",
-                            "path": "@limetech/lime-web-components",
-                            "id": "node_modules::JsonValue",
-                            "referenceLocation": "JsonValue"
-                        }
-                    }
-                }
-            }, {
-                "method": "deleteChip",
-                "name": "deleteChip",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-}
-__decorate([
-    ProvideContext('context')
-], RuleChipPopover.prototype, "context", void 0);

package/dist/collection/components/rule-editor/rule-editor-views.js

@@ -1,43 +0,0 @@
-import { h } from "@stencil/core";
-import { GroupNodeView } from "./group-node-view";
-/**
- * Render a `Rule` node and recurse into its children.
- * @param props
- */
-export const RuleNodeView = (props) => {
-    const { node, path, ctx } = props;
-    const group = extractGroup(node);
-    if (!group) {
-        return null;
-    }
-    return (h(GroupNodeView, { node: group.node, path: path, isNegated: group.isNegated, ctx: ctx }));
-};
-const isNegatedGroup = (node) => node.type === 'not' &&
-    (node.rule.type === 'all' || node.rule.type === 'any');
-/**
- * If `node` is a group (`all`/`any`) or a negated group, return the
- * inner group together with its negation flag. Otherwise `null`.
- * Used by the dispatcher and by the editor's input normalization.
- * @param node
- */
-export function extractGroup(node) {
-    if (node.type === 'all' || node.type === 'any') {
-        return { node, isNegated: false };
-    }
-    if (isNegatedGroup(node)) {
-        return { node: node.rule, isNegated: true };
-    }
-    if (node.type === 'not') {
-        const inner = extractGroup(node.rule);
-        if (inner) {
-            return { node: inner.node, isNegated: !inner.isNegated };
-        }
-    }
-    return null;
-}
-export const IssuesView = ({ issues }) => {
-    if (issues.length === 0) {
-        return null;
-    }
-    return issues.map((issue) => (h("div", { class: "rule-node__issue" }, issue.message)));
-};

package/dist/collection/components/rule-editor/rule-operations.js

@@ -1,145 +0,0 @@
-/**
- * Remove the node at `path`.
- *
- * Removing the root yields an empty `all`-group so the tree always has
- * something to render. Returns `rule` unchanged when `path` does not
- * address a removable node.
- * @param rule
- * @param path
- */
-export function deleteNode(rule, path) {
-    if (path.length === 0) {
-        return { type: 'all', rules: [] };
-    }
-    const parentPath = path.slice(0, -1);
-    const key = path.at(-1);
-    const parent = getNode(rule, parentPath);
-    if (parent === undefined) {
-        return rule;
-    }
-    if ((parent.type === 'all' || parent.type === 'any') &&
-        typeof key === 'number') {
-        const rules = [...parent.rules];
-        rules.splice(key, 1);
-        return replaceAt(rule, parentPath, Object.assign(Object.assign({}, parent), { rules }));
-    }
-    if (parent.type === 'not' && key === 'rule') {
-        return replaceAt(rule, parentPath, { type: 'all', rules: [] });
-    }
-    return rule;
-}
-/**
- * Replace the `args` of a `ref` node. Returns `rule` unchanged when
- * `path` does not resolve to a `ref`.
- * @param rule
- * @param path
- * @param args
- */
-export function updateArgs(rule, path, args) {
-    const node = getNode(rule, path);
-    if (node === undefined || node.type !== 'ref') {
-        return rule;
-    }
-    return replaceAt(rule, path, Object.assign(Object.assign({}, node), { args }));
-}
-/**
- * Replace the node at `path` with `replacement`, returning a new rule
- * tree. Used by callers that need to apply a non-atomic change as a
- * single emit (e.g. updating a group's whole `rules` array at once).
- * @param rule
- * @param path
- * @param replacement
- */
-export function replaceNode(rule, path, replacement) {
-    return replaceAt(rule, path, replacement);
-}
-/**
- * Wrap `group` in a `not` when `isNegated`, otherwise return it
- * unchanged. Used when re-emitting a group whose negation flag should
- * be preserved.
- * @param group
- * @param isNegated
- */
-export function wrapNegated(group, isNegated) {
-    return isNegated ? { type: 'not', rule: group } : group;
-}
-/**
- * Append `child` to a group's `rules`, returning a new group. The
- * input is not mutated.
- * @param group
- * @param child
- */
-export function appendChild(group, child) {
-    return Object.assign(Object.assign({}, group), { rules: [...group.rules, child] });
-}
-/**
- * Structural equality on two paths.
- * @param a
- * @param b
- */
-export function pathsEqual(a, b) {
-    if (a.length !== b.length) {
-        return false;
-    }
-    return a.every((value, index) => value === b[index]);
-}
-/**
- * Filter validation issues to those whose `path` matches `path`.
- * @param issues
- * @param path
- */
-export function issuesAt(issues, path) {
-    return issues.filter((issue) => pathsEqual(issue.path, path));
-}
-/**
- * Resolve the node at `path` by walking each segment from the root.
- * Returns `undefined` when a segment indexes past the end of a
- * combinator's `rules`, so callers must guard the result.
- * @param rule
- * @param path
- */
-export function getNode(rule, path) {
-    let node = rule;
-    for (const key of path) {
-        if (node === undefined) {
-            return undefined;
-        }
-        node = stepIntoNode(node, key);
-    }
-    return node;
-}
-function replaceAt(root, path, replacement) {
-    if (path.length === 0) {
-        return replacement;
-    }
-    const [head, ...tail] = path;
-    if (root.type === 'not' && head === 'rule') {
-        return Object.assign(Object.assign({}, root), { rule: replaceAt(root.rule, tail, replacement) });
-    }
-    if ((root.type === 'all' || root.type === 'any') && head === 'rules') {
-        if (tail.length === 0) {
-            return replacement;
-        }
-        const [index, ...rest] = tail;
-        if (typeof index !== 'number') {
-            return root;
-        }
-        const rules = [...root.rules];
-        rules[index] = replaceAt(rules[index], rest, replacement);
-        return Object.assign(Object.assign({}, root), { rules });
-    }
-    return root;
-}
-function stepIntoNode(node, key) {
-    if (node.type === 'not' && key === 'rule') {
-        return node.rule;
-    }
-    if ((node.type === 'all' || node.type === 'any') && key === 'rules') {
-        return node;
-    }
-    if ((node.type === 'all' || node.type === 'any') &&
-        typeof key === 'number') {
-        return node.rules[key];
-    }
-    return node;
-}

package/dist/components/limebb-rule-chip-popover.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface LimebbRuleChipPopover extends Components.LimebbRuleChipPopover, HTMLElement {}
-export const LimebbRuleChipPopover: {
-    prototype: LimebbRuleChipPopover;
-    new (): LimebbRuleChipPopover;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/limebb-rule-chip-popover.js

@@ -1 +0,0 @@
-import{R as o,d as p}from"./rule-chip-popover.js";const r=o,s=p;export{r as LimebbRuleChipPopover,s as defineCustomElement}

package/dist/components/rule-chip-popover.js

@@ -1 +0,0 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as o,h as i,transformTag as r}from"@stencil/core/internal/client";import{k as s,n}from"./index.esm.js";import{L as l}from"./web-component-template.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.negate=o(this,"negate",7),this.updateArgs=o(this,"updateArgs",7),this.deleteChip=o(this,"deleteChip",7),this.isNegated=!1,this.readonly=!1,this.disabled=!1,this.isMutable=!0,this.focusOnOpen=!1,this.handleNegateChange=e=>{e.stopPropagation(),this.negate.emit(e.detail)},this.handleArgsChange=e=>{e.stopPropagation(),this.updateArgs.emit(e.detail)},this.handleDelete=()=>{this.deleteChip.emit()}}render(){return i("div",{key:"ac5344dc612841a6b1332f30542d61118874037f",class:"popover"},this.renderHeader(),this.renderBody())}renderHeader(){var e,t,o,r;const s=(null===(e=this.metadata)||void 0===e?void 0:e.title)?this.translator.get(this.metadata.title):null!==(o=null===(t=this.refNode)||void 0===t?void 0:t.id)&&void 0!==o?o:"";return i("limel-header",{class:"popover__header is-narrow",heading:s,icon:null===(r=this.metadata)||void 0===r?void 0:r.icon},this.renderHeaderActions())}renderHeaderActions(){return this.isMutable?i("div",{slot:"actions",class:"popover__header-actions"},i("limel-switch",{class:"popover__negate-switch",label:this.translator.get("webclient.negate"),value:this.isNegated,onChange:this.handleNegateChange}),i("limel-icon-button",{class:"popover__delete-button",icon:"trash",label:this.translator.get("webclient.rule-editor.delete"),onClick:this.handleDelete})):null}get translator(){return this.platform.get(n.Translate)}renderBody(){var e,t;const o=null===(e=this.metadata)||void 0===e?void 0:e.configComponent;return o?i("div",{class:"popover__body"},i(l,{platform:this.platform,context:this.context,name:o.name,props:Object.assign(Object.assign({},o.props),{value:null===(t=this.refNode)||void 0===t?void 0:t.args,readonly:this.readonly,disabled:this.disabled,focusOnOpen:this.focusOnOpen,onChange:this.handleArgsChange})})):null}static get style(){return":host{display:block}.popover{display:flex;flex-direction:column;min-width:24rem;background-color:rgb(var(--contrast-100));border:1px solid rgb(var(--contrast-700));border-radius:0.5rem;box-shadow:0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);overflow:hidden}.popover__header{--header-background-color:rgba(var(--contrast-300));padding-right:0.5rem;gap:1rem}.popover__header-actions{display:grid;grid-auto-flow:column;grid-gap:0.75rem;padding:0.25rem;align-items:center}.popover__delete-button{color:rgb(var(--contrast-1100))}.popover__body{padding:1rem}"}},[1,"limebb-rule-chip-popover",{platform:[16],context:[16],refNode:[16],isNegated:[4,"is-negated"],metadata:[16],readonly:[4],disabled:[4],isMutable:[4,"is-mutable"],focusOnOpen:[4,"focus-on-open"]}]);function d(){"undefined"!=typeof customElements&&["limebb-rule-chip-popover"].forEach((e=>{"limebb-rule-chip-popover"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))}!function(e,t,o,i){var r,s=arguments.length,n=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,o,i);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(n=(s<3?r(n):s>3?r(t,o,n):r(t,o))||n);s>3&&n&&Object.defineProperty(t,o,n)}([s("context")],a.prototype,"context",void 0);export{a as R,d}