@limetech/lime-crm-building-blocks 1.130.0 → 1.131.1

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

@@ -1,139 +1,104 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-BIwHMk6j.js';
-import { n as nt, b as n } from './index.esm-CJU4N9K8.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYpn0EkA.js';
+import { b as n, n as nt } from './index.esm-DAe4_MLR.js';
+import { L as LIME_QUERY_OPERATORS } from './lime-query-operators-DYlN1dAt.js';
+import { a as getNormalizedProperties } from './property-resolution-CQUZjrU4.js';
+import { a as asGroupExpression } from './filter-group-logic-RXn-GGk1.js';
 
-const limeQueryFilterComparisonCss = () => `:host(limebb-lime-query-filter-comparison){display:flex;flex-direction:column;gap:0.5rem}.expression-container{position:relative;display:grid;grid-template-columns:repeat(auto-fit, minmax(10rem, 1fr));grid-gap:0.5rem;padding-right:2.75rem}.remove{position:absolute;right:0;top:0.125rem}`;
+const limeQueryFilterComparisonCss = () => `:host(limebb-lime-query-filter-comparison){display:inline-block;max-width:25rem}`;
 
-const LIME_QUERY_OPERATORS = [
-    {
-        value: nt.EQUALS,
-        label: 'webclient.operator.equals',
-        icon: '-lime-filter-equal',
-    },
-    {
-        value: nt.NOT_EQUALS,
-        label: 'webclient.operator.not-equals',
-        icon: '-lime-filter-equal-not',
-    },
-    {
-        value: nt.GREATER,
-        label: 'webclient.operator.greater-than',
-        icon: '-lime-filter-greater',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: nt.GREATER_OR_EQUAL,
-        label: 'webclient.operator.greater-than-or-equal-to',
-        icon: '-lime-filter-greater-equal',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: nt.LESS,
-        label: 'webclient.operator.less-than',
-        icon: '-lime-filter-less',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: nt.LESS_OR_EQUAL,
-        label: 'webclient.operator.less-than-or-equal-to',
-        icon: '-lime-filter-less-equal',
-        applicableTypes: ['integer', 'decimal', 'date', 'time'],
-    },
-    {
-        value: nt.IN,
-        label: 'webclient.operator.in-filter',
-        icon: '-lime-filter-set-included',
-    },
-    {
-        value: nt.LIKE,
-        label: 'webclient.operator.contains',
-        icon: '-lime-filter-contain',
-        applicableTypes: ['string', 'text'],
-    },
-    {
-        value: nt.BEGINS,
-        label: 'webclient.operator.begins-with',
-        icon: '-lime-filter-starts-with',
-        applicableTypes: ['string', 'text'],
-    },
-    {
-        value: nt.ENDS,
-        label: 'webclient.operator.ends-with',
-        icon: '-lime-filter-ends-with',
-        applicableTypes: ['string', 'text'],
-    },
-];
 const LimeQueryFilterComparisonComponent = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.expressionChange = createEvent(this, "expressionChange");
