@duetds/components 6.0.4 → 6.0.5

package/lib/esm/duet-choice_2.entry.js

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
 import { c as createID } from './create-id-981107da.js';
-import { F as FocusGuard } from './focus-utils-236f580e.js';
+import { F as FocusGuard } from './focus-utils-b515b88b.js';
 import { i as isKeyboardClick, h as isQuestionKey, f as isEscapeKey } from './keyboard-utils-88ea1007.js';
 import { g as getLocaleString, a as getLanguage } from './language-utils-bf701d37.js';
 import { f as findCheckedOption, w as watchForOptions } from './watch-options-dd55bce8.js';
@@ -18,7 +18,7 @@ const duetChoiceCss = "*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice
 const DuetChoice = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    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;
@@ -178,11 +178,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;
@@ -194,8 +196,6 @@ const DuetChoice = class {
         value: this.value,
         component: "duet-choice",
       });
-      ev.preventDefault();
-      ev.stopPropagation();
     };
     this.toggleInfo = () => {
       this.isInfoOpen = !this.isInfoOpen;
@@ -320,6 +320,7 @@ const duetChoiceSelector = ":scope duet-choice:not(:scope duet-choice duet-choic
 const DuetChoiceGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.choiceGroupName = "duet-choice-group";
     /**
      * Direction of the choice group.
      */
@@ -374,7 +375,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
@@ -458,7 +459,7 @@ const DuetChoiceGroup = class {
    * 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 getElement(this); }
   static get watchers() { return {

package/lib/esm/duet-collapsible.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { a as actionArrowDownSmall } from './action-arrow-down-small-82273dc8.js';
 import { f as font_size_medium, t as tokens } from './tokens-b9d87fda.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';

package/lib/esm/duet-combobox.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-b601aac1.js';
+import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { d as debounce } from './js-utils-fa98b8cd.js';
 import { n as isEnterKey, f as isEscapeKey, o as isTabKey, b as isArrowUpKey, c as isArrowDownKey } from './keyboard-utils-88ea1007.js';

package/lib/esm/duet-cookie-consent.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.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/esm/duet-date-picker.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-b601aac1.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
-import { F as FocusGuard } from './focus-utils-236f580e.js';
+import { F as FocusGuard } from './focus-utils-b515b88b.js';
 import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
 import './string-utils-5954f458.js';
 

package/lib/esm/duet-divider_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, g as getElement, H as Host } from './index-b601aac1.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.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/esm/duet-editable-table_3.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-b601aac1.js';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { f as fieldSorter, d as debounce } from './js-utils-fa98b8cd.js';
 import { i as isKeyboardClick } from './keyboard-utils-88ea1007.js';

package/lib/esm/duet-empty-state.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-b601aac1.js';
+import { r as registerInstance, h, H as Host } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.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/esm/duet-fieldset.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 

package/lib/esm/duet-footer.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent$1, h, F as Fragment, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, c as createEvent$1, h, F as Fragment, g as getElement } from './index-d8c3ba71.js';
 import { a as actionNewWindowSmall } from './action-new-window-small-1945be91.js';
 import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';

package/lib/esm/duet-grid_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, g as getElement, H as Host } from './index-b601aac1.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './index-d8c3ba71.js';
 import { m as media_query_large, a as media_query_medium, b as media_query_small } from './tokens-b9d87fda.js';
 import { w as watchForOptions, a as watchForElement } from './watch-options-dd55bce8.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';

package/lib/esm/duet-header_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { h, r as registerInstance, c as createEvent$1, B as Build, H as Host, F as Fragment, g as getElement } from './index-b601aac1.js';
+import { h, r as registerInstance, c as createEvent$1, B as Build, H as Host, F as Fragment, g as getElement } from './index-d8c3ba71.js';
 import { f as formSearch } from './form-search-ea8e19ae.js';
 import { m as media_query_large } from './tokens-b9d87fda.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.es6-61b5e9a4.js';

package/lib/esm/duet-hero.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8c3ba71.js';
 import { a as actionNewWindowSmall } from './action-new-window-small-1945be91.js';
 import { D as DuetStringsExternalDefaults } from './common-strings-97e04e4b.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';

