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

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

@@ -10,6 +10,7 @@ import { PlatformServiceName, } from "@limetech/lime-web-components";
  * @exampleComponent limebb-example-rule-gate
  *
  * @alpha
+ * @private
  */
 export class RuleGate {
     constructor() {
@@ -25,13 +26,17 @@ export class RuleGate {
         this.compileAndEvaluate();
     }
     render() {
-        return (h(Host, { key: 'f421ff8fa1e6955c618e74e6bfdfd4c34e2352fc', hidden: !this.shouldRender }, h("slot", { key: 'f1372eda9eebdba7157e7f80d2eebbdb107e9cee' })));
+        return (h(Host, { key: 'b3663501f4878923c36018812e60bfad702c1173', hidden: !this.shouldRender }, h("slot", { key: '1d3193332f682bd6ccb0f0ecc065b8c757f504eb' })));
     }
     get ruleRegistry() {
         return this.platform.get(PlatformServiceName.RuleRegistry);
     }
     compileAndEvaluate() {
         var _a;
+        if (!this.rule) {
+            this.shouldRender = true;
+            return;
+        }
         const compiled = this.ruleRegistry.compile(this.rule);
         const scope = (_a = this.scope) !== null && _a !== void 0 ? _a : this.ruleRegistry.scope({ host: this.host });
         this.shouldRender = compiled(scope);
@@ -78,8 +83,8 @@ export class RuleGate {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "Rule",
-                    "resolved": "RuleAll | RuleAny | RuleNot | RuleRef",
+                    "original": "Rule | undefined",
+                    "resolved": "RuleAll | RuleAny | RuleNot | RuleRef | undefined",
                     "references": {
                         "Rule": {
                             "location": "import",
@@ -93,7 +98,7 @@ export class RuleGate {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "The rule to evaluate."
+                    "text": "The rule to evaluate. When unset, the gate renders its slot\nunconditionally \u2014 \"no rule\" means \"no gating\", which mirrors\nthe editor's `Rule | undefined` emit contract."
                 },
                 "getter": false,
                 "setter": false

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: 'e4c9b983fcb6653614a4e32fb2e4645d4cad0051', style: {
+        return (h("limel-popover", { key: '901e726d37719331f2b30df6e35f2375951c161f', style: {
                 '--limebb-summary-popover-timeout': `${this.triggerDelay}ms`,
-            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: '9d5508336d005dd37eb481895172c20603a1372c', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, h("slot", { key: '387149baa61ff006740ed57685eb06ed00817420', name: "trigger" }), h("div", { key: 'f20353d74f8c92eb02f74489826ff6d25629f7db', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
+            }, open: this.isPopoverOpen, onClose: this.onPopoverClose, openDirection: this.openDirection }, h("div", { key: 'a9a73b0a0f16cf12aaa6fa3434071c56a26a1038', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, h("slot", { key: '594bcc9e419e33ef97fd6ca863cf44a67617fa48', name: "trigger" }), h("div", { key: 'a6f548eeb737f4392e2c938682a1c9a509523658', class: "opening-countdown-indicator" })), this.renderCard(closeButtonStyle)));
     }
     renderCard(closeButtonStyle) {
         return (h("limel-card", { style: {

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

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

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

@@ -391,7 +391,7 @@ export class LimeBBTextEditor {
     }
     render() {
         return [
-            h("limel-text-editor", { key: '9cd16fcb065db254b472f33f31d5b28abf2ca760', 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: '38d692ec58c569a0429caddf7ecfe418e21ac14b', 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: '2c5e17d3dd6943e115333b8aab556ea314838b00', class: this.getContainerClassList() }, h("limel-notched-outline", { key: 'f82fd1a34a820b0af0484fcdf88e227266d953eb', 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: '48204be0579a640efbee6d55c127c26a97feda9d', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
+        return (h(Host, { key: 'fd3bce29b7cd49a4642904fa630616b10e7d55b8', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '3502f060569abb0e12c5b6bca84fdf9b190e840f', 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: '4f007fec33a71fe2205c1fbb861b45b8d41f440e', slot: "content", tabIndex: 0 }, this.renderVisualization())), this.renderHelperLine(), this.renderTooltip()));
     }
     renderVisualization() {
         if (this.reducePresence && (this.numValue === 0 || !this.hasValue())) {

package/dist/collection/index.js

@@ -1,4 +1,5 @@
 export * from './components';
 export * from './interface';
 export * from './factories';
+export * from './util/color-palettes';
 import "@lundalogik/lime-icons8";

package/dist/collection/util/color-palettes.js

@@ -0,0 +1,329 @@
+/**
+ * A small registry of curated color palettes that can be reused
+ * wherever Lime CRM needs to assign distinct colors to a list of
+ * items — tag swatches, kanban swimlanes, multi-series visuals,
+ * legend entries, chart buckets, and so on. Palettes are stored as
+ * plain CSS color strings so consumers can hand them straight to a
+ * component prop or to inline `style` without further conversion.
+ *
+ * The default palettes lean on the Lime Extended color palette via
+ * `rgb(var(--color-…))` so they pick up dark / light mode
+ * automatically. The color-blind-friendly palette uses Wong (2011)
+ * hex values verbatim — those are tuned for distinguishability and
+ * substituting Lime's nearest neighbours would defeat the purpose.
+ *
+ * :::important
+ * **Append-only:** consumers assign colors by index (often modulo
+ * the palette length), so to keep already-saved configurations
+ * stable across releases, never reorder or replace existing colors
+ * in a palette — only append new ones at the end.
+ * :::
+ */
+/**
+ * Built-in palettes. Order matters — pickers should render them in
+ * this order, with the first entry being the most generally useful
+ * default.
+ *
+ * @beta
+ */
+export const COLOR_PALETTES = [
+    {
+        id: 'lime-ui',
+        title: 'Lime UI',
+        description: 'Vibrant, well-balanced colors drawn from the Lime UI palette. A safe default.',
+        colors: [
+            'rgb(var(--color-blue-default))',
+            'rgb(var(--color-orange-default))',
+            'rgb(var(--color-teal-default))',
+            'rgb(var(--color-purple-default))',
+            'rgb(var(--color-amber-default))',
+            'rgb(var(--color-sky-default))',
+            'rgb(var(--color-pink-default))',
+            'rgb(var(--color-lime-default))',
+            'rgb(var(--color-green-default))',
+            'rgb(var(--color-magenta-default))',
+        ],
+    },
+    {
+        id: 'soft-pastels',
+        title: 'Soft pastels',
+        description: 'Light, easy-on-the-eyes shades. Good for dense visuals where the colors should not dominate.',
+        colors: [
+            'rgb(var(--color-blue-light))',
+            'rgb(var(--color-orange-light))',
+            'rgb(var(--color-teal-light))',
+            'rgb(var(--color-purple-light))',
+            'rgb(var(--color-amber-light))',
+            'rgb(var(--color-pink-light))',
+            'rgb(var(--color-lime-light))',
+            'rgb(var(--color-gray-light))',
+            'rgb(var(--color-sky-light))',
+            'rgb(var(--color-green-light))',
+        ],
+    },
+    {
+        id: 'earth-tones',
+        title: 'Earth tones',
+        description: 'Warm, organic shades. Reads calmly without grabbing attention; pairs well with neutral surfaces.',
+        colors: [
+            'rgb(var(--color-brown-default))',
+            'rgb(var(--color-orange-dark))',
+            'rgb(var(--color-amber-default))',
+            'rgb(var(--color-coral-dark))',
+            'rgb(var(--color-lime-dark))',
+            'rgb(var(--color-glaucous-default))',
+            'rgb(var(--color-yellow-dark))',
+            'rgb(var(--color-gray-dark))',
+            'rgb(var(--color-red-dark))',
+            'rgb(var(--color-green-dark))',
+        ],
+    },
+    {
+        id: 'cool-blues',
+        title: 'Cool blues',
+        description: 'Single-hue gradient from light to deep blue. Good for sequential or ordered values — magnitude, ranks, intensity.',
+        colors: [
+            'rgb(var(--color-sky-lighter))',
+            'rgb(var(--color-blue-lighter))',
+            'rgb(var(--color-sky-light))',
+            'rgb(var(--color-blue-light))',
+            'rgb(var(--color-blue-default))',
+            'rgb(var(--color-blue-dark))',
+            'rgb(var(--color-indigo-default))',
+            'rgb(var(--color-indigo-dark))',
+            'rgb(var(--color-blue-darker))',
+            'rgb(var(--color-indigo-darker))',
+        ],
+    },
+    {
+        id: 'sunset',
+        title: 'Sunset',
+        description: 'Warm gradient from yellow through orange to deep pink. Good for intensity or urgency.',
+        colors: [
+            'rgb(var(--color-yellow-light))',
+            'rgb(var(--color-amber-light))',
+            'rgb(var(--color-amber-default))',
+            'rgb(var(--color-orange-default))',
+            'rgb(var(--color-coral-default))',
+            'rgb(var(--color-coral-dark))',
+            'rgb(var(--color-pink-default))',
+            'rgb(var(--color-pink-dark))',
+            'rgb(var(--color-magenta-dark))',
+            'rgb(var(--color-purple-darker))',
+        ],
+    },
+    {
+        id: 'ocean',
+        title: 'Ocean',
+        description: 'Cool gradient from pale cyan through teal to deep navy. Good for sequential values where warmth would feel out of place.',
+        colors: [
+            'rgb(var(--color-cyan-lighter))',
+            'rgb(var(--color-cyan-light))',
+            'rgb(var(--color-cyan-default))',
+            'rgb(var(--color-teal-light))',
+            'rgb(var(--color-teal-default))',
+            'rgb(var(--color-teal-dark))',
+            'rgb(var(--color-blue-default))',
+            'rgb(var(--color-blue-dark))',
+            'rgb(var(--color-indigo-darker))',
+            'rgb(var(--color-blue-darker))',
+        ],
+    },
+    {
+        id: 'jewel-tones',
+        title: 'Jewel tones',
+        description: 'Rich, saturated colors with a slight retro feel. Good when you want each item to feel substantial and distinctive.',
+        colors: [
+            'rgb(var(--color-violet-dark))',
+            'rgb(var(--color-magenta-dark))',
+            'rgb(var(--color-teal-dark))',
+            'rgb(var(--color-amber-dark))',
+            'rgb(var(--color-red-dark))',
+            'rgb(var(--color-indigo-dark))',
+            'rgb(var(--color-purple-dark))',
+            'rgb(var(--color-pink-dark))',
+            'rgb(var(--color-blue-darker))',
+            'rgb(var(--color-green-dark))',
+        ],
+    },
+    {
+        id: 'forest',
+        title: 'Forest',
+        description: 'Greens, mosses and woods. Calm and natural; good when colors should feel grounded rather than corporate.',
+        colors: [
+            'rgb(var(--color-green-default))',
+            'rgb(var(--color-lime-default))',
+            'rgb(var(--color-teal-default))',
+            'rgb(var(--color-brown-default))',
+            'rgb(var(--color-amber-default))',
+            'rgb(var(--color-glaucous-default))',
+            'rgb(var(--color-gray-default))',
+            'rgb(var(--color-green-dark))',
+            'rgb(var(--color-lime-dark))',
+            'rgb(var(--color-yellow-dark))',
+        ],
+    },
+    {
+        id: 'status',
+        title: 'Status',
+        description: 'Green-yellow-red traffic-light gradient. Good for risk, severity, or health.',
+        colors: [
+            'rgb(var(--color-green-default))',
+            'rgb(var(--color-lime-default))',
+            'rgb(var(--color-grass-default))',
+            'rgb(var(--color-yellow-default))',
+            'rgb(var(--color-amber-default))',
+            'rgb(var(--color-orange-default))',
+            'rgb(var(--color-coral-default))',
+            'rgb(var(--color-red-default))',
+            'rgb(var(--color-red-dark))',
+            'rgb(var(--color-red-darker))',
+        ],
+    },
+    {
+        id: 'colorblind-friendly',
+        title: 'Color-blind friendly',
+        description: 'Distinguishable for the most common forms of color-vision deficiency. Based on Wong (2011) and used verbatim — no dark-mode shifting.',
+        colors: [
+            '#0072B2', // blue
+            '#E69F00', // orange
+            '#009E73', // bluish green
+            '#CC79A7', // reddish purple
+            '#56B4E9', // sky blue
+            '#D55E00', // vermillion
+            '#F0E442', // yellow
+            '#000000', // black
+            '#117733', // dark green (Tol)
+            '#999999', // medium gray
+        ],
+    },
+    {
+        id: 'candy-shop',
+        title: 'Candy shop',
+        description: 'Bright, playful colors with a sweet-tooth feel. Good for friendly or informal contexts where the chart should look approachable rather than corporate.',
+        colors: [
+            'rgb(var(--color-pink-light))',
+            'rgb(var(--color-yellow-light))',
+            'rgb(var(--color-sky-light))',
+            'rgb(var(--color-lime-light))',
+            'rgb(var(--color-coral-light))',
+            'rgb(var(--color-purple-light))',
+            'rgb(var(--color-amber-light))',
+            'rgb(var(--color-magenta-light))',
+            'rgb(var(--color-cyan-light))',
+            'rgb(var(--color-orange-light))',
+        ],
+    },
+    {
+        id: 'berry-bowl',
+        title: 'Berry bowl',
+        description: 'Deep, saturated berries — raspberry, blackcurrant, plum. Reads bold without feeling neon; pairs well with light surfaces.',
+        colors: [
+            'rgb(var(--color-magenta-dark))',
+            'rgb(var(--color-purple-dark))',
+            'rgb(var(--color-pink-dark))',
+            'rgb(var(--color-red-dark))',
+            'rgb(var(--color-violet-dark))',
+            'rgb(var(--color-indigo-dark))',
+            'rgb(var(--color-coral-dark))',
+            'rgb(var(--color-amber-dark))',
+            'rgb(var(--color-magenta-darker))',
+            'rgb(var(--color-purple-darker))',
+        ],
+    },
+    {
+        id: 'tropical',
+        title: 'Tropical',
+        description: 'Reef-and-palm warmth — corals, teals, limes and ambers in equal measure. Lively without being loud.',
+        colors: [
+            'rgb(var(--color-coral-default))',
+            'rgb(var(--color-teal-default))',
+            'rgb(var(--color-amber-default))',
+            'rgb(var(--color-cyan-default))',
+            'rgb(var(--color-lime-default))',
+            'rgb(var(--color-pink-default))',
+            'rgb(var(--color-orange-default))',
+            'rgb(var(--color-sky-default))',
+            'rgb(var(--color-yellow-default))',
+            'rgb(var(--color-magenta-default))',
+        ],
+    },
+    {
+        id: 'slate',
+        title: 'Slate',
+        description: 'Soft neutrals — grays, glaucous and warm browns. Calm and unobtrusive; good when one or two highlight series should stand out via accent colors.',
+        colors: [
+            'rgb(var(--color-glaucous-default))',
+            'rgb(var(--color-brown-default))',
+            'rgb(var(--color-gray-default))',
+            'rgb(var(--color-glaucous-light))',
+            'rgb(var(--color-brown-light))',
+            'rgb(var(--color-gray-light))',
+            'rgb(var(--color-glaucous-dark))',
+            'rgb(var(--color-brown-dark))',
+            'rgb(var(--color-gray-dark))',
+            'rgb(var(--color-glaucous-darker))',
+        ],
+    },
+    {
+        id: 'sage',
+        title: 'Sage',
+        description: 'Muted greens, teals and herbs. Reads quiet and natural; good for long-running dashboards where the data should breathe.',
+        colors: [
+            'rgb(var(--color-green-light))',
+            'rgb(var(--color-teal-light))',
+            'rgb(var(--color-lime-light))',
+            'rgb(var(--color-grass-light))',
+            'rgb(var(--color-glaucous-light))',
+            'rgb(var(--color-cyan-light))',
+            'rgb(var(--color-green-lighter))',
+            'rgb(var(--color-teal-lighter))',
+            'rgb(var(--color-lime-lighter))',
+            'rgb(var(--color-grass-lighter))',
+        ],
+    },
+    {
+        id: 'dusty-rose',
+        title: 'Dusty rose',
+        description: 'Faded pinks, mauves and warm sands — like dried flowers. Soft and friendly without feeling sugary.',
+        colors: [
+            'rgb(var(--color-pink-lighter))',
+            'rgb(var(--color-coral-lighter))',
+            'rgb(var(--color-amber-lighter))',
+            'rgb(var(--color-violet-lighter))',
+            'rgb(var(--color-magenta-lighter))',
+            'rgb(var(--color-purple-lighter))',
+            'rgb(var(--color-pink-light))',
+            'rgb(var(--color-coral-light))',
+            'rgb(var(--color-violet-light))',
+            'rgb(var(--color-brown-light))',
+        ],
+    },
+    {
+        id: 'morning-mist',
+        title: 'Morning mist',
+        description: 'Pale cool tones — sky, fog and frost. Good when the chart should feel airy and recede behind labels or annotations.',
+        colors: [
+            'rgb(var(--color-sky-lighter))',
+            'rgb(var(--color-blue-lighter))',
+            'rgb(var(--color-cyan-lighter))',
+            'rgb(var(--color-teal-lighter))',
+            'rgb(var(--color-violet-lighter))',
+            'rgb(var(--color-indigo-lighter))',
+            'rgb(var(--color-glaucous-light))',
+            'rgb(var(--color-gray-lighter))',
+            'rgb(var(--color-purple-lighter))',
+            'rgb(var(--color-green-lighter))',
+        ],
+    },
+];
+/**
+ * Look up a palette by id. Returns `undefined` when the id is
+ * unknown; callers typically fall back to `COLOR_PALETTES[0]`.
+ * @param id - the palette's stable id (see {@link ColorPalette.id}).
+ *
+ * @beta
+ */
+export function getColorPalette(id) {
+    return COLOR_PALETTES.find((palette) => palette.id === id);
+}

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

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,h as n,Host as t,transformTag as o}from"@stencil/core/internal/client";const r=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(t,{key:"7e7416bbf2247bd66a852601549603cf3e0b664e",id:this.item.id},this.renderLabel(),n("div",{key:"2033ea8f3da923b872fe60cf5e8d4d33e854999f",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 t=`icon-${this.item.id}-${i}`;return[n("limel-icon",{tabIndex:0,key:i,id:t,badge:!0,name:e.name,class:{"is-pending":!!e.pending},style:{color:e.color,"background-color":e.backgroundColor}}),this.renderTooltip(e,t)]}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: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(o(e))||customElements.define(o(e),r))}))}export{r as C,s as d}
+import{proxyCustomElement as e,HTMLElement as i,h as n,Host as t,transformTag as o}from"@stencil/core/internal/client";const r=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return n(t,{key:"efe87c0a35ebc87ae04a61422d3b7410189c8f7e",id:this.item.id},this.renderLabel(),n("div",{key:"d0bdaf7023492f926f96449a0d5bc49aa800ecac",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 t=`icon-${this.item.id}-${i}`;return[n("limel-icon",{tabIndex:0,key:i,id:t,badge:!0,name:e.name,class:{"is-pending":!!e.pending},style:{color:e.color,"background-color":e.backgroundColor}}),this.renderTooltip(e,t)]}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: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(o(e))||customElements.define(o(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{n 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:"46525ac6490b13214d6e263501a78d6883ede5ae",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:"eb4df3d91478360373cc1ceb1c821b1bd07c7002",class:"bubble-content"},i("div",{key:"8a3b52a72d2563bf1949b35facc113d1d15e412e",class:"icon-picture"},this.renderIcon(),this.renderAuthorPicture()),this.renderErrorSign(),i("div",{key:"8d121e54e819079243f1d23b455b7029cf826f6c",class:"item"},this.renderHeader(),this.renderValue(),i("footer",{key:"701b37aa33aaf873c271c1c8b9652c4b114b2655"},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 t,HTMLElement as e,h as i,Host as r,transformTag as o}from"@stencil/core/internal/client";import{n 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:"971b486298a8f88790178592c174561bdc3b7b13",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:"b5cde4080a9c6e4d30d89b8d9a323e41d913d00b",class:"bubble-content"},i("div",{key:"1d674bfb86bd0356bbbb1244848f7f9fe2f04916",class:"icon-picture"},this.renderIcon(),this.renderAuthorPicture()),this.renderErrorSign(),i("div",{key:"b4c34568322082230de44312c42b98d86b5a28fc",class:"item"},this.renderHeader(),this.renderValue(),i("footer",{key:"b9a5026726ac13dfe01e02263ace3817c3d71ad4"},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}

package/dist/components/color-palettes.js

@@ -0,0 +1 @@
+const r=[{id:"lime-ui",title:"Lime UI",description:"Vibrant, well-balanced colors drawn from the Lime UI palette. A safe default.",colors:["rgb(var(--color-blue-default))","rgb(var(--color-orange-default))","rgb(var(--color-teal-default))","rgb(var(--color-purple-default))","rgb(var(--color-amber-default))","rgb(var(--color-sky-default))","rgb(var(--color-pink-default))","rgb(var(--color-lime-default))","rgb(var(--color-green-default))","rgb(var(--color-magenta-default))"]},{id:"soft-pastels",title:"Soft pastels",description:"Light, easy-on-the-eyes shades. Good for dense visuals where the colors should not dominate.",colors:["rgb(var(--color-blue-light))","rgb(var(--color-orange-light))","rgb(var(--color-teal-light))","rgb(var(--color-purple-light))","rgb(var(--color-amber-light))","rgb(var(--color-pink-light))","rgb(var(--color-lime-light))","rgb(var(--color-gray-light))","rgb(var(--color-sky-light))","rgb(var(--color-green-light))"]},{id:"earth-tones",title:"Earth tones",description:"Warm, organic shades. Reads calmly without grabbing attention; pairs well with neutral surfaces.",colors:["rgb(var(--color-brown-default))","rgb(var(--color-orange-dark))","rgb(var(--color-amber-default))","rgb(var(--color-coral-dark))","rgb(var(--color-lime-dark))","rgb(var(--color-glaucous-default))","rgb(var(--color-yellow-dark))","rgb(var(--color-gray-dark))","rgb(var(--color-red-dark))","rgb(var(--color-green-dark))"]},{id:"cool-blues",title:"Cool blues",description:"Single-hue gradient from light to deep blue. Good for sequential or ordered values — magnitude, ranks, intensity.",colors:["rgb(var(--color-sky-lighter))","rgb(var(--color-blue-lighter))","rgb(var(--color-sky-light))","rgb(var(--color-blue-light))","rgb(var(--color-blue-default))","rgb(var(--color-blue-dark))","rgb(var(--color-indigo-default))","rgb(var(--color-indigo-dark))","rgb(var(--color-blue-darker))","rgb(var(--color-indigo-darker))"]},{id:"sunset",title:"Sunset",description:"Warm gradient from yellow through orange to deep pink. Good for intensity or urgency.",colors:["rgb(var(--color-yellow-light))","rgb(var(--color-amber-light))","rgb(var(--color-amber-default))","rgb(var(--color-orange-default))","rgb(var(--color-coral-default))","rgb(var(--color-coral-dark))","rgb(var(--color-pink-default))","rgb(var(--color-pink-dark))","rgb(var(--color-magenta-dark))","rgb(var(--color-purple-darker))"]},{id:"ocean",title:"Ocean",description:"Cool gradient from pale cyan through teal to deep navy. Good for sequential values where warmth would feel out of place.",colors:["rgb(var(--color-cyan-lighter))","rgb(var(--color-cyan-light))","rgb(var(--color-cyan-default))","rgb(var(--color-teal-light))","rgb(var(--color-teal-default))","rgb(var(--color-teal-dark))","rgb(var(--color-blue-default))","rgb(var(--color-blue-dark))","rgb(var(--color-indigo-darker))","rgb(var(--color-blue-darker))"]},{id:"jewel-tones",title:"Jewel tones",description:"Rich, saturated colors with a slight retro feel. Good when you want each item to feel substantial and distinctive.",colors:["rgb(var(--color-violet-dark))","rgb(var(--color-magenta-dark))","rgb(var(--color-teal-dark))","rgb(var(--color-amber-dark))","rgb(var(--color-red-dark))","rgb(var(--color-indigo-dark))","rgb(var(--color-purple-dark))","rgb(var(--color-pink-dark))","rgb(var(--color-blue-darker))","rgb(var(--color-green-dark))"]},{id:"forest",title:"Forest",description:"Greens, mosses and woods. Calm and natural; good when colors should feel grounded rather than corporate.",colors:["rgb(var(--color-green-default))","rgb(var(--color-lime-default))","rgb(var(--color-teal-default))","rgb(var(--color-brown-default))","rgb(var(--color-amber-default))","rgb(var(--color-glaucous-default))","rgb(var(--color-gray-default))","rgb(var(--color-green-dark))","rgb(var(--color-lime-dark))","rgb(var(--color-yellow-dark))"]},{id:"status",title:"Status",description:"Green-yellow-red traffic-light gradient. Good for risk, severity, or health.",colors:["rgb(var(--color-green-default))","rgb(var(--color-lime-default))","rgb(var(--color-grass-default))","rgb(var(--color-yellow-default))","rgb(var(--color-amber-default))","rgb(var(--color-orange-default))","rgb(var(--color-coral-default))","rgb(var(--color-red-default))","rgb(var(--color-red-dark))","rgb(var(--color-red-darker))"]},{id:"colorblind-friendly",title:"Color-blind friendly",description:"Distinguishable for the most common forms of color-vision deficiency. Based on Wong (2011) and used verbatim — no dark-mode shifting.",colors:["#0072B2","#E69F00","#009E73","#CC79A7","#56B4E9","#D55E00","#F0E442","#000000","#117733","#999999"]},{id:"candy-shop",title:"Candy shop",description:"Bright, playful colors with a sweet-tooth feel. Good for friendly or informal contexts where the chart should look approachable rather than corporate.",colors:["rgb(var(--color-pink-light))","rgb(var(--color-yellow-light))","rgb(var(--color-sky-light))","rgb(var(--color-lime-light))","rgb(var(--color-coral-light))","rgb(var(--color-purple-light))","rgb(var(--color-amber-light))","rgb(var(--color-magenta-light))","rgb(var(--color-cyan-light))","rgb(var(--color-orange-light))"]},{id:"berry-bowl",title:"Berry bowl",description:"Deep, saturated berries — raspberry, blackcurrant, plum. Reads bold without feeling neon; pairs well with light surfaces.",colors:["rgb(var(--color-magenta-dark))","rgb(var(--color-purple-dark))","rgb(var(--color-pink-dark))","rgb(var(--color-red-dark))","rgb(var(--color-violet-dark))","rgb(var(--color-indigo-dark))","rgb(var(--color-coral-dark))","rgb(var(--color-amber-dark))","rgb(var(--color-magenta-darker))","rgb(var(--color-purple-darker))"]},{id:"tropical",title:"Tropical",description:"Reef-and-palm warmth — corals, teals, limes and ambers in equal measure. Lively without being loud.",colors:["rgb(var(--color-coral-default))","rgb(var(--color-teal-default))","rgb(var(--color-amber-default))","rgb(var(--color-cyan-default))","rgb(var(--color-lime-default))","rgb(var(--color-pink-default))","rgb(var(--color-orange-default))","rgb(var(--color-sky-default))","rgb(var(--color-yellow-default))","rgb(var(--color-magenta-default))"]},{id:"slate",title:"Slate",description:"Soft neutrals — grays, glaucous and warm browns. Calm and unobtrusive; good when one or two highlight series should stand out via accent colors.",colors:["rgb(var(--color-glaucous-default))","rgb(var(--color-brown-default))","rgb(var(--color-gray-default))","rgb(var(--color-glaucous-light))","rgb(var(--color-brown-light))","rgb(var(--color-gray-light))","rgb(var(--color-glaucous-dark))","rgb(var(--color-brown-dark))","rgb(var(--color-gray-dark))","rgb(var(--color-glaucous-darker))"]},{id:"sage",title:"Sage",description:"Muted greens, teals and herbs. Reads quiet and natural; good for long-running dashboards where the data should breathe.",colors:["rgb(var(--color-green-light))","rgb(var(--color-teal-light))","rgb(var(--color-lime-light))","rgb(var(--color-grass-light))","rgb(var(--color-glaucous-light))","rgb(var(--color-cyan-light))","rgb(var(--color-green-lighter))","rgb(var(--color-teal-lighter))","rgb(var(--color-lime-lighter))","rgb(var(--color-grass-lighter))"]},{id:"dusty-rose",title:"Dusty rose",description:"Faded pinks, mauves and warm sands — like dried flowers. Soft and friendly without feeling sugary.",colors:["rgb(var(--color-pink-lighter))","rgb(var(--color-coral-lighter))","rgb(var(--color-amber-lighter))","rgb(var(--color-violet-lighter))","rgb(var(--color-magenta-lighter))","rgb(var(--color-purple-lighter))","rgb(var(--color-pink-light))","rgb(var(--color-coral-light))","rgb(var(--color-violet-light))","rgb(var(--color-brown-light))"]},{id:"morning-mist",title:"Morning mist",description:"Pale cool tones — sky, fog and frost. Good when the chart should feel airy and recede behind labels or annotations.",colors:["rgb(var(--color-sky-lighter))","rgb(var(--color-blue-lighter))","rgb(var(--color-cyan-lighter))","rgb(var(--color-teal-lighter))","rgb(var(--color-violet-lighter))","rgb(var(--color-indigo-lighter))","rgb(var(--color-glaucous-light))","rgb(var(--color-gray-lighter))","rgb(var(--color-purple-lighter))","rgb(var(--color-green-lighter))"]}];function o(o){return r.find((r=>r.id===o))}export{r as C,o as g}