@limetech/lime-crm-building-blocks 1.124.0 → 1.126.0

package/dist/esm/limebb-chat-icon-list_3.entry.js

@@ -8,7 +8,7 @@ const ChatIconListComponent = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '7e7416bbf2247bd66a852601549603cf3e0b664e', id: this.item.id }, this.renderLabel(), h("div", { key: '2033ea8f3da923b872fe60cf5e8d4d33e854999f', class: "icons" }, this.item.icons.map((icon, index) => this.renderIcon(icon, index)))));
+        return (h(Host, { key: 'efe87c0a35ebc87ae04a61422d3b7410189c8f7e', id: this.item.id }, this.renderLabel(), h("div", { key: 'd0bdaf7023492f926f96449a0d5bc49aa800ecac', class: "icons" }, this.item.icons.map((icon, index) => this.renderIcon(icon, index)))));
     }
     renderLabel() {
         if (!this.item.label) {
@@ -96,9 +96,9 @@ const ChatListItem = class {
     }
     render() {
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: '46525ac6490b13214d6e263501a78d6883ede5ae', id: this.item.id, "aria-describedby": this.helperText ? helperTextId : undefined, "aria-live": this.hasError ? 'assertive' : 'off', class: {
+        return (h(Host, { key: '971b486298a8f88790178592c174561bdc3b7b13', id: this.item.id, "aria-describedby": this.helperText ? helperTextId : undefined, "aria-live": this.hasError ? 'assertive' : 'off', class: {
                 [`${this.item.ui}`]: true,
-            } }, h("div", { key: 'eb4df3d91478360373cc1ceb1c821b1bd07c7002', class: "bubble-content" }, h("div", { key: '8a3b52a72d2563bf1949b35facc113d1d15e412e', class: "icon-picture" }, this.renderIcon(), this.renderAuthorPicture()), this.renderErrorSign(), h("div", { key: '8d121e54e819079243f1d23b455b7029cf826f6c', class: "item" }, this.renderHeader(), this.renderValue(), h("footer", { key: '701b37aa33aaf873c271c1c8b9652c4b114b2655' }, this.renderHelperText(helperTextId), this.renderTimestamp()))), this.renderPromotedAction()));
+            } }, h("div", { key: 'b5cde4080a9c6e4d30d89b8d9a323e41d913d00b', class: "bubble-content" }, h("div", { key: '1d674bfb86bd0356bbbb1244848f7f9fe2f04916', class: "icon-picture" }, this.renderIcon(), this.renderAuthorPicture()), this.renderErrorSign(), h("div", { key: 'b4c34568322082230de44312c42b98d86b5a28fc', class: "item" }, this.renderHeader(), this.renderValue(), h("footer", { key: 'b9a5026726ac13dfe01e02263ace3817c3d71ad4' }, this.renderHelperText(helperTextId), this.renderTimestamp()))), this.renderPromotedAction()));
     }
     renderErrorSign() {
         if (!this.hasError) {
@@ -200,7 +200,7 @@ const TypingIndicator = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'e66d0cd2af9c917e7e7811b737d88a445da80dde', class: "typing-ellipsis" }, h("div", { key: '4934f738ae7a0895495a9b0da8328751adfb56ae', class: "circle" }), h("div", { key: '5fb36b9e9a494f93f6e5c0cd9d480c9adb43e32c', class: "circle" }), h("div", { key: 'eaf16a3a8544e8ab2adbf0d8ac8268334b2754c0', class: "circle" })));
+        return (h("div", { key: '23c76c03d08f495a885b7bfef11ef133d1da53a9', class: "typing-ellipsis" }, h("div", { key: '93ec029e09591839a45f41a49d42e4eea3d5127f', class: "circle" }), h("div", { key: '2ed2c1c943556f0f6e315d97cbdf7818773901c8', class: "circle" }), h("div", { key: '3fa7646cef9c5e3eecea9d9e8ed8bc9868505878', class: "circle" })));
     }
 };
 TypingIndicator.style = typingIndicatorCss();

package/dist/esm/limebb-chat-list.entry.js

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

package/dist/esm/limebb-color-palette-picker.entry.js

