@duetds/components 10.0.0-alpha.7 → 10.0.0-alpha.9

package/lib/dist-custom-elements/duet-popup-menu-item.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetPopupMenuItem$1, d as defineCustomElement$1 } from './p-6560b415.js';
+import { D as DuetPopupMenuItem$1, d as defineCustomElement$1 } from './p-63963e6b.js';
 
 const DuetPopupMenuItem = DuetPopupMenuItem$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-popup-menu.js

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

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

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

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

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-548610a6.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-ad615991.js';
 import { g as getColorByName } from './p-0562173d.js';
-import { d as defineCustomElement$3 } from './p-eddef302.js';
-import { d as defineCustomElement$2 } from './p-7cebe2aa.js';
+import { d as defineCustomElement$3 } from './p-081025d8.js';
+import { d as defineCustomElement$2 } from './p-91cdfcdd.js';
 
 const duetPromoCardCss = "*,*::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:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-promo-card{display:flex;flex-direction:column;width:100%;height:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-style:normal;color:rgb(8, 42, 77);text-align:left;border-radius:20px}.duet-promo-card.duet-p-0{padding:0 !important}.duet-promo-card.duet-m-0{margin:0 !important}.duet-promo-card .content-wrapper{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.duet-promo-card .content-wrapper:focus{border-radius:20px;outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-promo-card .image{position:relative;width:100%;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;object-fit:cover}.duet-promo-card .content{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:20px}@media (min-width: 36em){.duet-promo-card .content{padding:28px}}.duet-promo-card .action{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}.duet-promo-card.no-bg-color .content{padding:20px 0 0}.duet-promo-card.no-bg-color .image{border-radius:16px}.duet-promo-card.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-promo-card.duet-theme-turva .content-wrapper:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-promo-card-link{transition:box-shadow 300ms ease}.duet-promo-card-link:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}.duet-promo-card-link:hover.duet-theme-turva{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}";
 const DuetPromoCardStyle0 = duetPromoCardCss;
@@ -56,12 +56,12 @@ const DuetPromoCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetPromoCard ext
             backgroundColor: backgroundColor ? backgroundColor : "none",
         };
         const TagName = this.url ? "a" : "div";
-        return (h(Host, { key: 'd5b99955c72ad9ac98a098e07faa2f100920e3a8', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '3fddf2e07da1d54872b4115501a4c8501df772d4', class: {
+        return (h(Host, { key: '99a3a523ca9804792e3d26b2fe2f44cf8788f499', class: { "duet-m-0": this.margin === "none" } }, h("aside", { key: '8eb59e651e552f3f868629c95c347a72a0b995d6', class: {
                 "duet-promo-card": true,
                 "duet-theme-turva": this.theme === "turva",
                 "no-bg-color": !this.backgroundColor,
                 "duet-promo-card-link": !!this.url,
-            }, style: bannerStyles }, h(TagName, { key: '4759acf08b1c43ad6213e50112fed7a54aa1787f', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: 'f4e823d21ea1fe55d3fb0afd97e8767c681e54ab', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: 'a3ca7b860f746efdf47b1caae7755c74f17a1b01', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: '953df9913050a8bac691da7e537760738a3b3efc', class: "pre-heading" }, h("slot", { key: '4066b006ad174acc657cbb0cc8411336b323df10', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: '8c09adbe223ba47efd3980b891b947e32b06abce', class: "heading" }, h("duet-heading", { key: '3f394739a9e6eafa8d5b5c9f6ef49296ed13c124', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: '1b864d1979893f3f50925c64d0675d52784b55a0' }, h("slot", { key: 'ae59853c9e214f5eed236bba9ef070aa4d07728b', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '6a422cbe30e01041a0101c845b264c2a18df65bf', class: "description" }, h("duet-paragraph", { key: '662c6a4ea80976a1d7b960e2e148dd9360e92d4a', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: '1a0028b11a43872af7de652a2ace720e5ae7e3ca' }, h("slot", { key: 'eedbb615f8ab8755b080106e4a3b16253aa203fd', name: "description" }))))), this.hasActionSlot && (h("div", { key: 'd93c8d9a830aea8ad3c8958bc88611ca5e542bed', class: "action" }, h("slot", { key: '39e0aba8c54fe6b47be4ad8f735d51832baa3b59', name: "action" }))))))));
+            }, style: bannerStyles }, h(TagName, { key: '67c66449cd7f9747924020549c6155d62829b4f2', href: this.url, class: "content-wrapper", ref: element => (this.aOrDivElement = element) }, h("img", { key: 'cac126cf7f9a7db193b307363726031b62167336', class: "image", src: this.image, alt: "", role: "presentation" }), h("div", { key: '8071631c045ed93e6bd62c612c9b1d908f3c1787', class: "content" }, this.hasPreHeadingSlot && (h("div", { key: '28bc028c6c51578ade7239ee3a97a465d2280b19', class: "pre-heading" }, h("slot", { key: 'e288ca8c4477fda34700eb895a71a22a131fca2d', name: "pre-heading" }))), this.hasHeadingSlot && (h("div", { key: 'b914a1a7e943261ef27bc33bb053a0c606f1eada', class: "heading" }, h("duet-heading", { key: '3ad22ba8a74eddb6fa6e5c7e181b02b79f8bc9af', theme: this.theme, level: this.headingLevel, "visual-level": "h3", margin: "none", color: this.textColor }, h("span", { key: 'bd2b4f58517ca81d73a876481e534158c079c19f' }, h("slot", { key: '710aee32ab320dc22c4e06b0f2dab01503d56ce4', name: "heading" }))))), this.hasDescriptionSlot && (h("div", { key: '0383f84bbf8a31012ab0533f3577811cfc22fb29', class: "description" }, h("duet-paragraph", { key: 'ddd7e8b4844058575e473783326ac6a08b4ad7f7', theme: this.theme, margin: "none", color: this.textColor }, h("span", { key: 'd56f8bd9374662a5ae5767ff43d167ebb96e4ba2' }, h("slot", { key: 'bf26792909ae05d5d466c4d6441f574da8bc8917', name: "description" }))))), this.hasActionSlot && (h("div", { key: 'fc0ffe648d30b194b1ca946f99e414222e4a31fa', class: "action" }, h("slot", { key: '735077add3c5f5b3c97762c5daed1b5e3668d4c2', name: "action" }))))))));
     }
     get element() { return this; }
     static get style() { return DuetPromoCardStyle0; }

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