-        this.handlePropertyChange = (event) => {
-            event.stopPropagation();
-            this.expressionChange.emit(Object.assign(Object.assign({}, this.expression), { key: event.detail }));
+        this.isOpen = false;
+        this.handleOpen = () => {
+            this.isOpen = true;
         };
-        this.handleOperatorChange = (event) => {
-            event.stopPropagation();
-            const newOperator = event.detail.value;
-            const oldOperator = this.expression.op;
-            let convertedValue = this.expression.exp;
-            // Convert value when switching between IN and other operators
-            // IN operator expects an array, other operators expect a single value
-            if (newOperator === nt.IN && !Array.isArray(convertedValue)) {
-                // Switching TO IN operator: wrap non-array value in array
-                convertedValue =
-                    convertedValue !== undefined && convertedValue !== ''
-                        ? [convertedValue]
-                        : [];
-            }
-            else if (oldOperator === nt.IN &&
-                newOperator !== nt.IN &&
-                Array.isArray(convertedValue)) {
-                // Switching FROM IN operator: extract first element from array
-                convertedValue = convertedValue.length > 0 ? convertedValue[0] : '';
-            }
-            this.expressionChange.emit({
-                key: this.expression.key,
-                op: newOperator,
-                exp: convertedValue,
-            });
+        this.handleClose = () => {
+            this.isOpen = false;
         };
-        this.handleValueChange = (event) => {
+        this.handleEditorChange = (event) => {
             event.stopPropagation();
-            this.expressionChange.emit(Object.assign(Object.assign({}, this.expression), { exp: event.detail }));
+            this.expressionChange.emit(event.detail);
         };
         this.removeExpression = () => {
             this.expressionChange.emit(undefined);
         };
     }
+    componentWillLoad() {
+        var _a;
+        if (!((_a = this.expression) === null || _a === void 0 ? void 0 : _a.key)) {
+            this.isOpen = true;
+        }
+    }
     render() {
-        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 }))));
+        return (h(Host, { key: 'f85d1669dccffd7a0905ac5549eeea2f4c350782' }, this.renderHeader(), h("limel-popover", { key: '793a3ea0377182b86511165e39ff30212736d030', open: this.isOpen, openDirection: "bottom-start", onClose: this.handleClose }, h("limel-chip", { key: '0d4c7c565268c096d390994a862920c8066e1f11', slot: "trigger", text: this.summaryText(), icon: this.summaryIcon(), removable: true, onClick: this.handleOpen, onRemove: this.removeExpression }), h("limebb-lime-query-filter-comparison-editor", { key: 'a4ddad5edc49c4de265e9b3e237fb31455ae48e0', platform: this.platform, context: this.context, limetype: this.limetype, activeLimetype: this.activeLimetype, expression: this.expression, onExpressionChange: this.handleEditorChange }))));
     }