package/lib/esm/duet-icon.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { E as Env, r as registerInstance, h, H as Host, g as getElement } from './index-b601aac1.js';
+import { E as Env, r as registerInstance, h, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { g as getColorByName } from './token-utils-ebf797ab.js';
 import './tokens.module-385c4cf8.js';

package/lib/esm/duet-input_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { f as formSearch } from './form-search-ea8e19ae.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';

package/lib/esm/duet-layout.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { i as isInternetExplorer } from './is-internet-explorer-62b3bdbd.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/esm/duet-list_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, g as getElement, H as Host } from './index-b601aac1.js';
+import { r as registerInstance, h, g as getElement, H as Host } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { w as watchForOptions } from './watch-options-dd55bce8.js';
 

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

@@ -1,11 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d8c3ba71.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.es6-61b5e9a4.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
-import { f as focusElement, F as FocusGuard } from './focus-utils-236f580e.js';
+import { f as focusElement, F as FocusGuard } from './focus-utils-b515b88b.js';
 import { f as isEscapeKey } from './keyboard-utils-88ea1007.js';
 import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
 import './string-utils-5954f458.js';

package/lib/esm/duet-notification_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, h, g as getElement } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';
 import { a as actionArrowDownSmall } from './action-arrow-down-small-82273dc8.js';

package/lib/esm/duet-number-input.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { a as isArrowRightKey, b as isArrowUpKey, c as isArrowDownKey, d as isArrowLeftKey, e as isBackspaceKey } from './keyboard-utils-88ea1007.js';

