@limetech/lime-crm-building-blocks 1.138.0 → 1.139.0

package/dist/collection/components/rule-editor/value-comparison-editor/value-comparison-editor.js

@@ -1,5 +1,12 @@
-import { h } from "@stencil/core";
+import { h, } from "@stencil/core";
 import { Operator } from "@limetech/lime-web-components";
+const TYPE_OPTIONS = [
+    { value: 'string', text: 'Text' },
+    { value: 'number', text: 'Number' },
+    { value: 'date', text: 'Date' },
+    { value: 'datetime', text: 'Date & time' },
+    { value: 'time', text: 'Time' },
+];
 const OPERATOR_OPTIONS = [
     { value: Operator.EQUALS, text: 'Equals' },
     { value: Operator.NOT_EQUALS, text: 'Does not equal' },
@@ -8,16 +15,43 @@ const OPERATOR_OPTIONS = [
     { value: Operator.GREATER, text: 'Greater than' },
     { value: Operator.GREATER_OR_EQUAL, text: 'Greater than or equal to' },
 ];
+const RELATIVE_OFFSET_KEY = '__relative_offset__';
+const SPECIFIC_KEY = '__specific__';
+const FIXED_TOKEN_OPTIONS = [
+    { value: '$now', text: 'Now' },
+    { value: '$today', text: 'Today' },
+    { value: '$tomorrow', text: 'Tomorrow' },
+    { value: '$yesterday', text: 'Yesterday' },
+    { value: '$this_week', text: 'This week' },
+    { value: '$this_month', text: 'This month' },
+    { value: '$this_quarter', text: 'This quarter' },
+    { value: '$this_year', text: 'This year' },
+];
+const FIXED_TOKENS = new Set(FIXED_TOKEN_OPTIONS.map((option) => option.value));
+const DIRECTION_OPTIONS = [
+    { value: 'next', text: 'Next' },
+    { value: 'previous', text: 'Previous' },
+];
+const UNIT_OPTIONS = [
+    { value: 'day', text: 'days' },
+    { value: 'week', text: 'weeks' },
+    { value: 'month', text: 'months' },
+    { value: 'quarter', text: 'quarters' },
+    { value: 'year', text: 'years' },
+];
+// Same grammar the primitive parses in limeclient.js `relative-dates.ts`.
+const PARAMETERIZED_TOKEN = /^\$(next|previous)_(day|week|month|quarter|year)\((\d+)\)$/;
+const TEMPORAL_TYPES = new Set([
+    'date',
+    'datetime',
+    'time',
+]);
 /**
- * Args editor for the `limetech.value-comparison` rule primitive: an
- * operator from the match-filter {@link Operator} vocabulary plus the value
- * to compare against. The operand is emitted as a number when it parses as
- * one and as a string otherwise; the `valueType` follows from it so the
- * primitive orders numerically for numbers and lexically for strings (ISO
- * date strings sort correctly that way).
- *
- * Emptiness is a separate concern handled by the `limetech.value-is-empty`
- * primitive, so this editor offers comparison operators only.
+ * Args editor for the `limetech.value-comparison` rule primitive: a comparison
+ * type, an operator from the match-filter {@link Operator} vocabulary, and the
+ * value to compare against. The chosen type drives the operand input — text and
+ * numbers use a plain field; dates, datetimes and times offer a date picker plus
+ * relative-date choices.
  *
  * @alpha
  * @private
@@ -28,46 +62,263 @@ export class ValueComparisonEditor {
          * @inheritdoc
          */
         this.value = {};
+        this.direction = 'next';
+        this.unit = 'week';
+        this.count = 1;
+        this.countInput = '1';
+        this.countInvalid = false;
+        this.handleTypeChange = (event) => {
+            var _a, _b;
+            event.stopPropagation();
+            this.resetOperandState();
+            this.emit(this.value.operator, undefined, (_b = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 'string');
+        };
         this.handleOperatorChange = (event) => {
             var _a;
             event.stopPropagation();
             const operator = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.value;
             if (!operator) {
-                this.change.emit({});
+                this.emit(undefined, undefined);
+                return;
+            }
+            this.emit(operator, this.value.operand);
+        };
+        this.handleScalarOperandChange = (event) => {
+            event.stopPropagation();
+            const operator = this.value.operator;
+            if (!operator) {
+                return;
+            }
+            this.emit(operator, this.parseScalarOperand(event.detail));
+        };
+        this.handleOperandKeyChange = (event) => {
+            var _a;
+            event.stopPropagation();
+            const operator = this.value.operator;
+            if (!operator) {
+                return;
+            }
+            const key = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.value;
+            this.operandKey = key;
+            if (key === RELATIVE_OFFSET_KEY) {
+                this.emit(operator, this.relativeOffsetToken());
+                return;
+            }
+            if (key === SPECIFIC_KEY) {
+                // Default to now so the operand is always a real, rebuildable value.
+                if (!this.specificDate) {
+                    this.specificDate = new Date();
+                }
+                this.emit(operator, this.formatSpecific(this.specificDate));
                 return;
             }
-            this.change.emit(this.withOperand(operator, this.value.operand));
+            // A fixed token (or nothing selected).
+            this.emit(operator, key || undefined);
+        };
+        this.handleDirectionChange = (event) => {
+            var _a, _b;
+            event.stopPropagation();
+            this.direction = (_b = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 'next';
+            this.emitRelativeOffset();
+        };
+        this.handleUnitChange = (event) => {
+            var _a, _b;
+            event.stopPropagation();
+            this.unit = (_b = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 'week';
+            this.emitRelativeOffset();
         };
-        this.handleOperandChange = (event) => {
+        this.handleCountChange = (event) => {
+            event.stopPropagation();
+            this.countInput = String(event.detail);
+            const parsed = Number.parseInt(this.countInput, 10);
+            if (Number.isNaN(parsed) || parsed < 1) {
+                // Keep showing what the author typed, but flag it instead of
+                // emitting an operand that disagrees with the field.
+                this.countInvalid = true;
+                return;
+            }
+            this.countInvalid = false;
+            this.count = parsed;
+            this.emitRelativeOffset();
+        };
+        this.handleSpecificDateChange = (event) => {
             event.stopPropagation();
             const operator = this.value.operator;
             if (!operator) {
                 return;
             }
-            this.change.emit(this.withOperand(operator, parseOperand(event.detail)));
+            const date = event.detail instanceof Date ? event.detail : undefined;
+            this.specificDate = date;
+            this.emit(operator, date ? this.formatSpecific(date) : undefined);
         };
     }
+    componentWillLoad() {
+        this.syncFromValue(this.value);
+    }
+    onValueChange(value) {
+        this.syncFromValue(value);
+    }
+    get valueType() {
+        var _a;
+        return (_a = this.value.valueType) !== null && _a !== void 0 ? _a : 'string';
+    }
     render() {
-        const selected = OPERATOR_OPTIONS.find((option) => option.value === this.value.operator);
-        return (h("div", { key: 'e3589c48dc94a8a191e46adcd19947c825f12562', class: "rule" }, h("limel-select", { key: '8cb50df76bd8adb26d4bbab185258f1d594f71d8', label: "When the value", options: OPERATOR_OPTIONS, value: selected, onChange: this.handleOperatorChange }), this.renderOperandInput()));
+        const selectedType = TYPE_OPTIONS.find((option) => option.value === this.valueType);
+        const selectedOperator = OPERATOR_OPTIONS.find((option) => option.value === this.value.operator);
+        return (h("div", { key: 'b7ed0eedaa937029a3e51d53630cd9a352804deb', class: "rule" }, h("limel-select", { key: '402c121d9f06c1c60b6c03c7b82049127a9cd272', class: "type-select", label: "Compare as", options: TYPE_OPTIONS, value: selectedType, onChange: this.handleTypeChange }), h("limel-select", { key: 'aa59ca982dbca9a5b17d50c721fde57c6ab888d8', class: "operator-select", label: "When the value", options: OPERATOR_OPTIONS, value: selectedOperator, onChange: this.handleOperatorChange }), this.renderOperand()));
     }
-    renderOperandInput() {
+    renderOperand() {
         if (!this.value.operator) {
             return null;
         }
-        return (h("limel-input-field", { label: "Compared with", value: this.value.operand === undefined
+        if (TEMPORAL_TYPES.has(this.valueType)) {
+            return this.renderTemporalOperand();
+        }
+        return this.renderScalarInput();
+    }
+    renderScalarInput() {
+        return (h("limel-input-field", { class: "operand-input", label: "Compared with", type: this.valueType === 'number' ? 'number' : 'text', value: this.value.operand === undefined
                 ? ''
-                : String(this.value.operand), onChange: this.handleOperandChange }));
+                : String(this.value.operand), onChange: this.handleScalarOperandChange }));
     }
-    withOperand(operator, operand) {
-        if (operand === undefined) {
-            return { operator };
+    renderTemporalOperand() {
+        const options = this.operandOptions();
+        const selected = options.find((option) => option.value === this.operandKey);
+        return [
+            h("limel-select", { key: "operand-select", class: "operand-select", label: "Compared with", options: options, value: selected, onChange: this.handleOperandKeyChange }),
+            this.renderTemporalSubControl(),
+        ];
+    }
+    operandOptions() {
+        if (this.valueType === 'time') {
+            return [
+                { value: '$now', text: 'Now' },
+                { value: SPECIFIC_KEY, text: 'Specific time…' },
+            ];
         }
-        return {
-            operator,
-            operand,
-            valueType: typeof operand === 'number' ? 'number' : 'string',
-        };
+        const specificText = this.valueType === 'datetime'
+            ? 'Specific date & time…'
+            : 'Specific date…';
+        // For a pure date `$now` resolves to the same value as `$today`, so
+        // only datetime (where the time component matters) offers it.
+        const fixedTokens = this.valueType === 'date'
+            ? FIXED_TOKEN_OPTIONS.filter((option) => option.value !== '$now')
+            : FIXED_TOKEN_OPTIONS;
+        return [
+            ...fixedTokens,
+            { value: RELATIVE_OFFSET_KEY, text: 'Relative offset…' },
+            { value: SPECIFIC_KEY, text: specificText },
+        ];
+    }
+    renderTemporalSubControl() {
+        if (this.operandKey === RELATIVE_OFFSET_KEY) {
+            return this.renderOffsetBuilder();
+        }
+        if (this.operandKey === SPECIFIC_KEY) {
+            return this.renderDatePicker();
+        }
+        return null;
+    }
+    renderOffsetBuilder() {
+        const selectedDirection = DIRECTION_OPTIONS.find((option) => option.value === this.direction);
+        const selectedUnit = UNIT_OPTIONS.find((option) => option.value === this.unit);
+        return (h("div", { key: "offset-builder", class: "offset-builder" }, h("limel-select", { class: "offset-direction", options: DIRECTION_OPTIONS, value: selectedDirection, onChange: this.handleDirectionChange }), h("limel-input-field", { class: "offset-count", label: "Amount", type: "number", required: true, invalid: this.countInvalid, value: this.countInput, onChange: this.handleCountChange }), h("limel-select", { class: "offset-unit", options: UNIT_OPTIONS, value: selectedUnit, onChange: this.handleUnitChange })));
+    }
+    renderDatePicker() {
+        return (h("limel-date-picker", { key: "specific-picker", class: "operand-picker", label: "Compared with", type: this.valueType, value: this.specificDate, onChange: this.handleSpecificDateChange }));
+    }
+    emitRelativeOffset() {
+        const operator = this.value.operator;
+        if (!operator) {
+            return;
+        }
+        this.emit(operator, this.relativeOffsetToken());
+    }
+    relativeOffsetToken() {
+        return `$${this.direction}_${this.unit}(${this.count})`;
+    }
+    parseScalarOperand(raw) {
+        const text = String(raw);
+        if (text.trim() === '') {
+            return undefined;
+        }
+        if (this.valueType !== 'number') {
+            return text;
+        }
+        const parsed = Number(text);
+        return Number.isNaN(parsed) ? undefined : parsed;
+    }
+    formatSpecific(date) {
+        if (this.valueType === 'datetime') {
+            return date.toISOString();
+        }
+        if (this.valueType === 'time') {
+            return `${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+        }
+        return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+    }
+    emit(operator, operand, valueType = this.valueType) {
+        // Always carry valueType so the type selection round-trips through
+        // value even when there's no operand yet; the primitive ignores it
+        // until an operand is present.
+        const next = { valueType };
+        if (operator) {
+            next.operator = operator;
+        }
+        if (operand !== undefined) {
+            next.operand = operand;
+        }
+        this.change.emit(next);
+    }
+    resetOperandState() {
+        this.operandKey = undefined;
+        this.specificDate = undefined;
+        this.direction = 'next';
+        this.unit = 'week';
+        this.count = 1;
+        this.countInput = '1';
+        this.countInvalid = false;
+    }
+    syncFromValue(value) {
+        const operand = value === null || value === void 0 ? void 0 : value.operand;
+        if (typeof operand !== 'string' || operand === '') {
+            // No operand: keep the sub-control the author has open.
+            return;
+        }
+        if (!TEMPORAL_TYPES.has(this.valueType)) {
+            this.operandKey = undefined;
+            return;
+        }
+        const match = PARAMETERIZED_TOKEN.exec(operand);
+        if (match) {
+            const [, direction, unit, count] = match;
+            this.operandKey = RELATIVE_OFFSET_KEY;
+            this.direction = direction;
+            this.unit = unit;
+            this.count = Number(count);
+            this.countInput = count;
+            this.countInvalid = false;
+            return;
+        }
+        if (FIXED_TOKENS.has(operand)) {
+            this.operandKey = operand;
+            return;
+        }
+        this.operandKey = SPECIFIC_KEY;
+        this.specificDate = this.parseSpecific(operand);
+    }
+    parseSpecific(operand) {
+        const date = new Date(this.specificDateText(operand));
+        return Number.isNaN(date.getTime()) ? undefined : date;
+    }
+    specificDateText(operand) {
+        if (this.valueType === 'time') {
+            return `1970-01-01T${operand}`;
+        }
+        if (this.valueType === 'date') {
+            return `${operand}T00:00:00`;
+        }
+        return operand;
     }
     static get is() { return "limebb-value-comparison-editor"; }
     static get encapsulation() { return "shadow"; }
@@ -112,6 +363,17 @@ export class ValueComparisonEditor {
             }
         };
     }
+    static get states() {
+        return {
+            "operandKey": {},
+            "direction": {},
+            "unit": {},
+            "count": {},
+            "countInput": {},
+            "countInvalid": {},
+            "specificDate": {}
+        };
+    }
     static get events() {
         return [{
                 "method": "change",
@@ -139,11 +401,13 @@ export class ValueComparisonEditor {
                 }
             }];
     }
-}
-function parseOperand(raw) {
-    if (raw.trim() === '') {
-        return undefined;
+    static get watchers() {
+        return [{
+                "propName": "value",
+                "methodName": "onValueChange"
+            }];
     }
-    const parsed = Number(raw);
-    return Number.isNaN(parsed) ? raw : parsed;
+}
+function pad(value) {
+    return String(value).padStart(2, '0');
 }

package/dist/collection/components/rule-gate/rule-gate.js

@@ -33,7 +33,7 @@ export class RuleGate {
         this.evaluate();
     }
     render() {
-        return (h(Host, { key: 'fd7edf7439ea87b25e48c6f39a92f957b08ed49a', hidden: !this.shouldRender }, h("slot", { key: 'b7996f2833b46fa5ed41e37047380b0f7ce46d17' })));
+        return (h(Host, { key: '1aebc90e382bed53ff293634f4aa37cbc5b1f9d0', hidden: !this.shouldRender }, h("slot", { key: 'f28d6bc819101c43c980b80b4467dcb0d15292fa' })));
     }
     get ruleRegistry() {
         return this.platform.get(PlatformServiceName.RuleRegistry);

package/dist/collection/components/summary-popover/summary-popover.js

@@ -128,9 +128,9 @@ export class SummaryPopover {
             top: '0.125rem',
             right: '0.125rem',
         };
-        return (h("limel-popover", { key: 'eaa26f8cd3c778f154d1ddab917819cef43967f2', style: {
+        return (h("limel-popover", { key: '3dac27c083b2d950d473e5f0f686cd19278eb0a0', style: {
                 '--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
-            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: 'd9c24139c31ad10e544d7c88cfc2f7e246a825b4', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, h("slot", { key: '261c91114ae898c2cfad0b5108a3db3209517911', name: "trigger" }), h("div", { key: 'f5274138994499992e3ff98d37d339c255c4526a', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
+            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: 'acc7cc0472a6af2b53b38915111a7c4a8c5e20a1', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, h("slot", { key: 'd6bdbf59b1d39793484de55dcfb2e43d890468bf', name: "trigger" }), h("div", { key: 'dc462c2b1b787de54b22aed6ca51cac245df3c09', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
     }
     renderCard(closeButtonStyle) {
         return (h("limel-card", { style: {

package/dist/collection/components/text-editor/mention-group-counter.js

@@ -13,8 +13,8 @@ export class MentionGroupCounter {
     render() {
         const label = this.getLabel();
         return [
-            h("span", { key: '2eee86762d277a56502e0ddfe6c40e25ebcffabf', id: this.tooltipId }, label),
-            h("limel-tooltip", { key: '612f0b91e7b0ba20ab912e8d77fa3de4eee40212', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
+            h("span", { key: '638df46fb134015d8f9402830580d36dc759bcd1', id: this.tooltipId }, label),
+            h("limel-tooltip", { key: 'bdd49e3025be834b9d808473d456341a50d6f50d', elementId: this.tooltipId, label: label, helperLabel: this.helperLabel }),
         ];
     }
     getLabel() {

package/dist/collection/components/text-editor/text-editor.js

@@ -391,7 +391,7 @@ export class LimeBBTextEditor {
     }
     render() {
         return [
-            h("limel-text-editor", { key: 'e25b69ff667cd11469723be202e3c0fe2f97c64e', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
+            h("limel-text-editor", { key: '0f1423f13a517aaeea8efbacab475a37e38aa857', ref: (el) => (this.textEditor = el), tabindex: this.disabled ? -1 : 0, value: this.value, contentType: this.contentType, customElements: this.registeredCustomElements, "aria-disabled": this.disabled, language: this.language, triggers: this.registeredTriggers, onTriggerStart: this.handleTriggerStart, onTriggerStop: this.handleTriggerStop, onTriggerChange: this.handleTriggerChange, onImagePasted: this.handleImagePasted, onMetadataChange: this.handleMetadataChange, ui: this.ui, allowResize: this.allowResize, required: this.required, disabled: this.disabled, readonly: this.readonly, helperText: this.helperText, placeholder: this.placeholder, label: this.label, invalid: this.invalid }),
             this.renderPicker(),
         ];
     }

package/dist/collection/components/trend-indicator/trend-indicator.js

@@ -69,7 +69,7 @@ export class TrendIndicator {
         this.numValue = this.parseValue(this.value);
     }
     render() {
-        return (h(Host, { key: 'c42f5bbc24bb06b91db44591fe6c6720887e6762', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '6b278dd73d5222723b5fb1476e938849ce92d5f4', id: this.tooltipId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, "aria-controls": this.helperTextId }, h("div", { key: '90002d49b80d88f4f62ce3f182cc0d73a9099d7e', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
+        return (h(Host, { key: 'fbf631c6889091e9efe5790397b26f804d27d93b', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '832d2d338bf86da41b0a19a813f0dc7e3b3eb8c9', id: this.tooltipId, label: this.label, labelId: this.labelId, invalid: this.invalid, required: this.required, hasValue: true, hasFloatingLabel: true, "aria-labelledby": this.labelId, "aria-describedby": this.helperTextId, "aria-controls": this.helperTextId }, h("div", { key: 'b3266118df54e2c3a4d7729f0e36d7c7e1fbc13c', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

package/dist/components/chat-icon-list.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,h as n,Host as o,transformTag as t}from"@stencil/core/internal/client";const r=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(o,{key:"1c1b3b024a7ab249ccc3f88aa512604859332e5b",id:this.item.id},this.renderLabel(),n("div",{key:"ade364f36a75b1a79376b17ac0288a7bc684f685",class:"icons"},this.item.icons.map(((e,i)=>this.renderIcon(e,i)))))}renderLabel(){if(this.item.label)return n("span",{class:"label"},this.item.label)}renderIcon(e,i){const o=`icon-${this.item.id}-${i}`;return[n("limel-icon",{tabIndex:0,key:i,id:o,badge:!0,name:e.name,class:{"is-pending":!!e.pending,"is-clickable":!!e.onClick},style:{color:e.color,"background-color":e.backgroundColor},onClick:e.onClick}),this.renderTooltip(e,o)]}renderTooltip(e,i){if(e.title)return n("limel-tooltip",{label:e.title,elementId:i})}static get style(){return'@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}:host(limebb-chat-icon-list){display:flex;align-items:center;gap:0.5rem;margin-right:auto;max-width:calc(100% - 2rem);padding:0 0.25rem}.label{font-size:0.75rem;color:rgb(var(--contrast-900))}.icons{display:flex;align-items:center;gap:0.25rem}.icons:hover limel-icon,.icons:focus-within limel-icon{margin-left:0 !important}limel-icon{--icon-background-color:rgb(var(--contrast-500), 0.5);transition:margin-left 0.2s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s ease, box-shadow 0.2s ease;position:relative;width:1.75rem;padding:0.375rem;flex-shrink:0}limel-icon.is-clickable{cursor:pointer}limel-icon:focus{outline:none}limel-icon:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}limel-icon:not(.is-pending):not(:first-child){margin-left:-0.75rem}limel-icon.is-pending{animation:pending 3s linear infinite;padding:0.5rem}limel-icon.is-pending:after{content:"";position:absolute;inset:0;width:1.75rem;height:1.75rem;border-radius:50%;pointer-events:none;border-radius:50%;border:0.125rem solid rgb(var(--color-white), 0.5);border-top-color:rgb(var(--color-black), 0.8);mix-blend-mode:color-dodge;animation:spin 1s cubic-bezier(0.4, 0, 0.2, 1) infinite}@keyframes pending{0%,20%,80%,100%{filter:grayscale(0%)}45%,55%{filter:grayscale(100%)}}@keyframes spin{to{transform:rotate(360deg)}}'}},[1,"limebb-chat-icon-list",{item:[16]}]);function s(){"undefined"!=typeof customElements&&["limebb-chat-icon-list"].forEach((e=>{"limebb-chat-icon-list"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}export{r as C,s as d}
+import{proxyCustomElement as e,HTMLElement as i,h as n,Host as o,transformTag as t}from"@stencil/core/internal/client";const r=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(o,{key:"37f41429c85d430370847b6ba08927757d97868f",id:this.item.id},this.renderLabel(),n("div",{key:"958ef591606e10f95e43f4968110cb785f022dc7",class:"icons"},this.item.icons.map(((e,i)=>this.renderIcon(e,i)))))}renderLabel(){if(this.item.label)return n("span",{class:"label"},this.item.label)}renderIcon(e,i){const o=`icon-${this.item.id}-${i}`;return[n("limel-icon",{tabIndex:0,key:i,id:o,badge:!0,name:e.name,class:{"is-pending":!!e.pending,"is-clickable":!!e.onClick},style:{color:e.color,"background-color":e.backgroundColor},onClick:e.onClick}),this.renderTooltip(e,o)]}renderTooltip(e,i){if(e.title)return n("limel-tooltip",{label:e.title,elementId:i})}static get style(){return'@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}:host(limebb-chat-icon-list){display:flex;align-items:center;gap:0.5rem;margin-right:auto;max-width:calc(100% - 2rem);padding:0 0.25rem}.label{font-size:0.75rem;color:rgb(var(--contrast-900))}.icons{display:flex;align-items:center;gap:0.25rem}.icons:hover limel-icon,.icons:focus-within limel-icon{margin-left:0 !important}limel-icon{--icon-background-color:rgb(var(--contrast-500), 0.5);transition:margin-left 0.2s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s ease, box-shadow 0.2s ease;position:relative;width:1.75rem;padding:0.375rem;flex-shrink:0}limel-icon.is-clickable{cursor:pointer}limel-icon:focus{outline:none}limel-icon:focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}limel-icon:not(.is-pending):not(:first-child){margin-left:-0.75rem}limel-icon.is-pending{animation:pending 3s linear infinite;padding:0.5rem}limel-icon.is-pending:after{content:"";position:absolute;inset:0;width:1.75rem;height:1.75rem;border-radius:50%;pointer-events:none;border-radius:50%;border:0.125rem solid rgb(var(--color-white), 0.5);border-top-color:rgb(var(--color-black), 0.8);mix-blend-mode:color-dodge;animation:spin 1s cubic-bezier(0.4, 0, 0.2, 1) infinite}@keyframes pending{0%,20%,80%,100%{filter:grayscale(0%)}45%,55%{filter:grayscale(100%)}}@keyframes spin{to{transform:rotate(360deg)}}'}},[1,"limebb-chat-icon-list",{item:[16]}]);function s(){"undefined"!=typeof customElements&&["limebb-chat-icon-list"].forEach((e=>{"limebb-chat-icon-list"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}export{r as C,s as d}

package/dist/components/chat-item.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as i,Host as r,transformTag as o}from"@stencil/core/internal/client";import{b as a}from"./index.esm.js";const s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hasError=!1,this.createActionBarItem=t=>{var e,i;if("separator"in t)return t;let r={value:t,text:null!==(e=t.label)&&void 0!==e?e:"",secondaryText:t.description,disabled:t.disabled};return!t.label&&t.icon?r=Object.assign(Object.assign({},r),{icon:t.icon,text:null!==(i=t.description)&&void 0!==i?i:r.text,iconOnly:!0}):t.icon&&(r=Object.assign(Object.assign({},r),{icon:t.icon})),r},this.handleActionBarItemSelect=t=>{var e;t.stopPropagation();const i=null===(e=t.detail.value)||void 0===e?void 0:e.command;i&&this.commandbus.handle(i)},this.createMenuItem=t=>{var e,i;return"separator"in t?t:{value:t,text:null!==(e=t.label)&&void 0!==e?e:"",secondaryText:t.description,disabled:t.disabled,icon:null!==(i=t.icon)&&void 0!==i?i:""}},this.handleMenuItemSelect=t=>{var e;t.stopPropagation();const i=null===(e=t.detail.value)||void 0===e?void 0:e.command;i&&this.commandbus.handle(i)}}render(){const t=`helper-text-${this.item.id}`;return i(r,{key:"08d19994a11ae1d96291ca67179a02e322e3fcca",id:this.item.id,"aria-describedby":this.helperText?t:void 0,"aria-live":this.hasError?"assertive":"off",class:{[`${this.item.ui}`]:!0}},i("div",{key:"11c0a1121f006bd06ed1a1ff5d7b4274f04002e2",class:"bubble-content"},i("div",{key:"76df4d1fbcaa035eb10646e85f936789700fbba4",class:"icon-picture"},this.renderIcon(),this.renderAuthorPicture()),this.renderErrorSign(),i("div",{key:"db83fa94a036a4209c20919705b1de4462c13d59",class:"item"},this.renderHeader(),this.renderValue(),i("footer",{key:"13e2ff2fa47f4cfe882f3db4a3c60c0905537c32"},this.renderHelperText(t),this.renderTimestamp()))),this.renderPromotedAction())}renderErrorSign(){if(this.hasError)return i("limel-icon",{class:"error-sign",name:"brake_warning"})}renderHeader(){var t;if(null===(t=this.item.author)||void 0===t?void 0:t.name)return i("header",null,this.renderAuthorName(),i("div",{class:"action-buttons"},this.renderUnpromotedActionsMenu()))}renderIcon(){var t,e,r,o;if(this.item.icon)return i("limel-icon",{class:"icon",badge:!0,name:null!==(e=null===(t=this.item.icon)||void 0===t?void 0:t.name)&&void 0!==e?e:"dot_circle",style:{color:`${null===(r=this.item.icon)||void 0===r?void 0:r.color}`,"background-color":`${null===(o=this.item.icon)||void 0===o?void 0:o.backgroundColor}`}})}renderHelperText(t){if(this.helperText)return i("span",{class:"helper-text",id:t},this.helperText)}renderValue(){if(this.item.value)return i("limel-markdown",{class:"body-text reset-img-height",value:this.item.value})}renderAuthorName(){var t,e;if("string"==typeof(null===(t=this.item.author)||void 0===t?void 0:t.name))return i("span",{class:"author"},this.item.author.name);if("object"==typeof(null===(e=this.item.author)||void 0===e?void 0:e.name)){const{href:t,title:e,text:r}=this.item.author.name;return i("a",{class:"author",href:t,title:e},r)}}renderAuthorPicture(){var t;if(null===(t=this.item.author)||void 0===t?void 0:t.picture)return"limel-ai-avatar"===this.item.author.picture?i("limel-ai-avatar",{class:"author-avatar"}):i("img",{class:"author-avatar",loading:"lazy",src:this.item.author.picture})}renderUnpromotedActionsMenu(){var t,e;if(!(null===(t=this.item.unpromotedActions)||void 0===t?void 0:t.length))return;const r=this.item.unpromotedActions.map(this.createMenuItem);return i("limel-menu",{class:"unpromoted-actions-menu",items:r,openDirection:"bottom-end",onSelect:this.handleMenuItemSelect},i("limel-icon-button",{icon:"menu_2",slot:"trigger",label:null===(e=this.translator)||void 0===e?void 0:e.get("webclient.more-actions")}))}renderPromotedAction(){if(!this.item.promotedActions)return;const t=this.item.promotedActions.map(this.createActionBarItem);return i("div",{class:"action-bar"},i("div",{class:"action-bar-hider"},i("limel-action-bar",{accessibleLabel:"Action bar",actions:t,layout:"fullWidth",onItemSelected:this.handleActionBarItemSelect})))}renderTimestamp(){const t=this.item.timestamp;if(t)return i("span",{class:"timestamp"},this.dateTimeFormatter.format(t,"timeofday"))}get dateTimeFormatter(){return this.platform.get(a.DateTimeFormatter)}get translator(){var t;return null===(t=this.platform)||void 0===t?void 0:t.get(a.Translate)}get commandbus(){var t;return null===(t=this.platform)||void 0===t?void 0:t.get(a.CommandBus)}static get style(){return'@charset "UTF-8";*{box-sizing:border-box}:host(limebb-chat-item){display:flex;flex-direction:column;gap:0.25rem;min-width:0;min-height:0;max-width:calc(100% - 2rem)}.bubble-content{display:flex;gap:0.25rem;min-width:0;min-height:0}:host(limebb-chat-item:hover) .helper-text,:host(limebb-chat-item:hover) .timestamp,:host(limebb-chat-item:focus-within) .helper-text,:host(limebb-chat-item:focus-within) .timestamp{opacity:1}:host(limebb-chat-item.mine){margin-left:auto}:host(limebb-chat-item.mine) .item{border-bottom-right-radius:0.125rem;background-color:rgb(var(--color-sky-default), 0.2)}:host(limebb-chat-item.mine) .bubble-content{justify-content:end}:host(limebb-chat-item.mine) .icon-picture{order:2}:host(limebb-chat-item.theirs){margin-right:auto}:host(limebb-chat-item.theirs) .item{border-bottom-left-radius:0.125rem;background-color:rgb(var(--contrast-300), 0.7)}.item{display:flex;flex-direction:column;min-width:0;border-radius:1.25rem;padding:0 0.25rem 0.25rem 0.25rem;backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem)}.icon-picture{display:flex;flex-direction:column;gap:0.5rem;align-items:center;justify-content:flex-end}.icon-picture:has(.author-avatar) limel-icon{width:1.25rem;padding:0.125rem}.icon{--icon-background-color:rgb(var(--contrast-500), 0.5);flex-shrink:0;padding:0.375rem;width:2.25rem;backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem)}limel-ai-avatar.author-avatar{background-color:rgb(var(--color-glaucous-darker))}header{display:flex;justify-content:space-between;align-items:center;min-height:2rem;padding-left:0.5rem}header:not(:has(.unpromoted-actions-menu)){padding-right:0.5rem}.body-text{padding:0.25rem 0.5rem}footer{display:flex;justify-content:space-between;align-items:end;gap:0.5rem;font-size:x-small}footer:not(:empty){padding:0 0.25rem 0.125rem 0.5rem}footer *{transition:opacity 0.2s ease;opacity:0.4}.timestamp{margin-left:auto}.author-avatar{border-radius:50%;width:2rem;height:2rem;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--contrast-600))}.author{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;text-decoration:none}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-action-bar{--action-bar-item-height:1.75rem;transition:opacity 0.2s ease;justify-content:flex-start;opacity:0.8}.action-bar{display:grid;transition:grid-template-rows var(--limebb-promoted-action-bar-grid-template-rows-transition-speed, 0.2s) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-promoted-action-bar-grid-template-rows-transition-delay, 0s);grid-template-rows:var(--limebb-promoted-action-bar-grid-template-rows, 1fr)}.action-bar-hider{overflow:hidden}limel-action-bar{transition:padding var(--limebb-promoted-action-bar-grid-template-rows-transition-speed) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-promoted-action-bar-grid-template-rows-transition-delay);padding-top:0;padding-bottom:0.75rem}:host(limebb-chat-item:hover) .action-bar,:host(limebb-chat-item:focus-within) .action-bar,:host(limebb-chat-item:focus-visible) .action-bar{--limebb-promoted-action-bar-grid-template-rows:1fr;will-change:grid-template-rows}:host(limebb-chat-item:hover) limel-action-bar,:host(limebb-chat-item:focus-within) limel-action-bar,:host(limebb-chat-item:focus-visible) limel-action-bar{will-change:opacity;opacity:1}:host(limebb-chat-item:hover),:host(limebb-chat-item:focus-within){--limebb-promoted-action-bar-grid-template-rows-transition-speed:0.46s;--limebb-promoted-action-bar-grid-template-rows-transition-delay:0.7s}.action-bar{min-width:0;width:calc(100% - calc(2rem + 0.25rem))}:host(limebb-chat-item.theirs) .action-bar{margin-left:calc(2rem + 0.25rem)}:host(limebb-chat-item[has-error]:not([has-error=false])) .bubble-content{cursor:help}:host(limebb-chat-item[has-error]:not([has-error=false])) .item{border:1px solid rgb(var(--color-red-default))}:host(limebb-chat-item[has-error]:not([has-error=false])) .error-sign{color:rgb(var(--color-red-default));flex-shrink:0;width:1.25rem;align-self:center}:host(limebb-chat-item.mine[has-error]:not([has-error=false])) .action-bar{padding-left:1.25rem}:host(limebb-chat-item.mine[has-error]:not([has-error=false])) .helper-text{opacity:1;color:rgb(var(--color-red-default))}'}},[1,"limebb-chat-item",{platform:[16],context:[16],item:[16],helperText:[1,"helper-text"],hasError:[516,"has-error"]}]);function n(){"undefined"!=typeof customElements&&["limebb-chat-item"].forEach((t=>{"limebb-chat-item"===t&&(customElements.get(o(t))||customElements.define(o(t),s))}))}export{s as C,n as d}
+import{proxyCustomElement as e,HTMLElement as t,h as i,Host as r,transformTag as o}from"@stencil/core/internal/client";import{b as a}from"./index.esm.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.hasError=!1,this.createActionBarItem=e=>{var t,i;if("separator"in e)return e;let r={value:e,text:null!==(t=e.label)&&void 0!==t?t:"",secondaryText:e.description,disabled:e.disabled};return!e.label&&e.icon?r=Object.assign(Object.assign({},r),{icon:e.icon,text:null!==(i=e.description)&&void 0!==i?i:r.text,iconOnly:!0}):e.icon&&(r=Object.assign(Object.assign({},r),{icon:e.icon})),r},this.handleActionBarItemSelect=e=>{var t;e.stopPropagation();const i=null===(t=e.detail.value)||void 0===t?void 0:t.command;i&&this.commandbus.handle(i)},this.createMenuItem=e=>{var t,i;return"separator"in e?e:{value:e,text:null!==(t=e.label)&&void 0!==t?t:"",secondaryText:e.description,disabled:e.disabled,icon:null!==(i=e.icon)&&void 0!==i?i:""}},this.handleMenuItemSelect=e=>{var t;e.stopPropagation();const i=null===(t=e.detail.value)||void 0===t?void 0:t.command;i&&this.commandbus.handle(i)}}render(){const e=`helper-text-${this.item.id}`;return i(r,{key:"1e6c1cea485ef290ccaf883a7206e2db140a03de",id:this.item.id,"aria-describedby":this.helperText?e:void 0,"aria-live":this.hasError?"assertive":"off",class:{[`${this.item.ui}`]:!0}},i("div",{key:"9e726745a4e577fb56141693f94ad548a0dbb428",class:"bubble-content"},i("div",{key:"30b9d1b5d27f658f43d65f60a8dfeb7c752ece7c",class:"icon-picture"},this.renderIcon(),this.renderAuthorPicture()),this.renderErrorSign(),i("div",{key:"809b0064268e9ac537611a7244845d3622afd146",class:"item"},this.renderHeader(),this.renderValue(),i("footer",{key:"5f5a9bfd1abe7b82d0bc8b5e04a0033de196d97f"},this.renderHelperText(e),this.renderTimestamp()))),this.renderPromotedAction())}renderErrorSign(){if(this.hasError)return i("limel-icon",{class:"error-sign",name:"brake_warning"})}renderHeader(){var e;if(null===(e=this.item.author)||void 0===e?void 0:e.name)return i("header",null,this.renderAuthorName(),i("div",{class:"action-buttons"},this.renderUnpromotedActionsMenu()))}renderIcon(){var e,t,r,o;if(this.item.icon)return i("limel-icon",{class:"icon",badge:!0,name:null!==(t=null===(e=this.item.icon)||void 0===e?void 0:e.name)&&void 0!==t?t:"dot_circle",style:{color:`${null===(r=this.item.icon)||void 0===r?void 0:r.color}`,"background-color":`${null===(o=this.item.icon)||void 0===o?void 0:o.backgroundColor}`}})}renderHelperText(e){if(this.helperText)return i("span",{class:"helper-text",id:e},this.helperText)}renderValue(){if(this.item.value)return i("limel-markdown",{class:"body-text reset-img-height",value:this.item.value})}renderAuthorName(){var e,t;if("string"==typeof(null===(e=this.item.author)||void 0===e?void 0:e.name))return i("span",{class:"author"},this.item.author.name);if("object"==typeof(null===(t=this.item.author)||void 0===t?void 0:t.name)){const{href:e,title:t,text:r}=this.item.author.name;return i("a",{class:"author",href:e,title:t},r)}}renderAuthorPicture(){var e;if(null===(e=this.item.author)||void 0===e?void 0:e.picture)return"limel-ai-avatar"===this.item.author.picture?i("limel-ai-avatar",{class:"author-avatar"}):i("img",{class:"author-avatar",loading:"lazy",src:this.item.author.picture})}renderUnpromotedActionsMenu(){var e,t;if(!(null===(e=this.item.unpromotedActions)||void 0===e?void 0:e.length))return;const r=this.item.unpromotedActions.map(this.createMenuItem);return i("limel-menu",{class:"unpromoted-actions-menu",items:r,openDirection:"bottom-end",onSelect:this.handleMenuItemSelect},i("limel-icon-button",{icon:"menu_2",slot:"trigger",label:null===(t=this.translator)||void 0===t?void 0:t.get("webclient.more-actions")}))}renderPromotedAction(){if(!this.item.promotedActions)return;const e=this.item.promotedActions.map(this.createActionBarItem);return i("div",{class:"action-bar"},i("div",{class:"action-bar-hider"},i("limel-action-bar",{accessibleLabel:"Action bar",actions:e,layout:"fullWidth",onItemSelected:this.handleActionBarItemSelect})))}renderTimestamp(){const e=this.item.timestamp;if(e)return i("span",{class:"timestamp"},this.dateTimeFormatter.format(e,"timeofday"))}get dateTimeFormatter(){return this.platform.get(a.DateTimeFormatter)}get translator(){var e;return null===(e=this.platform)||void 0===e?void 0:e.get(a.Translate)}get commandbus(){var e;return null===(e=this.platform)||void 0===e?void 0:e.get(a.CommandBus)}static get style(){return'@charset "UTF-8";*{box-sizing:border-box}:host(limebb-chat-item){display:flex;flex-direction:column;gap:0.25rem;min-width:0;min-height:0;max-width:calc(100% - 2rem)}.bubble-content{display:flex;gap:0.25rem;min-width:0;min-height:0}:host(limebb-chat-item:hover) .helper-text,:host(limebb-chat-item:hover) .timestamp,:host(limebb-chat-item:focus-within) .helper-text,:host(limebb-chat-item:focus-within) .timestamp{opacity:1}:host(limebb-chat-item.mine){margin-left:auto}:host(limebb-chat-item.mine) .item{border-bottom-right-radius:0.125rem;background-color:rgb(var(--color-sky-default), 0.2)}:host(limebb-chat-item.mine) .bubble-content{justify-content:end}:host(limebb-chat-item.mine) .icon-picture{order:2}:host(limebb-chat-item.theirs){margin-right:auto}:host(limebb-chat-item.theirs) .item{border-bottom-left-radius:0.125rem;background-color:rgb(var(--contrast-300), 0.7)}.item{display:flex;flex-direction:column;min-width:0;border-radius:1.25rem;padding:0 0.25rem 0.25rem 0.25rem;backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem)}.icon-picture{display:flex;flex-direction:column;gap:0.5rem;align-items:center;justify-content:flex-end}.icon-picture:has(.author-avatar) limel-icon{width:1.25rem;padding:0.125rem}.icon{--icon-background-color:rgb(var(--contrast-500), 0.5);flex-shrink:0;padding:0.375rem;width:2.25rem;backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem)}limel-ai-avatar.author-avatar{background-color:rgb(var(--color-glaucous-darker))}header{display:flex;justify-content:space-between;align-items:center;min-height:2rem;padding-left:0.5rem}header:not(:has(.unpromoted-actions-menu)){padding-right:0.5rem}.body-text{padding:0.25rem 0.5rem}footer{display:flex;justify-content:space-between;align-items:end;gap:0.5rem;font-size:x-small}footer:not(:empty){padding:0 0.25rem 0.125rem 0.5rem}footer *{transition:opacity 0.2s ease;opacity:0.4}.timestamp{margin-left:auto}.author-avatar{border-radius:50%;width:2rem;height:2rem;object-fit:cover;box-shadow:0 0 0 1px rgb(var(--contrast-600))}.author{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;text-decoration:none}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-action-bar{--action-bar-item-height:1.75rem;transition:opacity 0.2s ease;justify-content:flex-start;opacity:0.8}.action-bar{display:grid;transition:grid-template-rows var(--limebb-promoted-action-bar-grid-template-rows-transition-speed, 0.2s) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-promoted-action-bar-grid-template-rows-transition-delay, 0s);grid-template-rows:var(--limebb-promoted-action-bar-grid-template-rows, 1fr)}.action-bar-hider{overflow:hidden}limel-action-bar{transition:padding var(--limebb-promoted-action-bar-grid-template-rows-transition-speed) cubic-bezier(1, 0.09, 0, 0.89) var(--limebb-promoted-action-bar-grid-template-rows-transition-delay);padding-top:0;padding-bottom:0.75rem}:host(limebb-chat-item:hover) .action-bar,:host(limebb-chat-item:focus-within) .action-bar,:host(limebb-chat-item:focus-visible) .action-bar{--limebb-promoted-action-bar-grid-template-rows:1fr;will-change:grid-template-rows}:host(limebb-chat-item:hover) limel-action-bar,:host(limebb-chat-item:focus-within) limel-action-bar,:host(limebb-chat-item:focus-visible) limel-action-bar{will-change:opacity;opacity:1}:host(limebb-chat-item:hover),:host(limebb-chat-item:focus-within){--limebb-promoted-action-bar-grid-template-rows-transition-speed:0.46s;--limebb-promoted-action-bar-grid-template-rows-transition-delay:0.7s}.action-bar{min-width:0;width:calc(100% - calc(2rem + 0.25rem))}:host(limebb-chat-item.theirs) .action-bar{margin-left:calc(2rem + 0.25rem)}:host(limebb-chat-item[has-error]:not([has-error=false])) .bubble-content{cursor:help}:host(limebb-chat-item[has-error]:not([has-error=false])) .item{border:1px solid rgb(var(--color-red-default))}:host(limebb-chat-item[has-error]:not([has-error=false])) .error-sign{color:rgb(var(--color-red-default));flex-shrink:0;width:1.25rem;align-self:center}:host(limebb-chat-item.mine[has-error]:not([has-error=false])) .action-bar{padding-left:1.25rem}:host(limebb-chat-item.mine[has-error]:not([has-error=false])) .helper-text{opacity:1;color:rgb(var(--color-red-default))}'}},[1,"limebb-chat-item",{platform:[16],context:[16],item:[16],helperText:[1,"helper-text"],hasError:[516,"has-error"]}]);function n(){"undefined"!=typeof customElements&&["limebb-chat-item"].forEach((e=>{"limebb-chat-item"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))}export{s as C,n as d}