@@ -1,17 +1,17 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-548610a6.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as checkNamedSlotElement } from './p-ad615991.js';
 import { f as findCheckedOption, w as watchForOptions } from './p-7d8a2628.js';
-import { d as defineCustomElement$8 } from './p-958921e7.js';
-import { d as defineCustomElement$7 } from './p-5882e967.js';
-import { d as defineCustomElement$6 } from './p-f4511d6b.js';
-import { d as defineCustomElement$5 } from './p-46aa070f.js';
-import { d as defineCustomElement$4 } from './p-d2e75481.js';
-import { d as defineCustomElement$3 } from './p-076458c1.js';
-import { d as defineCustomElement$2 } from './p-46a8132e.js';
+import { d as defineCustomElement$8 } from './p-ed6a907e.js';
+import { d as defineCustomElement$7 } from './p-8d263ac9.js';
+import { d as defineCustomElement$6 } from './p-77667998.js';
+import { d as defineCustomElement$5 } from './p-940f9ee8.js';
+import { d as defineCustomElement$4 } from './p-f6270dca.js';
+import { d as defineCustomElement$3 } from './p-592cf939.js';
+import { d as defineCustomElement$2 } from './p-196352e6.js';
 
 const duetRadioGroupCss = "*,*::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%}:host(.horizontal) .duet-radio-group{display:block}@media (min-width: 48em){:host(.horizontal) .duet-radio-group{display:flex}}:host(.horizontal) .duet-radio-group.duet-no-stacking{display:flex}.deut-radio-group{width:100%}";
 const DuetRadioGroupStyle0 = duetRadioGroupCss;
@@ -124,7 +124,7 @@ const DuetRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class DuetRadioGroup e
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '06a0092d79d87d126c715a5f80fdca32f81c4260', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, h("duet-fieldset", { key: 'b480698152e4ba0f6096e22fe5b2d2ef5719c08f', label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { key: '0bbc2332af615b1d1534fdae79d39036dec09fd0', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: '50b1bddedeb3504bd7ccccd813b537aedd68d213', name: "tooltip" }), h("div", { key: 'dbfa825c2a57227ce0ca869e4c5d7081c6fb65fb', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, h("slot", { key: '96dd9c4c5a812fdad734d74fecaaf2b10d4fd513' })))));
+        return (h(Host, { key: 'f3c3b14c2b0d936385748b6cfb3c09a0fde813ff', onDuetChange: this.onSelect, class: { horizontal: this.direction === "horizontal" } }, h("duet-fieldset", { key: 'dc64cd942714993dc800b15e44055402b833ac63', label: this.label, labelHidden: this.labelHidden, caption: this.caption, error: this.error, margin: this.margin, theme: this.theme, "accessible-live-error": this.accessibleLiveError }, this.tooltip && (h("duet-tooltip", { key: 'c4e8b11b406cf10c2d2bec5f31bf04d972a02a05', slot: "tooltip", direction: this.tooltipDirection, accessibleInputLabel: this.label }, this.tooltip)), h("slot", { key: 'c3ea1e7fe615d332469195adcd29807d5a71e16c', name: "tooltip" }), h("div", { key: '196baf0e73047d0bff685702fdf92a783563b5ec', class: { "duet-radio-group": true, "duet-no-stacking": !this.responsive } }, h("slot", { key: '52e895a33bda7b26e7b95e28219ce7466ab5234a' })))));
     }
     get element() { return this; }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7a8ebdb7.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-548610a6.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { g as getElementsFromNamedSlot, h as hasSlot } from './p-ad615991.js';
@@ -171,16 +171,16 @@ const DuetRadio$1 = /*@__PURE__*/ proxyCustomElement(class DuetRadio extends H {
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'a18e1bea800f34ba634ddbdd7ef3b2741ac05693', onClick: this.onClick, class: {
+        return (h(Host, { key: '71feb70b911cc0fba0477c38c4c78027fabb993a', onClick: this.onClick, class: {
                 horizontal: this.groupDirection === "horizontal" && !this.groupResponsive,
                 "horizontal-responsive": this.groupDirection === "horizontal" && this.groupResponsive,
                 "duet-m-0": this.margin === "none",
-            } }, h("div", { key: 'dd86df6b4f97f44ee5371a2e586d48eb6673e434', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, h("slot", { key: 'bf1968e5b50d89b25ccb6659f6b55450bf9c1d04', name: "input" }), h("label", { key: '3aa9841af26a9ad017a09c58e49f793a08f3d2a5', inert: true, ref: element => (this.labelElement = element), class: {
+            } }, h("div", { key: '26f49063c919e1f8b1985bb2cd00edccec3629e4', class: { "duet-radio-container": true, "duet-theme-turva": this.theme === "turva" } }, h("slot", { key: '0188449e087a008b708a81d62230b656f4396191', name: "input" }), h("label", { key: '517939dfd2bc7e479da99c060f25c54bf01fa74a', inert: true, ref: element => (this.labelElement = element), class: {
                 "duet-label": true,
                 checked: this.checked,
                 focus: this.focus,
                 disabled: this.disabled || this.groupDisabled,
-            } }, h("div", { key: '83ebf1480f51c230592b3c03c35d14583c7ffa8c', class: "duet-label-content" }, this.hasLabel ? h("slot", { name: "label" }) : this.label)))));
+            } }, h("div", { key: '483eac94eeac2d2b5e0fc62672d6605253cf982b', class: "duet-label-content" }, this.hasLabel ? h("slot", { name: "label" }) : this.label)))));
     }
     get element() { return this; }
     static get style() { return DuetRadioStyle0; }

