@duetds/components 6.0.3 → 6.0.5

package/lib/collection/components/duet-choice/duet-choice.js

@@ -176,11 +176,13 @@ export class DuetChoice {
      * Local methods
      */
     this.toggleChecked = ev => {
+      ev.preventDefault();
+      ev.stopPropagation();
       if (this.disabled || this.groupDisabled) {
         return;
       }
       this.isInfoOpen = false;
-      // if it's a radio button and it's already checked
+      // if it's a radio button, and it's already checked
       // we shouldn't fire an event, so exit early
       if (this.type === "radio" && this.checked) {
         return;
@@ -192,8 +194,6 @@ export class DuetChoice {
         value: this.value,
         component: "duet-choice",
       });
-      ev.preventDefault();
-      ev.stopPropagation();
     };
     this.toggleInfo = () => {
       this.isInfoOpen = !this.isInfoOpen;
@@ -923,7 +923,7 @@ export class DuetChoice {
       "name": "duetChange",
       "bubbles": true,
       "cancelable": true,
-      "composed": true,
+      "composed": false,
       "docs": {
         "tags": [],
         "text": "Emitted when the checked property has changed."

package/lib/collection/components/duet-choice-group/duet-choice-group.js

@@ -4,9 +4,10 @@
 import { Build, Component, Element, h, Host, Prop, Watch } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import { findCheckedOption, watchForOptions } from "../../utils/watch-options";
-const duetChoiceSelector = ":scope duet-choice:not(:scope duet-choice duet-choice-group duet-choice)";
+const duetChoiceSelector = ":scope duet-choice:not(:scope duet-choice duet-choice-group duet-choice):not(:scope duet-choice duet-fieldset duet-choice)";
 export class DuetChoiceGroup {
   constructor() {
+    this.choiceGroupName = "duet-choice-group";
     /**
      * Direction of the choice group.
      */
@@ -61,7 +62,7 @@ export class DuetChoiceGroup {
         return;
       }
       const selectedChoice = ev.target;
-      if (selectedChoice) {
+      if (selectedChoice && selectedChoice.parentElement.classList.contains(this.choiceGroupName)) {
         this.value = selectedChoice.value;
       }
       // Prevent events from bubbling up the DOM tree in case
@@ -154,7 +155,7 @@ export class DuetChoiceGroup {
     return (h(Host, { onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } },
       h("duet-fieldset", { label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme },
         this.tooltip && (h("duet-tooltip", { slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)),
-        h("div", { class: { "duet-choice-group": true, "duet-no-stacking": !this.responsive } },
+        h("div", { class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } },
           h("slot", null)))));
   }
   static get is() { return "duet-choice-group"; }

package/lib/collection/components/duet-range-stepper/duet-range-stepper.js

@@ -25,7 +25,7 @@ export class DuetRangeStepper {
     this.stepIndex = 1;
     /**
      * How big is the step
-     * @default 99
+     * @default 50
      */
     this.stepSize = 50;
     /**
@@ -63,30 +63,33 @@ export class DuetRangeStepper {
     this.ariaControls = "";
     this.handleClick = (e, direction) => {
       e.preventDefault();
-      this.increment(direction);
+      this.stepIndex += direction;
+      this.clampStepIndex();
       this.handleStepClick(e);
     };
   }
   watchStepIndexStateHandler(newValue) {
-    if (newValue <= 1) {
-      this.leftBnRef.setAttribute("disabled", "");
-      this.rightBnRef.focus();
-    }
-    else {
-      this.leftBnRef.removeAttribute("disabled");
-    }
-    if (newValue >= this.total / this.stepSize) {
-      this.rightBnRef.setAttribute("disabled", "");
-      this.leftBnRef.focus();
-    }
-    else {
-      this.rightBnRef.removeAttribute("disabled");
+    if (this.element.shadowRoot.childElementCount > 0) {
+      if (newValue <= 1) {
+        this.leftBnRef.setAttribute("disabled", "");
+        this.rightBnRef.focus();
+      }
+      else {
+        this.leftBnRef.removeAttribute("disabled");
+      }
+      if (newValue >= this.total / this.stepSize) {
+        this.rightBnRef.setAttribute("disabled", "");
+        this.leftBnRef.focus();
+      }
+      else {
+        this.rightBnRef.removeAttribute("disabled");
+      }
     }
   }
   watchStepSizeStateHandler(newValue, oldValue) {
     if (newValue !== oldValue) {
       if (this.stepIndex * newValue > this.total) {
-        this.stepIndex = this.total / newValue;
+        this.stepIndex = Math.ceil(this.total / newValue);
       }
     }
   }
@@ -102,22 +105,17 @@ export class DuetRangeStepper {
   }
   componentWillLoad() {
     inheritGlobalTheme(this);
+    this.clampStepIndex();
   }
   componentDidLoad() {
     this.watchStepIndexStateHandler(this.stepIndex);
   }
-  increment(direction) {
-    const newIndex = this.stepIndex + direction;
-    if (newIndex <= 0) {
+  clampStepIndex() {
+    if (this.stepIndex < 1) {
       this.stepIndex = 1;
     }
-    else {
-      if (newIndex * this.stepSize < this.total + this.stepSize) {
-        this.stepIndex = newIndex;
-      }
-      else if (newIndex * this.stepSize > this.total + this.stepSize) {
-        this.stepIndex = Math.floor(this.total / this.stepSize);
-      }
+    else if (this.stepIndex * this.stepSize > this.total) {
+      this.stepIndex = Math.ceil(this.total / this.stepSize);
     }
   }
   getTo() {
@@ -241,7 +239,7 @@ export class DuetRangeStepper {
       "docs": {
         "tags": [{
             "name": "default",
-            "text": "99"
+            "text": "50"
           }],
         "text": "How big is the step"
       },

package/lib/collection/components/duet-upload/duet-upload.js

@@ -222,23 +222,23 @@ export class DuetUpload {
     /**
      * Property to change descriptionDefaults defaults on the component.
      * @default {
-        fi: "Voit liittää {filetypes}-muotoisia tiedostoja sekä yleisimpiä videotiedostoja. Voit lähettää {maxbytes} verran tiedostoja yhdellä kertaa, ja lisätä enintään {maxfiles} liitettä kerrallaan.",
-        sv: "Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer åt gången och lägga till upp till {maxfiles} bilagor åt gången.",
-        en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.",
-      }
+     *     en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.",
+     *     sv: "Du kan bifoga följande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer åt gången, och lägga till upp till {maxfiles} bilagor åt gången varje inte större än {maxbytes}.",
+     *     fi: "Voit liittää seuraavat tiedostotyypit: {filetypes} - sekä yleisimmät videotiedostot. Voit lähettää {maxbytestotal} tiedostoa kerrallaan, ja lisätä enintään {maxfiles} liitettä kerrallaan, jokainen enintään {maxbytes} kokoisena.",
+     *   }
      */
     this.descriptionDefaults = {
-      fi: "Voit liittää {filetypes}-muotoisia tiedostoja sekä yleisimpiä videotiedostoja. Voit lähettää {maxbytes} verran tiedostoja yhdellä kertaa, ja lisätä enintään {maxfiles} liitettä kerrallaan.",
-      sv: "Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer åt gången och lägga till upp till {maxfiles} bilagor åt gången.",
-      en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.",
+      en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.",
+      sv: "Du kan bifoga följande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer åt gången, och lägga till upp till {maxfiles} bilagor åt gången varje inte större än {maxbytes}.",
+      fi: "Voit liittää seuraavat tiedostotyypit: {filetypes} - sekä yleisimmät videotiedostot. Voit lähettää {maxbytestotal} tiedostoa kerrallaan, ja lisätä enintään {maxfiles} liitettä kerrallaan, jokainen enintään {maxbytes} kokoisena.",
     };
     /**
      * Description for the upload component.
      * @default {
-        fi: "Voit liittää {filetypes}-muotoisia tiedostoja sekä yleisimpiä videotiedostoja. Voit lähettää {maxbytes} verran tiedostoja yhdellä kertaa, ja lisätä enintään {maxfiles} liitettä kerrallaan.",
-        sv: "Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer åt gången och lägga till upp till {maxfiles} bilagor åt gången.",
-        en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.",
-      }
+     *     en: "You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.",
+     *     sv: "Du kan bifoga följande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer åt gången, och lägga till upp till {maxfiles} bilagor åt gången varje inte större än {maxbytes}.",
+     *     fi: "Voit liittää seuraavat tiedostotyypit: {filetypes} - sekä yleisimmät videotiedostot. Voit lähettää {maxbytestotal} tiedostoa kerrallaan, ja lisätä enintään {maxfiles} liitettä kerrallaan, jokainen enintään {maxbytes} kokoisena.",
+     *   }
      */
     this.description = getLocaleString(this.descriptionDefaults);
     /**
@@ -856,8 +856,11 @@ export class DuetUpload {
    */
   render() {
     const identifier = this.identifier || this.uploadId;
+    const maxMegaBytesTotal = Math.round((this.maxBytesTotal ? this.maxBytesTotal : this.maxBytes * this.maxFiles) / 1024 / 1024);
+    const maxMegaBytesPrFile = Math.round(this.maxBytes / 1024 / 1024);
     let caption = this.description.replace(/{maxfiles}/g, this.maxFiles.toString());
-    caption = caption.replace(/{maxbytes}/g, `${Math.floor((this.maxBytesTotal || this.maxFiles * this.maxBytes) / 1024 / 1024)} MB`);
+    caption = caption.replace(/{maxbytes}/g, `${maxMegaBytesPrFile.toString()} MB`);
+    caption = caption.replace(/{maxbytestotal}/g, `${maxMegaBytesTotal.toString()} MB`);
     caption = caption.replace(/{filetypes}/g, this.allowedExtensions.split(",").join(", "));
     return (h(Host, { class: { "duet-m-0": this.margin === "none" } },
       h("duet-fieldset", { label: this.label, caption: caption },
@@ -1589,13 +1592,13 @@ export class DuetUpload {
       "docs": {
         "tags": [{
             "name": "default",
-            "text": "{\nfi: \"Voit liitt\u00E4\u00E4 {filetypes}-muotoisia tiedostoja sek\u00E4 yleisimpi\u00E4 videotiedostoja. Voit l\u00E4hett\u00E4\u00E4 {maxbytes} verran tiedostoja yhdell\u00E4 kertaa, ja lis\u00E4t\u00E4 enint\u00E4\u00E4n {maxfiles} liitett\u00E4 kerrallaan.\",\nsv: \"Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer \u00E5t g\u00E5ngen och l\u00E4gga till upp till {maxfiles} bilagor \u00E5t g\u00E5ngen.\",\nen: \"You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.\",\n}"
+            "text": "{\nen: \"You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.\",\nsv: \"Du kan bifoga f\u00F6ljande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer \u00E5t g\u00E5ngen, och l\u00E4gga till upp till {maxfiles} bilagor \u00E5t g\u00E5ngen varje inte st\u00F6rre \u00E4n {maxbytes}.\",\nfi: \"Voit liitt\u00E4\u00E4 seuraavat tiedostotyypit: {filetypes} - sek\u00E4 yleisimm\u00E4t videotiedostot. Voit l\u00E4hett\u00E4\u00E4 {maxbytestotal} tiedostoa kerrallaan, ja lis\u00E4t\u00E4 enint\u00E4\u00E4n {maxfiles} liitett\u00E4 kerrallaan, jokainen enint\u00E4\u00E4n {maxbytes} kokoisena.\",\n}"
           }],
         "text": "Property to change descriptionDefaults defaults on the component."
       },
       "attribute": "description-default",
       "reflect": false,
-      "defaultValue": "{\n    fi: \"Voit liitt\u00E4\u00E4 {filetypes}-muotoisia tiedostoja sek\u00E4 yleisimpi\u00E4 videotiedostoja. Voit l\u00E4hett\u00E4\u00E4 {maxbytes} verran tiedostoja yhdell\u00E4 kertaa, ja lis\u00E4t\u00E4 enint\u00E4\u00E4n {maxfiles} liitett\u00E4 kerrallaan.\",\n    sv: \"Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer \u00E5t g\u00E5ngen och l\u00E4gga till upp till {maxfiles} bilagor \u00E5t g\u00E5ngen.\",\n    en: \"You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.\",\n  }"
+      "defaultValue": "{\n    en: \"You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.\",\n    sv: \"Du kan bifoga f\u00F6ljande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer \u00E5t g\u00E5ngen, och l\u00E4gga till upp till {maxfiles} bilagor \u00E5t g\u00E5ngen varje inte st\u00F6rre \u00E4n {maxbytes}.\",\n    fi: \"Voit liitt\u00E4\u00E4 seuraavat tiedostotyypit: {filetypes} - sek\u00E4 yleisimm\u00E4t videotiedostot. Voit l\u00E4hett\u00E4\u00E4 {maxbytestotal} tiedostoa kerrallaan, ja lis\u00E4t\u00E4 enint\u00E4\u00E4n {maxfiles} liitett\u00E4 kerrallaan, jokainen enint\u00E4\u00E4n {maxbytes} kokoisena.\",\n  }"
     },
     "description": {
       "type": "string",
@@ -1610,7 +1613,7 @@ export class DuetUpload {
       "docs": {
         "tags": [{
             "name": "default",
-            "text": "{\nfi: \"Voit liitt\u00E4\u00E4 {filetypes}-muotoisia tiedostoja sek\u00E4 yleisimpi\u00E4 videotiedostoja. Voit l\u00E4hett\u00E4\u00E4 {maxbytes} verran tiedostoja yhdell\u00E4 kertaa, ja lis\u00E4t\u00E4 enint\u00E4\u00E4n {maxfiles} liitett\u00E4 kerrallaan.\",\nsv: \"Du kan bifoga filer i flg. formater {filetypes} samt de vanligaste videofilerna. Du kan ladda upp {maxbytes} filer \u00E5t g\u00E5ngen och l\u00E4gga till upp till {maxfiles} bilagor \u00E5t g\u00E5ngen.\",\nen: \"You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytes} of files at a time, and add up to {maxfiles} attachments at a time.\",\n}"
+            "text": "{\nen: \"You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.\",\nsv: \"Du kan bifoga f\u00F6ljande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer \u00E5t g\u00E5ngen, och l\u00E4gga till upp till {maxfiles} bilagor \u00E5t g\u00E5ngen varje inte st\u00F6rre \u00E4n {maxbytes}.\",\nfi: \"Voit liitt\u00E4\u00E4 seuraavat tiedostotyypit: {filetypes} - sek\u00E4 yleisimm\u00E4t videotiedostot. Voit l\u00E4hett\u00E4\u00E4 {maxbytestotal} tiedostoa kerrallaan, ja lis\u00E4t\u00E4 enint\u00E4\u00E4n {maxfiles} liitett\u00E4 kerrallaan, jokainen enint\u00E4\u00E4n {maxbytes} kokoisena.\",\n}"
           }],
         "text": "Description for the upload component."
       },

package/lib/dist-custom-elements/duet-action-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DuetActionButton extends Components.DuetActionButton, HTMLElement {}
+export const DuetActionButton: {
+  prototype: DuetActionButton;
+  new (): DuetActionButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-action-button.js

@@ -0,0 +1,9 @@
+/*!
+ * Built with Duet Design System
+ */
+import { D as DuetActionButton$1, d as defineCustomElement$1 } from './p-e121eb6d.js';
+
+const DuetActionButton = DuetActionButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DuetActionButton, defineCustomElement };

package/lib/dist-custom-elements/duet-alert.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DuetAlert extends Components.DuetAlert, HTMLElement {}
+export const DuetAlert: {
+  prototype: DuetAlert;
+  new (): DuetAlert;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-alert.js

@@ -0,0 +1,9 @@
+/*!
+ * Built with Duet Design System
+ */
+import { D as DuetAlert$1, d as defineCustomElement$1 } from './p-56b5945f.js';
+
+const DuetAlert = DuetAlert$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DuetAlert, defineCustomElement };

package/lib/dist-custom-elements/duet-badge.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DuetBadge extends Components.DuetBadge, HTMLElement {}
+export const DuetBadge: {
+  prototype: DuetBadge;
+  new (): DuetBadge;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-badge.js

@@ -0,0 +1,9 @@
+/*!
+ * Built with Duet Design System
+ */
+import { D as DuetBadge$1, d as defineCustomElement$1 } from './p-7f5ad01d.js';
+
+const DuetBadge = DuetBadge$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DuetBadge, defineCustomElement };

package/lib/dist-custom-elements/duet-breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DuetBreadcrumb extends Components.DuetBreadcrumb, HTMLElement {}
+export const DuetBreadcrumb: {
+  prototype: DuetBreadcrumb;
+  new (): DuetBreadcrumb;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-breadcrumb.js

@@ -0,0 +1,73 @@
+/*!
+ * Built with Duet Design System
+ */
+import { p as proxyCustomElement, H, h, b as Host } from './p-1ad6b04e.js';
+import { i as inheritGlobalTheme } from './p-4ebf1618.js';
+import { d as defineCustomElement$2 } from './p-4f516732.js';
+
+const duetBreadcrumbCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;color:#00294d;text-decoration:none}.duet-breadcrumb:hover{color:#004d80}.duet-breadcrumb.duet-theme-turva{color:#171c3a}.duet-breadcrumb.duet-theme-turva:hover{color:#940925}.duet-breadcrumb:focus{outline:0}.duet-breadcrumb:active{opacity:0.75}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
+
+const DuetBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Theme
+     */
+    this.theme = "";
+    /**
+     * Href
+     */
+    this.href = "";
+    /**
+     * Icon
+     */
+    this.icon = "";
+  }
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad() {
+    inheritGlobalTheme(this);
+  }
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render() {
+    return (h(Host, null, h("a", { class: {
+        "duet-breadcrumb": true,
+        "duet-theme-turva": this.theme === "turva",
+      }, href: this.href, "aria-label": this.accessibleLabel }, this.icon && h("duet-icon", { size: "x-small", name: this.icon, margin: "none", color: "currentColor" }), !this.icon && h("slot", null))));
+  }
+  static get style() { return duetBreadcrumbCss; }
+}, [1, "duet-breadcrumb", {
+    "theme": [1025],
+    "href": [1025],
+    "icon": [1025],
+    "accessibleLabel": [1, "accessible-label"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["duet-breadcrumb", "duet-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "duet-breadcrumb":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DuetBreadcrumb$1);
+      }
+      break;
+    case "duet-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const DuetBreadcrumb = DuetBreadcrumb$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DuetBreadcrumb, defineCustomElement };

package/lib/dist-custom-elements/duet-breadcrumbs.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DuetBreadcrumbs extends Components.DuetBreadcrumbs, HTMLElement {}
+export const DuetBreadcrumbs: {
+  prototype: DuetBreadcrumbs;
+  new (): DuetBreadcrumbs;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-breadcrumbs.js

@@ -0,0 +1,90 @@
+/*!
+ * Built with Duet Design System
+ */
+import { p as proxyCustomElement, H, h, F as Fragment, b as Host } from './p-1ad6b04e.js';
+import { i as inheritGlobalTheme } from './p-4ebf1618.js';
+import { g as getLocaleString } from './p-ede854e1.js';
+import { d as defineCustomElement$2 } from './p-4f516732.js';
+
+var actionArrowRightSmall={"title":"action-arrow-right-small","tags":"action arrow right small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z\"/></svg>"};
+
+const duetBreadcrumbsCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-breadcrumbs{font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-breadcrumbs ol{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:10px 16px;color:#00294d;list-style:none;background:#f3f9fc;border-bottom:1px solid #e1e3e6}@media (min-width: 62em){.duet-breadcrumbs ol{padding:10px 36px}}.duet-breadcrumbs.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-breadcrumbs.duet-theme-turva ol{color:#171c3a;background:#f5f5f7}.duet-breadcrumbs .duet-breadrumbs-arrow{display:inherit;align-items:center;justify-content:center;width:0.375rem;height:0.375rem}.duet-breadcrumbs .hide{display:none}";
+
+const DuetBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.observers = [];
+    this.breadcrumbsAriaLabel = getLocaleString({
+      fi: "Murupolku",
+      sv: "Ströbröd",
+      en: "Breadcrumbs",
+    });
+    /**
+     * Theme
+     */
+    this.theme = "";
+  }
+  /**
+   * Component lifecycle events.
+   */
+  componentWillLoad() {
+    inheritGlobalTheme(this);
+    this.children = Array.from(this.element.children);
+  }
+  connectedCallback() {
+    Array.from(this.element.children).forEach(child => {
+      const observer = new MutationObserver(() => (this.children = Array.from(this.element.children)));
+      observer.observe(child, {
+        childList: true,
+        subtree: true,
+        attributes: true,
+        characterData: true,
+      });
+      this.observers = [...this.observers, observer];
+    });
+  }
+  disconnectedCallback() {
+    this.observers.forEach(observer => observer.disconnect());
+    this.observers = [];
+  }
+  /**
+   * render() function
+   * Always the last one in the class.
+   */
+  render() {
+    return (h(Host, null, h("nav", { "aria-label": this.breadcrumbsAriaLabel, class: {
+        "duet-breadcrumbs": true,
+        "duet-theme-turva": this.theme === "turva",
+      } }, h("ol", null, this.children.map((child, index) => (h(Fragment, null, index > 0 && (h("li", { "aria-hidden": "true" }, h("duet-icon", { class: "duet-breadrumbs-arrow", size: "auto", icon: actionArrowRightSmall.svg, margin: "none", color: "currentColor" }))), h("li", { innerHTML: child.outerHTML }), h("div", { class: "hide" }, h("slot", null)))))))));
+  }
+  get element() { return this; }
+  static get style() { return duetBreadcrumbsCss; }
+}, [1, "duet-breadcrumbs", {
+    "theme": [1025],
+    "children": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["duet-breadcrumbs", "duet-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "duet-breadcrumbs":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DuetBreadcrumbs$1);
+      }
+      break;
+    case "duet-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const DuetBreadcrumbs = DuetBreadcrumbs$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DuetBreadcrumbs, defineCustomElement };

package/lib/dist-custom-elements/duet-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DuetButton extends Components.DuetButton, HTMLElement {}
+export const DuetButton: {
+  prototype: DuetButton;
+  new (): DuetButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-button.js

@@ -0,0 +1,9 @@
+/*!
+ * Built with Duet Design System
+ */
+import { D as DuetButton$1, d as defineCustomElement$1 } from './p-4c52333e.js';
+
+const DuetButton = DuetButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DuetButton, defineCustomElement };

package/lib/dist-custom-elements/duet-caption.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DuetCaption extends Components.DuetCaption, HTMLElement {}
+export const DuetCaption: {
+  prototype: DuetCaption;
+  new (): DuetCaption;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-caption.js

@@ -0,0 +1,9 @@
+/*!
+ * Built with Duet Design System
+ */
+import { D as DuetCaption$1, d as defineCustomElement$1 } from './p-92012dcc.js';
+
+const DuetCaption = DuetCaption$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { DuetCaption, defineCustomElement };

package/lib/dist-custom-elements/duet-card.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface DuetCard extends Components.DuetCard, HTMLElement {}
+export const DuetCard: {
+  prototype: DuetCard;
+  new (): DuetCard;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;