-    renderHeader() {
-        if (!this.label) {
-            return;
+    summaryText() {
+        var _a;
+        const key = (_a = this.expression) === null || _a === void 0 ? void 0 : _a.key;
+        if (!key) {
+            return 'New condition';
         }
-        return h("limel-header", { subheading: this.label });
+        const propertyLabel = this.getPropertyLabel(key);
+        const opLabel = this.getOperatorLabel(this.expression.op);
+        const value = this.formatValue(this.expression.exp);
+        return `${propertyLabel} ${opLabel} ${value}`.trim();
+    }
+    getPropertyLabel(key) {
+        var _a, _b;
+        const repository = (_a = this.platform) === null || _a === void 0 ? void 0 : _a.get(n.LimeTypeRepository);
+        if (!repository || !this.limetype) {
+            return key;
+        }
+        const parts = key.split('.');
+        const labels = [];
+        let currentType = repository.getLimeType(this.limetype);
+        for (const part of parts) {
+            if (!currentType) {
+                labels.push(part);
+                continue;
+            }
+            const property = getNormalizedProperties(currentType)[part];
+            labels.push((property === null || property === void 0 ? void 0 : property.localname) || part);
+            currentType = (_b = property === null || property === void 0 ? void 0 : property.relation) === null || _b === void 0 ? void 0 : _b.getLimetype();
+        }
+        return labels.join(' › ');
     }
-    renderPropertySelector() {
-        return (h("limebb-property-selector", { platform: this.platform, context: this.context, label: "Property", limetype: this.limetype, value: this.expression.key, required: true, onChange: this.handlePropertyChange }));
+    summaryIcon() {
+        var _a;
+        if (!((_a = this.expression) === null || _a === void 0 ? void 0 : _a.op)) {
+            return undefined;
+        }
+        const meta = LIME_QUERY_OPERATORS.find((op) => op.value === this.expression.op);
+        return meta === null || meta === void 0 ? void 0 : meta.icon;
+    }
+    getOperatorLabel(op) {
+        var _a, _b;
+        if (!op)
+            return '';
+        const meta = LIME_QUERY_OPERATORS.find((m) => m.value === op);
+        if (!meta)
+            return '';
+        return (_b = (_a = this.translator) === null || _a === void 0 ? void 0 : _a.get(meta.label)) !== null && _b !== void 0 ? _b : meta.label;
     }
-    renderOperator() {
-        const operatorHasBeenSet = !!this.expression.op;
-        const options = LIME_QUERY_OPERATORS.map((op) => {
-            var _a, _b;
-            return ({
-                text: (_b = (_a = this.translator) === null || _a === void 0 ? void 0 : _a.get(op.label)) !== null && _b !== void 0 ? _b : op.label,
-                value: op.value,
-                icon: op.icon ? { name: op.icon } : undefined,
-            });
-        });
-        const selectedOption = options.find((o) => o.value === this.expression.op);
-        return (h("limel-select", { class: "operator", label: "Operator", value: selectedOption, options: options, disabled: !operatorHasBeenSet && !this.expression.key, onChange: this.handleOperatorChange }));
+    formatValue(value) {
+        if (value === undefined || value === null || value === '') {
+            return '…';
+        }
+        if (Array.isArray(value)) {
+            return value.map((v) => this.formatValue(v)).join(', ');
+        }
+        if (typeof value === 'string') {
+            return `"${value}"`;
+        }
+        return String(value);
     }
-    renderValueInput() {
-        if (!this.expression.op) {
-            return null;
+    renderHeader() {
+        if (!this.label) {
+            return;
         }
-        return (h("limebb-lime-query-value-input", { platform: this.platform, context: this.context, limetype: this.limetype, activeLimetype: this.activeLimetype, propertyPath: this.expression.key, operator: this.expression.op, value: this.expression.exp, onChange: this.handleValueChange }));
+        return h("limel-header", { subheading: this.label });
     }
     get translator() {
         var _a;
@@ -142,8 +107,6 @@ const LimeQueryFilterComparisonComponent = class {
 };
 LimeQueryFilterComparisonComponent.style = limeQueryFilterComparisonCss();
 
-const limeQueryFilterExpressionCss = () => `@charset "UTF-8";.expression{display:flex;flex-direction:column;margin-bottom:1rem;gap:1rem}`;
-
 const LimeQueryFilterExpressionComponent = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -167,15 +130,14 @@ const LimeQueryFilterExpressionComponent = class {
         if ('key' in this.expression) {
             return (h("limebb-lime-query-filter-comparison", Object.assign({}, props, { expression: this.expression, onExpressionChange: this.handleExpressionChange })));
         }
-        if (this.expression.op === nt.AND ||
-            this.expression.op === nt.OR) {
-            return (h("limebb-lime-query-filter-group", Object.assign({}, props, { expression: this.expression, onExpressionChange: this.handleExpressionChange })));
+        const groupShaped = asGroupExpression(this.expression);
+        if (groupShaped) {
+            return (h("limebb-lime-query-filter-group", Object.assign({}, props, { expression: groupShaped, onExpressionChange: this.handleExpressionChange })));
         }
         if (this.expression.op === nt.NOT) {
             return (h("limebb-lime-query-filter-not", Object.assign({}, props, { expression: this.expression, onExpressionChange: this.handleExpressionChange })));
         }
     }
 };
-LimeQueryFilterExpressionComponent.style = limeQueryFilterExpressionCss();
 
 export { LimeQueryFilterComparisonComponent as limebb_lime_query_filter_comparison, LimeQueryFilterExpressionComponent as limebb_lime_query_filter_expression };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-BIwHMk6j.js';
-import { b as n } from './index.esm-CJU4N9K8.js';
-import { g as getIcon } from './limetype-Dc4uQPMG.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYpn0EkA.js';
+import { b as n } from './index.esm-DAe4_MLR.js';
+import { g as getIcon } from './limetype-C1wEJnPI.js';
 import { i as isNonNull } from './non-null-CkTg5UPD.js';
 import { b as baseIsEqual } from './_baseIsEqual-C-Mrg4RA.js';
 import { i as isObjectLike, a as isArray, b as baseGetTag } from './_MapCache-BgAfMcRA.js';
@@ -119,7 +119,7 @@ const OrderByEditor = class {
         }
     }
     render() {
-        return (h(Host, { key: '6ef5ee3cf7b67cc0f821272f9d552eab48b60065' }, this.renderEmptyState(), this.renderOrderByEditor()));
+        return (h(Host, { key: '59e3bb0334e5528fc8a0f8747086348d1a195c82' }, this.renderEmptyState(), this.renderOrderByEditor()));
     }
     renderEmptyState() {
         if (this.limetype) {
@@ -249,7 +249,7 @@ const LimetypeField = class {
             value: '',
         };
         options.unshift(emptyOption);
-        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 }));
+        return (h("limel-select", { key: '85956ae62a4975a7706b4a561b1e321078e0dc2a', 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-order-by-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-BIwHMk6j.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYpn0EkA.js';
 
 const orderByItemCss = () => `*{box-sizing:border-box}:host(limebb-lime-query-order-by-item){box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;gap:0.5rem;width:100%}limebb-property-selector{flex-grow:1}.control-buttons{flex-shrink:0;display:flex;align-items:center;gap:0.25rem}`;
 
@@ -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: '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'
+        return (h(Host, { key: '8d91628467c6ec1912d1f87a7922464e5341c8e1' }, h("limebb-property-selector", { key: '26e7729c7c43f91e02446ad45aa59c56922b377c', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: '1926ad94ddb9d4c2112007068ab4cbf38057622b', class: "control-buttons" }, h("limel-icon-button", { key: '96e4595c737c68ccb30d90295ba6115ec2c7a014', icon: direction === 'ASC'
                 ? 'sort_ascending'
-                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '91a3370d5c6151370b96e7b67d59f226ad526f21', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
+                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: 'eee7957506516cc344007ae12a94381a33f9171b', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
     }
 };
 OrderByItemComponent.style = orderByItemCss();

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h } from './index-BIwHMk6j.js';
-import { L as Le } from './index.esm-CJU4N9K8.js';
-import { v as validateResponseFormatOnly } from './lime-query-validation-COGfPUFN.js';
+import { r as registerInstance, c as createEvent, h } from './index-DYpn0EkA.js';
+import { L as Le } from './index.esm-DAe4_MLR.js';
+import { v as validateResponseFormatOnly } from './lime-query-validation-DXxPZ2CH.js';
 import './property-resolution-CQUZjrU4.js';
 
 /**
@@ -191,7 +191,7 @@ const LimeQueryResponseFormatBuilder = class {
     }
     render() {
         const visualModeSupported = this.checkVisualModeSupport();
-        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()))));
+        return (h("div", { key: '6f59c4ff1f5ef1ee726bacbe3b8333cd5f6dff77', class: "response-format-builder" }, this.label && h("h1", { key: '28d5825c0ca043f6f671cf812c174aa028950524', class: "builder-label" }, this.label), this.helperText && (h("p", { key: '1e35efbfaa73c0fd871f813059660eea3d026063', class: "builder-helper-text" }, this.helperText)), this.visualModeEnabled && (h("div", { key: '8cbe1f088d88cbdefbdd092cdf879facdbb807a3', 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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-BIwHMk6j.js';
+import { r as registerInstance, c as createEvent, h } from './index-DYpn0EkA.js';
 
 /**
  * Process a single property value and add to items array
@@ -357,7 +357,7 @@ const ResponseFormatItem = class {
     }
     render() {
         return [
-            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 })),
+            h("div", { key: '98518fb21bacceef31e398faf0e7d66d92152a9f', class: "property-controls" }, h("div", { key: '1d636436ce63b930abdfb40600106d0d8f643663', class: "property-path" }, h("limebb-property-selector", { key: '3e0fa6a5c5c414c70e38b52f7157a806be8358df', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: '03bc814455e46812ad7365ddf893431e97b255df', class: "input-grid" }, this.renderAliasInput()), h("div", { key: '8d6b47ff44a01288e9875494b1fea5a57649205f', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: 'e2e4741bc80c0fef0741f153c7183b8a12da7aa9', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: '7f204e6331dbcd0e8e62a5e9a61676f62b14a045', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
         ];
     }
     renderAliasButton() {

package/dist/esm/limebb-limeobject-file-viewer.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h } from './index-BIwHMk6j.js';
-import { G as Ge, R as Re, b as n } from './index.esm-CJU4N9K8.js';
+import { r as registerInstance, h } from './index-DYpn0EkA.js';
+import { G as Ge, R as Re, b as n } from './index.esm-DAe4_MLR.js';
 import { g as getPreviewType } from './extension-mapping-Bcm94u_z.js';
 import { n as negate } from './negate-ooVD-6_a.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BIwHMk6j.js';
+import { r as registerInstance, h } from './index-DYpn0EkA.js';
 
 const liveDocsInfoCss = () => `:host(limebb-live-docs-info){padding:1rem 2rem;display:flex;flex-direction:column;gap:0.5rem;border-style:dashed;border-color:rgb(var(--contrast-700));border-radius:0 0 0.5rem 0.5rem;border-width:0 1px 1px 1px}.header{display:flex;align-items:center;gap:0.5rem}h2,p{margin:0;color:rgb(var(--contrast-1100))}h2{font-size:large;font-weight:300}limel-icon{color:rgb(var(--color-orange-default));width:2rem}a{all:unset;cursor:pointer;transition:color 0.2s ease;color:rgb(var(--color-sky-default));margin-left:0.5rem}a:hover{color:rgb(var(--color-sky-dark));text-decoration:underline}`;
 
@@ -8,8 +8,8 @@ const LiveDocsInfo = class {
     }
     render() {
         return [
-            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")),
+            h("div", { key: '36018d23b4f56d1ef1cba8aaf6d24c9e1913fc51', class: "header" }, h("limel-icon", { key: 'e262d9b9b22f4ab604f8786ae20964da908c5179', name: "not_showing_video_frames" }), h("h2", { key: '283107fa6651f1de7308d805b3aa48c479c1b281' }, "Viewing this file type requires ", h("em", { key: '4bb7d2d83e4ae2c073f35038827b5b606448af2d' }, "Live Docs"))),
+            h("p", { key: '8f5a3fd0b9958f4bdaa11c0f3b82990706100c65' }, h("em", { key: '23aed14b3a3b54c82f63f2fa4aa6016290aebf26' }, "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: 'a018062eefaa0c9b3fff92504e330700979cc407', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
         ];
     }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent } from './index-BIwHMk6j.js';
-import { H, b as n } from './index.esm-CJU4N9K8.js';
+import { r as registerInstance, c as createEvent } from './index-DYpn0EkA.js';
+import { H, b as n } from './index.esm-DAe4_MLR.js';
 import { H as HighlightFeedItemHandler } from './highlight-item.handler-BWMpG2bS.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h } from './index-BIwHMk6j.js';
-import { b as n } from './index.esm-CJU4N9K8.js';
+import { r as registerInstance, c as createEvent, h } from './index-DYpn0EkA.js';
+import { b as n } from './index.esm-DAe4_MLR.js';
 import { t as toString, c as castPath, a as toKey, i as isKey, g as get, b as baseGet, d as arrayMap } from './get-Cq4rshNg.js';
 import { e as isArrayLike, f as isIndex, h as isArguments, j as arrayPush, S as Stack, k as keys, l as isLength, d as baseUnary } from './_Uint8Array-CUI8uY-p.js';
 import { c as isObject, e as eq, a as isArray, S as Symbol } from './_MapCache-BgAfMcRA.js';
@@ -1109,7 +1109,7 @@ const LocalePicker = class {
             const value = this.value;
             selectedOptions = options.find((option) => option.value === value);
         }
-        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 }));
+        return (h("limel-select", { key: 'b42d403250d57155547eaa97731bfc471596c224', 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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BIwHMk6j.js';
+import { r as registerInstance, h } from './index-DYpn0EkA.js';
 
 const mentionGroupCounterCss = () => `:host(limebb-mention-group-counter){order:2;margin-right:-0.5rem;box-sizing:border-box;transition:background-color 0.2s ease;min-width:fit-content;font-size:smaller;border-radius:9rem;cursor:help;padding:0.25rem 0.5rem;line-height:1;border:1px solid rgb(var(--contrast-500))}:host(limebb-mention-group-counter:hover){border-color:rgb(var(--contrast-100));background-color:rgb(var(--contrast-600))}`;
 
@@ -10,8 +10,8 @@ const MentionGroupCounter = class {
     render() {
         const label = this.getLabel();
         return [
-            h("span", { key: 'b2dca0d50a70b8c7bf187ef2f6c29960c4caf563', id: this.tooltipId }, label),
-            h("limel-tooltip", { key: '97adc0a2b91b830a6fe040712cbdfc1d9839c8f8', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
+            h("span", { key: '24bc1b7b14ada4e19a4f560455cbb26bfd0b83b7', id: this.tooltipId }, label),
+            h("limel-tooltip", { key: '81a8ce747eea55013b9968a2f3eceb652257355f', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
         ];
     }
     getLabel() {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, g as getElement, h } from './index-BIwHMk6j.js';
+import { r as registerInstance, g as getElement, h } from './index-DYpn0EkA.js';
 import { f as findParentElement } from './dom-B95D7tDb.js';
-import { b as n } from './index.esm-CJU4N9K8.js';
+import { b as n } from './index.esm-DAe4_MLR.js';
 
 const mentionCss = () => `:host(limebb-mention){display:inline}a{transition:background-color 0.2s ease;white-space:normal;overflow-wrap:break-word;word-break:break-word;padding:0 0.125rem;border-radius:0.25rem;text-decoration:none;color:rgb(var(--color-blue-default));background-color:rgb(var(--color-blue-default), 0.06)}a:hover{background-color:rgb(var(--color-blue-default), 0.16)}a:before,span:before{content:"@";opacity:0.7}`;
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, c as createEvent } from './index-BIwHMk6j.js';
+import { r as registerInstance, h, c as createEvent } from './index-DYpn0EkA.js';
 import { g as getPreviewType } from './extension-mapping-Bcm94u_z.js';
 import { g as getFileExtension } from './file-extension-DtnPTzDv.js';
 
@@ -120,9 +120,9 @@ const SummaryPopover = class {
             top: '0.125rem',
             right: '0.125rem',
         };
-        return (h("limel-popover", { key: '901e726d37719331f2b30df6e35f2375951c161f', style: {
+        return (h("limel-popover", { key: '7e4e777539c58689faf6a0e69c5f2cf8ed771641', style: {
                 '--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
-            }, 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)));
+            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: '21e0e2569a1abdb404c0c6dbd80714f7ff794ca1', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, h("slot", { key: 'c771e4d9aa10acd6a0a044be4d01d611e22bcc13', name: "trigger" }), h("div", { key: '0c25b9418a311fdf7b700f76a8dbadeea5fb8010', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
     }
     renderCard(closeButtonStyle) {
         return (h("limel-card", { style: {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-BIwHMk6j.js';
-import { b as n } from './index.esm-CJU4N9K8.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-DYpn0EkA.js';
+import { b as n } from './index.esm-DAe4_MLR.js';
 
 const notificationItemCss = () => `@charset "UTF-8";*{box-sizing:border-box}:host(limebb-notification-item){isolation:isolate;position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:0.25rem;margin-left:0.5rem;border-radius:0.75rem;border:1px solid rgb(var(--contrast-500))}:host(limebb-notification-item):before{content:"";display:block;position:absolute;left:-1rem;top:0.85rem;border-radius:50%;height:0.5rem;width:0.5rem;transition:background-color 0.2s ease, scale 0.2s cubic-bezier(0.82, 0.3, 0.14, 1.36);scale:var(--limebb-notification-item-unread-badge-scale, 0.6);background-color:var(--limebb-notification-item-unread-badge-color, transparent)}:host(limebb-notification-item:hover) .timestamp{color:rgb(var(--contrast-1100))}:host(limebb-notification-item:hover) .body-text{opacity:1}.header{display:flex;align-items:center;gap:0.25rem;min-height:2rem;padding:0 0 0 0.25rem;margin-bottom:0.25rem}.header:not(:has(.icon)){padding-left:0.75rem}.header:not(:has(.unpromoted-actions-menu)){padding-right:0.5rem}.caption,.timestamp{font-size:0.75rem}.caption{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;flex-grow:1;font-weight:600;color:rgb(var(--contrast-900))}.timestamp{flex-shrink:0;margin-left:auto;transition:color 0.4s ease, opacity 0.2s ease;color:rgb(var(--contrast-900))}.headline{display:flex;gap:0.25rem;align-items:center}.content{display:flex;min-width:0;gap:0.5rem;padding:0 0.75rem 0.5rem 0.75rem}.heading{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.5rem;font-size:0.875rem;--markdown-hyperlink-color:var(--mdc-theme-primary);--markdown-hyperlink-color--hovered:rgb(var(--color-teal-light))}.body{display:flex;flex-direction:column;gap:0.5rem}.body-text{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-height:4.25rem;transition:opacity 0.2s ease;opacity:0.7}.icon{--icon-background-color:var(--limebb-feed-background-color);flex-shrink:0;width:1.5rem;padding:0.125rem}.author-avatar{border-radius:50%;width:2rem;height:2rem;object-fit:cover;margin-top:auto;margin-right:-0.25rem;margin-left:auto;box-shadow:0 0 0 1px rgb(var(--contrast-600))}.author{font-weight:bold;text-decoration:none;white-space:nowrap}a.author{position:relative;cursor:pointer;transition:color 0.2s ease;color:var(--mdc-theme-primary)}a.author:before{transition:opacity 0.2s ease, transform 0.3s ease-out;content:"";position:absolute;inset:auto 0 0 0;width:calc(100% - 0.5rem);margin:auto;height:0.125rem;border-radius:1rem;background-color:currentColor;opacity:0;transform:scale(0.6)}a.author:hover{color:rgb(var(--color-teal-light))}a.author:hover:before{opacity:0.3;transform:scale(1)}limel-chip-set{--button-shadow-normal:none;margin-left:-1rem;margin-bottom:-0.5rem}`;
 
@@ -55,7 +55,7 @@ const NotificationListItem = class {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '951b650d804bfe49133743bc461e344d9dd0324b', id: this.item.id, class: {
+        return (h(Host, { key: 'dff09ced1e8ae05c746912e249f2557de6fce96e', 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-notification-list.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h } from './index-BIwHMk6j.js';
-import { b as n } from './index.esm-CJU4N9K8.js';
+import { r as registerInstance, c as createEvent, h } from './index-DYpn0EkA.js';
+import { b as n } from './index.esm-DAe4_MLR.js';
 
 /**
  * Processes a list of notifications by adding date headers and a "new items" indicator.

package/dist/esm/limebb-object-chip.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, g as getElement, h } from './index-BIwHMk6j.js';
-import { g as getIcon } from './limetype-Dc4uQPMG.js';
+import { r as registerInstance, g as getElement, h } from './index-DYpn0EkA.js';
+import { g as getIcon } from './limetype-C1wEJnPI.js';
 import { f as findParentElement } from './dom-B95D7tDb.js';
-import { M as Mt, b as n } from './index.esm-CJU4N9K8.js';
+import { M as Mt, b as n } from './index.esm-DAe4_MLR.js';
 
 const logger = Mt('object-resolver');
 /**

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-BIwHMk6j.js';
-import { b as n } from './index.esm-CJU4N9K8.js';
+import { r as registerInstance, h, H as Host } from './index-DYpn0EkA.js';
+import { b as n } from './index.esm-DAe4_MLR.js';
 import { g as getPercentageClass, n as normalizeValue } from './normalize-value-Cg1DC15C.js';
 
 const percentageVisualizerCss = () => `@charset "UTF-8";*,::before,::after{box-sizing:border-box}:host(limebb-percentage-visualizer){width:100%}limel-notched-outline:not([invalid]:not([invalid=false])) .limel-notched-outline--outlines{--limel-notched-outline-border-color:transparent}div[slot=content]{display:flex;align-items:center;gap:0.5rem;border-radius:inherit;background-color:transparent !important}div[slot=content]:focus{outline:none}div[slot=content]:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}:host(limebb-percentage-visualizer[invalid]:not([invalid=false])) div[slot=content]{border-color:rgb(var(--color-red-default))}:host(limebb-percentage-visualizer):has(label) div[slot=content]{min-height:2.5rem;padding:0 0.375rem 0 1rem}.percentage-text{flex-shrink:0;min-width:2.5rem}:host([range-min^="-"]) .percentage-text{min-width:3.75rem}.percent-sign{opacity:0.4}.zero-point{content:"";position:absolute;transform:translateX(-50%);left:var(--limebb-percentage-visualizer-zero-point-position);height:0.25rem;width:0.25rem;border-radius:50%;box-shadow:0 0 0 0.125rem var(--limebb-percentage-visualizer-zero-point-color, rgb(var(--contrast-1200), 0.3));background-color:var(--limebb-percentage-visualizer-zero-point-color, rgb(var(--contrast-200), 0.9))}.percentage-bar{overflow:hidden;flex-grow:1;position:relative;display:flex;align-items:center;height:0.5rem;min-width:2rem;border-radius:0.5rem;background-color:rgb(var(--contrast-800), 0.6)}.percentage-fill{transition:width 0.2s ease;position:absolute;margin:auto;left:var(--limebb-percentage-visualizer-zero-point-position, 0);rotate:var(--limebb-percentage-visualizer-rotate, 0deg);transform-origin:left center;width:var(--limebb-percentage-visualizer-width);height:100%;border-radius:0.5rem}:host(limebb-percentage-visualizer:focus),:host(limebb-percentage-visualizer:focus-visible),:host(limebb-percentage-visualizer:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limebb-percentage-visualizer){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limebb-percentage-visualizer:focus) limel-helper-line,:host(limebb-percentage-visualizer:focus-visible) limel-helper-line,:host(limebb-percentage-visualizer:focus-within) limel-helper-line,:host(limebb-percentage-visualizer:hover) limel-helper-line{will-change:grid-template-rows}.percentage-fill{background-color:var(--percentage-visualizer-color, var(--limebb-percentage-visualizer-color, var(--mdc-theme-primary)))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-200or-larger-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-darker))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-200to100-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-100to90-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-90to80-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-80to70-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-70to60-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-red-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-60to50-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-coral-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-50to40-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-coral-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-40to30-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-orange-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-30to20-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-orange-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-20to10-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-amber-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-10to0-negative) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-amber-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-0) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--contrast-800))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-0to10-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-yellow-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-10to20-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-yellow-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-20to30-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-grass-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-30to40-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-grass-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-40to50-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-lime-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-50to60-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-lime-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-60to70-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-70to80-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-default))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-80to90-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-90to100-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-100to200-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-dark))}:host([range-min^="-"][display-percentage-colors]:not([display-percentage-colors=false]).has-value-200or-larger-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-darker))}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-0) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--contrast-800))}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-0to10-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--0to10)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-10to20-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--10to20)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-20to30-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--20to30)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-30to40-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--30to40)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-40to50-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--40to50)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-50to60-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--50to60)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-60to70-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--60to70)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-70to80-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--70to80)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-80to90-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--80to90)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-90to100-positive) .percentage-fill{--limebb-percentage-visualizer-color:var(--color-percent--90to100)}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-100to200-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-dark))}:host([display-percentage-colors]:not([display-percentage-colors=false]).has-value-200or-larger-positive) .percentage-fill{--limebb-percentage-visualizer-color:rgb(var(--color-teal-darker))}`;
@@ -88,11 +88,11 @@ const PercentageVisualizer = class {
     render() {
         const normalizedValue = this.getNormalizedValue();
         const zeroPoint = this.getZeroPointPosition();
-        return (h(Host, { key: 'c57fbde9785115a91c28db17ccebee42a335a80f', class: this.getContainerClassList(), style: {
+        return (h(Host, { key: 'ea0690be403aa9c1e4e1fc82b788ad159a8a4cc3', 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: '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()));
+            } }, h("limel-notched-outline", { key: '77b09269ca09806a33b6297692ca7cf79ee68a53', 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: '7b3905e69e8d5b372f7736a9ec40576a23b10385', slot: "content" }, this.renderVisualization())), this.renderHelperLine()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {