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

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

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

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

@@ -57,7 +57,7 @@ const NotificationListItem = class {
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'a82e48c8b5e8d99eecf63395e0b93c57245b7a33', id: this.item.id, class: {
+        return (index.h(index.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/cjs/limebb-percentage-visualizer.cjs.entry.js

@@ -90,11 +90,11 @@ const PercentageVisualizer = class {
     render() {
         const normalizedValue = this.getNormalizedValue();
         const zeroPoint = this.getZeroPointPosition();
-        return (index.h(index.Host, { key: '4dcace9f6e1e896b49e7ee3065d210530481175a', class: this.getContainerClassList(), style: {
+        return (index.h(index.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'}`,
-            } }, index.h("limel-notched-outline", { key: '20038e523b9cf1212c07bc0dd5c3cdf8e135352e', 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 }, index.h("div", { key: 'fb1fc40b1a0a6caced2e997eeb159c2f6a08ef47', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
+            } }, index.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 }, index.h("div", { key: '2afd6d0ff95eace6fac444fd3e2732d22ab97728', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

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

@@ -0,0 +1,59 @@
+'use strict';
+
+var index = require('./index-C_OnxXhP.js');
+var index_esm = require('./index.esm-QC7n_5ug.js');
+var webComponentTemplate = require('./web-component-template-BWCutZB6.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) {
+        index.registerInstance(this, hostRef);
+        this.negate = index.createEvent(this, "negate");
+        this.updateArgs = index.createEvent(this, "updateArgs");
+        this.deleteChip = index.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 (index.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 (index.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 (index.h("div", { slot: "actions", class: "popover__header-actions" }, index.h("limel-switch", { class: "popover__negate-switch", label: this.translator.get('webclient.rule-editor.negate'), value: this.isNegated, onChange: this.handleNegateChange }), index.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(index_esm.n.Translate);
+    }
+    renderBody() {
+        var _a, _b;
+        const configComponent = (_a = this.metadata) === null || _a === void 0 ? void 0 : _a.configComponent;
+        if (!configComponent) {
+            return null;
+        }
+        return (index.h("div", { class: "popover__body" }, index.h(webComponentTemplate.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();
+
+exports.limebb_rule_chip_popover = RuleChipPopover;