@limetech/lime-elements 40.23.0 → 40.25.0

package/dist/cjs/{translations-JLP5icQ9.js → translations-BPsptVkN.js}

@@ -1,6 +1,58 @@
 'use strict';
 
-var language = require('./language-s0bKUCvO.js');
+/**
+ * Reduce a language to the primary subtag that our language maps are keyed by.
+ *
+ * A `language` prop is typed, but a custom element takes whatever string an
+ * attribute carries — commonly a full BCP 47 tag such as `nb-NO`, since a host
+ * application often derives the language from `document.documentElement.lang`.
+ * Anything that is not a string must resolve rather than throw, so that an
+ * unexpected value can never break a component's render.
+ *
+ * Examples:
+ *  - "nb" => "nb"
+ *  - "nb-NO" => "nb"
+ *  - "SV-SE" => "sv"
+ *  - undefined => ""
+ *
+ * @param language - the language to reduce
+ * @returns the lower-cased primary subtag, or an empty string
+ */
+function getPrimarySubtag(language) {
+    if (typeof language !== 'string') {
+        return '';
+    }
+    return language.toLowerCase().split('-', 1)[0];
+}
+/**
+ * The locale that `Intl` writes numbers and dates in for `language`, or
+ * `undefined` when it cannot write in that language. `Intl` throws on a
+ * tag it cannot read, such as `sv_SE`, and quietly uses the viewer's own
+ * locale for one it does not know, such as `zz`. A component that writes in
+ * its `language` while it renders checks it here, and falls back to English
+ * when this gives `undefined`.
+ *
+ * Examples:
+ *  - "sv" => "sv"
+ *  - "SV-se" => "sv-SE"
+ *  - "sv_SE" => undefined
+ *  - "zz" => undefined
+ *  - undefined => undefined
+ *
+ * @param language - the language to write in
+ * @returns the locale, or `undefined`
+ */
+function getSupportedLocale(language) {
+    if (typeof language !== 'string') {
+        return;
+    }
+    try {
+        return Intl.NumberFormat.supportedLocalesOf(language)[0];
+    }
+    catch (_a) {
+        return;
+    }
+}
 
 var da = {
     'clear-value': 'Ryd værdi',
@@ -31,6 +83,8 @@ var da = {
     'date-picker.month.heading': 'Måned',
     'date-picker.quarter.heading': 'Kvartal',
     'date-picker.year.heading': 'År',
+    'date-picker.invalid-format': 'Indtast en gyldig dato ({ example })',
+    'date-picker.invalid-time-format': 'Indtast et gyldigt tidspunkt ({ example })',
     'drag-handle.drag-handle': 'Trækgreb',
     'drag-handle.drag-to-reorder': 'Træk for at omarrangere',
     'resize-handle.resize': 'Ændr størrelsen på { region }',
@@ -175,6 +229,8 @@ var de = {
     'date-picker.month.heading': 'Monat',
     'date-picker.quarter.heading': 'Quartal',
     'date-picker.year.heading': 'Jahr',
+    'date-picker.invalid-format': 'Geben Sie ein gültiges Datum ein ({ example })',
+    'date-picker.invalid-time-format': 'Geben Sie eine gültige Uhrzeit ein ({ example })',
     'drag-handle.drag-handle': 'Ziehgriff',
     'drag-handle.drag-to-reorder': 'Zum Neuordnen ziehen',
     'resize-handle.resize': 'Größe von { region } ändern',
@@ -319,6 +375,8 @@ var en = {
     'date-picker.month.heading': 'Month',
     'date-picker.quarter.heading': 'Quarter',
     'date-picker.year.heading': 'Year',
+    'date-picker.invalid-format': 'Enter a valid date ({ example })',
+    'date-picker.invalid-time-format': 'Enter a valid time ({ example })',
     'drag-handle.drag-handle': 'Drag handle',
     'drag-handle.drag-to-reorder': 'Drag to reorder',
     'resize-handle.resize': 'Resize { region }',
@@ -463,6 +521,8 @@ var fi = {
     'date-picker.month.heading': 'Kuukausi',
     'date-picker.quarter.heading': 'Vuosineljännes',
     'date-picker.year.heading': 'Vuosi',
+    'date-picker.invalid-format': 'Anna kelvollinen päivämäärä ({ example })',
+    'date-picker.invalid-time-format': 'Anna kelvollinen kellonaika ({ example })',
     'drag-handle.drag-handle': 'Raahauskahva',
     'drag-handle.drag-to-reorder': 'Raahaa järjestelläksesi',
     'resize-handle.resize': 'Muuta { region } kokoa',
@@ -607,6 +667,8 @@ var fr = {
     'date-picker.month.heading': 'Mois',
     'date-picker.quarter.heading': 'Trimestre',
     'date-picker.year.heading': 'Année',
+    'date-picker.invalid-format': 'Saisissez une date valide ({ example })',
+    'date-picker.invalid-time-format': 'Saisissez une heure valide ({ example })',
     'drag-handle.drag-handle': 'Poignée de déplacement',
     'drag-handle.drag-to-reorder': 'Glissez pour réorganiser',
     'resize-handle.resize': 'Redimensionner { region }',
@@ -751,6 +813,8 @@ var nl = {
     'date-picker.month.heading': 'Maand',
     'date-picker.quarter.heading': 'Kwartaal',
     'date-picker.year.heading': 'Jaar',
+    'date-picker.invalid-format': 'Voer een geldige datum in ({ example })',
+    'date-picker.invalid-time-format': 'Voer een geldige tijd in ({ example })',
     'drag-handle.drag-handle': 'Sleepgreep',
     'drag-handle.drag-to-reorder': 'Slepen om opnieuw te ordenen',
     'resize-handle.resize': 'Grootte van { region } wijzigen',
@@ -895,6 +959,8 @@ var no = {
     'date-picker.month.heading': 'Måned',
     'date-picker.quarter.heading': 'Kvartal',
     'date-picker.year.heading': 'År',
+    'date-picker.invalid-format': 'Skriv inn en gyldig dato ({ example })',
+    'date-picker.invalid-time-format': 'Skriv inn et gyldig klokkeslett ({ example })',
     'drag-handle.drag-handle': 'Dra-håndtak',
     'drag-handle.drag-to-reorder': 'Dra for å omorganisere',
     'resize-handle.resize': 'Endre størrelsen på { region }',
@@ -1039,6 +1105,8 @@ var sv = {
     'date-picker.month.heading': 'Månad',
     'date-picker.quarter.heading': 'Kvartal',
     'date-picker.year.heading': 'År',
+    'date-picker.invalid-format': 'Ange ett giltigt datum ({ example })',
+    'date-picker.invalid-time-format': 'Ange en giltig tid ({ example })',
     'drag-handle.drag-handle': 'Draghandtag',
     'drag-handle.drag-to-reorder': 'Dra för att ändra ordning',
     'resize-handle.resize': 'Ändra storlek på { region }',
@@ -1184,13 +1252,15 @@ class Translations {
             return String((_a = params === null || params === void 0 ? void 0 : params[mergeCodeKey]) !== null && _a !== void 0 ? _a : match);
         });
     }
-    getTranslationsFor(language$1) {
+    getTranslationsFor(language) {
         var _a, _b;
         // Retry on the primary subtag, so that a full BCP 47 tag resolves.
         // An unknown language must never make a component throw.
-        return ((_b = (_a = allTranslations[language$1]) !== null && _a !== void 0 ? _a : allTranslations[language.getPrimarySubtag(language$1)]) !== null && _b !== void 0 ? _b : allTranslations.en);
+        return ((_b = (_a = allTranslations[language]) !== null && _a !== void 0 ? _a : allTranslations[getPrimarySubtag(language)]) !== null && _b !== void 0 ? _b : allTranslations.en);
     }
 }
 const translations = new Translations();
 
+exports.getPrimarySubtag = getPrimarySubtag;
+exports.getSupportedLocale = getSupportedLocale;
 exports.translations = translations;

package/dist/collection/components/3d-hover-effect-glow/3d-hover-effect-glow.js

@@ -16,7 +16,7 @@ import { h } from "@stencil/core";
  */
 export class HoverEffectGlowComponent {
     render() {
-        return h("div", { key: '14f718a168686e0d8514a73c3be88c70741a0181' });
+        return h("div", { key: '1541e0761de2055e575752837f83ca954fd8d8b2' });
     }
     static get is() { return "limel-3d-hover-effect-glow"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/action-bar/action-bar-item/action-bar-overflow-menu.js

@@ -18,7 +18,7 @@ export class ActionBarOverflowMenu {
         };
     }
     render() {
-        return (h(Host, { key: 'c4ce0984b41ef15b4cbdfc0c5fceedf9c50f8235' }, h("limel-menu", { key: 'd0a164863bf1f6cc69bf87ee0d25fdba8046bbf5', openDirection: this.openDirection, items: this.items, onSelect: this.handleSelect }, h("button", { key: 'dd769ba847783eebd27b9bde4ec9ada2679c0a8d', type: "button", slot: "trigger" }, `+${this.numberOfMenuItems}`))));
+        return (h(Host, { key: '113c992ca5207ea80dbc7cbeca92423adee751a6' }, h("limel-menu", { key: '7fbbc0b76e182a2476c24a46da6f47fb0bf80acb', openDirection: this.openDirection, items: this.items, onSelect: this.handleSelect }, h("button", { key: 'e77f2204c04a28733cba0d76a6f8dd76637682aa', type: "button", slot: "trigger" }, `+${this.numberOfMenuItems}`))));
     }
     get numberOfMenuItems() {
         return this.items.filter((item) => this.isMenuItem(item)).length;

package/dist/collection/components/action-bar/action-bar.js

@@ -111,10 +111,10 @@ export class ActionBar {
         if (this.actions.length > 0) {
             overflowActions = this.actions.slice(this.overflowCutoff);
         }
-        return (h(Host, { key: 'e19ba73533363cbd9e34029b94ea9a85fba0b309', "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : translate.get('action-bar', this.language), class: {
+        return (h(Host, { key: 'bdd2a20b706dea0c587a2e4f5d437d1cfb7891a6', "aria-label": (_a = this.accessibleLabel) !== null && _a !== void 0 ? _a : translate.get('action-bar', this.language), class: {
                 'is-full-width': this.layout === 'fullWidth',
                 'is-floating': this.layout === 'floating',
-            }, role: "grid" }, h("div", { key: '8d64cd058cb1ceb5bf180c113ddd6bafffd2f37d', class: "items", role: "rowgroup" }, this.actions.map(this.renderActionBarItem)), this.renderOverflowMenu(overflowActions)));
+            }, role: "grid" }, h("div", { key: 'a14623980c5e9dc73b99265930e6f727019d67d4', class: "items", role: "rowgroup" }, this.actions.map(this.renderActionBarItem)), this.renderOverflowMenu(overflowActions)));
     }
     isVisible(index) {
         return index < this.overflowCutoff;

package/dist/collection/components/ai-avatar/ai-avatar.js

@@ -140,7 +140,7 @@ export class AiAvatar {
         if (effectiveVariant !== this.variant) {
             console.warn(`limel-ai-avatar: unsupported variant "${this.variant}"; falling back to "minimal".`);
         }
-        return (h(Host, { key: 'e5d731b86f65cf213f3e13f8bc03e06e3f80a217', role: "img", "aria-label": this.getHostAriaLabel(effectiveMode) }, this.renderAvatar(effectiveMode, effectiveVariant)));
+        return (h(Host, { key: 'a7f0f9551b68a10c1d8b241c288f6a0f40353f86', role: "img", "aria-label": this.getHostAriaLabel(effectiveMode) }, this.renderAvatar(effectiveMode, effectiveVariant)));
     }
     getHostAriaLabel(mode) {
         const baseLabel = this.getTranslation('ai-avatar.label');

package/dist/collection/components/badge/badge.js

@@ -10,9 +10,9 @@ import { abbreviate } from "./format";
  */
 export class Badge {
     render() {
-        return (h(Host, { key: 'b5fc1ffc51f34992c6a7e748b22a1c333b980724', title: this.labelIsLarge() ? this.label : '', class: {
+        return (h(Host, { key: '0d6eb65fc590a1fed97880fba5f9a8b19758b229', title: this.labelIsLarge() ? this.label : '', class: {
                 'has-large-label': this.labelIsLarge(),
-            } }, h("span", { key: '37c10595938a038dd7455751b21a949c88245e6a' }, this.renderLabel())));
+            } }, h("span", { key: '5fe270a721e258e82933ff8eb537df9dde335f72' }, this.renderLabel())));
     }
     renderLabel() {
         if (typeof this.label === 'number') {

package/dist/collection/components/banner/banner.js

@@ -20,7 +20,7 @@ export class Banner {
         this.isOpen = false;
     }
     render() {
-        return (h("div", { key: '327510788af1f17cf6bcdcf119785f00d853d4fc', class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, h("div", { key: '45eca47a38ce5fed5f1ece2f2034fcbf22360ec4', class: "lime-banner__surface" }, h("div", { key: '0670db12b593d732165c0f0d34c2b058ea36ee57', class: "lime-banner__content" }, h("div", { key: 'aaaa5da502fec9952e7550ee380c6f8645949e4b', class: "icon-message" }, this.renderIcon(), h("div", { key: '2568e695862140cb1dbf65c8c4d922bfdf7f4ba2' }, this.message)), h("div", { key: '4b1b01fdc34fc777eaaf349431204de717f713ec', class: "lime-banner__actions" }, h("slot", { key: 'a9c439c8eab15f98bac9233186efb6394178fc3a', name: "buttons" }))))));
+        return (h("div", { key: '8e5778d6939e4a84e67f59bc854975e7bcde1844', class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, h("div", { key: 'b85f8d7d31470175c5e83f8aacae77a88162175a', class: "lime-banner__surface" }, h("div", { key: 'bf0ec4e07665e7fdc5b5c1935907169f70a799b6', class: "lime-banner__content" }, h("div", { key: '6c2a1e3c74d380c1d6cb34541a3ae5afa4bf1340', class: "icon-message" }, this.renderIcon(), h("div", { key: 'f03c3350c49a8e45117a837cfe8afa4113d3e1e3' }, this.message)), h("div", { key: 'bb9a0730a2bdf74b2cecdbf8c860837f6c480362', class: "lime-banner__actions" }, h("slot", { key: 'c39934f8e3e88c3a4155337173a5bc0375c07b39', name: "buttons" }))))));
     }
     renderIcon() {
         if (!this.icon) {

package/dist/collection/components/breadcrumbs/breadcrumbs.js

@@ -90,7 +90,7 @@ export class Breadcrumbs {
         };
     }
     render() {
-        return (h("ol", { key: 'adf9618434f629cb4489bbfdfae7ad4bd5b69d8c', role: "navigation", "aria-label": "Breadcrumb", style: { '--limel-breadcrumbs-divider': `'${this.divider}'` } }, this.renderSteps(), this.renderLastStep()));
+        return (h("ol", { key: '7295b175a9d75c8215768c096774431025ce1ad5', role: "navigation", "aria-label": "Breadcrumb", style: { '--limel-breadcrumbs-divider': `'${this.divider}'` } }, this.renderSteps(), this.renderLastStep()));
     }
     componentWillLoad() {
         makeEnterClickable(this.host);

package/dist/collection/components/button/button.js

@@ -66,12 +66,12 @@ export class Button {
         removeEnterClickable(this.host);
     }
     render() {
-        return (h(Host, { key: 'b5f683d77acfb8b799b5ea22bfdd45d032c9d52f', onClick: this.filterClickWhenDisabled }, h("button", { key: 'a74e4aa0639a2e3a9b3d730357dcac2267509a19', class: {
+        return (h(Host, { key: '932cbf9470f33846c9c0e181fee01a640e189073', onClick: this.filterClickWhenDisabled }, h("button", { key: 'f49b077eb4d5414130d38a584bc36d612d03c1b8', class: {
                 loading: this.loading,
                 'just-loaded': this.justLoaded && !this.loadingFailed,
                 'just-failed': this.justLoaded && this.loadingFailed,
                 outlined: this.outlined,
-            }, disabled: this.disabled || this.loading, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite" }, this.renderIcon(this.icon), this.renderLabel(), this.renderSpinner(), h("svg", { key: '534ac156d8aa6046766fde7f8fc8f6f3df6c95ca', viewBox: "0 0 30 30" }, this.renderLoadingIcons()))));
+            }, disabled: this.disabled || this.loading, "aria-busy": this.loading ? 'true' : 'false', "aria-live": "polite" }, this.renderIcon(this.icon), this.renderLabel(), this.renderSpinner(), h("svg", { key: '4d2254844412d8c2e9ac64d564b666bdf91a5df4', viewBox: "0 0 30 30" }, this.renderLoadingIcons()))));
     }
     loadingWatcher(newValue, oldValue) {
         const hasFinishedLoading = this.hasFinishedLoading(newValue, oldValue);

package/dist/collection/components/button-group/button-group.js

@@ -65,7 +65,7 @@ export class ButtonGroup {
         this.setSelectedButton();
     }
     render() {
-        return (h(Host, { key: '512f3347c97bacea01462122f05b537597b464b6', role: "radiogroup" }, this.value.map(this.renderButton)));
+        return (h(Host, { key: '156c9561847a28b8385b45b5c47d0f553f68498c', role: "radiogroup" }, this.value.map(this.renderButton)));
     }
     renderButton(button) {
         // Prefix with 'b' because html IDs cannot start with a digit,

package/dist/collection/components/callout/callout.js

@@ -42,7 +42,7 @@ export class Callout {
         this.language = 'en';
     }
     render() {
-        return (h(Host, { key: '81d8bf595e8335e578f3ca5cff663f177a2492e7' }, h("div", { key: '6ac11d896812508c50cd75ec0fdac467c7b02ad9', class: "side", role: "presentation" }, h("limel-icon", { key: '48d368c4e0df3cfe2c2a51472561d781034e9b81', name: getIcon(this.icon, this.type) })), h("div", { key: 'fa393d86ef411004c9522c19f37f71ae2d81bcaf', class: "main" }, h("h1", { key: '621a48c4500a69fc2f2731454601b2b96d4534b1', class: "heading" }, getHeading(this.heading, this.type, this.language)), h("slot", { key: '7cf354fcf66cf3b633221c647c00ac6cd7342ebc' }))));
+        return (h(Host, { key: 'bf92fa3a05284b3fb007bd2ba98cd7f2fa286b5e' }, h("div", { key: '3556b55f1014e651fe4aa5b974da725b8386fa53', class: "side", role: "presentation" }, h("limel-icon", { key: '3e631cfdb56f5f1b9b1aed145c4a912c7f2d653b', name: getIcon(this.icon, this.type) })), h("div", { key: '9843784f6439eb1b9cd9ba98e0b139b2f71605de', class: "main" }, h("h1", { key: '89b158b14c97c0046486c6e0f9d265e1425bac7b', class: "heading" }, getHeading(this.heading, this.type, this.language)), h("slot", { key: '9accbc1c854f37ad84deb7cf818010cf92c29c53' }))));
     }
     static get is() { return "limel-callout"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/card/card.js

@@ -119,7 +119,7 @@ export class Card {
         this.setMarkdownElement(this.markdownElement);
     }
     render() {
-        return (h(Host, { key: '525157c6cd217f03c77a74732c548f107c51e76d', onMouseEnter: this.show3dEffect ? this.handleMouseEnter : undefined, onMouseLeave: this.show3dEffect ? this.handleMouseLeave : undefined }, h("section", { key: 'a6aff4a77e2f5c12ac74e93f96f302e248b63fe5', tabindex: this.clickable ? 0 : undefined, role: this.clickable ? 'button' : undefined, "aria-pressed": this.clickable ? String(this.selected) : undefined, onKeyDown: this.clickable ? this.handleKeyDown : undefined }, this.renderImage(), h("div", { key: '607125d2dbe97c6fc00188808de9e0e8adcf158c', class: "body" }, this.renderHeader(), this.renderSlot(), this.renderValue(), this.renderActionBar()), this.show3dEffect && h("limel-3d-hover-effect-glow", { key: '4d140d3ab4e574c2b74763816a49f7f3b4f47842' }))));
+        return (h(Host, { key: '00fa2c12cc7b757971e9fa6d1c43d6ff390b5428', onMouseEnter: this.show3dEffect ? this.handleMouseEnter : undefined, onMouseLeave: this.show3dEffect ? this.handleMouseLeave : undefined }, h("section", { key: '211ac7b85ebef521cbd014a9cafacf19294d72a7', tabindex: this.clickable ? 0 : undefined, role: this.clickable ? 'button' : undefined, "aria-pressed": this.clickable ? String(this.selected) : undefined, onKeyDown: this.clickable ? this.handleKeyDown : undefined }, this.renderImage(), h("div", { key: 'baf9ea492b9b3960f2df4ddb5f52fe58c0a680e3', class: "body" }, this.renderHeader(), this.renderSlot(), this.renderValue(), this.renderActionBar()), this.show3dEffect && h("limel-3d-hover-effect-glow", { key: 'ddcdb88a694c215d7527320446b8a53e0ab6c4c5' }))));
     }
     renderImage() {
         var _a;

package/dist/collection/components/chart/chart.css

@@ -128,9 +128,18 @@
   --limel-chart-nps-passives-color: rgb(var(--color-amber-light));
   --limel-chart-nps-good-color: rgb(var(--color-lime-light));
   --limel-chart-nps-excellent-color: rgb(var(--color-lime-default));
+  --limel-chart-series-color-1: rgb(var(--color-blue-default));
+  --limel-chart-series-color-2: rgb(var(--color-coral-default));
+  --limel-chart-series-color-3: rgb(var(--color-teal-default));
+  --limel-chart-series-color-4: rgb(var(--color-amber-default));
+  --limel-chart-series-color-5: rgb(var(--color-magenta-default));
+  --limel-chart-series-color-6: rgb(var(--color-green-default));
+  --limel-chart-series-color-7: rgb(var(--color-violet-default));
+  --limel-chart-series-color-8: rgb(var(--color-red-default));
   box-sizing: border-box;
   position: relative;
   display: flex;
+  flex-direction: column;
   width: 100%;
   height: 100%;
   min-width: 0;
@@ -199,6 +208,26 @@
   contain: size;
 }
 
+ul {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.25rem 0.875rem;
+  margin: 0 0 0.5rem 0;
+  padding: 0;
+  list-style: none;
+  font-size: 0.75rem;
+  color: rgb(var(--contrast-1100));
+}
+
+li {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+}
+li > span {
+  flex-shrink: 0;
+}
+
 :host(limel-chart[type=proportion-bar]) .plot,
 :host(limel-chart[type=stacked-bar]) .plot {
   border-radius: 0.25rem;