@@ -0,0 +1,83 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BIwHMk6j.js';
+import { C as COLOR_PALETTES } from './color-palettes-1N3bZuHj.js';
+
+const colorPalettePickerCss = () => `:host(limebb-color-palette-picker){box-sizing:border-box;display:block;--color-palette-swatches-transform:scale(0.9) translateX(0.5rem)}`;
+
+const NONE_VALUE = '';
+const SWATCH_STYLE = {
+    display: 'block',
+    order: 3,
+    width: '6rem',
+    flexShrink: 0,
+    marginRight: '-0.5rem',
+};
+const ColorPalettePicker = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.change = createEvent(this, "change");
+        this.options = [];
+        this.optionsById = new Map();
+        this.handleChange = (event) => {
+            var _a;
+            event.stopPropagation();
+            const detail = event
+                .detail;
+            const option = Array.isArray(detail) ? detail[0] : detail;
+            this.change.emit((_a = option === null || option === void 0 ? void 0 : option.value) !== null && _a !== void 0 ? _a : NONE_VALUE);
+        };
+    }
+    componentWillLoad() {
+        this.options = buildOptions();
+        this.optionsById = new Map(this.options.map((option) => [option.value, option]));
+    }
+    render() {
+        return (h(Host, { key: '60917a56a3aede46b8fdcae4ea47ea61801edc3e' }, h("limel-select", { key: '9903a9645f7c46d6f7d96f7683b592716e38320e', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, options: this.options, value: this.getSelectedOption(), onChange: this.handleChange })));
+    }
+    /**
+     * Resolve `this.value` against the cached options map. Returns
+     * `undefined` when no value is set (so the trigger renders
+     * unselected), or falls back to the (none) option when the value
+     * is set but unrecognized — with a one-time warning so a
+     * developer integrating the picker sees the stale id during
+     * debugging.
+     */
+    getSelectedOption() {
+        if (!this.value) {
+            return undefined;
+        }
+        const match = this.optionsById.get(this.value);
+        if (match) {
+            return match;
+        }
+        if (this.lastWarnedValue !== this.value) {
+            console.warn(`limebb-color-palette-picker: palette "${this.value}" was not found in the registry. Rendering as (none).`);
+            this.lastWarnedValue = this.value;
+        }
+        return this.optionsById.get(NONE_VALUE);
+    }
+};
+/**
+ * Build the limel-select options once. Palettes don't change at
+ * runtime, so this work happens once per component instance instead
+ * of on every render.
+ */
+function buildOptions() {
+    return [
+        { text: '', value: NONE_VALUE },
+        ...COLOR_PALETTES.map((palette) => ({
+            text: palette.title,
+            secondaryText: palette.description,
+            value: palette.id,
+            primaryComponent: {
+                name: 'limebb-color-palette-swatches',
+                props: {
+                    colors: palette.colors,
+                    style: SWATCH_STYLE,
+                },
+            },
+        })),
+    ];
+}
+ColorPalettePicker.style = colorPalettePickerCss();
+
+export { ColorPalettePicker as limebb_color_palette_picker };

package/dist/esm/limebb-color-palette-swatches.entry.js

@@ -0,0 +1,19 @@
+import { r as registerInstance, h, H as Host } from './index-BIwHMk6j.js';
+
+const colorPaletteSwatchesCss = () => `:host(limebb-color-palette-swatches){pointer-events:none;transform:var(--color-palette-swatches-transform, unset);box-sizing:border-box;display:block;width:100%}*{box-sizing:border-box;min-width:0;min-height:0}ol{list-style:none;display:grid;grid-template-columns:repeat(auto-fit, minmax(0.75rem, 1fr));gap:var(--color-palette-swatches-gap, 0.25rem);margin:0;padding:var(--color-palette-swatches-gap, 0.25rem);border-radius:0.5rem}li{aspect-ratio:1;border-radius:0.25rem}`;
+
+const ColorPaletteSwatches = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Ordered list of CSS color values to render as swatches.
+         */
+        this.colors = [];
+    }
+    render() {
+        return (h(Host, { key: 'a3db5db1af1faced5922e1a9637b790b3a813915', "aria-hidden": "true" }, h("ol", { key: '5266e22482769d5bf0000e02ff2593ca05102068' }, this.colors.map((color, index) => (h("li", { key: index, style: { backgroundColor: color } }))))));
+    }
+};
+ColorPaletteSwatches.style = colorPaletteSwatchesCss();
+
+export { ColorPaletteSwatches as limebb_color_palette_swatches };

package/dist/esm/limebb-component-config.entry.js

@@ -1,22 +1,10 @@
-import { h, r as registerInstance, c as createEvent } from './index-BIwHMk6j.js';
+import { r as registerInstance, c as createEvent, h } from './index-BIwHMk6j.js';
+import { L as LimeWebComponentTemplate } from './web-component-template-6zRYia86.js';
 import { n } from './index.esm-EC5zE5lw.js';
 import { g as get } from './get-Cq4rshNg.js';
 import './_MapCache-BgAfMcRA.js';
 import './isSymbol-_IkM6xCs.js';
 
-const LimeWebComponentTemplate = (props, children) => {
-    const Name = props.name;
-    const classList = props.class;
-    return (h(Name, Object.assign({ class: classList }, getComponentProps(props), { key: props.key }), children));
-};
-function getComponentProps(props) {
-    let componentProps = {};
-    if (props.props) {
-        componentProps = Object.assign({}, props.props);
-    }
-    return Object.assign({ context: props.context, platform: props.platform }, componentProps);
-}
-
 const componentConfigCss = () => `:host(*){--header-background-color:rgb(var(--contrast-600));display:flex;flex-direction:column;border:1px dashed rgb(var(--contrast-700));overflow:clip;border-radius:0.75rem;background-color:rgb(var(--contrast-500))}*{box-sizing:border-box}.label{margin-top:1rem;margin-bottom:1rem}.config-component{display:grid;column-gap:1rem;row-gap:1rem;margin:1rem;grid-template-columns:repeat(3, minmax(0, 1fr))}`;
 
 const ComponentConfig = class {

package/dist/esm/limebb-composer-toolbar.entry.js

@@ -17,7 +17,7 @@ const TRIGGER_DEFINITIONS = [
     },
     {
         trigger: 'text-snippet',
-        icon: 'rich_text_converter',
+        icon: 'add_text',
         translationKey: 'webclient.composer-toolbar.text-snippet',
         helperLabel: '!',
     },
@@ -64,8 +64,8 @@ const ComposerToolbar = class {
     }
     render() {
         return [
-            h("div", { key: '65a3b1eb3ba4ebe0e87a732b9b40ab757f653470', class: "actions" }, h("slot", { key: '6aba4388efdaf0122fe16b1d2b5fa4413b76cac1', name: "leading" }), this.renderFileInput(), this.renderTriggerActions(), h("slot", { key: 'cb829dfa676b3bf46fad352317e203211e3aae6a', name: "trailing" })),
-            h("slot", { key: '6649aa3c3887176d28c0798405fe27a1d5ba807b', name: "primary-action" }),
+            h("div", { key: '34b441a01bfcca09b934ffc5aa5f6852efd359fd', class: "actions" }, h("slot", { key: '7b4ebdd76e9b58a7a9aa376aeffedf146f000973', name: "leading" }), this.renderFileInput(), this.renderTriggerActions(), h("slot", { key: '0b3fdc53e1dde0963f131684e7994ffc49e737fa', name: "trailing" })),
+            h("slot", { key: '82ca56d3d8a9e227f343f4bedaaadca5c075f02e', name: "primary-action" }),
         ];
     }
     get translator() {

package/dist/esm/limebb-currency-picker.entry.js

@@ -1968,7 +1968,7 @@ const CurrencyPicker = class {
         };
     }
     render() {
-        return (h("limel-picker", { key: '86fb9eca34cdbfff99d81fa32490f1869c7f9438', label: this.label || this.defaultLabel, value: this.createListItem(this.value), helperText: this.helperText, onChange: this.handleChange, badgeIcons: false, disabled: this.disabled, required: this.required, readonly: this.readonly, invalid: this.readonly, searcher: this.search }));
+        return (h("limel-picker", { key: '2e9dcd3bf98fe7a3377aa24c0e45814f2c698633', label: this.label || this.defaultLabel, value: this.createListItem(this.value), helperText: this.helperText, onChange: this.handleChange, badgeIcons: false, disabled: this.disabled, required: this.required, readonly: this.readonly, invalid: this.readonly, searcher: this.search }));
     }
     getCurrencyName(code) {
         var _a;

package/dist/esm/limebb-dashboard-widget.entry.js

@@ -16,7 +16,7 @@ const DashboardComponent = class {
         };
     }
     render() {
-        return [this.renderHeader(), h("slot", { key: '3b1ffb8fd307334ae68d86501c4a4abb793362fa', name: "content" })];
+        return [this.renderHeader(), h("slot", { key: '1eed54a26c093b5d27c1de85eb083a0a8d2f1b22', name: "content" })];
     }
 };
 DashboardComponent.style = dashboardWidgetCss();

package/dist/esm/limebb-date-picker.entry.js

