@duetds/components 6.0.4 → 6.0.5

package/lib/cjs/duet-radio_2.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d106d801.js');
+const index = require('./index-af927d29.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const watchOptions = require('./watch-options-d88afac0.js');

package/lib/cjs/duet-range-slider.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d106d801.js');
+const index = require('./index-af927d29.js');
 const tokens_module = require('./tokens.module-1bb2d45e.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');

package/lib/cjs/duet-scrollable_3.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d106d801.js');
+const index = require('./index-af927d29.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const languageUtils = require('./language-utils-4f62a7db.js');
 const createId = require('./create-id-c3b984b1.js');

package/lib/cjs/duet-select.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d106d801.js');
+const index = require('./index-af927d29.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const stringUtils = require('./string-utils-5cadd058.js');

package/lib/cjs/duet-step_2.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d106d801.js');
+const index = require('./index-af927d29.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');

package/lib/cjs/duet-textarea.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d106d801.js');
+const index = require('./index-af927d29.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const inputUtils = require('./input-utils-b5e8f524.js');

package/lib/cjs/duet-toggle.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d106d801.js');
+const index = require('./index-af927d29.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 

package/lib/cjs/duet-tooltip.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d106d801.js');
+const index = require('./index-af927d29.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
 const languageUtils = require('./language-utils-4f62a7db.js');

package/lib/cjs/duet-tray.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d106d801.js');
+const index = require('./index-af927d29.js');
 const tokens_module = require('./tokens.module-1bb2d45e.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');

package/lib/cjs/duet-upload-aria-status.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d106d801.js');
+const index = require('./index-af927d29.js');
 
 const DuetUploadAriaStatus = class {
   constructor(hostRef) {

package/lib/cjs/duet-visually-hidden.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d106d801.js');
+const index = require('./index-af927d29.js');
 
 const duetVisuallyHiddenCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";
 

package/lib/cjs/duet.cjs.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const index = require('./index-d106d801.js');
+const index = require('./index-af927d29.js');
 const appGlobals = require('./app-globals-a032b236.js');
 
 /*

package/lib/cjs/{focus-utils-8a615003.js → focus-utils-bbba1f98.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-const index = require('./index-d106d801.js');
+const index = require('./index-af927d29.js');
 
 const focusElement = (element) => {
   if ("setFocus" in element) {

package/lib/cjs/{index-d106d801.js → index-af927d29.js}

@@ -24,7 +24,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'duet';
-const Env = /* duet */ {"cdnURILocal":"http://0.0.0.0:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"3.0.4"};
+const Env = /* duet */ {"cdnURILocal":"http://0.0.0.0:3334","cdnURIProd":"https://cdn.duetds.com/api","duetIconVersion":"3.0.5"};
 
 let scopeId;
 let contentRef;

package/lib/cjs/loader.cjs.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d106d801.js');
+const index = require('./index-af927d29.js');
 const appGlobals = require('./app-globals-a032b236.js');
 
 /*

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

@@ -7,6 +7,7 @@ import { findCheckedOption, watchForOptions } from "../../utils/watch-options";
 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/dist-custom-elements/duet-action-button.js

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

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

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

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

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

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

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-3fc2d124.js';
+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-7739604d.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}";
 

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, F as Fragment, b as Host } from './p-3fc2d124.js';
+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-7739604d.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>"};
 

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

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

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

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

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, b as Host } from './p-3fc2d124.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, b as Host } from './p-1ad6b04e.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 import { i as isKeyboardClick } from './p-d8549efe.js';
 import { s as sanitizeString } from './p-5a9d75e1.js';
 import { g as getColorByName } from './p-86faf728.js';
-import { d as defineCustomElement$3 } from './p-7739604d.js';
-import { d as defineCustomElement$2 } from './p-81c9b244.js';
+import { d as defineCustomElement$3 } from './p-4f516732.js';
+import { d as defineCustomElement$2 } from './p-ee9a63c3.js';
 
 var actionArrowUp={"title":"action-arrow-up","tags":"action arrow up caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M.75 17.939a.752.752 0 0 1-.53-1.281L10.94 5.94c.283-.284.659-.44 1.059-.44.401 0 .777.156 1.06.438l10.721 10.72a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22L12 7 1.28 17.719a.743.743 0 0 1-.53.22z\"/></svg>"};
 

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-3fc2d124.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-1ad6b04e.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 

package/lib/dist-custom-elements/duet-choice-group.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, b as Host } from './p-3fc2d124.js';
+import { p as proxyCustomElement, H, h, b as Host } from './p-1ad6b04e.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { f as findCheckedOption, w as watchForOptions } from './p-12721178.js';
-import { d as defineCustomElement$6 } from './p-e5c8a58f.js';
-import { d as defineCustomElement$5 } from './p-e4d5fbc0.js';
-import { d as defineCustomElement$4 } from './p-7739604d.js';
-import { d as defineCustomElement$3 } from './p-88511d7a.js';
-import { d as defineCustomElement$2 } from './p-b08e57cf.js';
+import { d as defineCustomElement$6 } from './p-92012dcc.js';
+import { d as defineCustomElement$5 } from './p-32a67b55.js';
+import { d as defineCustomElement$4 } from './p-4f516732.js';
+import { d as defineCustomElement$3 } from './p-f1d0dca7.js';
+import { d as defineCustomElement$2 } from './p-53a0c93d.js';
 
 const duetChoiceGroupCss = "*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex;margin-bottom:0}}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";
 
@@ -17,6 +17,7 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
   constructor() {
     super();
     this.__registerHost();
+    this.choiceGroupName = "duet-choice-group";
     /**
      * Direction of the choice group.
      */
@@ -71,7 +72,7 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
         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
@@ -155,7 +156,7 @@ const DuetChoiceGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
    * Always the last one in the class.
    */
   render() {
-    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("slot", null)))));
+    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: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, h("slot", null)))));
   }
   get element() { return this; }
   static get watchers() { return {

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

@@ -1,17 +1,17 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-3fc2d124.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-1ad6b04e.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { D as DuetStringsExternalDefaults } from './p-76f00bd5.js';
 import { c as createID } from './p-c1325e35.js';
 import { F as FocusGuard } from './p-0b8f16f1.js';
 import { i as isKeyboardClick, a as isQuestionKey, b as isEscapeKey } from './p-d8549efe.js';
 import { g as getLocaleString, a as getLanguage } from './p-ede854e1.js';
-import { d as defineCustomElement$5 } from './p-e5c8a58f.js';
-import { d as defineCustomElement$4 } from './p-7739604d.js';
-import { d as defineCustomElement$3 } from './p-81c9b244.js';
-import { d as defineCustomElement$2 } from './p-b08e57cf.js';
+import { d as defineCustomElement$5 } from './p-92012dcc.js';
+import { d as defineCustomElement$4 } from './p-4f516732.js';
+import { d as defineCustomElement$3 } from './p-ee9a63c3.js';
+import { d as defineCustomElement$2 } from './p-53a0c93d.js';
 
 var messagingInfo={"title":"messaging-info","tags":"messaging info information circle","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z\"/><circle cx=\"11.625\" cy=\"7.125\" r=\"1.125\"/><path d=\"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z\"/></svg>"};
 
@@ -21,7 +21,7 @@ const DuetChoice$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
   constructor() {
     super();
     this.__registerHost();
-    this.duetChange = createEvent(this, "duetChange", 7);
+    this.duetChange = createEvent(this, "duetChange", 5);
     this.duetFocus = createEvent(this, "duetFocus", 7);
     this.duetBlur = createEvent(this, "duetBlur", 7);
     this.hasHeader = false;
@@ -181,11 +181,13 @@ const DuetChoice$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
      * 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;
@@ -197,8 +199,6 @@ const DuetChoice$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
         value: this.value,
         component: "duet-choice",
       });
-      ev.preventDefault();
-      ev.stopPropagation();
     };
     this.toggleInfo = () => {
       this.isInfoOpen = !this.isInfoOpen;

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-3fc2d124.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-1ad6b04e.js';
 import { a as actionArrowDownSmall } from './p-115c79b6.js';
 import { f as font_size_medium, t as tokens } from './p-02305a1e.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 import { i as isKeyboardClick } from './p-d8549efe.js';
 import { s as sanitizeString } from './p-5a9d75e1.js';
-import { d as defineCustomElement$2 } from './p-7739604d.js';
+import { d as defineCustomElement$2 } from './p-4f516732.js';
 
 const duetCollapsibleCss = "*.sc-duet-collapsible,*.sc-duet-collapsible::after,*.sc-duet-collapsible::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-collapsible-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d}.duet-theme-turva.sc-duet-collapsible-h{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}.duet-m-0.sc-duet-collapsible-h{margin:0 !important}.duet-collapsible-content.sc-duet-collapsible{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:#00294d}@media (max-width: 35.9375em){.duet-collapsible-content.sc-duet-collapsible{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva.sc-duet-collapsible{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}[open].sc-duet-collapsible-h .duet-collapsible-content.sc-duet-collapsible{display:block}.duet-collapsible-heading.sc-duet-collapsible{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:#00294d;cursor:pointer;border-radius:4px}.duet-collapsible-heading.duet-collapsible-normal-weight.sc-duet-collapsible{font-weight:400}.duet-collapsible-heading.duet-theme-turva.sc-duet-collapsible{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}.duet-collapsible-heading.sc-duet-collapsible .duet-collapsible-heading-content.sc-duet-collapsible{flex:1}.duet-collapsible-heading.sc-duet-collapsible:focus{outline:0}.user-is-tabbing.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-collapsible-h .duet-collapsible-heading.sc-duet-collapsible:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon.sc-duet-collapsible{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:#00294d;transition:transform 300ms ease}.duet-collapsible-heading-icon.sc-duet-collapsible:last-child,.duet-collapsible-heading-icon.sc-duet-collapsible:last-of-type{margin-right:0 !important}[aria-expanded=true].sc-duet-collapsible .duet-collapsible-heading-icon.sc-duet-collapsible{transform:rotate(180deg)}";
 

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

@@ -1,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-3fc2d124.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-1ad6b04e.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { d as debounce } from './p-0b3f675e.js';
 import { c as isEnterKey, b as isEscapeKey, d as isTabKey, e as isArrowUpKey, f as isArrowDownKey } from './p-d8549efe.js';
 import { g as getLocaleString, a as getLanguage } from './p-ede854e1.js';
 import { p as parsePossibleJSON } from './p-5a9d75e1.js';
 import { h, F as Fragment } from './p-b9058029.js';
-import { d as defineCustomElement$3 } from './p-7739604d.js';
-import { d as defineCustomElement$2 } from './p-b08e57cf.js';
+import { d as defineCustomElement$3 } from './p-4f516732.js';
+import { d as defineCustomElement$2 } from './p-53a0c93d.js';
 
 const SelectSingle = ({ item, search = "", selected }) => {
   const regEx = search !== "" ? new RegExp("(" + search.split(" ").join("|") + ")", "gi") : undefined;

package/lib/dist-custom-elements/duet-cookie-consent.js

@@ -1,13 +1,13 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-3fc2d124.js';
+import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-1ad6b04e.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$6 } from './p-e294c0fb.js';
-import { d as defineCustomElement$5 } from './p-7739604d.js';
-import { d as defineCustomElement$4 } from './p-81c9b244.js';
-import { d as defineCustomElement$3 } from './p-3d987b87.js';
-import { d as defineCustomElement$2 } from './p-b08e57cf.js';
+import { d as defineCustomElement$6 } from './p-4c52333e.js';
+import { d as defineCustomElement$5 } from './p-4f516732.js';
+import { d as defineCustomElement$4 } from './p-ee9a63c3.js';
+import { d as defineCustomElement$3 } from './p-6cae0682.js';
+import { d as defineCustomElement$2 } from './p-53a0c93d.js';
 
 const duetCookieConsentCss = "*,*::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;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;color:white !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.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\";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:white !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+\") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
 

package/lib/dist-custom-elements/duet-date-picker.js

@@ -1,19 +1,19 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-3fc2d124.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, b as Host } from './p-1ad6b04e.js';
 import { i as inheritGlobalTheme } from './p-4ebf1618.js';
 import { c as createID } from './p-c1325e35.js';
 import { F as FocusGuard } from './p-0b8f16f1.js';
 import { a as getLanguage, g as getLocaleString } from './p-ede854e1.js';
 import { h } from './p-b9058029.js';
-import { d as defineCustomElement$8 } from './p-0a928609.js';
-import { d as defineCustomElement$7 } from './p-e5c8a58f.js';
-import { d as defineCustomElement$6 } from './p-7739604d.js';
-import { d as defineCustomElement$5 } from './p-65d3ead5.js';
-import { d as defineCustomElement$4 } from './p-16d518fd.js';
-import { d as defineCustomElement$3 } from './p-88511d7a.js';
-import { d as defineCustomElement$2 } from './p-b08e57cf.js';
+import { d as defineCustomElement$8 } from './p-e121eb6d.js';
+import { d as defineCustomElement$7 } from './p-92012dcc.js';
+import { d as defineCustomElement$6 } from './p-4f516732.js';
+import { d as defineCustomElement$5 } from './p-8f69f7ca.js';
+import { d as defineCustomElement$4 } from './p-fb6be4e4.js';
+import { d as defineCustomElement$3 } from './p-f1d0dca7.js';
+import { d as defineCustomElement$2 } from './p-53a0c93d.js';
 
 const formatOptionsShort = { day: "numeric", month: "long" };
 const formatOptionsLong = { day: "numeric", month: "long", year: "numeric" };