package/lib/dist-custom-elements/duet-range-slider.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7a8ebdb7.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-548610a6.js';
 import { G as colorPrimaryTurva, H as colorGrayTurva, C as colorPrimary, I as colorGray } from './p-cea716f7.js';
 import { D as DuetInternalLabel } from './p-42619f94.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
@@ -126,13 +126,13 @@ const DuetRangeSlider$1 = /*@__PURE__*/ proxyCustomElement(class DuetRangeSlider
         const rangeStyles = {
             background: `-webkit-linear-gradient(left,${active} 0%,${active} ${percentage}%,${inactive} ${percentage}%)`,
         };
-        return (h(Host, { key: 'e492b2000ff8e296f160a11172b5c4d67a2f432f', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, h("div", { key: '3a79a8f3ba99b41f30550759779722373bac1168', class: {
+        return (h(Host, { key: 'a5b73233046d9c726d46880676d3518abf0e9d03', class: { "duet-m-0": this.margin === "none", "duet-expand": this.expand } }, h("div", { key: '31ebe611a5680ccab5c4c039fed7113015b40aa5', class: {
                 "duet-range-container": true,
                 "duet-label-hidden": this.labelHidden,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-ie": isInternetExplorer(),
                 "duet-range-disabled": this.disabled,
-            } }, h(DuetInternalLabel, { key: '6f9fc72159b9cf05a15b41a6fd11931ebb12b6aa', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), h("output", { key: 'f196b801a06366d9dd849a5e1ae989aad659c26a', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), h("input", { key: 'b5bcfd42814e62d2107cea6b3e3ecbcc7bcfac98', onInput: this.onInput, onChange: this.onChange, ref: input => (this.nativeInput = input), type: "range", min: this.min, max: this.max, step: this.step, value: this.value, style: rangeStyles, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} ${this.unit}`, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, id: identifier, name: this.name, disabled: this.disabled, required: this.required, class: "duet-range" }))));
+            } }, h(DuetInternalLabel, { key: 'dc2023593be13175d1ecf78cc06f6acda0ff2403', theme: theme, color: this.labelColor, weight: this.labelWeight, margin: "small", for: identifier }, this.label), h("output", { key: '91b355bc7b3c1b3ce01cd9064d0293d332705d27', "aria-hidden": "true", htmlFor: identifier, class: "duet-output" }, this.value.toLocaleString(this.locale), this.unit), h("input", { key: '087487d605107ce8e1aef0b3fb453a4fb165d28f', onInput: this.onInput, onChange: this.onChange, ref: input => (this.nativeInput = input), type: "range", min: this.min, max: this.max, step: this.step, value: this.value, style: rangeStyles, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-valuenow": this.value, "aria-valuetext": `${this.value} ${this.unit}`, "aria-controls": this.accessibleControls, "aria-activedescendant": this.accessibleActiveDescendant, "aria-owns": this.accessibleOwns, "aria-describedby": this.accessibleDescribedBy, id: identifier, name: this.name, disabled: this.disabled, required: this.required, class: "duet-range" }))));
     }
     get element() { return this; }
     static get style() { return DuetRangeSliderStyle0; }

package/lib/dist-custom-elements/duet-range-stepper.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-7a8ebdb7.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-548610a6.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { j as isArrowLeftKey, f as isArrowUpKey, o as isMinusKey, m as isArrowKey, k as isArrowRightKey, g as isArrowDownKey, p as isPlusKey } from './p-8db11326.js';
 import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { d as defineCustomElement$4 } from './p-e9666ab6.js';
-import { d as defineCustomElement$3 } from './p-f4511d6b.js';
-import { d as defineCustomElement$2 } from './p-46a8132e.js';
+import { d as defineCustomElement$4 } from './p-b322feac.js';
+import { d as defineCustomElement$3 } from './p-77667998.js';
+import { d as defineCustomElement$2 } from './p-196352e6.js';
 
 const duetRangeStepperCss = "*,*::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}.duet-range-stepper{display:flex;flex-wrap:wrap;gap:0;align-items:baseline;justify-content:center;min-width:30px;min-height:30px;font-weight:600;text-decoration:none;border-left-width:0}.duet-range-stepper{white-space:nowrap}.duet-range-stepper .duet-range-step-counter{font-weight:600;color:rgb(8, 42, 77)}.duet-range-stepper ::part(button){border:0}";
 const DuetRangeStepperStyle0 = duetRangeStepperCss;
@@ -173,10 +173,10 @@ const DuetRangeStepper$1 = /*@__PURE__*/ proxyCustomElement(class DuetRangeStepp
      * Always the last one in the class.
      */
     render() {
-        return (h("div", { key: 'c9b11ce90897f1f447451ee5fb9a6c6e6beb6f28', class: {
+        return (h("div", { key: '92bfdf2b82bf4c6c299cbbc288a81c13449b0edc', class: {
                 "duet-range-stepper": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, h("span", { key: '4398c6aa7367285c372aea99bcc75a3eeea66c7a', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), h("duet-action-button", { key: '315adfd1f29f46f3e04f97b06b3fcd5906dd294c', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), h("duet-action-button", { key: '045f85fb0942d3841b51bfc1dfcc954d41b0554d', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
+            }, onKeyDown: e => this.onKeyboardDown(e), "aria-controls": this.ariaControls }, h("span", { key: 'c0c007aa816eec8a7ae151b272b3bc948cba4a94', class: "duet-range-step-counter", part: "range-numbers" }, this.generateStepSize()), h("duet-action-button", { key: '86d4d9ed69039243ca294fc4158237d08ddf7083', disabled: this.disabled || this.buttonLeftDisabled, class: "duet-range-step-button duet-range-step-minus", onClick: e => this.handleClick(e, -1), id: this.leftBn, "accessible-label": `${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`, ref: el => (this.leftBnRef = el), part: "navigation-arrow", iconName: "action-arrow-left-small", title: "" }), h("duet-action-button", { key: '0807cc9746426dfca2540572c26e8987de685d58', disabled: this.disabled || this.buttonRightDisabled, class: "duet-range-step-button duet-range-step-plus", onClick: e => this.handleClick(e, 1), "accessible-label": `${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`, id: this.rightBn, ref: el => (this.rightBnRef = el), part: "navigation-arrow", iconName: "action-arrow-right-small", title: "" })));
     }
     get element() { return this; }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetScrollable$1, d as defineCustomElement$1 } from './p-55b83dec.js';
+import { D as DuetScrollable$1, d as defineCustomElement$1 } from './p-5d871374.js';
 
 const DuetScrollable = DuetScrollable$1;
 const defineCustomElement = defineCustomElement$1;

package/lib/dist-custom-elements/duet-section-layout.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-548610a6.js';
 import { i as isInternetExplorer } from './p-43b89e38.js';
 
-const duetSectionLayoutCss = "*,*::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-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}}";
+const duetSectionLayoutCss = "*,*::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) .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-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}}";
 const DuetSectionLayoutStyle0 = duetSectionLayoutCss;
 
 const DuetSectionLayout$1 = /*@__PURE__*/ proxyCustomElement(class DuetSectionLayout extends H {
@@ -21,13 +21,13 @@ const DuetSectionLayout$1 = /*@__PURE__*/ proxyCustomElement(class DuetSectionLa
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'f6adbb4624397e3ce0dc5dfaf00dad1afc605d72', class: {
+        return (h(Host, { key: '1746e2c6dcd7f8705375316e1fbe3e2607366ad0', class: {
                 "duet-middle": this.middle,
                 "duet-ie": isInternetExplorer(),
-            } }, h("div", { key: 'a32239cd0233b568459975b3473fb8d644730a98', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: '34f720bb4d768a6a37f8608f46d6a8ea4edbef53', class: {
+            } }, h("div", { key: 'e0c7c03f57c63b4aa143aff4a370d4de5f7ed897', class: { "duet-layout-wrapper": true, "duet-m-0": this.margin === "none" } }, h("div", { key: 'e7f4efc797db5e85f433fa4a7fae553c0c8b0c84', class: {
                 "duet-layout": true,
                 [`padding-${this.paddingBreakpoint}`]: !!this.paddingBreakpoint,
-            } }, h("section", { key: 'a6a4fe58bb1b954401555a4325fdb0d3e98bc5b5', class: "duet-main" }, h("slot", { key: '7dacf94bdfaffc03e4d3cf81f4ac5fcf14b09304' }))))));
+            } }, h("section", { key: '80e393154028ec89720d0b3ab2ca3daa8b0021a5', class: "duet-main" }, h("slot", { key: '8713e44ca256992eeeb397c6ff2a73613e73ab52' }))))));
     }
     get element() { return this; }
     static get style() { return DuetSectionLayoutStyle0; }

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

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

package/lib/dist-custom-elements/duet-shaped-image.js

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-548610a6.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 
 const duetShapedImageCss = "*,*::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;width:100%;height:100%;margin:5%}:host(.duet-theme-turva){margin:3%}:host(.duet-m-0){margin:0}.shaped-image{position:relative;display:inline-block;width:100%;height:100%}.shaped-image .shaped-image-mask{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:25%;transform:rotate(var(--rotation))}.shaped-image .shaped-image-mask .shaped-image-img{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.07) rotate(calc(-1 * var(--rotation)));transform-origin:center}:host(.duet-theme-turva) .shaped-image .shaped-image-mask{transform:none;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E\");mask-repeat:no-repeat}:host(.duet-theme-turva) .shaped-image .shaped-image-mask .shaped-image-img{transform:none}";
@@ -32,9 +32,9 @@ const DuetShapedImage$1 = /*@__PURE__*/ proxyCustomElement(class DuetShapedImage
         const style = {
             "--rotation": `${this.rotation}deg`,
         };
-        return (h(Host, { key: '94aa9402f3e6b93c0efa20822a7ffe889cdfd2ea', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: '2de6c874205c4a76106c3b47e7aea16d6d153453', class: {
+        return (h(Host, { key: '5522041ea6be717a1e51746d39c5538aad516960', class: { "duet-theme-turva": this.theme === "turva", "duet-m-0": this.margin === "none" } }, h("span", { key: '79a8effca6e0f6e4412eb33ce2be7c4755816062', class: {
                 "shaped-image": true,
-            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: '316b13cb583473cdbe6952d8b0d557a4450e54df', class: "shaped-image-mask", role: "presentation" }, h("span", { key: 'b1063b1a09d864f0c606e37cd453af2d9e82aa3b', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
+            }, role: "img", "aria-label": this.accessibleLabel, style: style }, h("span", { key: '854f93ef8bb874859644425e1b409f1160d2fd65', class: "shaped-image-mask", role: "presentation" }, h("span", { key: 'df7a769d6c82ef9e2a169800079c0d6e20ffde78', class: "shaped-image-img", role: "presentation", style: { backgroundImage: `url("${this.src}")` } })))));
     }
     static get style() { return DuetShapedImageStyle0; }
 }, [1, "duet-shaped-image", {

package/lib/dist-custom-elements/duet-show-more.js

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

package/lib/dist-custom-elements/duet-slideout-lang.js

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-548610a6.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-35375593.js';
-import { d as defineCustomElement$2 } from './p-f4511d6b.js';
+import { d as defineCustomElement$2 } from './p-77667998.js';
 
 const duetSlideoutLangCss = "*,*::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}.duet-slideout-lang{display:flex;gap:20px;align-items:center;justify-content:flex-start;width:min-content;white-space:nowrap}::slotted(*){position:relative}::slotted(:not(:first-child)){padding-right:0;padding-left:0.5rem}::slotted(:not(:last-child))::after{position:absolute;top:25%;right:-16px;width:2px;height:50%;content:\"\";background:rgb(8, 42, 77)}.duet-theme-turva ::slotted(:not(:last-child))::after{background:rgb(23, 28, 58)}";
 const DuetSlideoutLangStyle0 = duetSlideoutLangCss;
@@ -43,7 +43,7 @@ const DuetSlideoutLang$1 = /*@__PURE__*/ proxyCustomElement(class DuetSlideoutLa
      */
     render() {
         const langTranslation = getLocaleString(this.chooseLangObject);
-        return (h(Host, { key: 'd9ace6f9e80f6ed42422394dbd1a6f1b1434c1f2' }, h("div", { key: '691f14871cc0e319654d149844b61ab81a631316', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: '2b2fce67063ee945debe8fb8c603941ab4386a3c', name: "navigation-language", margin: "none", color: "secondary" }), h("slot", { key: '333d0f86d5b0dabb5af4df4024e479dfaed27cb5' }))));
+        return (h(Host, { key: '82d609a07657275a896f954d42228e38dc7ca182' }, h("div", { key: '45d49c23924aa9683a2f9e98dab285adaa2ea875', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, h("duet-icon", { key: '66225e67ec928fa394d67bb50a932f629488014a', name: "navigation-language", margin: "none", color: "secondary" }), h("slot", { key: '71c3a499a32c1ed8f398120a7ee4f7e8ce1613e4' }))));
     }
     get element() { return this; }
     static get style() { return DuetSlideoutLangStyle0; }

package/lib/dist-custom-elements/duet-slideout-link.js

@@ -1,11 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-548610a6.js';
+import { a as actionNewWindowSmall } from './p-f11208c3.js';
+import { D as DuetStringsExternalDefaults } from './p-9df4cfa4.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$2 } from './p-f4511d6b.js';
+import { g as getAccessibleLinkLabel } from './p-afb6f7fb.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
+import { d as defineCustomElement$2 } from './p-77667998.js';
 
-const duetSlideoutLinkCss = "*,*::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;width:100%;height:100%}.duet-slideout-link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;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:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-slideout-link.active span{position:relative}.duet-slideout-link.active span::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:\"\";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1.25rem;font-weight:600}.duet-slideout-link.large{font-size:1.5rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(98, 121, 138)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(113, 118, 132)}";
+const duetSlideoutLinkCss = "*,*::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;width:100%;height:100%}.duet-slideout-link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;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:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-slideout-link.active span{position:relative}.duet-slideout-link.active .label-content::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:\"\";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1.25rem;font-weight:600}.duet-slideout-link.large{font-size:1.5rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%}.duet-slideout-link .label-container{display:flex;gap:8px;align-items:center;justify-content:flex-start;width:100%}.duet-slideout-link .external-icon{width:10px;height:10px}.duet-slideout-link.medium .external-icon,.duet-slideout-link.large .external-icon{width:12px;height:12px}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(98, 121, 138)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(113, 118, 132)}";
 const DuetSlideoutLinkStyle0 = duetSlideoutLinkCss;
 
 const DuetSlideoutLink$1 = /*@__PURE__*/ proxyCustomElement(class DuetSlideoutLink extends H {
@@ -22,6 +26,9 @@ const DuetSlideoutLink$1 = /*@__PURE__*/ proxyCustomElement(class DuetSlideoutLi
         this.size = "inherit";
         this.caret = false;
         this.menuItem = false;
+        this.accessibleLabelExternalDefaults = DuetStringsExternalDefaults;
+        this.accessibleLabelExternal = getLocaleString(this.accessibleLabelExternalDefaults);
+        this.external = false;
     }
     /**
      * Component lifecycle events.
@@ -29,17 +36,26 @@ const DuetSlideoutLink$1 = /*@__PURE__*/ proxyCustomElement(class DuetSlideoutLi
     componentWillLoad() {
         inheritGlobalTheme(this);
     }
+    connectedCallback() {
+        connectLanguageChangeObserver(this, {
+            prop: "accessibleLabelExternal",
+            defaults: "accessibleLabelExternalDefaults",
+        });
+    }
+    disconnectedCallback() {
+        disconnectLanguageChangeObserver(this);
+    }
     /**
      * render() function
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: 'e845f429f7644089a2978b9bd817213fdffa0783' }, h("a", { key: '4096768d844d0c63b1b904fa29ed278826dd49bb', class: {
+        return (h(Host, { key: '121e34853f26e00de78952097a9274c4686c8544' }, h("a", { key: 'd763e1596026eae24a9c92b2e5a44fdfaacac07d', target: !this.href ? null : this.external ? "_blank" : "_self", class: {
                 "duet-slideout-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [this.size]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": this.accessibleLabel }, this.icon && (h("duet-icon", { key: 'c5b164759b0d168d217f6c10788922964a04dd00', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: 'c72e2c8e4cd322d1e8282518b711659e7476d4cd', class: "label" }, h("span", { key: '64394d630468c468fdab67b98476d911a784b20e' }, h("slot", { key: 'a01215f4a8237339fa76151f85a52407afd7a2a0' }), h("slot", { key: '6f53012e7292d5c2db2a8be6bfb44437f61e7149', name: "description" })), this.caret && (h("duet-icon", { key: '47bb848e67d9c74aba3e666448eb651e5e3a214b', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", lang: this.targetLanguage, hreflang: this.targetLanguage, "aria-label": (this.href && getAccessibleLinkLabel(this)) || this.accessibleLabel, rel: this.external ? "noopener" : undefined }, this.icon && (h("duet-icon", { key: '22db6ed1bb56b9882e83734253a359d9c59fb18a', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), h("div", { key: '8c7c3459c06993a8318d092423dc512f60a0da06', class: "label" }, h("span", { key: 'af54ceb2cf36fb115fca5c250aaa6ed2b14f083d' }, h("span", { key: '799c0aa7fb41c06556242d822c4a817bc3cff780', class: "label-container" }, h("span", { key: '1e16cdb23d22bfe2d090eb026c17bcca4b109234', class: "label-content" }, h("slot", { key: '285a99e5f9837bdb6fc39f3bd06e1902fd66da1a' })), this.external && (h("duet-icon", { key: '786e1f369d8f5f23b359d4f61528d5f614efd411', class: "external-icon", theme: this.theme, name: actionNewWindowSmall.title, margin: "none", size: "auto", color: "currentColor" }))), h("slot", { key: '23100e60c7e0f616021ea001b8aa5095af48bbde', name: "description" })), this.caret && (h("duet-icon", { key: 'fbdd722ae15f64f8879142371b6eaa79cd0faa43', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     get element() { return this; }
     static get style() { return DuetSlideoutLinkStyle0; }
@@ -52,7 +68,10 @@ const DuetSlideoutLink$1 = /*@__PURE__*/ proxyCustomElement(class DuetSlideoutLi
         "icon": [1537],
         "size": [1537],
         "caret": [1028],
-        "menuItem": [4, "menu-item"]
+        "menuItem": [4, "menu-item"],
+        "accessibleLabelExternalDefaults": [1, "accessible-label-external-default"],
+        "accessibleLabelExternal": [1025, "accessible-label-external"],
+        "external": [4]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/lib/dist-custom-elements/duet-slideout-panel-dropdown.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-548610a6.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$2 } from './p-f4511d6b.js';
+import { d as defineCustomElement$2 } from './p-77667998.js';
 
 const duetSlideoutPanelDropdownCss = "*,*::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;width:100%;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:-0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel-dropdown{position:relative;width:100%;height:100%}.duet-slideout-panel-dropdown button{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;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:1.25rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}.duet-slideout-panel-dropdown button .label{position:relative;display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-slideout-panel-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel-dropdown button.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:calc(100% - 18px);height:1px;content:\"\";background:rgb(0, 119, 179);transform:translateY(1px)}.duet-slideout-panel-dropdown .items{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:1000px;padding:4px 20px 8px 44px;overflow-y:auto;visibility:visible;transition:max-height 0.3s ease-in, padding-bottom 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-slideout-panel-dropdown .items::-webkit-scrollbar{display:none}.duet-slideout-panel-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility:hidden;transition:max-height 0.3s ease-out, padding-bottom 0.3s ease-out}.duet-slideout-panel-dropdown.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-slideout-panel-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:rgb(198, 12, 48)}slot{--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:400;color:rgb(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}slot[name=label]{font-size:1rem;font-weight:600}";
 const DuetSlideoutPanelDropdownStyle0 = duetSlideoutPanelDropdownCss;
@@ -48,16 +48,16 @@ const DuetSlideoutPanelDropdown$1 = /*@__PURE__*/ proxyCustomElement(class DuetS
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '63e1ecfad4b3a99359297c7b4057cdcc8161a832' }, h("div", { key: '461506ece0bb6e079c7cea22bc8ecfcbce9769aa', class: {
+        return (h(Host, { key: '5b9beeeb80434ebb9fe59287777dd7b3ccf117f2' }, h("div", { key: '26d2b1524b8b4ba9cc9a43ce1ba69dad84fe3a6c', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: 'db9dd82a1a4f2bd4c58d13ca3b7223333acf8fe1', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: '4ddc07d35d571609edc8ac0f38013dcf1f7abd4e', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 active: this.active,
-            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: 'a425d896cbba6af3d669ad764406dbd2949396ee', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: 'f0c2a72a77ac42db0e38cd3605a1e5478bf65ea9', class: "label" }, h("slot", { key: 'eb835a8dc87c277628dead143ccaf2ffa698af4d', name: "label" }), h("duet-icon", { key: '8f05a36f715ba855fc222f3a84bc5d8831786789', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: 'f96a0657d877b6c12fdb4c019bb2401674f8e5b4', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && h("duet-icon", { key: '90494d824d6eac5621d4a1e06de2a684fbdd8201', name: this.icon, size: "medium", margin: "none", color: "secondary" }), h("span", { key: 'a7521f9a57a44fa8e5fb83f7ac08b6929b89b05e', class: "label" }, h("slot", { key: '9451cec580353060c2326a6ee3a7aa0b6e03ec69', name: "label" }), h("duet-icon", { key: '55d3a0e564dceb3bc2db017048d5a973272ecae5', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), h("div", { key: '90c7178107fcbf1765ba0a380e2a9dfc46efbcd5', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, h("slot", { key: '1510098d5bf5a1378f6a6f0b0fb4f8914db5802b' })))));
+            } }, h("slot", { key: 'b6f315463f9acf6617c598a33605e1d80e155d74' })))));
     }
     get element() { return this; }
     static get style() { return DuetSlideoutPanelDropdownStyle0; }

package/lib/dist-custom-elements/duet-slideout-panel.js

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-7a8ebdb7.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-548610a6.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { e as enableBodyScroll, d as disableBodyScroll } from './p-fc09c464.js';
 import { F as FocusGuard } from './p-e30dc66d.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-35375593.js';
 import { h as hasSlot } from './p-ad615991.js';
 import { g as getColorByName } from './p-0562173d.js';
-import { d as defineCustomElement$2 } from './p-f4511d6b.js';
+import { d as defineCustomElement$2 } from './p-77667998.js';
 
 const duetSlideoutPanelCss = "*,*::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;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel{position:relative;height:100%}.duet-slideout-panel .link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;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:1.5rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-slideout-panel .link .duet-slideout-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-slideout-panel .link .duet-slideout-icon .duet-slideout-badge{position:absolute;top:0;left:16px;display:inline-block;width:6px;height:6px;background:rgb(247, 178, 40);border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-slideout-panel .link .duet-slideout-icon .duet-slideout-badge{background:rgb(247, 178, 40)}@media (min-width: 62em){.duet-slideout-panel .link .duet-slideout-icon{margin-right:8px}}.duet-slideout-panel .link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1.25rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.5rem;font-weight:800}.duet-slideout-panel .link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:\"\";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;left:0;z-index:600;width:100%;height:100%;overflow-y:auto;visibility:visible}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}.duet-slideout-panel .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout-panel .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout-panel .top-container.has-sticky-header-slot .sticky-header{display:block;padding:0 16px}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{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:rgb(8, 42, 77);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout-panel .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1rem 16px;overflow-y:auto;color:rgb(8, 42, 77)}.duet-slideout-panel.duet-theme-turva .link{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-slideout-panel.duet-theme-turva .link:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(198, 12, 48)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout-panel.duet-theme-turva .top .back:focus,.duet-slideout-panel.duet-theme-turva .top .close:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .top span{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(8, 42, 77)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 28, 58)}";
 const DuetSlideoutPanelStyle0 = duetSlideoutPanelCss;
@@ -161,23 +161,23 @@ const DuetSlideoutPanel$1 = /*@__PURE__*/ proxyCustomElement(class DuetSlideoutP
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (h(Host, { key: '32c6f6ea4eeac3499498244624a0aaf3f896f1a4' }, h("div", { key: 'e6563dd635d4f9896633b8a76f697239ce10fda1', class: {
+        return (h(Host, { key: '3e5b55f03542b4078ee41b1ff6f0a8d601239791' }, h("div", { key: '6220b1c96f0eefd971b0be2d3e64026ac5bfd467', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, h("button", { key: '3689db100799eb081f0c070c0fd8e1701d83c092', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
+            } }, h("button", { key: '3d188176100a87926dabcdf167e7843d3c4c73a7', ref: element => (this.openButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", id: "button", type: "button", class: {
                 link: true,
                 active: this.active,
-            }, onClick: this.onClick, inert: this.open }, this.icon && (h("div", { key: 'f9eadbe5b58655629aa22fe774b502183e92ddb1', class: "duet-slideout-icon" }, h("duet-icon", { key: 'f84d1fcd2d420ebb76265242c2d8ef01e5356313', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && h("div", { key: '3317aef4eb6b10856b0e8e3dbee6db72697f8732', class: "duet-slideout-badge" }))), h("span", { key: '2490ffd21816ef2903f1cea69c2885917aba5016', class: "label" }, h("span", { key: '09f27658cd8d89c87a43ec93ebc38da5c5f94c83', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: 'fb9e8343be8f8d0169c64509f451027e8d2a6b6b', name: "label" })), h("duet-icon", { key: 'd124572f81f6a5c913fa8368f435db597933c30e', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: '2c5ae6d73798fe116493c0813f5f367d9a614341', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (h("div", { key: '5bda62a593954ce9401ac2e8957fd58913a4ff80', class: "duet-slideout-icon" }, h("duet-icon", { key: '1a82e4449db67bedd65f5299f6c7d5e38bf0064f', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && h("div", { key: 'ca9518dd19dbffd4d7e12902d9a79fd3b6d0239f', class: "duet-slideout-badge" }))), h("span", { key: '4f3f26845dd7337944a31a6126114aaffade111d', class: "label" }, h("span", { key: '79f43f5fcb192dca6f278e44a812ccb18fed9930', class: { "label-text": true, [this.labelSize]: true } }, h("slot", { key: '0c676ffc9df3fd9f8cdc793aa0775d799f99cf0a', name: "label" })), h("duet-icon", { key: '09fd5d953aee5af50d1ad3096fa8ea5300ad38a1', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), h("div", { key: 'a2d69000f5e72011f38094306607197da4c1be6d', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, h(FocusGuard, { key: '3871236cfaca8944dea857fe4ab87642fbf1a98d', moveFocusTo: this.closeButton }), h("div", { key: 'dc789469f6b408a5909c4032a0d5c19bb36a1cb4', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: '729e23f6d5279439445cb25981fa4a48316c0dec', class: "top" }, h("button", { key: '7c810b9edc27f5ea8a7928f7163631850ab45e0f', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
+            }, style: styles }, h(FocusGuard, { key: '6a3e44b182bdb7f662e1e1445b5af239ae6d532f', moveFocusTo: this.closeButton }), h("div", { key: 'b43e59b1d4307053e6db415a2873b19f7455d4f2', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'cd3abce2e94d9170ee92c7fde98528f9d80347a2', class: "top" }, h("button", { key: 'c8db3e61bbc4c5e70f83a6ed219d925d7ed66624', ref: element => (this.closeButton = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-label": `${backTranslation}`, type: "button", class: {
                 back: true,
-            }, onClick: this.onClick }, h("duet-icon", { key: '7db3cd52fec2f81cabda72ca55bb6375dc852e5a', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: '81906fdecddd9f53c7c7a97c9f134a8ca34768c5' }, this.label.innerHTML), h("button", { key: 'c20b49d22a939f99eb926b46b62860a7b6622a3d', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: 'ca2f8682f77f2e4e272b86922b724e3c54c8e2e6', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: 'eb36eaa974c19690abc3abf59309cd22e07ff52e', class: "sticky-header" }, h("slot", { key: 'e974aeec3fb2cbe118572c4ca35ead87a1c5861d', name: "sticky-header" }))), h("div", { key: '7fa7812d1ac9fe82f7781ae98bb31065498d0667', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, h("duet-icon", { key: '0d633063603734ae6696a55f78b46d69f9a123ee', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), h("span", { key: '9b47722f8b18d8009370dd8dad1e3efd01549c19' }, this.label.innerHTML), h("button", { key: '8a03a8ec1baddd5b6c3cec3b82449c25baaf72be', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, h("duet-icon", { key: 'c5b46e81e5e280b3d23fee48a9fe88fd3e291291', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '7f6f22a3a232ced9de34b211fbbab88d5292168d', class: "sticky-header" }, h("slot", { key: 'afed92ed2333e55b311eea33f10550ce7a39c776', name: "sticky-header" }))), h("div", { key: '95b7ac98ec07f7665815fe24b5bd156a27eaa6f1', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, h("slot", { key: 'fc31455ee1078696b7677b636bbfe8a80ce6fd51' })), h(FocusGuard, { key: '6045674ecaf7f7db881af487368014f3723238de', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: '82b84a76815223e3c3e0478d5300fba75385d269' })), h(FocusGuard, { key: 'fbdc0a4eb86430546ecb7dd3e407fe5537b070c6', moveFocusTo: this.closeButton })))));
     }
     get element() { return this; }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7a8ebdb7.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-548610a6.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { e as enableBodyScroll, d as disableBodyScroll } from './p-fc09c464.js';
 import { f as focusElement, F as FocusGuard } from './p-e30dc66d.js';
@@ -10,8 +10,8 @@ import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLa
 import { h as hasSlot } from './p-ad615991.js';
 import { T as Teleport } from './p-ca3cb21e.js';
 import { g as getColorByName } from './p-0562173d.js';
-import { d as defineCustomElement$3 } from './p-f4511d6b.js';
-import { d as defineCustomElement$2 } from './p-3e99b7b2.js';
+import { d as defineCustomElement$3 } from './p-77667998.js';
+import { d as defineCustomElement$2 } from './p-df2458b1.js';
 
 const duetSlideoutCss = "*,*::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:absolute;height:100%}::slotted(*){position:relative;width:100%;visibility:hidden;opacity:0}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%;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.5;color:rgb(8, 42, 77)}.duet-slideout.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:rgb(23, 28, 58)}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 28, 58)}}.duet-slideout .dialog{position:fixed;top:0;bottom:0;left:0;z-index:600;width:100%;height:100%;padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}.duet-slideout .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 62em){.duet-slideout .dialog{right:0;left:auto;width:500px;padding-bottom:0;transition:right 300ms ease;transition-delay:0s}}.duet-slideout .dialog .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout .dialog .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header{display:block}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}.duet-slideout .dialog.hidden{pointer-events:none;visibility:hidden}@media (min-width: 62em){.duet-slideout .dialog.hidden{right:-500px;transition:300ms ease}}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout.duet-theme-turva button{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}.duet-slideout.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout.duet-theme-turva .dialog .top button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}slot{color:rgb(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}";
 const DuetSlideoutStyle0 = duetSlideoutCss;
@@ -264,16 +264,16 @@ const DuetSlideout$1 = /*@__PURE__*/ proxyCustomElement(class DuetSlideout exten
         };
         const topLevelOpenMenuBarTranslation = getLocaleString(this.topLevelOpenMenuBarLangObject);
         const exitTranslation = getLocaleString(this.exitLangObject);
-        return (h(Host, { key: 'fe91f1236ad42f599f366fcf6c2030169517ba6a' }, h("div", { key: '832e4b4d67a42d002c6fd828167d9d787cd87f5d', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: 'ef568330f5a0e3d6b79117cb42646640617f7452', visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: '7472dc78c95a0be586d47cef18f993fae6fc1d28', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
+        return (h(Host, { key: 'c299a850fff6c11bcca6e85576c04bf74e367619' }, h("div", { key: '76b69d00087367d0cfcf5de14d4023180b4fa42d', class: { "duet-slideout": true, "duet-theme-turva": this.theme === "turva" } }, this.modal && h("duet-overlay", { key: '6daa912479f25ecd3e5527ab40861590fc36f150', visible: this.open, "display-device": "large", zIndex: "600" }), h("div", { key: '9dc84e8113b5243b44224407df8d4c89eafdf2b7', ref: element => (this.dialog = element), tabindex: "-1", role: "dialog", id: "dialog", "aria-labelledby": "button", "aria-modal": this.isSafariBrowser ? false : true, "aria-flowto": "slot-container", class: {
                 dialog: true,
                 hidden: !this.open,
                 modal: this.modal,
-            }, style: styles }, h(FocusGuard, { key: 'fbd6da6a5049a4a9abbabd7d35b37e4ade4290a9', moveFocusTo: this.closeButton }), h("div", { key: '4494f6e119ba79c89c0296167d032ef5b2b30293', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'da4856ecf33f7f2b15e3ff24f16951f643966499', class: "top" }, h("button", { key: '18fef5cc005227f6f9e53fb61266c5870057a6cc', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
+            }, style: styles }, h(FocusGuard, { key: '132b28a73aa0dc07ee1f159c59c0f6ca5c7c5e09', moveFocusTo: this.closeButton }), h("div", { key: 'cb528ca9e0ee385299a9e042d8f1a42d422d7a1a', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, h("div", { key: 'b9e5deae2f2cf48c3d652e885002f30cc434660d', class: "top" }, h("button", { key: 'fc5ab74ac6519c2c503131d21fc9239ddf3a1bf8', ref: element => (this.closeButton = element), "aria-haspopup": "dialog", "aria-controls": "dialog", "aria-expanded": this.open ? "true" : "false", "aria-label": `${exitTranslation}`, type: "button", class: {
                 "slideout-close": true,
                 active: this.open,
-            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: '2a153fc760fc9d19e253daed56047ab80803520a', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '28c33e636a705bdfe4ef475ee33b5952c0cdaa67', class: "sticky-header" }, h("slot", { key: 'd66cc6f6b1ea7e421cf3e96582698328dc42155c', name: "sticky-header" }))), h("div", { key: 'ca3b44be8a54d1730e2de935e25379ce352c1908', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
+            }, onClick: this.onClick, inert: this.openPanel }, h("duet-icon", { key: '2c2217a591e73c3121d123a9e3f6062e8d243d9a', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), h("div", { key: '1bf96970d244ee1941f3db97c89cac30c4d71f9e', class: "sticky-header" }, h("slot", { key: '1d6dca6fc160b198115c7d1469576c6bc4f863ac', name: "sticky-header" }))), h("div", { key: '514f42edc0e6477bf154e0de2fdaa9bbe7c3ffea', id: "slot-container", role: this.accessibleRole, "aria-label": this.openPanel ? topLevelOpenMenuBarTranslation : null, class: {
                 items: true,
-            } }, h("slot", { key: '69bb591bb20a501b057ad8bb895f8cc68ffee1f9' })), h(FocusGuard, { key: 'd4e183c805da1723c2ed9848a07a1b7880f5533a', moveFocusTo: this.closeButton })))));
+            } }, h("slot", { key: '982778a16720e0b741c702729b87aa3f805da499' })), h(FocusGuard, { key: 'ee76635f5ccb38cc512e1d8a862fc9fd85f72666', moveFocusTo: this.closeButton })))));
     }
     get element() { return this; }
     static get watchers() { return {