package/lib/esm/duet-pagination_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { d as debounce } from './js-utils-fa98b8cd.js';
@@ -341,7 +341,7 @@ const DuetRangeStepper = class {
     this.stepIndex = 1;
     /**
      * How big is the step
-     * @default 99
+     * @default 50
      */
     this.stepSize = 50;
     /**
@@ -379,30 +379,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);
       }
     }
   }
@@ -418,22 +421,17 @@ const DuetRangeStepper = class {
   }
   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/esm/duet-progress.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { g as getLocaleString } from './language-utils-bf701d37.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { f as findCheckedOption, w as watchForOptions } from './watch-options-dd55bce8.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { c as colorPrimaryTurva, a as colorGrayTurva, b as colorPrimary, d as colorGray } from './tokens.module-385c4cf8.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-b601aac1.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { g as getLocaleString, a as getLanguage } from './language-utils-bf701d37.js';
 import { c as createID } from './create-id-981107da.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { p as parsePossibleJSON } from './string-utils-5954f458.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-b601aac1.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { i as isKeyboardClick } from './keyboard-utils-88ea1007.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { c as cleanValue } from './input-utils-de45e099.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-d8c3ba71.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';
 import { a as getLanguage, g as getLocaleString } from './language-utils-bf701d37.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-b601aac1.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-d8c3ba71.js';
 import { s as sizeHeader } from './tokens.module-385c4cf8.js';
 import { i as inheritGlobalTheme } from './themeable-component-cb76be7c.js';
 import { c as createID } from './create-id-981107da.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-b601aac1.js';
+import { r as registerInstance, h, H as Host } from './index-d8c3ba71.js';
 
 const DuetUploadAriaStatus = class {
   constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host } from './index-b601aac1.js';
+import { r as registerInstance, h, H as Host } from './index-d8c3ba71.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/esm/duet.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { d as doc, N as NAMESPACE, w as win, p as promiseResolve, b as bootstrapLazy } from './index-b601aac1.js';
+import { d as doc, N as NAMESPACE, w as win, p as promiseResolve, b as bootstrapLazy } from './index-d8c3ba71.js';
 import { g as globalScripts } from './app-globals-6641e444.js';
 
 /*

package/lib/esm/{focus-utils-236f580e.js → focus-utils-b515b88b.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { h } from './index-b601aac1.js';
+import { h } from './index-d8c3ba71.js';
 
 const focusElement = (element) => {
   if ("setFocus" in element) {

package/lib/esm/{index-b601aac1.js → index-d8c3ba71.js}

@@ -2,7 +2,7 @@
  * Built with Duet Design System
  */
 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/esm/loader.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as promiseResolve, b as bootstrapLazy } from './index-b601aac1.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-d8c3ba71.js';
 import { g as globalScripts } from './app-globals-6641e444.js';
 
 /*

package/lib/esm-es5/duet-action-button.entry.js

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(t,e,n,o){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,a){function r(t){try{c(o.next(t))}catch(e){a(e)}}function s(t){try{c(o["throw"](t))}catch(e){a(e)}}function c(t){t.done?n(t.value):i(t.value).then(r,s)}c((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,i,a,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(e){return c([t,e])}}function c(r){if(o)throw new TypeError("Generator is already executing.");while(n)try{if(o=1,i&&(a=r[0]&2?i["return"]:r[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,r[1])).done)return a;if(i=0,a)r=[r[0]&2,a.value];switch(r[0]){case 0:case 1:a=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;i=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!a||r[1]>a[0]&&r[1]<a[3])){n.label=r[1];break}if(r[0]===6&&n.label<a[1]){n.label=a[1];a=r;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(r);break}if(a[2])n.ops.pop();n.trys.pop();continue}r=e.call(t,n)}catch(s){r=[6,s];i=0}finally{o=a=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b601aac1.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{d as debounce}from"./js-utils-fa98b8cd.js";import{i as isKeyboardClick}from"./keyboard-utils-88ea1007.js";import{g as getLocaleString}from"./language-utils-bf701d37.js";import{c as capitalizeFirstLetter,g as getColorByName,s as shadeRGBColor}from"./token-utils-ebf797ab.js";import"./string-utils-5954f458.js";import"./tokens.module-385c4cf8.js";var duetActionButtonCss="*,*::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:inline-block;margin:0 auto}button.duet-action-button{white-space:nowrap}button.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px !important;color:#00294d;cursor:pointer;background:#f5f8fa;border-radius:50%;transition:background-color 300ms ease !important}.duet-theme-turva button.duet-action-button{color:#171c3a;background:#f5f5f7}button.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){button.duet-action-button{width:32px;height:32px}}button.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-theme-turva button.duet-action-button:not(:disabled):hover{background:#e9e9eb}button.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva button.duet-action-button:focus{box-shadow:0 0 0 2px #171c3a !important}button.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-theme-turva button.duet-action-button:active:focus{background:#ddddde !important}button.duet-action-button:disabled{color:#909599;cursor:default;background:#f5f8fa;opacity:0.75}.duet-theme-turva button.duet-action-button:disabled{color:#747475;background:#f5f5f7}";var DuetActionButton=function(){function t(t){var e=this;registerInstance(this,t);this.duetActionEvent=createEvent(this,"duetActionEvent",6);this.listId=createID("duet-action-button");this.numbersStore="";this.theme="";this.iconName="action-arrow-left-small";this.iconColor="currentColor";this.iconSize="xx-small";this.actionName="default-action";this.actionId=undefined;this.actionMeta=undefined;this.disabled=false;this.color="";this.background="";this.accessibleTitle=true;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLabelsDefaults={en:{label:"Click to activate action"},fi:{label:"Klikkaa toiminnon aktivointiin"},sv:{label:"Klicka för att aktivera åtgärd"}};this.accessibleLabels=getLocaleString(this.accessibleLabelsDefaults);this.accessibleControls="";this.emitPageEvent=debounce((function(t){e.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:e.actionId,name:e.actionName,meta:e.actionMeta,id:e.listId})}))}t.prototype.onKeyboardDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(isKeyboardClick(t)){this.emitPageEvent(t)}return[2]}))}))};t.prototype.getTitle=function(){var t="";if(typeof this.accessibleTitle==="string"){t=this.accessibleTitle}if(this.accessibleTitle===true){t=capitalizeFirstLetter("".concat(this.actionName))}return t};t.prototype.onMouseHandler=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){t.preventDefault();this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionName,id:this.actionId,meta:this.actionMeta});return[2]}))}))};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.render=function(){var t;var e=this;var n=this.color==="currentColor"?"currentColor":getColorByName(this.color,this.theme);var o=getColorByName(this.background,this.theme);var i=o?shadeRGBColor(o,-.1):o;var a=o?"\n          button.duet-action-button {\n            background: ".concat(o," !important;\n          }\n          button.duet-action-button:not(:disabled):hover {\n            background: ").concat(i," !important;\n          }\n        "):"";var r={color:n,"border-color":getColorByName(this.iconColor,this.theme),"border-width":"1px","border-style":"solid"};return h(Host,{onKeyDown:function(t){return e.onKeyboardDown(t)}},h("style",{innerHTML:a}),h("button",{part:"button",style:r,disabled:this.disabled,id:this.listId,class:(t={"duet-action-button":true,"duet-action-button--disabled":this.disabled},t["duet-action-button--".concat(this.theme)]=this.theme!=="",t),type:"button",onClick:function(t){return e.onMouseHandler(t)},"aria-label":this.accessibleLabels.label,"aria-labelledby":this.accessibleLabelledBy,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,"aria-details":this.accessibleDetails,"aria-controls":this.accessibleControls,title:this.getTitle()},h("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize}),h("duet-visually-hidden",null,h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetActionButton.style=duetActionButtonCss;export{DuetActionButton as duet_action_button};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-d8c3ba71.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{d as debounce}from"./js-utils-fa98b8cd.js";import{i as isKeyboardClick}from"./keyboard-utils-88ea1007.js";import{g as getLocaleString}from"./language-utils-bf701d37.js";import{c as capitalizeFirstLetter,g as getColorByName,s as shadeRGBColor}from"./token-utils-ebf797ab.js";import"./string-utils-5954f458.js";import"./tokens.module-385c4cf8.js";var duetActionButtonCss="*,*::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:inline-block;margin:0 auto}button.duet-action-button{white-space:nowrap}button.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px !important;color:#00294d;cursor:pointer;background:#f5f8fa;border-radius:50%;transition:background-color 300ms ease !important}.duet-theme-turva button.duet-action-button{color:#171c3a;background:#f5f5f7}button.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){button.duet-action-button{width:32px;height:32px}}button.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-theme-turva button.duet-action-button:not(:disabled):hover{background:#e9e9eb}button.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva button.duet-action-button:focus{box-shadow:0 0 0 2px #171c3a !important}button.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-theme-turva button.duet-action-button:active:focus{background:#ddddde !important}button.duet-action-button:disabled{color:#909599;cursor:default;background:#f5f8fa;opacity:0.75}.duet-theme-turva button.duet-action-button:disabled{color:#747475;background:#f5f5f7}";var DuetActionButton=function(){function t(t){var e=this;registerInstance(this,t);this.duetActionEvent=createEvent(this,"duetActionEvent",6);this.listId=createID("duet-action-button");this.numbersStore="";this.theme="";this.iconName="action-arrow-left-small";this.iconColor="currentColor";this.iconSize="xx-small";this.actionName="default-action";this.actionId=undefined;this.actionMeta=undefined;this.disabled=false;this.color="";this.background="";this.accessibleTitle=true;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLabelsDefaults={en:{label:"Click to activate action"},fi:{label:"Klikkaa toiminnon aktivointiin"},sv:{label:"Klicka för att aktivera åtgärd"}};this.accessibleLabels=getLocaleString(this.accessibleLabelsDefaults);this.accessibleControls="";this.emitPageEvent=debounce((function(t){e.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:e.actionId,name:e.actionName,meta:e.actionMeta,id:e.listId})}))}t.prototype.onKeyboardDown=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(isKeyboardClick(t)){this.emitPageEvent(t)}return[2]}))}))};t.prototype.getTitle=function(){var t="";if(typeof this.accessibleTitle==="string"){t=this.accessibleTitle}if(this.accessibleTitle===true){t=capitalizeFirstLetter("".concat(this.actionName))}return t};t.prototype.onMouseHandler=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){t.preventDefault();this.duetActionEvent.emit({component:"duet-action-button",originalEvent:t,action:this.actionName,id:this.actionId,meta:this.actionMeta});return[2]}))}))};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.render=function(){var t;var e=this;var n=this.color==="currentColor"?"currentColor":getColorByName(this.color,this.theme);var o=getColorByName(this.background,this.theme);var i=o?shadeRGBColor(o,-.1):o;var a=o?"\n          button.duet-action-button {\n            background: ".concat(o," !important;\n          }\n          button.duet-action-button:not(:disabled):hover {\n            background: ").concat(i," !important;\n          }\n        "):"";var r={color:n,"border-color":getColorByName(this.iconColor,this.theme),"border-width":"1px","border-style":"solid"};return h(Host,{onKeyDown:function(t){return e.onKeyboardDown(t)}},h("style",{innerHTML:a}),h("button",{part:"button",style:r,disabled:this.disabled,id:this.listId,class:(t={"duet-action-button":true,"duet-action-button--disabled":this.disabled},t["duet-action-button--".concat(this.theme)]=this.theme!=="",t),type:"button",onClick:function(t){return e.onMouseHandler(t)},"aria-label":this.accessibleLabels.label,"aria-labelledby":this.accessibleLabelledBy,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,"aria-details":this.accessibleDetails,"aria-controls":this.accessibleControls,title:this.getTitle()},h("duet-icon",{part:"icon",name:this.iconName,color:this.iconColor,margin:"none",size:this.iconSize}),h("duet-visually-hidden",null,h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetActionButton.style=duetActionButtonCss;export{DuetActionButton as duet_action_button};

package/lib/esm-es5/duet-alert.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,c as createEvent,h,H as Host}from"./index-b601aac1.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{g as getLocaleString}from"./language-utils-bf701d37.js";import"./string-utils-5954f458.js";var duetAlertCss='*,*::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%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}: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}:host(.duet-alert-is-dismissed){max-height:0;visibility:hidden;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert{margin-bottom:16px !important;position:relative;width:100%;padding:16px;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;line-height:1.25;color:#00294d;background:#f2f8fb;border:1px solid #0077b3;border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert.duet-p-0{padding:0 !important}.duet-alert.duet-m-0{margin:0 !important}.duet-alert.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";color:#171c3a;background:#f3f4f5;border-color:#171c3a}.duet-alert.warning{background:#fffbf4;border-color:#f7b228}.duet-alert.warning.duet-theme-turva{background:#fffaf3;border-color:#faa40f}.duet-alert.danger{background:#fdf4f7;border-color:#de2362}.duet-alert.danger.duet-theme-turva{background:#fdf4f3;border-color:#e02a0d}.duet-alert.success{background:#f2f9f7;border-color:#00875a}.duet-alert.success.duet-theme-turva{background:#f3f9f6;border-color:#08874e}.duet-alert-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-is-dismissible .duet-alert-container{text-align:left}';var DuetAlert=function(){function e(e){var t=this;registerInstance(this,e);this.duetDismiss=createEvent(this,"duetDismiss",7);this.descriptiveId=createID("DuetAlert");this.theme="";this.isDismissed=false;this.accessibleLabelDefaults={fi:"Sulje viesti",sv:"Stäng meddelandet",en:"Close the message"};this.accessibleLabel=getLocaleString(this.accessibleLabelDefaults);this.announcements=true;this.icon="";this.margin="auto";this.padding="auto";this.variation="default";this.dismissible=false;this.handleDismiss=function(e){t.isDismissed=true;t.duetDismiss.emit({component:"duet-alert",originalEvent:e})}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.componentDidLoad=function(){var e=this;if(this.autoDismiss){this.timeoutID=setTimeout((function(){return e.handleDismiss()}),this.autoDismiss)}};e.prototype.disconnectedCallback=function(){if(this.timeoutID){clearTimeout(this.timeoutID)}};e.prototype.render=function(){var e;var t=this.theme==="turva"?"secondary-turva":"secondary";var i=this.variation==="danger"||this.variation==="warning"?"alert":"status";return h(Host,{class:{"duet-theme-turva":this.theme==="turva","duet-alert-is-dismissed":this.isDismissed},role:this.announcements?i:undefined},h("div",{class:(e={"duet-alert":true,"duet-alert-has-icon":!!this.icon,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},e[this.variation]=true,e["duet-theme-turva"]=this.theme==="turva",e)},h("div",{class:"duet-alert-container"},this.icon&&h("div",{class:"duet-alert-icon"},h("duet-icon",{size:"auto",name:this.icon,color:"currentColor"})),h("span",{id:this.descriptiveId},h("slot",null))),this.dismissible&&h("div",{class:"duet-alert-dismiss"},h("duet-button",{variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,color:t,iconSize:"medium",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:this.handleDismiss,fixed:true}))))};return e}();DuetAlert.style=duetAlertCss;export{DuetAlert as duet_alert};
+import{r as registerInstance,c as createEvent,h,H as Host}from"./index-d8c3ba71.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{g as getLocaleString}from"./language-utils-bf701d37.js";import"./string-utils-5954f458.js";var duetAlertCss='*,*::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%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}: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}:host(.duet-alert-is-dismissed){max-height:0;visibility:hidden;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert{margin-bottom:16px !important;position:relative;width:100%;padding:16px;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;line-height:1.25;color:#00294d;background:#f2f8fb;border:1px solid #0077b3;border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert.duet-p-0{padding:0 !important}.duet-alert.duet-m-0{margin:0 !important}.duet-alert.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";color:#171c3a;background:#f3f4f5;border-color:#171c3a}.duet-alert.warning{background:#fffbf4;border-color:#f7b228}.duet-alert.warning.duet-theme-turva{background:#fffaf3;border-color:#faa40f}.duet-alert.danger{background:#fdf4f7;border-color:#de2362}.duet-alert.danger.duet-theme-turva{background:#fdf4f3;border-color:#e02a0d}.duet-alert.success{background:#f2f9f7;border-color:#00875a}.duet-alert.success.duet-theme-turva{background:#f3f9f6;border-color:#08874e}.duet-alert-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-is-dismissible .duet-alert-container{text-align:left}';var DuetAlert=function(){function e(e){var t=this;registerInstance(this,e);this.duetDismiss=createEvent(this,"duetDismiss",7);this.descriptiveId=createID("DuetAlert");this.theme="";this.isDismissed=false;this.accessibleLabelDefaults={fi:"Sulje viesti",sv:"Stäng meddelandet",en:"Close the message"};this.accessibleLabel=getLocaleString(this.accessibleLabelDefaults);this.announcements=true;this.icon="";this.margin="auto";this.padding="auto";this.variation="default";this.dismissible=false;this.handleDismiss=function(e){t.isDismissed=true;t.duetDismiss.emit({component:"duet-alert",originalEvent:e})}}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.componentDidLoad=function(){var e=this;if(this.autoDismiss){this.timeoutID=setTimeout((function(){return e.handleDismiss()}),this.autoDismiss)}};e.prototype.disconnectedCallback=function(){if(this.timeoutID){clearTimeout(this.timeoutID)}};e.prototype.render=function(){var e;var t=this.theme==="turva"?"secondary-turva":"secondary";var i=this.variation==="danger"||this.variation==="warning"?"alert":"status";return h(Host,{class:{"duet-theme-turva":this.theme==="turva","duet-alert-is-dismissed":this.isDismissed},role:this.announcements?i:undefined},h("div",{class:(e={"duet-alert":true,"duet-alert-has-icon":!!this.icon,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},e[this.variation]=true,e["duet-theme-turva"]=this.theme==="turva",e)},h("div",{class:"duet-alert-container"},this.icon&&h("div",{class:"duet-alert-icon"},h("duet-icon",{size:"auto",name:this.icon,color:"currentColor"})),h("span",{id:this.descriptiveId},h("slot",null))),this.dismissible&&h("div",{class:"duet-alert-dismiss"},h("duet-button",{variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,color:t,iconSize:"medium",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:this.handleDismiss,fixed:true}))))};return e}();DuetAlert.style=duetAlertCss;export{DuetAlert as duet_alert};