@duetds/components 6.0.4 → 6.0.5

package/hydrate/index.js

@@ -7391,7 +7391,7 @@ const duetChoiceCss = "*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice
 class DuetChoice {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.duetChange = createEvent$2(this, "duetChange", 7);
+    this.duetChange = createEvent$2(this, "duetChange", 5);
     this.duetFocus = createEvent$2(this, "duetFocus", 7);
     this.duetBlur = createEvent$2(this, "duetBlur", 7);
     this.hasHeader = false;
@@ -7551,11 +7551,13 @@ 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;
@@ -7567,8 +7569,6 @@ class DuetChoice {
         value: this.value,
         component: "duet-choice",
       });
-      ev.preventDefault();
-      ev.stopPropagation();
     };
     this.toggleInfo = () => {
       this.isInfoOpen = !this.isInfoOpen;
@@ -7788,6 +7788,7 @@ const duetChoiceSelector = ":scope duet-choice:not(:scope duet-choice duet-choic
 class DuetChoiceGroup {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.choiceGroupName = "duet-choice-group";
     /**
      * Direction of the choice group.
      */
@@ -7842,7 +7843,7 @@ 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
@@ -7904,7 +7905,7 @@ class DuetChoiceGroup {
    * Always the last one in the class.
    */
   render() {
-    return (hAsync(Host, { onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, hAsync("duet-fieldset", { label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme }, this.tooltip && (hAsync("duet-tooltip", { slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("div", { class: { "duet-choice-group": true, "duet-no-stacking": !this.responsive } }, hAsync("slot", null)))));
+    return (hAsync(Host, { onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, hAsync("duet-fieldset", { label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme }, this.tooltip && (hAsync("duet-tooltip", { slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), hAsync("div", { class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, hAsync("slot", null)))));
   }
   get element() { return getElement(this); }
   static get watchers() { return {
@@ -14934,7 +14935,7 @@ class DuetRangeStepper {
     this.stepIndex = 1;
     /**
      * How big is the step
-     * @default 99
+     * @default 50
      */
     this.stepSize = 50;
     /**
@@ -14972,30 +14973,33 @@ 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);
       }
     }
   }
@@ -15011,22 +15015,17 @@ 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() {

package/lib/cjs/duet-action-button.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 jsUtils = require('./js-utils-134e0318.js');

package/lib/cjs/duet-alert.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-badge.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 duetBadgeCss = "*,*::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;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{width:100%;padding:4.4444444444px 12px 5.4444444444px;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.75rem;font-style:normal;font-weight:600;line-height:1.25;color:#00294d;text-align:center;word-break:break-word;vertical-align:middle;background:#e6f1f7;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700;color:#171c3a;background:#e8e8eb}.duet-badge.warning{background:#fef3df}.duet-badge.warning.duet-theme-turva{background:#fef1db}.duet-badge.danger{background:#fce9ef}.duet-badge.danger.duet-theme-turva{background:#fceae7}.duet-badge.success{background:#e6f3ef}.duet-badge.success.duet-theme-turva{background:#e6f3ed}";

package/lib/cjs/duet-breadcrumb.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 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/cjs/duet-breadcrumbs.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');
 require('./string-utils-5cadd058.js');

package/lib/cjs/duet-button_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 commonStrings = require('./common-strings-de17f887.js');
 const languageUtils = require('./language-utils-4f62a7db.js');

package/lib/cjs/duet-caption_4.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 stringUtils = require('./string-utils-5cadd058.js');
 const tokenUtils = require('./token-utils-f6e2f4ef.js');

package/lib/cjs/duet-card.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-checkbox.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-choice_2.cjs.entry.js

@@ -5,11 +5,11 @@
 
 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 commonStrings = require('./common-strings-de17f887.js');
 const createId = require('./create-id-c3b984b1.js');
-const focusUtils = require('./focus-utils-8a615003.js');
+const focusUtils = require('./focus-utils-bbba1f98.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');
 const languageUtils = require('./language-utils-4f62a7db.js');
 const watchOptions = require('./watch-options-d88afac0.js');
@@ -22,7 +22,7 @@ const duetChoiceCss = "*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice
 const DuetChoice = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.duetChange = index.createEvent(this, "duetChange", 7);
+    this.duetChange = index.createEvent(this, "duetChange", 5);
     this.duetFocus = index.createEvent(this, "duetFocus", 7);
     this.duetBlur = index.createEvent(this, "duetBlur", 7);
     this.hasHeader = false;
@@ -182,11 +182,13 @@ const DuetChoice = class {
      * 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;
@@ -198,8 +200,6 @@ const DuetChoice = class {
         value: this.value,
         component: "duet-choice",
       });
-      ev.preventDefault();
-      ev.stopPropagation();
     };
     this.toggleInfo = () => {
       this.isInfoOpen = !this.isInfoOpen;
@@ -324,6 +324,7 @@ const duetChoiceSelector = ":scope duet-choice:not(:scope duet-choice duet-choic
 const DuetChoiceGroup = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.choiceGroupName = "duet-choice-group";
     /**
      * Direction of the choice group.
      */
@@ -378,7 +379,7 @@ const DuetChoiceGroup = class {
         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
@@ -462,7 +463,7 @@ const DuetChoiceGroup = class {
    * Always the last one in the class.
    */
   render() {
-    return (index.h(index.Host, { onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, index.h("duet-fieldset", { label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme }, this.tooltip && (index.h("duet-tooltip", { slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), index.h("div", { class: { "duet-choice-group": true, "duet-no-stacking": !this.responsive } }, index.h("slot", null)))));
+    return (index.h(index.Host, { onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, index.h("duet-fieldset", { label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme }, this.tooltip && (index.h("duet-tooltip", { slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), index.h("div", { class: { [this.choiceGroupName]: true, "duet-no-stacking": !this.responsive } }, index.h("slot", null)))));
   }
   get element() { return index.getElement(this); }
   static get watchers() { return {

package/lib/cjs/duet-collapsible.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 actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');
 const tokens = require('./tokens-4c69b122.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');

package/lib/cjs/duet-combobox.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 jsUtils = require('./js-utils-134e0318.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');

package/lib/cjs/duet-cookie-consent.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 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/cjs/duet-date-picker.cjs.entry.js

@@ -5,10 +5,10 @@
 
 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 focusUtils = require('./focus-utils-8a615003.js');
+const focusUtils = require('./focus-utils-bbba1f98.js');
 const languageUtils = require('./language-utils-4f62a7db.js');
 require('./string-utils-5cadd058.js');
 

package/lib/cjs/duet-divider_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 duetDividerCss = "*,*::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-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:#e1e3e6}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:#e4e4e6}";

package/lib/cjs/duet-editable-table_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 jsUtils = require('./js-utils-134e0318.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');

package/lib/cjs/duet-empty-state.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 duetEmptyStateCss = "*,*::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%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:#00294d;text-align:center;background:#f5f8fa;border-radius:4px}.duet-empty-state.duet-theme-turva{color:#171c3a;background:#f5f5f7}";

package/lib/cjs/duet-fieldset.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-footer.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 actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
 const commonStrings = require('./common-strings-de17f887.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');

package/lib/cjs/duet-grid_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 tokens = require('./tokens-4c69b122.js');
 const watchOptions = require('./watch-options-d88afac0.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');

package/lib/cjs/duet-header_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 formSearch = require('./form-search-d61b2843.js');
 const tokens = require('./tokens-4c69b122.js');
 const bodyScrollLock_es6 = require('./bodyScrollLock.es6-6ef1142a.js');

package/lib/cjs/duet-hero.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 actionNewWindowSmall = require('./action-new-window-small-fa51dfb9.js');
 const commonStrings = require('./common-strings-de17f887.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');

package/lib/cjs/duet-icon.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 tokenUtils = require('./token-utils-f6e2f4ef.js');
 require('./tokens.module-1bb2d45e.js');

package/lib/cjs/duet-input_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 formSearch = require('./form-search-d61b2843.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');

package/lib/cjs/duet-layout.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 isInternetExplorer = require('./is-internet-explorer-91361c56.js');
 
 const duetLayoutCss = "*,*::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;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-layout-has-top{margin-top:0}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%;margin:72px auto 0}.duet-layout-top.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";

package/lib/cjs/duet-list_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 watchOptions = require('./watch-options-d88afac0.js');
 

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

@@ -5,11 +5,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d106d801.js');
+const index = require('./index-af927d29.js');
 const bodyScrollLock_es6 = require('./bodyScrollLock.es6-6ef1142a.js');
 const themeableComponent = require('./themeable-component-fdeaef9f.js');
 const createId = require('./create-id-c3b984b1.js');
-const focusUtils = require('./focus-utils-8a615003.js');
+const focusUtils = require('./focus-utils-bbba1f98.js');
 const keyboardUtils = require('./keyboard-utils-bb32119b.js');
 const languageUtils = require('./language-utils-4f62a7db.js');
 require('./string-utils-5cadd058.js');

package/lib/cjs/duet-notification_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 languageUtils = require('./language-utils-4f62a7db.js');
 const actionArrowDownSmall = require('./action-arrow-down-small-ef77a2d1.js');

package/lib/cjs/duet-number-input.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-pagination_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 jsUtils = require('./js-utils-134e0318.js');
@@ -345,7 +345,7 @@ const DuetRangeStepper = class {
     this.stepIndex = 1;
     /**
      * How big is the step
-     * @default 99
+     * @default 50
      */
     this.stepSize = 50;
     /**
@@ -383,30 +383,33 @@ const DuetRangeStepper = class {
     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);
       }
     }
   }
@@ -422,22 +425,17 @@ const DuetRangeStepper = class {
   }
   componentWillLoad() {
     themeableComponent.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() {

package/lib/cjs/duet-progress.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');