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

package/dist/collection/components/lime-query-builder/order-by/order-by-item.js

@@ -38,9 +38,9 @@ export class OrderByItemComponent {
     render() {
         const propertyPath = Object.keys(this.item)[0] || '';
         const direction = this.item[propertyPath] || 'ASC';
-        return (h(Host, { key: 'aa4d8e8a6a54b1dcadf70c8ad6e17663a9ecec3b' }, h("limebb-property-selector", { key: 'fcb0ec785a67ac2ddee8da58e72ddd74467dcf9a', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: 'cbf631dca767f8711de1e081fa421126631270c2', class: "control-buttons" }, h("limel-icon-button", { key: '2366bb07e39a77e70f38e32aab606807fa341633', icon: direction === 'ASC'
+        return (h(Host, { key: '65d267326b90a52f00131fc640af13d205818b36' }, h("limebb-property-selector", { key: '2e03bec16c590ffe5d2da30ed702dd6f1296eeb7', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: propertyPath, required: true, onChange: this.handlePathChange }), h("div", { key: '5630fddcc84cf424f5d129c965d6da0de50dd0cc', class: "control-buttons" }, h("limel-icon-button", { key: 'acc6c1c1b811c4a502938e7a8fa9580f3d494a7d', icon: direction === 'ASC'
                 ? 'sort_ascending'
-                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: 'b30da75bc8dc89e8f3d393181128171e337cd354', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
+                : 'sort_descending', label: direction === 'ASC' ? 'Ascending' : 'Descending', onClick: this.handleToggleDirection }), h("limel-icon-button", { key: '3906782122922a17318c425856eb721aad34d899', icon: "trash", label: "Remove", onClick: this.handleRemove }))));
     }
     static get is() { return "limebb-lime-query-order-by-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/lime-query-builder/response-format/response-format-item.js

@@ -66,7 +66,7 @@ export class ResponseFormatItem {
     }
     render() {
         return [
-            h("div", { key: '7f5cba0456d7cf8a6fe8b9ab2769ac2073694c5d', class: "property-controls" }, h("div", { key: 'e4d1deb9133ef4b1d0d14e8c70901f347a803567', class: "property-path" }, h("limebb-property-selector", { key: '709847093e0c35e6197a405c894479bcb8b2ff06', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: '49eb63067967233552ca377438bf7853b42edc2d', class: "input-grid" }, this.renderAliasInput()), h("div", { key: '3bf00dcf8dcd8e701aa819f6957d5e490cbb6548', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: 'c77f7d771098b394ea0c80252fe3894d05b0d015', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: '6f53a60d973649ea00157eff200fa91fa9258425', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
+            h("div", { key: 'bc504de456d1ddaa6662ac94363eff280eb1ce6f', class: "property-controls" }, h("div", { key: '712a737353745444b9a5ff952e92e9e26febe599', class: "property-path" }, h("limebb-property-selector", { key: 'bc43624bf5116deb09b42b0df68f96fce26b3d07', platform: this.platform, context: this.context, limetype: this.limetype, label: "Property", value: this.item.path, required: true, onChange: this.handlePathChange }), h("div", { key: 'd0f1380dc4302b1d8dfbb38920148956110f31b1', class: "input-grid" }, this.renderAliasInput()), h("div", { key: '8c6afaeacfacc249b454ea78b8dfa6b31e55af27', class: "input-grid" }, this.renderDescriptionInput()), h("div", { key: '78f980ef95557713c0615ba8f4600bbb9a223d83', class: "button-group" }, this.renderAliasButton(), this.renderDescriptionButton())), h("limel-icon-button", { key: 'bc1e687decd286b53e6c6a7ae6ce4216eaf300e0', icon: "trash", label: "Remove property", onClick: this.handleRemove })),
         ];
     }
     renderAliasButton() {

package/dist/collection/components/limeobject/file-viewer/live-docs-info.js

@@ -5,8 +5,8 @@ import { h } from "@stencil/core";
 export class LiveDocsInfo {
     render() {
         return [
-            h("div", { key: '05645c71de622ff672d22091cda6f0d3818cc165', class: "header" }, h("limel-icon", { key: '2350c63351cb5e97479141c247d8a8a1f7d51ef0', name: "not_showing_video_frames" }), h("h2", { key: '7bfac63856143b787d489f9c2ec73bc5931d16e4' }, "Viewing this file type requires ", h("em", { key: 'ef4778cb7163773526500b34f39932d3bb17e483' }, "Live Docs"))),
-            h("p", { key: '24874f2cc49f0cf3bd71075378835be0bcbc54ee' }, h("em", { key: '749b4b3bee40ac57b2f2367c3b92d0724d96f99b' }, "Live Docs"), " not only enables you to view many file formats such as Microsoft Office documents, but it also empowers you to edit them right in the CRM. No need to download anything on your device!", h("a", { key: 'e6c48db6f409e43adc52c4cee21a783ec998cc55', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
+            h("div", { key: 'b20e44e8f4d9d39ab78d4fff68d54ff8493838e2', class: "header" }, h("limel-icon", { key: '04166b1545455ef718bc60da7b065ee4af39b3d2', name: "not_showing_video_frames" }), h("h2", { key: 'e425b7b516157d978c48983b895feebb181a18f8' }, "Viewing this file type requires ", h("em", { key: 'afe3eae6c85f6c3c5daf6567d7ea52b6d717f50f' }, "Live Docs"))),
+            h("p", { key: '07674921034427a96f01cf763ff551cab475b05e' }, h("em", { key: '9e51b9fa9087098a5851f90ecfd487bbb3ddf488' }, "Live Docs"), " not only enables you to view many file formats such as Microsoft Office documents, but it also empowers you to edit them right in the CRM. No need to download anything on your device!", h("a", { key: '798681d6db41eceb97008a8f55efcaf30a833fd1', target: "_blank", href: "https://www.lime-technologies.com/en/lime-crm/live-docs/" }, "Learn more")),
         ];
     }
     static get is() { return "limebb-live-docs-info"; }

package/dist/collection/components/locale-picker/locale-picker.js

@@ -53,7 +53,7 @@ export class LocalePicker {
             const value = this.value;
             selectedOptions = options.find((option) => option.value === value);
         }
-        return (h("limel-select", { key: '323ac681ac69b7d80f3ace86faa6a6e9a98d3c65', value: selectedOptions, options: sortBy(options, 'text'), helperText: this.helperText, label: this.label, required: this.required, disabled: this.disabled, readonly: this.readonly, onChange: this.handleChange, multiple: this.multipleChoice }));
+        return (h("limel-select", { key: '2c094b31bc412448af057435ab431bf7ef5d739c', value: selectedOptions, options: sortBy(options, 'text'), helperText: this.helperText, label: this.label, required: this.required, disabled: this.disabled, readonly: this.readonly, onChange: this.handleChange, multiple: this.multipleChoice }));
     }
     static get is() { return "limebb-locale-picker"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/notification-list/notification-item/notification-item.js

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

package/dist/collection/components/percentage-visualizer/percentage-visualizer.js

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

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

@@ -25,7 +25,7 @@ export class RuleGate {
         this.compileAndEvaluate();
     }
     render() {
-        return (h(Host, { key: 'f421ff8fa1e6955c618e74e6bfdfd4c34e2352fc', hidden: !this.shouldRender }, h("slot", { key: 'f1372eda9eebdba7157e7f80d2eebbdb107e9cee' })));
+        return (h(Host, { key: '987da88562f3cfe1c5b0599d3aa73795bcbd317d', hidden: !this.shouldRender }, h("slot", { key: '3af4b067ebb51007c525719614cce800c018aeb6' })));
     }
     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: 'e4c9b983fcb6653614a4e32fb2e4645d4cad0051', style: {
+        return (h("limel-popover", { key: '32ec29794e6a1b4c4b50dfa8e1b57b1f7965aab6', 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: 'a03d5ea2815dff89259b6b2a7dc6751aa02e49d1', slot: "trigger", onMouseEnter: this.openPopoverWithDelay, onMouseLeave: this.resetTimeout, onFocusin: this.openPopoverWithDelay }, h("slot", { key: 'd28456f69ef961a685b60e081b36208f49453492', name: "trigger" }), h("div", { key: '90a0f63f047fcc7cd6d974e77cc4d44035de055c', 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: 'c07251e2178af8589bf7e9efe22072bdef98abe4', id: this.tooltipId }, label),
+            h("limel-tooltip", { key: '35e586a0e632c08dfce5982c729e5907e9cd7d50', 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: 'a208dcc0631ee1a9ab0bc488b461d25f4881c95d', 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: '53ac9e7b58e9639b66de3aaa95f2c87066242bf2', class: this.getContainerClassList() }, h("limel-notched-outline", { key: '09cbfb01f55b1ce7bd997f6dfaa66c10d9889eea', 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: 'e3f9f0e361ac65f2b3f46a038c8dc398def9c0b9', 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:"d957fb32f531d7264b91bab0de5fb728689dfd97",id:this.item.id},this.renderLabel(),n("div",{key:"fa589a062d46482747bd89b5942b80cd8f95f612",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 e,HTMLElement as t,h as i,Host as r,transformTag as o}from"@stencil/core/internal/client";import{n 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:"266f2f9946e0cd7990772e395be13a3863c50c9a",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:"95f6a3022b28bdd7d3d3ae6b791bdacd691d6986",class:"bubble-content"},i("div",{key:"baa975a0889785bd9b8ef5886006d394ba3ae589",class:"icon-picture"},this.renderIcon(),this.renderAuthorPicture()),this.renderErrorSign(),i("div",{key:"595ae168da159c2bfe53aa01cd8bfcbae5f2ab79",class:"item"},this.renderHeader(),this.renderValue(),i("footer",{key:"7a9ab65820573032ce78143846f8f7ff2bee953f"},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}

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}