@@ -73,7 +73,7 @@ const DatePicker = class {
         if (this.value) {
             this.shouldEmitValueAsString = typeof this.value === 'string';
         }
-        return (h("limel-date-picker", { key: '3db884d7d5ceec1790e7de8a785a0e95aa07acd9', disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, placeholder: this.placeholder, helperText: this.helperText, required: this.required, value: this.parseDateValue(), type: this.type, language: this.language, formatter: this.formatter, onChange: this.handleChange }));
+        return (h("limel-date-picker", { key: '9a27ee751c1928a442651e8473b0c588778dbdc0', disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, label: this.label, placeholder: this.placeholder, helperText: this.helperText, required: this.required, value: this.parseDateValue(), type: this.type, language: this.language, formatter: this.formatter, onChange: this.handleChange }));
     }
     parseDateValue() {
         const value = this.value;

package/dist/esm/limebb-date-range.entry.js

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

package/dist/esm/limebb-document-chips.entry.js

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

package/dist/esm/limebb-document-item.entry.js

@@ -114,10 +114,10 @@ const DocumentItemComponent = class {
     render() {
         const isUnavailable = this.isUnavailable();
         const image = this.getImage();
-        return (h(Host, { key: 'a745e2d12e61e247a13d51d9c4d905cc35e00b14', id: String(this.item.file.id), class: {
+        return (h(Host, { key: '4e7f632c97cd078ee44cc262b3531b87409344fb', id: String(this.item.file.id), class: {
                 'has-image': !!image,
                 'has-error': !!this.item.hasError,
-            }, role: this.type === 'radio' ? 'radio' : 'checkbox', "aria-checked": this.item.selected ? 'true' : 'false', "aria-disabled": isUnavailable ? 'true' : 'false', tabIndex: isUnavailable ? -1 : 0 }, h("limel-card", { key: '57714e0fd05df08c658b82acd49503bf69f48711', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '7bbead5bebb4e05f23609f5a349165a2346c7332', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
+            }, role: this.type === 'radio' ? 'radio' : 'checkbox', "aria-checked": this.item.selected ? 'true' : 'false', "aria-disabled": isUnavailable ? 'true' : 'false', tabIndex: isUnavailable ? -1 : 0 }, h("limel-card", { key: 'b560d107ba3bfee84158b2867fb594eb698072c3', image: image, clickable: isUnavailable ? false : true, onClick: this.handleDocumentItemClick, onKeyDown: this.handleKeyDown }, h("div", { key: '798a25ef8ef4ca1470a91afaaf2fc3e975473368', slot: "component" }, this.renderFileSize(), this.renderBooleanInput())), this.renderHelp()));
     }
     renderBooleanInput() {
         const id = this.getControlId();

package/dist/esm/limebb-document-picker.entry.js

@@ -66,7 +66,7 @@ const DocumentPicker = class {
         this.labelId = createRandomString();
     }
     render() {
-        return (h(Host, { key: '143f5d2e479841d48b2e130984a16429da79a2cc' }, h("limel-notched-outline", { key: 'e4364c5b72f9b8941d084df55b80630eefa597dc', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: 'd0d4a1cf584b930a7160c846f27ebd00e632fc81', slot: "content", role: this.type === 'radio' ? 'radiogroup' : 'group', "aria-labelledby": this.label ? this.labelId : undefined, "aria-describedby": this.helperText ? this.helperTextId : undefined }, this.renderItems())), this.renderHelperLine()));
+        return (h(Host, { key: 'cf8c1618a2d98a0278e16a634df162b9e0e7cb3e' }, h("limel-notched-outline", { key: '07e5f29db31eb7fc89b915e311bba3c2c6e2826a', labelId: this.labelId, label: this.label, required: this.required, invalid: this.invalid, hasFloatingLabel: true }, h("limel-masonry-layout", { key: '65a36951d5ffa6e23ee90fc98e2bac82ba26e6ed', slot: "content", role: this.type === 'radio' ? 'radiogroup' : 'group', "aria-labelledby": this.label ? this.labelId : undefined, "aria-describedby": this.helperText ? this.helperTextId : undefined }, this.renderItems())), this.renderHelperLine()));
     }
     renderItems() {
         return this.items.map((item) => (h("limebb-document-item", { platform: this.platform, context: this.context, item: item, key: item.file.id, type: this.type, onInteract: this.handleItemInteract })));

package/dist/esm/limebb-feed-item-thumbnail-file-info.entry.js

@@ -7,7 +7,7 @@ const FeedItemThumbnailFileInfo = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("span", { key: '831a5c651f919a6edd055ff037785777753f7415' }, this.description);
+        return h("span", { key: '0205a9ad6caeae2ec0f8380da61b193b16c2cf76' }, this.description);
     }
 };
 FeedItemThumbnailFileInfo.style = feedItemThumbnailFileInfoCss();

package/dist/esm/limebb-feed-timeline-item.entry.js

@@ -204,7 +204,7 @@ const FeedTimelineItem = class {
     render() {
         var _a, _b;
         const helperTextId = `helper-text-${this.item.id}`;
-        return (h(Host, { key: '50bd6bfad6a968a43bd997a404a7021f5db10329', id: this.item.id, class: {
+        return (h(Host, { key: 'ddc74b89e09e4bd56f2ce64ef2f9ddca011b7acb', id: this.item.id, class: {
                 'has-unpromoted-actions': !!((_a = this.item.unpromotedActions) === null || _a === void 0 ? void 0 : _a.length),
                 'has-author-picture': !!((_b = this.item.author) === null || _b === void 0 ? void 0 : _b.picture),
                 'shows-less': !this.showMore,

package/dist/esm/limebb-feed.entry.js

@@ -499,7 +499,7 @@ const Feed = class {
         this.highlighter.unregisterFeed(this.feedItemElement);
     }
     render() {
-        return (h(Host, { key: '162bf1dfa936d21e6c5e1e29bdce86905f7c07f4', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
+        return (h(Host, { key: '5d1c5d6ff9949229a0bafbdb060a0bc386a8eb03', role: "log", "aria-busy": this.loading ? 'true' : 'false', style: {
                 '--limebb-feed-highlight-duration': `${ITEM_HIGHLIGHT_DURATION}ms`,
             } }, this.renderLoadMore(), this.renderEmptyFeedMessage(), this.renderSpinner(), this.renderFeedItems()));
     }

package/dist/esm/limebb-icon-picker.entry.js

@@ -53105,7 +53105,7 @@ const IconPicker = class {
                 icon: this.value,
             };
         }
-        return (h("limel-picker", { key: 'ed0d6f7aac53b8e60da366b75d589af54c3005e9', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, value: value, searcher: this.search, onChange: this.handleChange, badgeIcons: false, leadingIcon: "search", searchLabel: "Start typing to find the right icon" }));
+        return (h("limel-picker", { key: '5fe87f699b12aaa523a1823e287736a6ca3b5379', label: this.label, helperText: this.helperText, disabled: this.disabled, readonly: this.readonly, invalid: this.invalid, required: this.required, value: value, searcher: this.search, onChange: this.handleChange, badgeIcons: false, leadingIcon: "search", searchLabel: "Start typing to find the right icon" }));
     }
 };
 

package/dist/esm/limebb-info-tile-format.entry.js

@@ -91,7 +91,7 @@ const InfoTileAdminConfig = class {
             },
         ];
         return [
-            h("limel-button-group", { key: '24b69334ff39b4e3970aa30e53cc68b906332a30', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
+            h("limel-button-group", { key: '142f19b2441e11b3d1ad151edb9603f7656e10be', value: buttons.filter(this.isValidButton), onChange: this.handleChangeType }),
             this.renderFormatConfig(),
         ];
     }

package/dist/esm/limebb-info-tile.entry.js

@@ -471,7 +471,7 @@ const InfoTile = class {
         const errorProps = Object.assign(Object.assign({}, baseProps), { icon: 'error', prefix: 'ERROR', loading: true, label: this.getLabel(filter) });
         const normalProps = Object.assign(Object.assign({}, baseProps), { label: this.getLabel(filter), link: this.getLink(filter), loading: this.loading, value: value === null || value === void 0 ? void 0 : value.value.trim() });
         const props = !filter || this.error ? errorProps : normalProps;
-        return (h("limel-info-tile", Object.assign({ key: '18b91b655676fada2ac55445a46613d994932a75', class: { error: !filter || this.error } }, props)));
+        return (h("limel-info-tile", Object.assign({ key: 'd96335bf647a10a786c7294da2ede4b6bd4ee38f', class: { error: !filter || this.error } }, props)));
     }
     getFormattedValue() {
         if (!this.value && this.value !== 0) {

package/dist/esm/limebb-kanban-group.entry.js

@@ -27,7 +27,7 @@ const KanbanGroup = class {
         };
     }
     render() {
-        return (h(Host, { key: 'f0be3a991c1e6383895523f846363cdadbfe2ae9' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
+        return (h(Host, { key: '7c08e70a3e4ea0641b3e556098ccaff818bf11c3' }, this.renderHelp(), this.renderGroupHeading(), this.renderGroupSummary(), this.renderItems()));
     }
     renderGroupSummary() {
         if (!this.summary || !this.totalCount) {

package/dist/esm/limebb-kanban-item.entry.js

@@ -55,7 +55,7 @@ const KanbanItemComponent = class {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'd74307473fc2fa7301c9da20e6ce026b86c3d6d1', id: this.item.id.toString(), class: {
+        return (h(Host, { key: '0d3c75642c2ea8ec42e475ef7a5e206f408eb446', id: this.item.id.toString(), class: {
                 'has-unpromoted-actions': !!((_a = this.item.unpromotedActions) === null || _a === void 0 ? void 0 : _a.length),
                 'is-selected': !!((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected),
             }, style: {

package/dist/esm/limebb-lime-query-builder.entry.js

@@ -149,7 +149,7 @@ const LimeQueryBuilder = class {
         }
     }
     render() {
-        return (h(Host, { key: '2ee09dd23db195ddf96976ac90be2eca54d69dcd' }, this.renderHeader(), this.renderContent()));
+        return (h(Host, { key: '9a121529165f1691e32b2b156b128977c5b5ba3a' }, this.renderHeader(), this.renderContent()));
     }
     renderContent() {
         const visualModeSupported = this.checkVisualModeSupport();

package/dist/esm/limebb-lime-query-filter-builder_3.entry.js

@@ -191,7 +191,7 @@ const OrderByEditor = class {
         }
     }
     render() {
-        return (h(Host, { key: 'cf785ed849307475b1fb4640d643d7047abb6abb' }, this.renderEmptyState(), this.renderOrderByEditor()));
+        return (h(Host, { key: '6ef5ee3cf7b67cc0f821272f9d552eab48b60065' }, this.renderEmptyState(), this.renderOrderByEditor()));
     }
     renderEmptyState() {
         if (this.limetype) {
@@ -321,7 +321,7 @@ const LimetypeField = class {
             value: '',
         };
         options.unshift(emptyOption);
-        return (h("limel-select", { key: '9cf0a7da434e9bf8544efaa800aebf68b954aaf7', label: this.label, options: options, value: selectedOption, required: this.required, helperText: this.helperText, invalid: invalid, disabled: this.disabled || this.readonly, onChange: this.handleChange }));
+        return (h("limel-select", { key: '20a7d5eb86c746d11ad805083be5ef9f5fd2397d', label: this.label, options: options, value: selectedOption, required: this.required, helperText: this.helperText, invalid: invalid, disabled: this.disabled || this.readonly, onChange: this.handleChange }));
     }
     componentWillRender() {
         this.updatePropertyFields(this.value || '');

package/dist/esm/limebb-lime-query-filter-comparison_2.entry.js

@@ -105,7 +105,7 @@ const LimeQueryFilterComparisonComponent = class {
         };
     }
     render() {
-        return (h(Host, { key: '3c0ce4280b45c19522a5e159bfe41e9866737d5a' }, this.renderHeader(), h("div", { key: '6e4afb9968ed2974ec35ce831c474ffc0f5448aa', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: '0d0d87b9dee114c311958049015e493578ecc3e4', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
+        return (h(Host, { key: '29ddf92b2e83eafe695faeb9a4ce6b8d29aa973e' }, this.renderHeader(), h("div", { key: '258f8aeee98a2435d324a1e5b816f111188cf3cc', class: "expression-container" }, this.renderPropertySelector(), this.renderOperator(), this.renderValueInput(), h("limel-icon-button", { key: 'c9e4cf456908fb82507e2599af631691e96ab8e4', class: "remove", icon: "trash", label: "Remove condition", onClick: this.removeExpression }))));
     }
     renderHeader() {
         if (!this.label) {

package/dist/esm/limebb-lime-query-filter-group_3.entry.js

@@ -179,9 +179,9 @@ const LimeQueryFilterGroupComponent = class {
                 (this.expression.op === Xe.AND ? 'and' : 'or')) || this.options[0];
     }
     render() {
-        return (h(Host, { key: 'b6fa2e2e21d68867587e42b9247df54495c64a86', style: {
+        return (h(Host, { key: '4b1647c741b78253b4ce4ed1bd347800da394563', style: {
                 '--limebb-lime-query-filter-group-operator': `"${this.expression.op === Xe.AND ? 'AND' : 'OR'}"`,
-            } }, h("div", { key: '2d02f59f34a6bcd52f24dc942eb55ca8405ae744', class: "expression" }, this.renderHeader(), h("ul", { key: '8fba5156c7e8573aaee21932640112d04d7890cf' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
+            } }, h("div", { key: '47fd3000275e17ef70d86af5e6abcb492806ffba', class: "expression" }, this.renderHeader(), h("ul", { key: '224249a4b305eb2b20c1aedad98d2c3191d47e83' }, this.expression.exp.map(this.renderChildExpression), this.renderAddButton()), this.renderAddGroupButton())));
     }
     renderHeader() {
         const subheading = this.getSubheading();
@@ -235,7 +235,7 @@ const LimeQueryFilterNotComponent = class {
         };
     }
     render() {
-        return (h("div", { key: '540260cd3203c932bb630f7a714447d574c371c6', class: "expression" }, this.label && h("limel-header", { key: '32eb4b638008d7409c017627c556944d85d5db33', heading: this.label }), h("limebb-lime-query-filter-expression", { key: 'e547fef08281f285baa1868a7942f3c7db1cf87f', platform: this.platform, context: this.context, label: "Not", limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression.exp, onExpressionChange: this.handleExpressionChange })));
+        return (h("div", { key: '16246e10be820ad18713cb097146040d30e242bf', class: "expression" }, this.label && h("limel-header", { key: '539d60a4567727282463dec2a90e06a3630501aa', heading: this.label }), h("limebb-lime-query-filter-expression", { key: '67f892704ea3e5a061acdcb8f3ffe22271971569', platform: this.platform, context: this.context, label: "Not", limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression.exp, onExpressionChange: this.handleExpressionChange })));
     }
 };
 LimeQueryFilterNotComponent.style = limeQueryFilterNotCss();

package/dist/esm/limebb-lime-query-order-by-item.entry.js

@@ -36,9 +36,9 @@ const OrderByItemComponent = class {
     render() {
         const propertyPath = Object.keys(this.item)[0] || '';
         const direction = this.item[propertyPath] || 'ASC';
-        return (h(Host, { key: 'aa4d8e8a6a54b1dcadf70c8ad6e17663a9ecec3b' }, h("limebb-property-selector", { key: 'fcb0ec785a67ac2ddee8da58e72ddd74467dcf9a', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: 'cbf631dca767f8711de1e081fa421126631270c2', class: "control-buttons" }, h("limel-icon-button", { key: '2366bb07e39a77e70f38e32aab606807fa341633', icon: direction === 'ASC'
+        return (h(Host, { key: 'f8b1d7505feec325eae8668672afe3768a4892aa' }, h("limebb-property-selector", { key: '03f71edd8692c6a46612f87a9df21aabd2bf71eb', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: 'a1a6db7060f8dc862d7acfb5750861293e2411d3', class: "control-buttons" }, h("limel-icon-button", { key: '76703911899c38d71f116dc8256d00cb7c937971', icon: direction === 'ASC'
                 ? 'sort_ascending'
-                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: 'b30da75bc8dc89e8f3d393181128171e337cd354', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
+                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '91a3370d5c6151370b96e7b67d59f226ad526f21', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
     }
 };
 OrderByItemComponent.style = orderByItemCss();

package/dist/esm/limebb-lime-query-response-format-builder.entry.js

@@ -191,7 +191,7 @@ const LimeQueryResponseFormatBuilder = class {
     }
     render() {
         const visualModeSupported = this.checkVisualModeSupport();
-        return (h("div", { key: 'b8e26a16b474899d16e6de4af13591c439322ded', class: "response-format-builder" }, this.label && h("h1", { key: 'f41fe478ab2b61c54d0efba71e43daaff0bf9a93', class: "builder-label" }, this.label), this.helperText && (h("p", { key: '8fa7526cc578203fa3ed1da8dbcf75b56999fc9c', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: '0a41715db4bd37e4b42b26c9d7bc455d2805e10e', class: "mode-controls" }, this.renderModeSwitch(visualModeSupported))), !this.visualModeEnabled || this.mode === 'code' ? (h("div", { class: "code-mode" }, this.renderCodeEditor(visualModeSupported))) : (h("div", { class: "visual-mode" }, this.renderVisualMode()))));
+        return (h("div", { key: '65a41f46fe1088f0d52be0337c427177a1aa1a44', class: "response-format-builder" }, this.label && h("h1", { key: '5a75e321aee3ff6753baccbd72d17c5377f28d28', class: "builder-label" }, this.label), this.helperText && (h("p", { key: 'e13518253b52ff8f847575b4465dc2295c7452f0', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: '2122357f51fd2185d1b544381eb2199de5b1f56c', class: "mode-controls" }, this.renderModeSwitch(visualModeSupported))), !this.visualModeEnabled || this.mode === 'code' ? (h("div", { class: "code-mode" }, this.renderCodeEditor(visualModeSupported))) : (h("div", { class: "visual-mode" }, this.renderVisualMode()))));
     }
     renderModeSwitch(support) {
         const visualDisabled = !support.visualModeSupported;

package/dist/esm/limebb-lime-query-response-format-editor_2.entry.js

@@ -357,7 +357,7 @@ const ResponseFormatItem = class {
     }
     render() {
         return [
-            h("div", { key: '7f5cba0456d7cf8a6fe8b9ab2769ac2073694c5d', class: "property-controls" }, h("div", { key: 'e4d1deb9133ef4b1d0d14e8c70901f347a803567', class: "property-path" }, h("limebb-property-selector", { key: '709847093e0c35e6197a405c894479bcb8b2ff06', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: '49eb63067967233552ca377438bf7853b42edc2d', class: "input-grid" }, this.renderAliasInput()), h("div", { key: '3bf00dcf8dcd8e701aa819f6957d5e490cbb6548', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: 'c77f7d771098b394ea0c80252fe3894d05b0d015', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: '6f53a60d973649ea00157eff200fa91fa9258425', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
+            h("div", { key: '1fc4a0dbdaa2b362e56a53a82483ca3afe21f6bf', class: "property-controls" }, h("div", { key: '5269250030c559943d4f610734d1ac490a8355ad', class: "property-path" }, h("limebb-property-selector", { key: '2602b66035849922fc413cbc0c82b8163a928ecd', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: '4974a2c7ff30c527b0328d0fbed3b8bac519fdcd', class: "input-grid" }, this.renderAliasInput()), h("div", { key: 'fb058b3a5d5599c387b852e409bd5ac8e8afbc30', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: '97a5e7e2ed68fdbac160bdd60498541f3a16371d', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: '42ab29e5e8e5fc08e90bc4afe6c6d504e434d33e', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
         ];
     }
     renderAliasButton() {

package/dist/esm/limebb-live-docs-info.entry.js

@@ -8,8 +8,8 @@ const LiveDocsInfo = class {
     }
     render() {
         return [
-            h("div", { key: '05645c71de622ff672d22091cda6f0d3818cc165', class: "header" }, h("limel-icon", { key: '2350c63351cb5e97479141c247d8a8a1f7d51ef0', name: "not_showing_video_frames" }), h("h2", { key: '7bfac63856143b787d489f9c2ec73bc5931d16e4' }, "Viewing this file type requires ", h("em", { key: 'ef4778cb7163773526500b34f39932d3bb17e483' }, "Live Docs"))),
-            h("p", { key: '24874f2cc49f0cf3bd71075378835be0bcbc54ee' }, h("em", { key: '749b4b3bee40ac57b2f2367c3b92d0724d96f99b' }, "Live Docs"), " not only enables you to view many file formats such as Microsoft Office documents, but it also empowers you to edit them right in the CRM. No need to download anything on your device!", h("a", { key: 'e6c48db6f409e43adc52c4cee21a783ec998cc55', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
+            h("div", { key: 'ace2c3e78a926a405e6bb9a15db259953820ca1a', class: "header" }, h("limel-icon", { key: 'd1d94917a24d4b066ee2a389082a48c3b3ab29af', name: "not_showing_video_frames" }), h("h2", { key: '3d164cdece408fef99df8a0c18b03a33118f6737' }, "Viewing this file type requires ", h("em", { key: '3f46b83b55eb9474df36b18c71cd02a12696a41f' }, "Live Docs"))),
+            h("p", { key: 'e691f783583a0a3d421a033087accf825981e935' }, h("em", { key: '9bd0d29362de47d35cdc1e765c85dfd2c459b5d6' }, "Live Docs"), " not only enables you to view many file formats such as Microsoft Office documents, but it also empowers you to edit them right in the CRM. No need to download anything on your device!", h("a", { key: 'e4a575a382890c7c52e78dd363e695f2b97b9a9f', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
         ];
     }
 };

package/dist/esm/limebb-locale-picker.entry.js

@@ -1109,7 +1109,7 @@ const LocalePicker = class {
             const value = this.value;
             selectedOptions = options.find((option) => option.value === value);
         }
-        return (h("limel-select", { key: '323ac681ac69b7d80f3ace86faa6a6e9a98d3c65', value: selectedOptions, options: sortBy(options, 'text'), helperText: this.helperText, label: this.label, required: this.required, disabled: this.disabled, readonly: this.readonly, onChange: this.handleChange, multiple: this.multipleChoice }));
+        return (h("limel-select", { key: 'b5aad60b10237826f58f096a343beb7fcbfe2b9b', value: selectedOptions, options: sortBy(options, 'text'), helperText: this.helperText, label: this.label, required: this.required, disabled: this.disabled, readonly: this.readonly, onChange: this.handleChange, multiple: this.multipleChoice }));
     }
 };
 

package/dist/esm/limebb-mention-group-counter.entry.js

@@ -10,8 +10,8 @@ const MentionGroupCounter = class {
     render() {
         const label = this.getLabel();
         return [
-            h("span", { key: '8eaed6cd285f7a30e48549959e295de4ac547eab', id: this.tooltipId }, label),
-            h("limel-tooltip", { key: '353691fa62d19758453fbd4acbde760c54bd8a86', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
+            h("span", { key: 'b2dca0d50a70b8c7bf187ef2f6c29960c4caf563', id: this.tooltipId }, label),
+            h("limel-tooltip", { key: '97adc0a2b91b830a6fe040712cbdfc1d9839c8f8', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
         ];
     }
     getLabel() {

package/dist/esm/limebb-navigation-button_2.entry.js

@@ -120,9 +120,9 @@ const SummaryPopover = class {
             top: '0.125rem',
             right: '0.125rem',
         };
-        return (h("limel-popover", { key: 'e4c9b983fcb6653614a4e32fb2e4645d4cad0051', style: {
+        return (h("limel-popover", { key: '901e726d37719331f2b30df6e35f2375951c161f', style: {
                 '--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
-            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: '9d5508336d005dd37eb481895172c20603a1372c', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, h("slot", { key: '387149baa61ff006740ed57685eb06ed00817420', name: "trigger" }), h("div", { key: 'f20353d74f8c92eb02f74489826ff6d25629f7db', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
+            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: 'a9a73b0a0f16cf12aaa6fa3434071c56a26a1038', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, h("slot", { key: '594bcc9e419e33ef97fd6ca863cf44a67617fa48', name: "trigger" }), h("div", { key: 'a6f548eeb737f4392e2c938682a1c9a509523658', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
     }
     renderCard(closeButtonStyle) {
         return (h("limel-card", { style: {

package/dist/esm/limebb-notification-item.entry.js

@@ -55,7 +55,7 @@ const NotificationListItem = class {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '9b33803eef74b64893cad1e576baa8fe210ad7e8', id: this.item.id, class: {
+        return (h(Host, { key: '951b650d804bfe49133743bc461e344d9dd0324b', id: this.item.id, class: {
                 'is-clickable': this.isItemClickable(),
                 'is-read': !!((_a = this.item) === null || _a === void 0 ? void 0 : _a.read),
                 'is-selected': !!((_b = this.item) === null || _b === void 0 ? void 0 : _b.selected),

package/dist/esm/limebb-percentage-visualizer.entry.js

@@ -88,11 +88,11 @@ const PercentageVisualizer = class {
     render() {
         const normalizedValue = this.getNormalizedValue();
         const zeroPoint = this.getZeroPointPosition();
-        return (h(Host, { key: '273a59fdc06febe51c9b5d21ccdc34df282f53b9', class: this.getContainerClassList(), style: {
+        return (h(Host, { key: 'c57fbde9785115a91c28db17ccebee42a335a80f', class: this.getContainerClassList(), style: {
                 '--limebb-percentage-visualizer-zero-point-position': `${zeroPoint}%`,
                 '--limebb-percentage-visualizer-width': `${Math.abs(normalizedValue)}%`,
                 '--limebb-percentage-visualizer-rotate': `${normalizedValue >= 0 ? '0deg' : '180deg'}`,
-            } }, h("limel-notched-outline", { key: 'c5e54438b9cafede2594bc7173afc7dbc7121af7', tabIndex: 0, role: "meter", "aria-valuemin": this.rangeMin, "aria-valuemax": this.rangeMax, "aria-valuenow": this.numValue, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-controls": this.helperTextId }, h("div", { key: 'd4ef8b3722cbe1506eaadc45eeb85c37e92197b6', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
+            } }, h("limel-notched-outline", { key: '27d6dada52041ce9ebec9d987bae303afacfff89', tabIndex: 0, role: "meter", "aria-valuemin": this.rangeMin, "aria-valuemax": this.rangeMax, "aria-valuenow": this.numValue, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-controls": this.helperTextId }, h("div", { key: '2afd6d0ff95eace6fac444fd3e2732d22ab97728', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

package/dist/esm/limebb-rule-chip-popover.entry.js

@@ -0,0 +1,57 @@
+import { r as registerInstance, c as createEvent, h } from './index-BIwHMk6j.js';
+import { n } from './index.esm-EC5zE5lw.js';
+import { L as LimeWebComponentTemplate } from './web-component-template-6zRYia86.js';
+
+const ruleChipPopoverCss = () => `: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}`;
+
+const RuleChipPopover = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.negate = createEvent(this, "negate");
+        this.updateArgs = createEvent(this, "updateArgs");
+        this.deleteChip = createEvent(this, "deleteChip");
+        this.isNegated = false;
+        this.readonly = false;
+        this.disabled = false;
+        this.isMutable = true;
+        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: '6aae573b524737ee3d2a4b2d3df68ec9bf1f1a0f', class: "popover" }, this.renderHeader(), this.renderBody()));
+    }
+    renderHeader() {
+        var _a, _b, _c, _d, _e;
+        const title = (_d = (_b = (_a = this.metadata) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : (_c = this.refNode) === null || _c === void 0 ? void 0 : _c.id) !== null && _d !== void 0 ? _d : '';
+        return (h("limel-header", { class: "popover__header is-narrow", heading: title, icon: (_e = this.metadata) === null || _e === void 0 ? void 0 : _e.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.rule-editor.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(n.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, onChange: this.handleArgsChange }) })));
+    }
+};
+RuleChipPopover.style = ruleChipPopoverCss();
+
+export { RuleChipPopover as limebb_rule_chip_popover };