@duetds/components 9.8.1 → 9.10.0

package/hydrate/index.js

@@ -4301,6 +4301,11 @@ const DuetStringsPleaseWaitDefaults = {
     sv: "Vänligen vänta.",
     en: "Please wait.",
 };
+const DuetStringsListStepOfTotal = {
+    fi: "Lista jossa {total} kohtaa. Olet kohdassa {current}.",
+    en: "List with {total} steps. You are on step {current}.",
+    sv: "Lista med {total} steg. Du är på steg {current}.",
+};
 
 const duetButtonCss = "*,*::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:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;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.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, outline 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:12.5px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:18px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:18px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:10px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:14px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:14px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-theme-turva .duet-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(198, 12, 48) !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-button.default{color:rgb(198, 12, 48) !important;border-color:rgb(222, 224, 228)}.duet-button.default:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.default:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(222, 224, 228) !important}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.primary,.duet-button.input-button-primary,.duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary,.duet-theme-turva .duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-button.primary:hover,.duet-button.input-button-primary:hover,.duet-button.input-button-left-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover,.duet-theme-turva .duet-button.input-button-left-primary:hover{background:rgb(126, 2, 35);border-color:rgb(126, 2, 35)}.duet-button.primary:focus,.duet-button.input-button-primary:focus,.duet-button.input-button-left-primary:focus{outline:0;box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus,.duet-theme-turva .duet-button.input-button-left-primary:focus{box-shadow:0 0 0 1px #fff, 0 0 0 4px rgba(23, 28, 58, 0.75)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-left-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-left-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 28, 58) !important;border-color:rgb(23, 28, 58)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-left-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-left-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !important;border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(222, 224, 228) !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(198, 12, 48) !important;border-color:rgb(198, 12, 48)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-theme-turva .duet-button.negative{color:rgb(23, 28, 58) !important}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #0077b3, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:rgb(198, 12, 48) !important;background:transparent;border-color:transparent}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;cursor:not-allowed;background:transparent !important;border-color:rgb(222, 224, 228) !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(126, 2, 35) !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded,.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents,.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-secondary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-embedded .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-secondary .duet-button-contents.icon-right{padding:0 16px}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{border-top-left-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48);border-color:rgb(198, 12, 48)}.duet-theme-turva .duet-button.square{border-color:rgb(222, 224, 228)}.duet-button.square:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179);outline-offset:-2px}.duet-theme-turva .duet-button.square:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(143, 147, 158) !important;cursor:not-allowed;background:rgb(222, 224, 228) !important;border-color:rgb(222, 224, 228) !important;outline-color:rgb(222, 224, 228) !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading.default.duet-theme-turva{color:rgb(198, 12, 48)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}";
 var DuetButtonStyle0 = duetButtonCss;
@@ -8027,7 +8032,7 @@ class DuetDatePicker {
     }; }
 }
 
-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:rgb(212, 223, 229)}.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:rgb(222, 224, 228)}";
+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:var(--divider-margin, 36px) !important;margin-right:var(--divider-margin, 0);margin-bottom:var(--divider-margin, 28px);margin-left:var(--divider-margin, 0);background:rgb(212, 223, 229)}.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:rgb(222, 224, 228)}";
 var DuetDividerStyle0 = duetDividerCss;
 
 class DuetDivider {
@@ -8369,7 +8374,7 @@ class DuetFieldset {
                 "duet-legend-has-tooltip": this.hasTooltip,
                 "duet-legend-hidden": this.labelHidden,
                 "duet-legend-compact": this.compactLabel,
-            } }, hAsync("div", { key: '053c58092176f9a556c09f4fa77cac8ee1d49109', class: "duet-fieldset-label" }, hAsync("span", { key: '9cf85084056cc302c55956fad1a15a18299aba47', "aria-hidden": "true" }, this.label), hAsync("slot", { key: 'abf25503935362fd46dab5848f7efbe8631d089a', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '4f42e9c66a866c1c3eabf4bb47648b8eb2f8dff2', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: 'c4d55da1e05b562682f538daf0a33e7fe8f8d15b', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: 'bd81475b5cc6b4a1bd13feabd97070efc2e9f875' }), hAsync("span", { key: '722f5f333d566a3620d65711629d2d059c852eea', class: "duet-fieldset-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '7d85a6389b3a73990470f683de2d81397047ed85', class: { "duet-m-0": this.lastItemIsChip } }, this.error)))));
+            } }, hAsync("div", { key: '053c58092176f9a556c09f4fa77cac8ee1d49109', class: "duet-fieldset-label" }, hAsync("span", { key: '9cf85084056cc302c55956fad1a15a18299aba47', "aria-hidden": "true" }, this.label), hAsync("slot", { key: 'abf25503935362fd46dab5848f7efbe8631d089a', onSlotchange: this.checkHasTooltip, name: "tooltip" })), this.caption && (hAsync("div", { key: '4f42e9c66a866c1c3eabf4bb47648b8eb2f8dff2', class: "duet-fieldset-caption", "aria-hidden": "true" }, hAsync("duet-caption", { key: 'c4d55da1e05b562682f538daf0a33e7fe8f8d15b', theme: this.theme, margin: "none" }, this.caption)))), hAsync("slot", { key: 'bd81475b5cc6b4a1bd13feabd97070efc2e9f875' }), hAsync("span", { key: '849271add4278250a9053cfed7539726a10cb0be', class: "duet-fieldset-help duet-fieldset-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '6e49839de83795bb7d404464911b2527ed002dc6', class: { "duet-m-0": this.lastItemIsChip } }, this.error)))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetFieldsetStyle0; }
@@ -8653,19 +8658,48 @@ class DuetGrid {
             "duet-textarea",
             "duet-toggle",
         ];
+        // Class selectors for error containers in different Duet components
+        const errorContainerClasses = [
+            ".duet-checkbox-error",
+            ".duet-fieldset-error",
+            ".duet-input-error",
+            ".duet-multiselect-error",
+            ".duet-select-error",
+            ".duet-textarea-error",
+        ];
         const items = this.getDirectChildren().filter(child => !!child.querySelector(elementNames.join(",")) || elementNames.includes(child.tagName.toLowerCase()));
         // if layout changes to columns instead of row, remove all padding
         const hasColumnLayout = window ? window.getComputedStyle(this.element).flexDirection === "column" : false;
+        const selectorForErrorSpan = el => {
+            var _a;
+            return (el === null || el === void 0 ? void 0 : el.querySelector(errorContainerClasses.join(","))) ||
+                ((_a = el === null || el === void 0 ? void 0 : el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(errorContainerClasses.join(",")));
+        };
+        // Call selectorForErrorSpanFind with the first item in array that has error span
+        const findErrorSpanInArray = elArr => selectorForErrorSpan(elArr.find(selectorForErrorSpan));
+        // The element we check may have its error span inside its shadow DOM, or it may be in nested
+        // elements (e.g. nested duet-input) and there possibly in shadow DOM.
+        const findErrorSpan = item => {
+            var _a;
+            const ownErrorSpan = selectorForErrorSpan(item);
+            if (ownErrorSpan) {
+                return ownErrorSpan;
+            }
+            // First try to find nested elements in light DOM, in no error span found, try shadow DOM
+            const nestedErrorSpan = findErrorSpanInArray(Array.from(item.querySelectorAll(elementNames.join(",")) || [])) ||
+                findErrorSpanInArray(Array.from(((_a = item.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(elementNames.join(","))) || []));
+            return nestedErrorSpan;
+        };
         let maxHeight = 0;
         const sizes = [];
         items.forEach(item => {
-            const inputErrorDom = item.querySelector("span.duet-input-error");
+            const inputErrorDom = findErrorSpan(item);
             const height = inputErrorDom ? this.outerHeight(inputErrorDom) : 0;
             sizes.push(height);
         });
         maxHeight = Math.max(...sizes);
         items.forEach(item => {
-            const inputErrorDom = item.querySelector("span.duet-input-error");
+            const inputErrorDom = findErrorSpan(item);
             const height = inputErrorDom ? this.outerHeight(inputErrorDom) : 0;
             if (height < maxHeight && !hasColumnLayout) {
                 item.setAttribute("style", `padding-bottom: ${maxHeight - height}px;`);
@@ -9670,6 +9704,32 @@ class DuetHero {
             }
             this.emitChange(ev, data);
         };
+        this.getPreHeadingText = () => {
+            if (this.preHeading) {
+                return this.preHeading;
+            }
+            if (this.hasPreHeadingSlot) {
+                const slotContents = getElementsFromNamedSlot(this.element, "pre-heading");
+                return slotContents.map(s => s.textContent).join(" ");
+            }
+        };
+        this.getHeadingText = () => {
+            if (this.heading) {
+                return this.heading;
+            }
+            if (this.hasHeadingSlot) {
+                const slotContents = getElementsFromNamedSlot(this.element, "heading");
+                return slotContents.map(s => s.textContent).join(" ");
+            }
+        };
+        this.getAccessibleHeading = () => {
+            const preHeadingText = this.getPreHeadingText();
+            if (!preHeadingText) {
+                return null;
+            }
+            const headingText = this.getHeadingText();
+            return `${preHeadingText} ${headingText}`;
+        };
         this.processedListItems = null;
         this.processedActions = null;
         this.processedBack = null;
@@ -9796,7 +9856,7 @@ class DuetHero {
                 outlineColor = "color-primary-turva";
             }
         }
-        return (hAsync("div", { key: '1f3ac3d92ecbcce710c1b1b1a9d0b2871bc959da', role: "region", class: {
+        return (hAsync("div", { key: '79a4748e197cb13d12426d31a773e80de0bf24d3', role: "region", class: {
                 "duet-hero": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-has-category-icon": !!this.categoryIcon,
@@ -9814,17 +9874,17 @@ class DuetHero {
                 "duet-hero-text-center": (this.textCenter && !this.leftAlign) || campaignOrSection,
                 "duet-hero-left-align": this.leftAlign && !campaignOrSection,
                 "duet-hero-narrow": this.layout === "narrow",
-            }, part: "duet-hero" }, campaignOrSection && this.image && (hAsync("div", { key: 'cc2b5fc035028fcc794ebc4fed0e47dabf113d14', class: "background-area" }, hAsync("div", { key: '877d4f3dbb1c55e57746583bd7222cfd36f85f19', class: "background-container" }, hAsync("div", { key: '13f15b3bca9e43ce9f5eb6b6e09d4e1fe64eed0f', class: "background" }, hAsync("img", { key: '78fdbfeef361e5738c92247d813d265217cab7c2', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: '40d2607ed6cba7db994f26e29141aac3afa9a93e', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: '94f7dc4bba3edfd18b4174f24adee009cfedc08f', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: 'd21b011ee9c6f31e0e62a05448b3451cc901a405', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: '4bb1fbc995849a06011a753d187b050dd7c082d9', class: { background: true, [this.layout]: true } }, hAsync("div", { key: 'f57332554b74dfc95610754c40a8917cf5ef150f', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: '60c4bdd140fe90cfd574875a0e5702d92f59816d', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: '13a71f7719f4528fcc3dedfd223162bd44c31ace', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: '7ed75e8fbc0244c6cbdcb80812d7397ce0eedcd9', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: 'e7f3c6c6da1826756b8fc7335dd7c34f60040e28', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: '8d9c4885e88db588b6fb74a2c912750fce37eb29', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: 'f949a84adeb136052263e5315c12cf74db11f0b9', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: '3bbe9c16d041643fa4aab737aab1784a22ecedb7', class: "background-area" }, hAsync("div", { key: '09cd70418a676ea606b35aeb695ca543f419349c', class: "background" }, hAsync("div", { key: '238c817aad225e31a79cfc9c2b913e284f280c21', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '603dac6307834d67c9ff5838a6512b8d331c4d70', class: "brand-shape" }), hAsync("div", { key: 'ca6013e79a7fa6592529e73f006f0a65d61da30d', class: "brand-shaped-image" }, hAsync("div", { key: '2af6e66e338db1f59510d26140d6f22fbd4fc53a', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: 'd94d4375f19d9992e8376a209248af0d821d86a6', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: '5bd169d99ec295465cd442414254a56c2b2aa556', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: '2ea4c3d50109f0295d2795cd1ba14da29222328f', class: "duet-hero-image-mask" }, hAsync("div", { key: '18f68ef6e0bbd4d73ce1d3eab2e909d1fe569dde', class: "duet-hero-image-wrapper" }, hAsync("div", { key: '7173fe4d9704f189673615c5877a9dc292e6e9eb', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
-            this.processedBack && (hAsync("div", { key: '63f757c91f431dffdb8a18ca7629a7340997cfdc', class: "duet-hero-back" }, hAsync("duet-button", { key: '709ec6ccebdb62de70ff4632ac20665ca3286da3', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
+            }, part: "duet-hero" }, campaignOrSection && this.image && (hAsync("div", { key: 'd682d61c3df9ff5aa0de0d60f5360043c7758e8e', class: "background-area" }, hAsync("div", { key: '24559b721dd84d83bfdf5c28de75fc4aa7f714b5', class: "background-container" }, hAsync("div", { key: 'db0304babcbd6bc96f521ddc8cd2529664c319da', class: "background" }, hAsync("img", { key: 'faaa1cca613a95730b7883037fe12284b911a613', class: `${imageSizeIsCover ? "cover" : ""} ${imagePositionIsCenter ? "center" : ""}`, src: this.image, alt: "", role: "presentation" })), hAsync("div", { key: '57e0fc31ca863b81d650251fde4c07fda3a56c7f', class: "brand-shape" })))), this.variation === "product" && this.image && (hAsync("div", { key: '488536b4435de480f283ba93edfdc067f354e930', class: { "background-area": true, [this.layout]: true } }, hAsync("div", { key: '58c20ab7c59e1014941bdc4b0e7fdbe581440306', class: { "background-container": true, [this.layout]: true } }, hAsync("div", { key: '40a410f02f66b9e818e9ed9561b2830c896fc1c2', class: { background: true, [this.layout]: true } }, hAsync("div", { key: 'ce895485f02d4ea98e6cc1457c29e1f3a7784717', class: { "background-mask": true, [this.layout]: true } }), this.theme !== "turva" && hAsync("div", { key: '281423e9d6531f3fd4ebf10ae5ebfcda24951dda', class: { "brand-shape": true, [this.layout]: true } }), hAsync("div", { key: '96fc11cb2ccc74f5be49046aa5b389efaf64364c', class: { "brand-shaped-image": true, [this.layout]: true } }, hAsync("div", { key: '90f437b9b18699f75d3b34b99be94c2a4cf88f31', class: { "brand-shaped-image-wrapper": true, [this.layout]: true } }, hAsync("div", { key: '6488e9a8d054c1d5214656b8caa8f4e20e1750a0', class: { "brand-shaped-image-bg": true, [this.layout]: true }, style: styles }))), this.categoryIcon && (hAsync("div", { key: '6fa35a25e4c381e482bbbae4a3df1f06047af480', class: { "brand-shaped-icon": true, [this.layout]: true } }, hAsync("duet-icon", { key: 'bdfaedea4be098fadd96d9d929f1fae9457a7926', class: { [this.layout]: true }, background: "none", name: this.categoryIcon, margin: "none", size: "auto", responsive: false }))))))), this.variation === "content" && this.image && (hAsync("div", { key: 'be9171d3c2e7f1c23b4f7988b22a26fed5b1e8bf', class: "background-area" }, hAsync("div", { key: '1235593c97fef5902b99463f035015aa23002b1a', class: "background" }, hAsync("div", { key: '65a0b19616ca3b8fce3a15a59fc945eec54c47c8', class: "background-mask" }), this.theme !== "turva" && hAsync("div", { key: '1003348d17c085d5072314825e7c6fb8a2cc7225', class: "brand-shape" }), hAsync("div", { key: '498d05da95f5fdd02bf997a337895dab086759b2', class: "brand-shaped-image" }, hAsync("div", { key: '8d3045b9cd0ca613308ebff65fe0e2f6b4c855d4', class: "brand-shaped-image-wrapper" }, hAsync("div", { key: '0badd67dee13a83376cf406d20dc01e145cb8845', class: "brand-shaped-image-bg", style: styles })))))), hAsync("div", { key: '30393a3de1c35d957fcfef401369b7b5c4e68c6c', class: { "duet-hero-wrapper": true, [this.layout]: true } }, this.image && this.variation === "image" && (hAsync("div", { key: 'f52aad5ae7e746f762976a6e247acbe59bee3ed0', class: "duet-hero-image-mask" }, hAsync("div", { key: '26414776eeb6190638bf7af2a34cfa44ee7064e8', class: "duet-hero-image-wrapper" }, hAsync("div", { key: '6678fd20703ac787ba671cb52b5564518fc14c01', class: "duet-hero-image", style: styles })))), (this.variation === "gray" || this.variation === "light" || this.variation === "minimal") &&
+            this.processedBack && (hAsync("div", { key: '40d3d30290fde0ba4a40aaab524d91d9c135c400', class: "duet-hero-back" }, hAsync("duet-button", { key: '06a523d3c85d28dd4b404ffeda16740bd63fc850', style: buttonStyles, variation: "plain", icon: "action-arrow-left-small", theme: this.theme, iconSize: "small", color: buttonColor, padding: "none", margin: "none", fixed: true, url: this.processedBack.href, identifier: this.processedBack.id, onClick: event => this.handleClick(event, {
                 label: this.processedBack.label,
                 href: this.processedBack.href,
                 id: this.processedBack.id,
                 analyticsId: this.processedBack.analyticsId,
-            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { key: '5ff479166e75d460f603ee928d959bddb4a44dce', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: 'ea705ceb8a51176d217265edd8a2f76f3a726806', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: 'b9d587e2e61f76270c94e8ef58562e8cfe0bfa24', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium" }, this.preHeading ? (this.preHeading) : (hAsync("span", null, hAsync("slot", { name: "pre-heading" }))))), hAsync("slot", { key: '2f6b898a9602d833c8d2cde11ba1287c51ba01d7', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: '90e1e86e436e68c1a9410ca6743a2fd875ba276d', theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto" }, this.heading ? this.heading : hAsync("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { key: '139eabc311c52d61f83ef865bb45dcb857e956c1', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("slot", { key: '86a8736f020e2a5744cafb06820469980becd78d', name: "subheading" }))), this.description && (hAsync("duet-paragraph", { key: '182bde149927947501491d1b747d8da9b9c6dbde', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: '769173505401a66b7c095d8bf89d2ecbe096d26c', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { key: 'cd7db97f12cc48a175dd03da7eba2b20a5802fe9', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("slot", { key: '743f4dd9f52dc86018e9a77423c2decda8db47ad' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: '7160eed21c1700d656830b87f020ae689540a176', class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
+            }) }, this.processedBack.label))), (this.variation === "gray" || this.variation === "minimal") && this.categoryIcon && (hAsync("duet-icon", { key: '4172031b2169f76ae476b5474766f7d50ff2df91', class: { "duet-hero-icon": true, "duet-hero-icon-has-heading": this.preHeading !== "" }, size: "x-large", background: this.categoryIconColor, name: this.categoryIcon })), hAsync("div", { key: 'c83165c63592cac3465c2b44bf163395afcacebb', class: { "duet-hero-text": true }, part: "duet-hero-text" }, (this.preHeading || this.hasPreHeadingSlot) && (hAsync("duet-paragraph", { key: '064ff94f9208d86002b8448b496fda560ffe2b0b', margin: "none", class: "duet-hero-pre", size: this.variation === "content" ? "small" : "medium", "aria-hidden": "true" }, this.preHeading ? (this.preHeading) : (hAsync("span", null, hAsync("slot", { name: "pre-heading" }))))), hAsync("slot", { key: '60e82a0abcc9631399989fced2784d10cd6e834e', name: "badge" }), (this.heading || this.hasHeadingSlot) && (hAsync("duet-heading", { key: '10caa898e02b7c90ed7e7eea6cda347825b0c843', theme: this.theme, level: this.level, class: { "duet-hero-heading": true, "duet-hero-heading-has-pre": this.preHeading !== "" }, color: headingColor, visualLevel: headingVisualLevel, margin: campaignOrSection ? "none" : "auto", accessibleLabel: this.getAccessibleHeading() }, this.heading ? this.heading : hAsync("slot", { name: "heading" }))), campaignOrSection && this.hasSubHeadingSlot && (hAsync("duet-heading", { key: '0195c8e2fcb05b10b455d646765ba1cb4f003a60', theme: this.theme, level: this.subHeadingLevel, class: { "duet-hero-subheading": true }, color: this.theme === "turva" ? "secondary-turva" : "secondary", visualLevel: "h2" }, hAsync("slot", { key: '43fb22936307753456d1ae53f65b48876848420f', name: "subheading" }))), this.description && (hAsync("duet-paragraph", { key: '898c23976b72cffc561de2c7c9322e03bdc1dadd', theme: this.theme, color: textColor, variation: "intro" }, this.description)), (this.variation === "gray" || this.variation === "minimal") && this.processedListItems && (hAsync("duet-list", { key: '1baa7faff302bc7fa568c1cd333404e07aaf29d1', theme: this.theme, "label-width": "30", breakpoint: "large", mobile: this.leftAlign ? undefined : "center" }, this.processedListItems.map(item => (hAsync("duet-list-item", null, hAsync("span", { slot: "label" }, item.label), hAsync("span", { slot: "value" }, item.value)))))), this.buttonLabel && (hAsync("duet-button", { key: '2b4b7ae5046305afaf5495dd522a68d373577959', url: this.buttonUrl, icon: this.icon, iconRight: this.iconRight, iconSize: this.iconSize, variation: buttonVariation, theme: this.theme, identifier: this.buttonId, onClick: event => this.handleClick(event, this.buttonData), fixed: true }, this.buttonLabel)), hAsync("slot", { key: '1b54ac8a84af82798438d73c7c1caf15bd5ae84d' })), (this.variation === "gray" || this.variation === "minimal") && this.processedActions && (hAsync("div", { key: 'd3e6edd597ea5b83953430a92577762b560e6507', class: "duet-hero-links" }, this.processedActions.map(item => (hAsync("a", { class: "duet-hero-link", href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleClick(event, item) }, hAsync("div", { class: "duet-hero-action-icon" }, hAsync("duet-icon", { size: "small", margin: "none", name: item.icon, color: "currentColor", outline: outlineColor })), hAsync("span", null, item.label), item.external && hAsync("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), item.external && (hAsync("div", { class: "duet-hero-action-arrow" }, hAsync("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))))))), this.image &&
             this.variation !== "image" &&
             !campaignOrSection &&
             this.variation !== "product" &&
-            this.variation !== "content" && hAsync("div", { key: 'b577acd6ebd8dd68e8cfd6bce02044114ead3dc4', class: "duet-hero-image", style: styles }), hAsync("slot", { key: '064ceca16eab6353c44a273ebb766a544e085667', name: "bottom" }))));
+            this.variation !== "content" && hAsync("div", { key: '0eaf81bc088fc984d9ee19de53cf09c6f46c5e83', class: "duet-hero-image", style: styles }), hAsync("slot", { key: '884f6b4b0d44224a29b7ba5906e1a303052f532c', name: "bottom" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -10679,7 +10739,7 @@ function getAccessibleLinkLabel(component) {
     return null;
 }
 
-const duetLinkCss = "*,*::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}:host(.duet-link-block){display:block}:host(.duet-link-button){margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}:host(.duet-link-button):last-child,:host(.duet-link-button):last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-link{display:inline;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;font-weight:400;color:rgb(0, 97, 155);text-decoration:underline;border-radius:4px;transition:300ms ease}.duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-link:focus,.duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-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\";color:rgb(164, 4, 40)}.duet-link:hover{color:rgb(0, 75, 129);text-decoration:none}.duet-link:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-link:active{opacity:0.75;transition:none}button{font-size:inherit;cursor:pointer}.duet-link-is-external.duet-link:not(.block,.button,.card),.duet-link-is-download.duet-link:not(.block,.button,.card){text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-content{text-decoration:underline}.duet-link-is-external.duet-link:not(.block,.button,.card):hover>.duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card):hover>.duet-link-content{text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-icon-tail,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-icon-tail{text-decoration:none;white-space:nowrap}.duet-tab-to-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}.duet-tab-to-link.duet-theme-turva{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){.duet-tab-to-link{margin-left:20px}}.duet-tab-to-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}.block.duet-link,.block-center.duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(8, 42, 77);text-decoration:none}.block.duet-link.duet-link-has-icon,.block-center.duet-link.duet-link-has-icon{grid-template-columns:auto 1fr auto}.block.duet-link.none,.block-center.duet-link.none{padding:0}.block .block__icon,.block-center .block__icon{display:flex}.block .block__icon duet-icon,.block-center .block__icon duet-icon{width:16px;height:16px}.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:30px;height:30px}@media (max-width: 22.5em){.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:24px;height:24px}}.block .block__content,.block-center .block__content{position:relative;bottom:2px}.block .block__chevron,.block-center .block__chevron{align-self:center}.block .block__chevron-icon,.block-center .block__chevron-icon{transition:300ms ease}.block:not(.duet-link-is-external):hover .block__chevron-icon,.block-center:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.block-center.duet-link{align-items:center}.block-center .block__content{position:static}.block-center .block__chevron{display:flex;align-items:center}.duet-link.button:not(.duet-link-has-icon-background) .icon-wrap duet-icon{width:20px;height:20px}.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:20px;height:20px}@media (min-width: 48em){.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:24px;height:24px}}.duet-link.button,.duet-link.card{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:14px 16px;line-height:1.25;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(181, 198, 208);border-radius:12px;outline:0 solid rgb(181, 198, 208);outline-offset:-2px;transition:all 300ms ease}.duet-link.button>*,.duet-link.card>*{flex-shrink:0}.duet-link.button .duet-link-content,.duet-link.card .duet-link-content{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(8, 42, 77);text-align:left}.duet-link.button .icon-wrap,.duet-link.card .icon-wrap{display:flex;align-items:center;justify-content:center}.duet-link.button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:24px;height:24px}@media (min-width: 48em){.duet-link.button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:30px;height:30px}}.duet-link.button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{min-height:60px;padding:12px;padding-right:20px;line-height:1.5}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:36px;height:36px;border-radius:8px}.duet-link.button:hover,.duet-link.card:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179)}@media (min-width: 48em){.duet-link.button,.duet-link.card{min-height:50px}.duet-link.button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{gap:16px;min-height:72px;border-radius:16px}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.button.duet-link-has-icon-background .duet-link-content,.duet-link.card.duet-link-has-icon-background .duet-link-content{font-size:1.1rem}}.duet-link.button.duet-theme-turva,.duet-link.card.duet-theme-turva{border-color:rgb(199, 202, 207)}.duet-link.button.duet-theme-turva .duet-link-content,.duet-link.card.duet-theme-turva .duet-link-content{color:rgb(23, 28, 58)}.duet-link.button.duet-theme-turva:hover,.duet-link.card.duet-theme-turva:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-link.button .block__chevron-icon,.duet-link.card .block__chevron-icon{transition:300ms ease}.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.card{border-color:rgb(228, 236, 239);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)}.duet-link.card.duet-theme-turva{border-color:rgb(234, 235, 239);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13)}.duet-link.card:not(.duet-link-has-icon){gap:12px;padding:16px}.duet-link.card .chevron-wrap{display:flex;align-items:center;height:100%}.duet-link.card.duet-link-has-icon{gap:12px;align-items:flex-start;padding:16px}.duet-link.card.duet-link-has-icon .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:48px}@media (min-width: 48em){.duet-link.card:not(.duet-link-has-icon){gap:20px;padding:24px}.duet-link.card.duet-link-has-icon{gap:20px;padding:24px}.duet-link.card.duet-link-has-icon .icon-wrap{width:62px;height:62px;border-radius:16px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:62px}}";
+const duetLinkCss = "*,*::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}:host(.duet-link-block){display:block}:host(.duet-link-button){margin-right:8px !important;margin-bottom:12px !important;display:inline-block;width:100%}:host(.duet-link-button):last-child,:host(.duet-link-button):last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-link{display:inline;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;font-weight:400;color:rgb(0, 97, 155);text-decoration:underline;border-radius:4px;transition:300ms ease}.duet-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-link:focus,.duet-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-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\";color:rgb(164, 4, 40)}.duet-link:hover{color:rgb(0, 75, 129);text-decoration:none}.duet-link:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-link:active{opacity:0.75;transition:none}button{font-size:inherit;cursor:pointer}.duet-link-is-external.duet-link:not(.block,.button,.card),.duet-link-is-download.duet-link:not(.block,.button,.card){text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-content{text-decoration:underline}.duet-link-is-external.duet-link:not(.block,.button,.card):hover>.duet-link-content,.duet-link-is-download.duet-link:not(.block,.button,.card):hover>.duet-link-content{text-decoration:none}.duet-link-is-external.duet-link:not(.block,.button,.card) .duet-link-icon-tail,.duet-link-is-download.duet-link:not(.block,.button,.card) .duet-link-icon-tail{text-decoration:none;white-space:nowrap}.duet-tab-to-link{padding:15px 28px 16px !important;position:absolute;top:-100%;left:-100%;z-index:200;width:1px;min-width:190px;height:1px;overflow:hidden;font-weight:600;color:rgb(0, 119, 179);text-align:center;text-decoration:none;background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:none}.duet-tab-to-link.duet-theme-turva{min-width:120px;color:rgb(23, 28, 58)}@media (min-width: 106.25em){.duet-tab-to-link{margin-left:20px}}.duet-tab-to-link:focus{top:12px;left:20px;width:auto;height:auto;outline:0;opacity:1}.block.duet-link,.block-center.duet-link{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:16px;font-weight:600;color:rgb(8, 42, 77);text-decoration:none}.block.duet-link.duet-link-has-icon,.block-center.duet-link.duet-link-has-icon{grid-template-columns:auto 1fr auto}.block.duet-link.none,.block-center.duet-link.none{padding:0}.block .block__icon,.block-center .block__icon{display:flex}.block .block__icon duet-icon,.block-center .block__icon duet-icon{width:16px;height:16px}.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:30px;height:30px}@media (max-width: 22.5em){.block .block__icon duet-icon.icon-responsive,.block-center .block__icon duet-icon.icon-responsive{width:24px;height:24px}}.block .block__content,.block-center .block__content{position:relative;bottom:2px}.block .block__chevron,.block-center .block__chevron{align-self:center}.block .block__chevron-icon,.block-center .block__chevron-icon{transition:300ms ease}.block:not(.duet-link-is-external):hover .block__chevron-icon,.block-center:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.block-center.duet-link{align-items:center}.block-center .block__content{position:static}.block-center .block__chevron{display:flex;align-items:center}.duet-link.button:not(.duet-link-has-icon-background) .icon-wrap duet-icon{width:20px;height:20px}.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:20px;height:20px}@media (min-width: 48em){.duet-link.button.duet-link-has-icon-background .icon-wrap duet-icon{width:24px;height:24px}}.duet-link.button,.duet-link.list-button,.duet-link.card{display:flex;gap:12px;align-items:center;width:100%;min-height:48px;padding:14px 16px;line-height:1.25;text-decoration:none;background-color:rgb(255, 255, 255);border:solid 1px rgb(181, 198, 208);border-radius:12px;outline:0 solid rgb(181, 198, 208);outline-offset:-2px;transition:all 300ms ease}.duet-link.button>*,.duet-link.list-button>*,.duet-link.card>*{flex-shrink:0}.duet-link.button .duet-link-content,.duet-link.list-button .duet-link-content,.duet-link.card .duet-link-content{flex-grow:1;flex-shrink:1;font-size:1rem;font-weight:600;color:rgb(8, 42, 77);text-align:left}.duet-link.button .icon-wrap,.duet-link.list-button .icon-wrap,.duet-link.card .icon-wrap{display:flex;align-items:center;justify-content:center}.duet-link.button .icon-wrap duet-icon,.duet-link.list-button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:24px;height:24px}@media (min-width: 48em){.duet-link.button .icon-wrap duet-icon,.duet-link.list-button .icon-wrap duet-icon,.duet-link.card .icon-wrap duet-icon{width:30px;height:30px}}.duet-link.button.duet-link-has-icon-background,.duet-link.list-button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{min-height:60px;padding:12px;padding-right:20px;line-height:1.5}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.list-button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:36px;height:36px;border-radius:8px}.duet-link.button:hover,.duet-link.list-button:hover,.duet-link.card:hover{border-color:rgb(0, 119, 179);outline:2px solid rgb(0, 119, 179)}@media (min-width: 48em){.duet-link.button,.duet-link.list-button,.duet-link.card{min-height:50px}.duet-link.button.duet-link-has-icon-background,.duet-link.list-button.duet-link-has-icon-background,.duet-link.card.duet-link-has-icon-background{gap:16px;min-height:72px;border-radius:16px}.duet-link.button.duet-link-has-icon-background .icon-wrap,.duet-link.list-button.duet-link-has-icon-background .icon-wrap,.duet-link.card.duet-link-has-icon-background .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.button.duet-link-has-icon-background .duet-link-content,.duet-link.list-button.duet-link-has-icon-background .duet-link-content,.duet-link.card.duet-link-has-icon-background .duet-link-content{font-size:1.1rem}}.duet-link.button.duet-theme-turva,.duet-link.list-button.duet-theme-turva,.duet-link.card.duet-theme-turva{border-color:rgb(199, 202, 207)}.duet-link.button.duet-theme-turva .duet-link-content,.duet-link.list-button.duet-theme-turva .duet-link-content,.duet-link.card.duet-theme-turva .duet-link-content{color:rgb(23, 28, 58)}.duet-link.button.duet-theme-turva:hover,.duet-link.list-button.duet-theme-turva:hover,.duet-link.card.duet-theme-turva:hover{border-color:rgb(198, 12, 48);outline-color:rgb(198, 12, 48)}.duet-link.button .block__chevron-icon,.duet-link.list-button .block__chevron-icon,.duet-link.card .block__chevron-icon{transition:300ms ease}.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.list-button:not(.duet-link-is-external):hover .block__chevron-icon,.duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon{transform:translateX(4px)}.duet-link.list-button{padding:20px 12px 20px 4px;margin-top:-1px;border:solid 1px rgb(181, 198, 208);border-width:1px 0;border-radius:0}.duet-link.list-button .icon-wrap duet-icon{width:20px;height:20px}@media (min-width: 48em){.duet-link.list-button .icon-wrap duet-icon{width:24px;height:24px}}.duet-link.list-button:hover{border-color:rgb(181, 198, 208);outline:0}.duet-link.list-button:hover .duet-link-content{color:rgb(0, 119, 179)}.duet-link.list-button.duet-theme-turva .duet-link-content{color:rgb(23, 28, 58)}.duet-link.list-button.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-link.list-button.duet-theme-turva:hover .duet-link-content{color:rgb(198, 12, 48)}.duet-link.card{border-color:rgb(228, 236, 239);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)}.duet-link.card.duet-theme-turva{border-color:rgb(234, 235, 239);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13)}.duet-link.card:not(.duet-link-has-icon){gap:12px;padding:16px}.duet-link.card .chevron-wrap{display:flex;align-items:center;height:100%}.duet-link.card.duet-link-has-icon{gap:12px;align-items:flex-start;padding:16px}.duet-link.card.duet-link-has-icon .icon-wrap{width:48px;height:48px;border-radius:12px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:48px}@media (min-width: 48em){.duet-link.card:not(.duet-link-has-icon){gap:20px;padding:24px}.duet-link.card.duet-link-has-icon{gap:20px;padding:24px}.duet-link.card.duet-link-has-icon .icon-wrap{width:62px;height:62px;border-radius:16px}.duet-link.card.duet-link-has-icon .chevron-wrap{height:62px}}";
 var DuetLinkStyle0 = duetLinkCss;
 
 /**
@@ -10778,6 +10838,7 @@ class DuetLink {
             case "block-center":
                 return this.renderBlockContent();
             case "button":
+            case "list-button":
             case "card":
                 return this.renderButtonCardContent();
         }
@@ -10789,10 +10850,10 @@ class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (hAsync(Host, { key: '257fc0e157b43e4e1daaa1ec31f408436c28c733', class: {
+        return (hAsync(Host, { key: 'cf0f91e0e16826f9bd0dd8817ab155bedb50875b', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, hAsync(Tag, { key: 'fc0fe56a54a5ae2cfc59251d8c2c5f3e70fe9fb9', href: this.url, class: {
+            } }, hAsync(Tag, { key: '8f514ae4a3711e9e7690bcf84c48c894b1716a6c', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -12207,7 +12268,7 @@ class DuetMultiselect {
             this.processedGroups.map(group => (hAsync("fieldset", null, group.label && hAsync("legend", null, group.label), group.items.map((item, key) => {
                 var _a, _b;
                 return (hAsync("duet-checkbox", { identifier: this.getOptionIdentifier(key), role: "option", label: item.label, value: item.value, key: item.value, checked: (_a = this.value) === null || _a === void 0 ? void 0 : _a.includes(item), "accessible-selected": ((_b = this.value) === null || _b === void 0 ? void 0 : _b.includes(item)) ? "true" : undefined, disabled: !this.checkboxesVisible || item.disabled, onDuetChange: e => this.toggleCheckbox(e, item), onKeyDown: (e) => this.onCheckboxKeyDown(e, key), theme: this.theme }));
-            })))))), hAsync("span", { key: 'a14ad0ccd012ac5577347b0063a8aea18ef0f173', class: "duet-multiselect-help", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '95982728671a531c3173eecda1f6f7961629fdce' }, this.error)))));
+            })))))), hAsync("span", { key: '2bb9ce9ed512ec662c996bc7e7c2d1914e0b2347', class: "duet-multiselect-help duet-multiselect-error", id: this.errorId, "aria-atomic": "true", "aria-live": this.accessibleLiveError, "aria-relevant": "additions removals" }, this.error && hAsync("span", { key: '24d696ebe5ab55a8e3240c4d9df475149f2d7875' }, this.error)))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -15545,9 +15606,8 @@ function getOppositeAxis(axis) {
 function getAxisLength(axis) {
   return axis === 'y' ? 'height' : 'width';
 }
-const yAxisSides = /*#__PURE__*/new Set(['top', 'bottom']);
 function getSideAxis(placement) {
-  return yAxisSides.has(getSide(placement)) ? 'y' : 'x';
+  return ['top', 'bottom'].includes(getSide(placement)) ? 'y' : 'x';
 }
 function getAlignmentAxis(placement) {
   return getOppositeAxis(getSideAxis(placement));
@@ -15572,19 +15632,19 @@ function getExpandedPlacements(placement) {
 function getOppositeAlignmentPlacement(placement) {
   return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
 }
-const lrPlacement = ['left', 'right'];
-const rlPlacement = ['right', 'left'];
-const tbPlacement = ['top', 'bottom'];
-const btPlacement = ['bottom', 'top'];
 function getSideList(side, isStart, rtl) {
+  const lr = ['left', 'right'];
+  const rl = ['right', 'left'];
+  const tb = ['top', 'bottom'];
+  const bt = ['bottom', 'top'];
   switch (side) {
     case 'top':
     case 'bottom':
-      if (rtl) return isStart ? rlPlacement : lrPlacement;
-      return isStart ? lrPlacement : rlPlacement;
+      if (rtl) return isStart ? rl : lr;
+      return isStart ? lr : rl;
     case 'left':
     case 'right':
-      return isStart ? tbPlacement : btPlacement;
+      return isStart ? tb : bt;
     default:
       return [];
   }
@@ -15974,12 +16034,10 @@ const flip = function (options) {
         return {};
       }
       const side = getSide(placement);
-      const initialSideAxis = getSideAxis(initialPlacement);
       const isBasePlacement = getSide(initialPlacement) === initialPlacement;
       const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
       const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
-      const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== 'none';
-      if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
+      if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== 'none') {
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements = [initialPlacement, ...fallbackPlacements];
@@ -16004,22 +16062,16 @@ const flip = function (options) {
         const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
         const nextPlacement = placements[nextIndex];
         if (nextPlacement) {
-          const ignoreCrossAxisOverflow = checkCrossAxis === 'alignment' ? initialSideAxis !== getSideAxis(nextPlacement) : false;
-          if (!ignoreCrossAxisOverflow ||
-          // We leave the current main axis only if every placement on that axis
-          // overflows the main axis.
-          overflowsData.every(d => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
-            // Try next placement and re-run the lifecycle.
-            return {
-              data: {
-                index: nextIndex,
-                overflows: overflowsData
-              },
-              reset: {
-                placement: nextPlacement
-              }
-            };
-          }
+          // Try next placement and re-run the lifecycle.
+          return {
+            data: {
+              index: nextIndex,
+              overflows: overflowsData
+            },
+            reset: {
+              placement: nextPlacement
+            }
+          };
         }
 
         // First, find the candidates that fit on the mainAxis side of overflow,
@@ -16031,17 +16083,8 @@ const flip = function (options) {
           switch (fallbackStrategy) {
             case 'bestFit':
               {
-                var _overflowsData$filter2;
-                const placement = (_overflowsData$filter2 = overflowsData.filter(d => {
-                  if (hasFallbackAxisSideDirection) {
-                    const currentSideAxis = getSideAxis(d.placement);
-                    return currentSideAxis === initialSideAxis ||
-                    // Create a bias to the `y` side axis due to horizontal
-                    // reading directions favoring greater width.
-                    currentSideAxis === 'y';
-                  }
-                  return true;
-                }).map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
+                var _overflowsData$map$so;
+                const placement = (_overflowsData$map$so = overflowsData.map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$map$so[0];
                 if (placement) {
                   resetPlacement = placement;
                 }
@@ -16065,8 +16108,6 @@ const flip = function (options) {
   };
 };
 
-const originSides = /*#__PURE__*/new Set(['left', 'top']);
-
 // For type backwards-compatibility, the `OffsetOptions` type was also
 // Derivable.
 
@@ -16080,7 +16121,7 @@ async function convertValueToCoords(state, options) {
   const side = getSide(placement);
   const alignment = getAlignment(placement);
   const isVertical = getSideAxis(placement) === 'y';
-  const mainAxisMulti = originSides.has(side) ? -1 : 1;
+  const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
   const rawValue = evaluate(options, state);
 
@@ -16094,9 +16135,10 @@ async function convertValueToCoords(state, options) {
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: rawValue.mainAxis || 0,
-    crossAxis: rawValue.crossAxis || 0,
-    alignmentAxis: rawValue.alignmentAxis
+    mainAxis: 0,
+    crossAxis: 0,
+    alignmentAxis: null,
+    ...rawValue
   };
   if (alignment && typeof alignmentAxis === 'number') {
     crossAxis = alignment === 'end' ? alignmentAxis * -1 : alignmentAxis;
@@ -16218,11 +16260,7 @@ const shift = function (options) {
         ...limitedCoords,
         data: {
           x: limitedCoords.x - x,
-          y: limitedCoords.y - y,
-          enabled: {
-            [mainAxis]: checkMainAxis,
-            [crossAxis]: checkCrossAxis
-          }
+          y: limitedCoords.y - y
         }
       };
     }
@@ -16878,7 +16916,7 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-const duetPopupMenuCss = "*,*::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-popup-menu-list{position:absolute;top:0;left:0;z-index:950;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(8, 42, 77);list-style:none;visibility:hidden !important;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease;transform:scaleY(0);transform-origin:top center}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.scroll-visible{overflow-y:scroll;scroll-margin:20px}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}::slotted(duet-notification){max-width:360px}";
+const duetPopupMenuCss = "*,*::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-popup-menu-list{position:absolute;top:0;left:0;z-index:950;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(8, 42, 77);list-style:none;visibility:hidden !important;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease;transform:scaleY(0);transform-origin:top center}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.scroll-visible{overflow-y:scroll;scroll-margin:20px}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}::slotted(duet-notification){max-width:360px}slot{--divider-margin:var(--space-x-small, 8px)}";
 var DuetPopupMenuStyle0 = duetPopupMenuCss;
 
 class DuetPopupMenu {
@@ -17167,12 +17205,37 @@ class DuetPopupMenu {
     get itemElements() {
         return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"));
     }
+    getAllPrecedingMatchingSiblings(el, selector) {
+        const prev = el.previousElementSibling;
+        if (prev) {
+            const matches = this.getAllPrecedingMatchingSiblings(prev, selector);
+            if (prev === null || prev === void 0 ? void 0 : prev.matches(selector)) {
+                matches.push(prev);
+            }
+            return matches;
+        }
+        return [];
+    }
     get popupMenuStyleHeight() {
+        var _a;
         const selector = ":scope duet-popup-menu-item, :scope duet-notification";
         const elements = Array.from(this.element.querySelectorAll(selector));
-        if (elements.length > 0 && this.scrollLimit) {
+        // if we have filter, elements may be hidden
+        const visibleElements = elements.filter(el => el.style.display !== "none");
+        if (visibleElements.length > 0 && this.scrollLimit) {
+            // of the visible elements, we want to show at moist scrollLimit items
+            const itemsToShow = visibleElements.slice(0, this.scrollLimit - 1);
+            // use the actual heights of the items to show
+            const itemsToShowHeight = itemsToShow.reduce((acc, cur) => acc + cur.offsetHeight, 0);
+            // include possible filter input
+            const filterHeight = ((_a = this.filterInput) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
+            // include all dividers that preced the last item to show
+            // as their height with margins can not be easily captured, use magic number 17, 1px height + 2 * 8px margin
+            const lastItemToShow = itemsToShow[itemsToShow.length - 1];
+            const dividerHeight = this.getAllPrecedingMatchingSiblings(lastItemToShow, "duet-divider").length * 17;
+            // popup-menu has spaceXSmall top and bottom paddings
             const paddings = Number(spaceXSmall.replace("px", "")) * 2;
-            return `${elements[0].offsetHeight * this.scrollLimit + paddings}px`;
+            return `${itemsToShowHeight + filterHeight + dividerHeight + paddings}px`;
         }
         else {
             return "auto";
@@ -17195,17 +17258,17 @@ class DuetPopupMenu {
             overflowY: "auto",
             height: this.popupMenuStyleHeight,
         };
-        return (hAsync(Host, { key: '3ec941a205dc0baffda4fb90920a6d66d1f03150' }, hAsync("div", { key: '1574a9dae761cf5226d85299c98aad9cbe66c626', ref: element => {
+        return (hAsync(Host, { key: 'b122068ff5f05a161926a7eeec8418fd258dc753' }, hAsync("div", { key: '3ee437f9fce94ed063c132bb045aedf2714a4ccf', ref: element => {
                 this.menuElement = element;
             }, style: styles, class: {
                 open: this.open,
                 "duet-popup-menu-list": true,
                 "duet-theme-turva": this.theme === "turva",
                 "scroll-visible": this.scrollLimit < this.itemElements.length,
-            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, this.showFilterInput && (hAsync("div", { key: 'b64b46ed737e9f63979718a106501a188edd5486' }, hAsync("duet-input", { key: 'aa21c8d65868a9c265304d01280b4cc49ba1e996', ref: el => (this.filterInput = el), label: this.filterLabel[this.language], "label-hidden": true, expand: true, margin: "none", type: "search", onDuetInput: this.filterItems, onKeyDown: this.handleKeyDownOnFilter }), hAsync("duet-visually-hidden", { key: 'b7c8787de1caa71c2436375a96ce26101a864f60' }, hAsync("span", { key: '5573f919752c222b3a99ff56416cb0a6b14e20d3', role: "status" }, `
+            }, role: this.accessibleRole, "aria-label": this.accessibleLabel }, this.showFilterInput && (hAsync("div", { key: '73faa0c97cebf6cb99abae830cabcc06525b4b57' }, hAsync("duet-input", { key: 'fa2d88575830d3dae9beb503dc7016e419a7cef0', ref: el => (this.filterInput = el), label: this.filterLabel[this.language], "label-hidden": true, expand: true, margin: "none", type: "search", onDuetInput: this.filterItems, onKeyDown: this.handleKeyDownOnFilter }), hAsync("duet-visually-hidden", { key: '56c6e3412f75452b9da5bc8888405ce19289d7d1' }, hAsync("span", { key: 'ad2a9bb358c92fb580f225a347f45f4bd2147e14', role: "status" }, `
                   ${this.filterResultCount}/${this.itemElements.length}
                   ${this.filterResultCountLabel[this.language]}
-                `)), hAsync("duet-spacer", { key: '18b2e0894e1ac20362e94b913467ef8dd46d0176', size: "xx-small" }))), hAsync("slot", { key: '6e3755fca95627759a2af50ddf4fa938c549ceed' }))));
+                `)), hAsync("duet-spacer", { key: 'dfd8ee96c3234e6c1cfd6389fdbf30996dab3d0d', size: "xx-small" }))), hAsync("slot", { key: 'adc7655a36b4009b4dc5cfcb9d83b73a2e0beb9e' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -17255,6 +17318,7 @@ class DuetPopupMenuItem {
         registerInstance(this, hostRef);
         this.duetFocus = createEvent$2(this, "duetFocus", 7);
         this.duetBlur = createEvent$2(this, "duetBlur", 7);
+        this.isSafariBrowser = /^((?!chrome|android).)*safari/i.test(navigator === null || navigator === void 0 ? void 0 : navigator.userAgent);
         /**
          * Component event handling.
          */
@@ -17315,11 +17379,13 @@ class DuetPopupMenuItem {
             "duet-theme-turva": this.theme === "turva",
             "active-descendant": this.activeDescendant,
         };
-        return (hAsync(Host, { key: 'ec9a97488880d6513ce756f9816356ab2a3ef1ae', role: this.accessibleRole }, hAsync(TagName, { key: '6bb037d35469526f830d2767f9b94aa3e401730a', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (hAsync("duet-icon", { key: 'aeb1363d0e70572dcead578251332bc61047313b', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: '815b720a77e1ff6a7ecceffa4d1a42a876c9ca5f', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: '32a806ebff96ce81bd67c42ab95df5d170a6305c' })), (this.trailingIcon || this.active || (this.url && this.external)) && (hAsync("duet-icon", { key: '0fd375db736e280b9c2157fadce9f8319328fe27', name: this.url && this.external
+        // Without the role ternary Safari/iPhone wouldn't announce the label for role menuitem.
+        // This is a tradeoff and now Safari announces these items as buttons and links with the label.
+        return (hAsync(Host, { key: '0fc9e90362081fd5b2e00742e296ede698ddecc2', role: this.accessibleRole === "menuitem" && this.isSafariBrowser ? null : this.accessibleRole }, hAsync(TagName, { key: 'a53d080e78aa5f0a4206d45efdbbba5df8f2042c', ref: element => (this.itemElement = element), tabIndex: this.accessibleRole === "listitem" ? 0 : -1, onFocus: this.onFocus, onBlur: this.onBlur, role: `${TagName === "a" ? "link" : "button"}`, "aria-label": this.accessibleLabel, class: classes, value: this.value, href: this.url, target: this.external ? "_blank" : undefined, rel: this.external ? "noopener" : undefined, lang: TagName === "button" ? undefined : this.targetLanguage, hreflang: TagName === "button" ? undefined : this.targetLanguage }, this.leadingIcon && (hAsync("duet-icon", { key: 'fc6728587084a43f9dc76eb3bf86778080a00e7d', name: this.leadingIcon, size: "x-small", color: this.leadingIconColor ? this.leadingIconColor : "currentColor", class: "duet-popup-menu-item-leading", margin: "none" })), hAsync("span", { key: 'c4f9c8e931c8eedd61507ac71aa64e8b8f57788f', class: "duet-popup-menu-item-label" }, hAsync("slot", { key: 'a18a3a9ed5f6726e4a1837d51cff56955d957e96' })), (this.trailingIcon || this.active || (this.url && this.external)) && (hAsync("duet-icon", { key: 'ae2294e052ef2a9a8b9795a8433f222340345cc1', name: this.url && this.external
                 ? actionNewWindowSmall.title
                 : this.active
                     ? "messaging-checked-small"
-                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { key: '3a8c841ef1ec29f2174c1d62da75f692f73cb2fe', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
+                    : this.trailingIcon, size: (this.url && this.external) || this.active ? "xx-small" : "x-small", color: "currentColor", class: "duet-popup-menu-item-trailing", margin: "none" })), this.trailingText && hAsync("span", { key: '6373f165f6aeeabffb62962dd8e97e58b5d1a6aa', class: "duet-popup-menu-item-trailing" }, this.trailingText))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetPopupMenuItemStyle0; }
@@ -18682,6 +18748,106 @@ class DuetShapedImage {
     }; }
 }
 
+const duetShareChartCss = "*,*::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-share-chart-horizontal-bar{height:16px;margin-bottom:20px;border-radius:4px}.duet-share-chart-horizontal-bar .duet-share-chart-share{box-sizing:border-box;display:inline-block;height:16px;border-color:rgb(255, 255, 255);border-style:solid;border-width:0 1px}.duet-share-chart-horizontal-bar .duet-share-chart-share:first-child{border-left-width:0;border-radius:4px 0 0 4px}.duet-share-chart-horizontal-bar .duet-share-chart-share:last-child{border-right-width:0;border-radius:0 4px 4px 0}.duet-share-chart-item-list{padding:0 4px;margin:0;list-style:none}.duet-share-chart-item-list li{display:flex;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-style:normal;font-weight:400;font-variant-numeric:tabular-nums;color:rgb(8, 42, 77)}.duet-share-chart-item-list li.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)}.duet-share-chart-item-list span{display:inline-block}.duet-share-chart-item-list .duet-share-chart-item-color{flex-shrink:0;width:12px;height:12px;margin-top:calc((1.5rem - 12px) / 2);margin-right:12px;border-radius:4px}.duet-share-chart-item-list .duet-share-chart-item-value{font-weight:600}";
+var DuetShareChartStyle0 = duetShareChartCss;
+
+class DuetShareChart {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.defaultColors = [
+            "lt-blue-800",
+            "lt-blue-600",
+            "success-600",
+            "success-800",
+            "warning-600",
+            "danger-600",
+            "danger-800",
+        ];
+        /**
+         * Local methods
+         */
+        this.colorPickCount = 0;
+        this.items = undefined;
+        this.theme = "";
+        this.unit = "%";
+    }
+    /**
+     * Component lifecycle events.
+     */
+    componentWillLoad() {
+        inheritGlobalTheme(this);
+    }
+    connectedCallback() {
+        this.updateChartItems();
+    }
+    disconnectedCallback() {
+        if (this.childObserver) {
+            this.childObserver.disconnect();
+            this.childObserver = undefined;
+        }
+    }
+    pickColor() {
+        const color = this.defaultColors[this.colorPickCount];
+        this.colorPickCount += 1;
+        if (this.colorPickCount > this.defaultColors.length - 1) {
+            this.colorPickCount = 0;
+        }
+        return color;
+    }
+    updateChartItems() {
+        const children = getElementsFromDefaultSlot(this.element).filter(el => el.tagName.toLocaleLowerCase() === "duet-share-chart-item");
+        this.items = children.map(child => ({
+            text: child.innerText,
+            value: child.value,
+            color: child.color || this.pickColor(),
+        }));
+        this.itemsTotalValue = this.items.reduce((total, { value }) => total + value, 0);
+    }
+    render() {
+        return (hAsync(Host, { key: '230ed44d6302403fc483392a556cdd6a994ece90' }, hAsync("div", { key: '491a97e31835484f390449c35cd21720e06b6a7a', class: "duet-share-chart-horizontal-bar", role: "presentation" }, this.items.map(item => (hAsync("span", { class: "duet-share-chart-share", style: {
+                width: `${(item.value / this.itemsTotalValue) * 100}%`,
+                backgroundColor: getColorByName(item.color, this.theme),
+            } })))), hAsync("ul", { key: '943e85740a3ece5878daa1138dfca90ee5798ab2', class: "duet-share-chart-item-list" }, this.items.map(item => (hAsync("li", { class: { "duet-theme-turva": this.theme === "turva" } }, hAsync("span", { class: "duet-share-chart-item-color", style: { background: getColorByName(item.color, this.theme) } }), hAsync("span", { class: "duet-share-chart-item-text" }, item.text, ":"), hAsync("span", { class: "duet-share-chart-item-value" }, "\u00A0", item.value, "\u00A0", this.unit), this.unit !== "%" && (hAsync("duet-visually-hidden", null, `${(item.value / this.itemsTotalValue) * 100}%`)))))), hAsync("slot", { key: '5c102cbf81beeb8b1c9f2a66508bd34d7547a2b5' })));
+    }
+    get element() { return getElement(this); }
+    static get style() { return DuetShareChartStyle0; }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "duet-share-chart",
+        "$members$": {
+            "theme": [1025],
+            "unit": [1],
+            "items": [32]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": []
+    }; }
+}
+
+class DuetShareChartItem {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.value = 0;
+        this.color = undefined;
+    }
+    render() {
+        return (hAsync(Host, { key: '1db343b4bc9ac0287de482ea0d609049a4645d8d' }, hAsync("div", { key: 'e75250d63d27f9501799767cb42283f664f860ea', hidden: true }, hAsync("slot", { key: 'd480ba557649e858697129546874bae17e47135d' }))));
+    }
+    get element() { return getElement(this); }
+    static get cmpMeta() { return {
+        "$flags$": 9,
+        "$tagName$": "duet-share-chart-item",
+        "$members$": {
+            "value": [2],
+            "color": [1]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": []
+    }; }
+}
+
 const duetShowMoreCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-show-more{margin-bottom:16px !important;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)}.duet-show-more.duet-m-0{margin:0 !important}.duet-show-more .slotted-content{display:none}.duet-show-more.open .slotted-content{display:block}.duet-show-more .content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-show-more.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)}.duet-show-more.duet-theme-turva .content:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
 var DuetShowMoreStyle0 = duetShowMoreCss;
 
@@ -19350,7 +19516,7 @@ class DuetSlideoutLang {
      */
     render() {
         const langTranslation = getLocaleString(this.chooseLangObject);
-        return (hAsync(Host, { key: '26940a9efe3228ad051940cfb903980d683cf614' }, hAsync("div", { key: 'a031d990d2bf459e73678e682d1952e7225a67e7', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '7ff54cdd19c444cb9d8c8a67b5e563df53f13e0b', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: '2c0a83341839a6953c176fd68882dbd05151948a' }))));
+        return (hAsync(Host, { key: '848aaedd9e1c8ed6d539b69daef3a831af55b178' }, hAsync("div", { key: '69695781b71a228e58973bd2673c7765582b6fcb', class: "duet-slideout-lang", role: "group", "aria-label": langTranslation }, hAsync("duet-icon", { key: '2305f5314bf1fb5c270d2a8eeb55f75382d2591a', name: "navigation-language", margin: "none", color: "secondary" }), hAsync("slot", { key: '2d7a718ac92ce21dd138e7fb71e27a02ac5ca1ae' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLangStyle0; }
@@ -19406,12 +19572,12 @@ class DuetSlideoutLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'e58e7e022f359b763fff57c4794d9581204ae9f1' }, hAsync("a", { key: 'b02485b104f43923bb51c25449ad782669da2a3f', target: !this.href ? null : this.external ? "_blank" : "_self", class: {
+        return (hAsync(Host, { key: '9c7e694f19f234e14ac86c900c0f7ae6f765f7ab' }, hAsync("a", { key: 'ff3e3a23d2d1b3f56b0b994e7eeccb6f71b4c5be', 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.href && getAccessibleLinkLabel(this)) || this.accessibleLabel, rel: this.external ? "noopener" : undefined }, this.icon && (hAsync("duet-icon", { key: 'f2a699889f3e342915733dc322f5607d4dc1b381', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: '67777983021ac91e35b68e9b8bdb6f0b56279107', class: "label" }, hAsync("span", { key: 'd0ac662968dec767e9a095843f32f7dcea698190' }, hAsync("span", { key: '1e75583ea91cbe3bf1ff4720f9b2d9efc96be742', class: "label-container" }, hAsync("span", { key: 'c8be5ead58f8ae2669a818f2d552c91d2f95804f', class: "label-content" }, hAsync("slot", { key: 'fd51bd2d2971917a7259abc816268bfa38cb439d' })), this.external && (hAsync("duet-icon", { key: '7ef7af0a841d9241becd86c1364c89f6cae59c6a', class: "external-icon", theme: this.theme, name: actionNewWindowSmall.title, margin: "none", size: "auto", color: "currentColor" }))), hAsync("slot", { key: 'fb1da47dfd02a661c7286b0c523a8c3ac5f83cf1', name: "description" })), this.caret && (hAsync("duet-icon", { key: 'c4f51f17072cd66112993ed45421a5a8ccb59058', 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 && (hAsync("duet-icon", { key: 'f7528118eb9ac1331797c4e375e5373511ed2b5a', name: this.icon, color: "secondary", size: this.menuItem ? "x-small" : "medium", margin: "none" })), hAsync("div", { key: '7ade705aba28a34b24d53a09ec067823b94c03d6', class: "label" }, hAsync("span", { key: '84085ddeaa526502419641aefd0cd30106b89fe0' }, hAsync("span", { key: '792db99a27189102d713db6351e724547297670f', class: "label-container" }, hAsync("span", { key: '1416b4f044e1320c2f71a2db1b3839e21d482979', class: "label-content" }, hAsync("slot", { key: '7f66789e0c27b6c09309f446179cdc8e5a6dfa6d' })), this.external && (hAsync("duet-icon", { key: 'b1e870744e89431b43907f9ca6030a075af36be7', class: "external-icon", theme: this.theme, name: actionNewWindowSmall.title, margin: "none", size: "auto", color: "currentColor" }))), hAsync("slot", { key: '3dcd61fca8f725f97ea83d397d676ede325fb624', name: "description" })), this.caret && (hAsync("duet-icon", { key: '4bcd014bb5cd4c1d1af3d42d113407b26bcad004', name: "action-arrow-right", color: "secondary", size: "x-small", margin: "none" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutLinkStyle0; }
@@ -19574,23 +19740,23 @@ class DuetSlideoutPanel {
         };
         const exitTranslation = getLocaleString(this.exitLangObject);
         const backTranslation = getLocaleString(this.backLangObject);
-        return (hAsync(Host, { key: '2b36b05ce039386747c09abf0e5323c48b5e0488' }, hAsync("div", { key: 'd58f2b9732c3ab38b13bd4f0439efe9012b9d515', class: {
+        return (hAsync(Host, { key: 'cb822cc9737388e773957e9167d9a3f3092a5024' }, hAsync("div", { key: 'ecf89dccd7aaa7516815ddb1b3283dcb88561624', class: {
                 "duet-slideout-panel": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: '529140519e744fd8e36ff8afea01ca18938414b0', 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: {
+            } }, hAsync("button", { key: '1c5d2a8c1e0ccc4d56c57c12e32f37fd2d8bdf28', 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 && (hAsync("div", { key: '4f8d0249d6221a523a3a0b3836933b432829d8c8', class: "duet-slideout-icon" }, hAsync("duet-icon", { key: '230b927f9771d593709e791c14618db90d7aa895', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && hAsync("div", { key: '33617258b158f4f59b6e9655b058a84a3ee47af1', class: "duet-slideout-badge" }))), hAsync("span", { key: '7da950982ae9adb1e9d37515b3e271e506836d41', class: "label" }, hAsync("span", { key: '6046719acd63d608ed7a2a47452f5dba66c99d8b', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: '4d7b76d2d25171390101ef25f431af7c8ef1a008', name: "label" })), hAsync("duet-icon", { key: 'd9c3ae0d685375bc29e8901f2c41bf8e2028a1db', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: '4e5a633d2f18f22bcf2cb69252f8f497def373fe', ref: element => (this.dialog = element), class: {
+            }, onClick: this.onClick, inert: this.open }, this.icon && (hAsync("div", { key: '2ed84760445304c52dc13d7d5691fa83386a3fb3', class: "duet-slideout-icon" }, hAsync("duet-icon", { key: 'a80ea5ba954811c488852ac37d6d7239b7b33a14', name: this.icon, size: "medium", margin: "none", color: "secondary" }), this.badge && hAsync("div", { key: 'a66f32d3b20af0bbad481d024da7cc5616b1c879', class: "duet-slideout-badge" }))), hAsync("span", { key: 'da846f3815471fb3fdcd4c1319e18f1a5597cfa0', class: "label" }, hAsync("span", { key: 'f6e260a2a4e4b97d6f724f45e1e46ab386dff47d', class: { "label-text": true, [this.labelSize]: true } }, hAsync("slot", { key: 'abddec9671e9c3b3a3cf43ee916ee198a06b0516', name: "label" })), hAsync("duet-icon", { key: 'ed3ef00614b835aac2526866e71b05198dabe225', class: "caret", name: "action-arrow-right", margin: "none", size: "x-small", color: "secondary" }))), hAsync("div", { key: 'f004a0beebfa0aea1f9140d94f44a53def61be84', ref: element => (this.dialog = element), class: {
                 dialog: true,
                 hidden: !this.open,
-            }, style: styles }, hAsync(FocusGuard, { key: '9f810bf575701688ab08f60726de6da69bc12635', moveFocusTo: this.closeButton }), hAsync("div", { key: '13828354ebc908614edfa649b633c78b5ca040d0', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: 'd3a965830f5cb2f31d767b925c9f35470dab844d', class: "top" }, hAsync("button", { key: 'c07c0504cb16358d05e42cce8554b99f034d07b9', 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 }, hAsync(FocusGuard, { key: '141275269b60c09c78245f2cdba73e3c1556ec89', moveFocusTo: this.closeButton }), hAsync("div", { key: '8835c47450104420f6dd3a208375dfc129fe13fc', class: { "top-container": true, "has-sticky-header-slot": this.hasStickyHeaderSlot } }, hAsync("div", { key: 'e26413e851f98164d3f00b4839899a7a05c57a0d', class: "top" }, hAsync("button", { key: 'e47be55cb0d87b1031a051ce164af014ca773e17', 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 }, hAsync("duet-icon", { key: '521c0a3724fe426035c1c941752d1498e41034be', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: 'e9727f3f182d3bbfd2aa5f65d3f750b0e1da6131' }, this.label.innerHTML), hAsync("button", { key: '6132ffcdc5f194d857698b0a8e4bb6b725113af2', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: '2aa67d1f3468592b7886bafa0b168db8a8156b9b', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'bc7eec6649885a979ed139c6742de251672a9821', class: "sticky-header" }, hAsync("slot", { key: 'b9983428eb3d8232c5d68154a8bb200cd4cc7e2a', name: "sticky-header" }))), hAsync("div", { key: '20ea66396b8e7d802a44d36c7aa326294e7a95cb', tabindex: "-1", role: "menu",
+            }, onClick: this.onClick }, hAsync("duet-icon", { key: '6c1caa323b815ad3940991fdc7aacec7aab7f94a', class: "caret", name: "action-arrow-left", margin: "none", size: "small", color: "secondary" })), hAsync("span", { key: '96e9ac9d7ff5121db3d90ce76613d00db1864778' }, this.label.innerHTML), hAsync("button", { key: '4557397517d57085b8442828c0b60164ce048a3e', class: "close", type: "button", onClick: this.onCloseClick, "aria-label": `${exitTranslation}` }, hAsync("duet-icon", { key: '7c00e8108b826b44fc9343d172fcda9eb700d4a9', name: "navigation-close", size: "small", margin: "none", color: "secondary" }))), hAsync("div", { key: 'b9f1ebcaf47a9635917063bec751725fd580f019', class: "sticky-header" }, hAsync("slot", { key: 'd70c5e23758b79af9cfadfab39349bf9b71b4a76', name: "sticky-header" }))), hAsync("div", { key: 'c87464365151093c3edca5fc7478af7b3b90e2ff', tabindex: "-1", role: "menu",
             //TODO: slideout menu fades out, needs to be instant
             id: "menu", "aria-labelledby": "button", class: {
                 items: true,
-            } }, hAsync("slot", { key: '625703e33ae89586ed068b86912c37721035c645' })), hAsync(FocusGuard, { key: 'e34b98e036503d08b5d653169fbff5bd8dea058f', moveFocusTo: this.closeButton })))));
+            } }, hAsync("slot", { key: 'a0dd655320d212ccc005c3fb096b578f19f9c0a8' })), hAsync(FocusGuard, { key: 'dafafa79bc1b13a9c9eb46379181a02ab0487aa5', moveFocusTo: this.closeButton })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -19660,16 +19826,16 @@ class DuetSlideoutPanelDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '35bf0d91a006cd0fb6a50012f5f48b8b84d5ecac' }, hAsync("div", { key: 'aebfdab784d0a2921fc1f5b461b881c241ef5066', class: {
+        return (hAsync(Host, { key: '89618f83739daf830ec8b90e05e9f3e5f9b52f34' }, hAsync("div", { key: 'e155beffd0996d1cace98318dc02b6a9cd6f1531', class: {
                 "duet-slideout-panel-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.open,
-            } }, hAsync("button", { key: 'f3174e8f9f070b3c8cd4da9e6db8b695982f236b', 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: {
+            } }, hAsync("button", { key: 'f2aeae59fdea3ec033d49a5a5539c5d5f076394a', 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 && hAsync("duet-icon", { key: '02b31af38cf8ef821d9bd8b83ede34c900b58c41', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: '1244f292f215410cba0750e205392e5d5fcd9ab7', class: "label" }, hAsync("slot", { key: 'a55379905e5ec24ec617910fccdba8f351494d11', name: "label" }), hAsync("duet-icon", { key: 'c63d4943d43087e6ec52e7e54f8a4211daebeadd', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: '31e1e8a311b9ee173852bcbf3733cc846d7f87da', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick }, this.icon && hAsync("duet-icon", { key: 'c884fa8d6236722a189b5bc384eb85000587ffa1', name: this.icon, size: "medium", margin: "none", color: "secondary" }), hAsync("span", { key: '73cfdab8bb78c2504a8fc0d45d581be2161b6039', class: "label" }, hAsync("slot", { key: '656c5d97ba82b382db0feb02003427fe41eb1767', name: "label" }), hAsync("duet-icon", { key: 'd927fed89d4414a08391ca31fdfde8d51cd64b01', class: "caret", name: "action-arrow-down-small", margin: "none", size: "xx-small", color: "secondary" }))), hAsync("div", { key: '2292a1771bdc183cc5b4eb3836e32af3caf69397', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: 'b7365965b0950b899e494162007d51130444478d' })))));
+            } }, hAsync("slot", { key: '8b5ea9880c9444c6bd3d98db753a7503813cdd21' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSlideoutPanelDropdownStyle0; }
@@ -19851,10 +20017,10 @@ class DuetStatusIcon {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'fbe1061f951f0b72c146c3e761867466a7d569a1', class: {
+        return (hAsync(Host, { key: 'f2a27d2fd14f0521619a4a4acc078853914cb77d', class: {
                 [`duet-status-icon-${this.getVariation()}`]: true,
                 "duet-strong-bg": this.strong,
-            } }, hAsync("duet-icon", { key: '706af593d9624a7a07e991497eeb3221a550ff35', icon: this.getIcon(), size: this.size, margin: this.margin })));
+            } }, hAsync("duet-icon", { key: '9fea7a807f88b0c840a4fb37ea025126edf80a3e', icon: this.getIcon(), size: this.size, margin: this.margin })));
     }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -20000,8 +20166,9 @@ class DuetStepper {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.duetStepChange = createEvent$2(this, "duetStepChange", 7);
+        this.language = getLanguage();
         this.theme = "";
-        this.accessibleLive = "Lista jossa {total} kohtaa. Olet kohdassa {current}.";
+        this.accessibleLive = getLocaleString(DuetStringsListStepOfTotal, this.language);
         this.margin = "auto";
         this.backDisabled = false;
         this.selected = 0;
@@ -20038,6 +20205,12 @@ class DuetStepper {
     async connectedCallback() {
         this.updateStepState();
     }
+    disconnectedCallback() {
+        if (this.childObserver) {
+            this.childObserver.disconnect();
+            this.childObserver = undefined;
+        }
+    }
     getSteps() {
         return Array.from(this.element.querySelectorAll("duet-step"));
     }
@@ -20082,7 +20255,7 @@ class DuetStepper {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'd8655560066e926969cdbfc73ec98098886dbd5d', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: '664fc460cb80dc283a4569bd43466fea99d9611b', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: '023543f1d0738023d8841a6bd4755662d63fffcd', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: 'c7d59ff95b0a833472f364bace7b06b9c292545c' }))));
+        return (hAsync(Host, { key: 'eef8866a3e7ccabbb7701657e15ec683958ea5d4', class: { "duet-m-0": this.margin === "none" } }, hAsync("div", { key: 'f5cbf491c749b26ca29bff3f024202eb5c95368b', class: { "duet-stepper": true, "duet-theme-turva": this.theme === "turva" } }, hAsync("duet-visually-hidden", { key: '8349b7f7cbe730cbc82b9b91a8b5f481ed913a61', "aria-live": "polite", "aria-atomic": "true", "aria-relevant": "all" }, this.formatAnnouncement()), hAsync("slot", { key: 'c8ac270cc86273c7d75c996b9772e0585fa2fc0c' }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -20098,7 +20271,8 @@ class DuetStepper {
             "accessibleLive": [1, "accessible-live"],
             "margin": [1],
             "backDisabled": [4, "back-disabled"],
-            "selected": [1538]
+            "selected": [1538],
+            "language": [32]
         },
         "$listeners$": [[0, "duetStepClick", "onDuetStepClick"]],
         "$lazyBundleId$": "-",
@@ -20227,19 +20401,19 @@ class DuetSubmenuBar {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '2720db892c55577581be1f5cff69e6b56d0eddb1' }, hAsync("nav", { key: '6450c2d32c229ffc2cdefffaf4d0824c927f2dfe', class: {
+        return (hAsync(Host, { key: '417d739470c7fe9b87ddc61a9f660113df598c22' }, hAsync("nav", { key: '139ebc35685702253a213c7105407af7a141a62c', class: {
                 "duet-submenu-bar": true,
                 "duet-theme-turva": this.theme === "turva",
                 hidden: this.hidden,
-            }, "aria-label": this.accessibleLabel }, this.hasItems && (hAsync("button", { key: 'fbf58c54a86a16f1c9c9b018800e74dc86ad7827', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
+            }, "aria-label": this.accessibleLabel }, this.hasItems && (hAsync("button", { key: '501638b4c30ab12368c39a05f74bb1c3b1317362', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
                 active: this.open,
-            }, onClick: this.onClick }, hAsync("span", { key: '95c4226bedf3122965ef044122688e824788fad4', class: "label" }, hAsync("slot", { key: '93a3fb333e252ee09987a9832a782a86dd15e13c', name: "label" }), hAsync("duet-icon", { key: '125465c2c40457117a28f562c60eb2b63ae061ad', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: '4d23eea3732698f64ec388a4c65d29016c4b0b47', class: {
+            }, onClick: this.onClick }, hAsync("span", { key: '403ee71ef7c4a79e36018e751e8beb7dc48049c9', class: "label" }, hAsync("slot", { key: 'd3c17dd11de845bb119d8f753fd358bd2c65a6d9', name: "label" }), hAsync("duet-icon", { key: '81b28c9228a242a36202f53c9ed9fd8a8b609221', theme: this.theme, class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" })))), hAsync("div", { key: 'ba2b698fcce4246cbd779e87dfac3a6be181d926', class: {
                 "menu-container": true,
                 hidden: !this.open,
-            }, role: "presentation" }, hAsync("div", { key: 'cedb273340657fe22fdcbd234b632079ba8bae94', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
+            }, role: "presentation" }, hAsync("div", { key: 'e76659541e9d8c28c9dad388f363d794e6d352e1', role: this.mobile ? "menu" : null, id: "menu", "aria-labelledby": this.mobile ? "button" : null, "aria-expanded": this.mobile ? (this.open ? "true" : "false") : null, class: {
                 items: true,
                 hidden: !this.open,
-            }, ref: element => (this.itemsContainer = element) }, hAsync("div", { key: 'c0c2a1cdea75e574b2a5136164422716db80e020', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: '43c189da567108214e33bd29bd5ecadf396c3be4' }), hAsync("div", { key: '4e7ee2bf92b8446dbee5ac9e81a6cf6c4e424950', class: "list-padding" }))), hAsync("duet-overlay", { key: 'df603367a1254cd933205e844295693c5d40e7b5', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
+            }, ref: element => (this.itemsContainer = element) }, hAsync("div", { key: '51f96f2351bc5d0e236ce4b36f71aaa5054e5f15', class: "list", role: this.mobile ? "presentation" : "list" }, hAsync("slot", { key: 'e82358ec5faa3172b05111c5cb8b4a92af93408b' }), hAsync("div", { key: '1dc90575c0ca00419a1a6dabc94d997a658b4d04', class: "list-padding" }))), hAsync("duet-overlay", { key: '6a46e855d0da8c13ca1bff8f69016dfab10afa5d', "keep-stacking-context": true, visible: this.open, "display-device": "not-large", transition: "immediate" })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -20360,18 +20534,18 @@ class DuetSubmenuBarDropdown {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '1eb547e5709ea63b23354ca9c59b1b19c038c102', role: "listitem" }, hAsync("div", { key: '570a652c6c926ccebcb1a9541fd676558a2239a4', class: {
+        return (hAsync(Host, { key: '76e8b37395a41c08dfb79044c9aa9e8ca5ba5274', role: "listitem" }, hAsync("div", { key: '16c3746948dd9f622b4cb003304e22f1dc1faf9d', class: {
                 "duet-submenu-bar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 open: this.open,
                 active: this.active,
-            } }, hAsync("button", { key: 'cb6806df3c0914e15d8b5fdfa96cdaba6b36ad6d', 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: {
+            } }, hAsync("button", { key: 'e1714f05f37e793f5f83a72cf63a62a5798e0415', 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: {
                 open: this.open,
                 active: this.active,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: '3c866f7cb7ccf04b91b02bd01fa4a2e57462bc10', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'a5aa098f80c23566bb2c91b50ce002a36c18a0ba', class: "label" }, hAsync("span", { key: 'dbc5f7743345200a326a2367107b0b1fa3245ded', class: "label-text" }, hAsync("slot", { key: '5da6e5fcef0e333fe29fb08b72696251cb067436', name: "label" })), hAsync("duet-icon", { key: '875a3ffcc5d12b13e2d52fc338373c160f77939a', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '0d53fb12a29c3ef496d588e07565c47bf07c9fee', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'f0e8d42456dd083616c6245a2a67f6f83a2e2553', class: "submenu-bar-dropdown-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '4a8c42c00dab9378cee591e449d27c3e313fbed2', class: "label" }, hAsync("span", { key: 'f04bb5583ba82c58534312b22dbb86129837fba4', class: "label-text" }, hAsync("slot", { key: '1ff407f2b05a19f13d3cdf7abc508853e9fb951c', name: "label" })), hAsync("duet-icon", { key: '8c0911d940e05310687d92a0cacc1ef55d388475', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '30970885dfcc36d710bb0fe2eed310a71348c0d2', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: 'aca1769900ed458bdfd1e8da0bd6cd516b0026db' })))));
+            } }, hAsync("slot", { key: '19623f7c88cc36d51607272ac2e2e9e582c79654' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownStyle0; }
@@ -20423,12 +20597,12 @@ class DuetSubmenuBarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '8e171bfdd3a97a208d76852cad10497303cc6a41' }, hAsync("a", { key: '6ef3bedf1b242e3564a6a32b5e564e50c0ca6e08', class: {
+        return (hAsync(Host, { key: 'c9c117e150388808484adcbb1b89d8a1f402c5dd' }, hAsync("a", { key: '4b79d238f3e36813339bea04e3c9a559ee3972a6', class: {
                 "duet-submenu-bar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 highlight: this.highlight,
                 active: this.active,
-            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: '696a5c14ddf44486ccd7ae685987d3ae73819eda', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: '0066ac29350ba089295585f001dde093e303028b', class: "label-container" }, hAsync("span", { key: '003bfe108d7aa853d32238e6b888587965e63710', class: "label" }, hAsync("slot", { key: '82c97684842fa6839700732f1bc75ef2b7eeda68' })), this.caret && hAsync("duet-icon", { key: 'e85bc1b85802155eb3044d8ab5c78d7e4e8a247b', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: 'ba3841ab9bd427fb8b9b31fb1f9340b59afd2949', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, "aria-current": this.active ? "true" : "false", href: this.href, onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: 'f0de902b75bd2c14f2e5ab7bab9045c6f7516219', name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), hAsync("span", { key: 'fb4cc6db27bd38658bbca4c0ac023c60b8c1f9f1', class: "label-container" }, hAsync("span", { key: '4451bf79f482417ca15545d3c066d1bb5f2fabf4', class: "label" }, hAsync("slot", { key: 'ff2def8614a7757177b420f8f0f071d5f6b2dda8' })), this.caret && hAsync("duet-icon", { key: 'd2e513116a7031390c920b937617b8f365c2fa9a', name: "action-arrow-right-small", size: "xxx-small", margin: "none" })), this.active && (hAsync("duet-icon", { key: '0b9751d96777023aef4b13d1b06ac493975f219a', class: "active-check", name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarDropdownLinkStyle0; }
@@ -20502,7 +20676,7 @@ class DuetSubmenuBarItem {
     render() {
         const TagName = this.url ? "a" : "button";
         const role = this.url ? "link" : "button";
-        return (hAsync(Host, { key: 'fcd533d6b3dfc93e0e759de65ecb3454a157d32f', role: "listitem" }, hAsync(TagName, { key: '0ca1f847b9660fe205bf77e5bbe78a9f7c8616df', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '3f0da6b4b7ef1b9b6630a170fd6175125c849dd4', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: 'c8406d5e73d587f29c3b8c5b09f2522c70fd4ea8', class: "label" }, hAsync("span", { key: '7d6a4ad4c5358a5c16d4986946df79dcc040633c', class: "label-text" }, hAsync("slot", { key: '3e615ac54c970f4f3576c2dd2451d93f1bb06fd1' })), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: 'ce7aa0ea2fc8cecc831ecf940a2aca520b420c93', class: {
+        return (hAsync(Host, { key: '286d31e43175b586e05d660dcae91f2ba0176f8d', role: "listitem" }, hAsync(TagName, { key: 'ff2ee974d9ee8340c3c53e24c07eb4793f6f9bec', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: { "duet-submenu-bar-item": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.url, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, role: role, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("duet-icon", { key: '8ad8924d66e2bc49aa1605f59ae9c96b06c91ddc', class: "leading-icon", theme: this.theme, name: this.leadingIcon, size: "auto", margin: "none", color: "currentColor" })), hAsync("div", { key: '3433ef2e595da4391f05927fab8deb99304887bc', class: "label" }, hAsync("span", { key: 'df2750c809a744a98e41624478d8ff5616ba496c', class: "label-text" }, hAsync("slot", { key: '83fb30a29389e5e2f5caebb04b99be1d480fdc3c' })), (this.trailingIcon || this.external) && (hAsync("duet-icon", { key: 'b00f95d9b7f5c0ad824c25fc32936964cc5d9e69', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!this.external,
@@ -20563,7 +20737,7 @@ class DuetSubmenuBarLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: 'b569ba8e1407349d04924791421693d47d99c224', role: "listitem" }, hAsync("a", { key: '632ba619dd762a3041bf7c17d2aa02d18d9c7033', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (hAsync("duet-icon", { key: 'f69a20105e32823478e19579230083c4b08e97ac', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: '53b5b5dc9e1f66785096f307bb980aa734cbb67c', class: "label" }, hAsync("slot", { key: '937a94eda35d6fbb713f4a9b5073778ba6cb2e23' })))));
+        return (hAsync(Host, { key: '523a71ea3cb2b043ce88a6bc11bbdb371eb665bb', role: "listitem" }, hAsync("a", { key: 'e6a7fd1bbc7a46c356e2b1c682f170c263e18e46', class: { "duet-submenu-bar-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, onKeyUp: e => this.handleEscape(e), "aria-current": this.active ? "true" : "false" }, this.icon && (hAsync("duet-icon", { key: '3643314e71d9195799cdfed981987b062ed8fcd9', class: "submenu-bar-link-icon", theme: this.theme, name: this.icon, size: "auto", margin: "none", color: "currentColor" })), hAsync("span", { key: '2605d1554838ec11a74e2f04767ab315f03bf14f', class: "label" }, hAsync("slot", { key: '8a9329340f3efc9b0de1ac382941d01435bae8d4' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetSubmenuBarLinkStyle0; }
@@ -21043,7 +21217,7 @@ class DuetTable {
         }
     }
     render() {
-        return (hAsync(Host, { key: '27ca97cd0ab8838a914fad68c44307707b13c646', class: {
+        return (hAsync(Host, { key: 'e518ffcdb3a5e1623d0d00b9d056f16ded2e9a91', class: {
                 [`duet-table-${this.variation}`]: true,
                 "duet-table-flattened": !this.matchesBreakpoint,
                 // sticky only valid when in regular table layout
@@ -21052,7 +21226,7 @@ class DuetTable {
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-table-hide-head-visually": this.hideHeadVisually,
-            } }, hAsync("slot", { key: 'ef1fc8226a4cbf04cac71ba4e5a9968791806281' })));
+            } }, hAsync("slot", { key: 'ead482e0e02136ea9147737239f539b3478f7925' })));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -21434,11 +21608,11 @@ class DuetToolbar {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (hAsync(Host, { key: '5d1928ecfa31b291fb49392ed2a925b7c44f874c' }, hAsync("nav", { key: '77ed3f9e5d74496b37eb2d2cae82ed1b1bf41a27', class: {
+        return (hAsync(Host, { key: '54c786c2d83fba02f7452a36eb121eda25c9376d' }, hAsync("nav", { key: '3dbf511712340f2fb01d5c6f6a3184bf9c7777da', class: {
                 "duet-toolbar": true,
                 "duet-theme-turva": this.theme === "turva",
                 [variation]: true,
-            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '2dee9cb750eeff0f3503f7cc6089e099121846bf', class: "container" }, hAsync("div", { key: 'a2ce0113b8f5449a6e9444d2c7f7f236ef1453c7', class: "list", role: "list" }, hAsync("slot", { key: '0cb2afde21b99b45b1c77342373646c30bc4a596', name: "left" })), hAsync("div", { key: 'fd0b99b6894243e88baff62fdc90afb219f098ea', class: "list", role: "list" }, hAsync("slot", { key: '3a923f1f78fedb5a60d267d1631a4c2bd2fa62c0', name: "right" }))))));
+            }, "aria-label": this.accessibleLabel }, hAsync("div", { key: '687745a324f1fbbdc0553a17fc10e5004e7c40b4', class: "container" }, hAsync("div", { key: 'dc9500dfff1d20a21e1336690643093131743fc4', class: "list", role: "list" }, hAsync("slot", { key: 'fc016f757c7ff5cf99fd96cb4d8f0a09458a6660', name: "left" })), hAsync("div", { key: '77afc9ab53cf0617ff69fed8192a99262f2d7054', class: "list", role: "list" }, hAsync("slot", { key: '3bb92bb9a828e1f3d1a137367238694a5d70bd57', name: "right" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarStyle0; }
@@ -21506,18 +21680,18 @@ class DuetToolbarDropdown {
             itemsAlign = this.element.parentElement.getAttribute("slot") === "left" ? "right" : "left";
         }
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: '8b511c738a8995c5a277b0614abeead7e2c64643', role: "listitem" }, hAsync("div", { key: '923faa507cfc2540840b56073010bec405c42e43', class: {
+        return (hAsync(Host, { key: '07c3194bb8dcbe97fde84893a04e4233d6b0059a', role: "listitem" }, hAsync("div", { key: 'fd2d68cb1d6c7d75759bedd3a7cfbbab650965db', class: {
                 "duet-toolbar-dropdown": true,
                 "duet-theme-turva": this.theme === "turva",
                 [itemsAlign]: true,
                 [variation]: true,
-            } }, hAsync("button", { key: '52a182352b7b15c90547a0f6c9f410b80945dffc', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
+            } }, hAsync("button", { key: 'd82047a673b796ea14c9d5aae69bf64ff58e6ed8', ref: element => (this.button = element), "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel, id: "button", type: "button", class: {
                 active: this.active,
                 open: this.open,
-            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'd071a84e8a5177e0d83000985acf64d710ce9b97', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: '8a377bd964f4d7e8d843ede3783696ee083c711e', class: "label" }, hAsync("slot", { key: '21a44500f70a23ec00e000847361dc0cd01cd47e', name: "label" }), hAsync("duet-icon", { key: '0d9fce9714df81c477058c8f9c4a167e5bbc8f87', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: 'f1e87be086a8065e38316c0b1acb3df977b3f245', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
+            }, onClick: this.onClick, onKeyUp: e => this.handleEscape(e) }, this.icon && (hAsync("duet-icon", { key: 'ff38577c8cc2e354df974bfd687081dbd3ebecfc', theme: this.theme, name: this.icon, size: "x-small", margin: "none", color: "currentColor" })), hAsync("span", { key: 'dce1591b74de7cfb4f2bb01b1c652f3839cce3a7', class: "label" }, hAsync("slot", { key: 'c2917b2aae3fc30027774e23c32a0509c79589dc', name: "label" }), hAsync("duet-icon", { key: '12ba80462ce582fe4071e949464f9074907fecb9', class: "caret", theme: this.theme, name: "action-arrow-down-small", margin: "none", size: "xxx-small", color: "currentColor" }))), hAsync("div", { key: '679befa15c7d48af0f5ce11f9a38a82a1f24a546', tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
                 items: true,
                 hidden: !this.open,
-            } }, hAsync("slot", { key: 'f431ba4cbd6d6bbc66603726a04b9f2f1a041735' })))));
+            } }, hAsync("slot", { key: '26eab9ffa65ebc2dcddcc024b2008cbcde40221a' })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownStyle0; }
@@ -21570,11 +21744,11 @@ class DuetToolbarDropdownLink {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '934f131ff69a3fb16c5255f19ab67c074c67d97e' }, hAsync("a", { key: '9df6ae3bfff7fcb220bc06917fd5afec8770970f', class: {
+        return (hAsync(Host, { key: '9a9d4138ef93a3bde4f9df8789da714dbbdc80a5' }, hAsync("a", { key: '733a8f2435b9f29179706881df07b40dbd93b210', class: {
                 "duet-toolbar-dropdown-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
-            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: '0bbf55cbc6c77128aa15f9f886af498579ca9568', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: '38a3e232109349816237d3e1be59d3771cf7cb6a', class: "label" }, hAsync("slot", { key: '782f4a9b43d0f399ea44bedf98d51558728c494c' })), this.active && (hAsync("duet-icon", { key: 'e9d4fd6e46d65868ef1604ab6ac9767de1682f06', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
+            }, href: this.href, lang: this.targetLanguage, hreflang: this.targetLanguage, role: "link menuitem", "aria-label": this.accessibleLabel, "aria-current": this.active ? "true" : "false", onKeyUp: e => this.handleEscape(e) }, this.icon && hAsync("duet-icon", { key: '5a19b707b976d85c2cf865ad2a42aa7e11c74ce1', name: this.icon, size: "x-small", margin: "none" }), hAsync("span", { key: '12de16aaf5ffcd6ba790ff24e68aa4d6dcfbd001', class: "label" }, hAsync("slot", { key: '1e379d609dde7f58f277413df9977612dc41d3c3' })), this.active && (hAsync("duet-icon", { key: 'f03be13f9b315771ba6bff85d2eb70b2a338453b', name: "messaging-checked-small", size: "xx-small", margin: "none", color: "currentColor" })))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarDropdownLinkStyle0; }
@@ -21649,17 +21823,17 @@ class DuetToolbarItem {
             : this.variation === "secondary"
                 ? "secondary"
                 : "default";
-        return (hAsync(Host, { key: '4c676c7e5ec6deadf4f2ccfeb1212a329ad31a83', role: "listitem" }, hAsync(TagName, { key: 'ae93e8f9dc15663f92819a9612446f78fe8d3b6b', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
+        return (hAsync(Host, { key: '739c2313d8b63e3725b695fbdc032bac89c316fa', role: "listitem" }, hAsync(TagName, { key: 'adadd54d4932700168ef04c2a3fe2efa6d729fed', target: !this.url ? null : this.external ? "_blank" : "_self", ref: element => (this.itemElement = element), class: {
                 "duet-toolbar-item": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("div", { key: '0cbcd4f6525dfb5a0d1406a0a1e35931e6288bdd', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: 'c25a832e644474f8bb338a0b7f62d21ae58f5269', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && hAsync("div", { key: '508ccd1988d068dc636aad97b374a3601b74b507', class: "duet-toolbar-badge" }))), hAsync("slot", { key: 'ebba43c92305fc7ebbb6196d8892690eb1df3562' }), (this.trailingIcon || (this.url && this.external)) && (hAsync("div", { key: '188c7bb368121e35d75a66a970782c180d349d80', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: 'bd851ec1bd852a90739eb790bc7a4853110d48c7', class: {
+            }, href: this.url, role: `${TagName === "a" ? "link" : "button"}`, "aria-current": this.active ? "true" : "false", "aria-label": (this.url && getAccessibleLinkLabel(this)) || this.accessibleLabel, "aria-expanded": this.accessibleExpanded != null ? this.accessibleExpanded.toString() : undefined, "aria-haspopup": this.accessiblePopup != null ? this.accessiblePopup.toString() : undefined, rel: this.external ? "noopener" : undefined }, this.leadingIcon && (hAsync("div", { key: '5b2dcab3c68a2d6526a08a30790e832ddde7bdfc', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '2fa1bdcb503a163afc13ce04435bc5b4f3d0812d', size: "x-small", name: this.leadingIcon, margin: "none", theme: this.theme, color: "currentColor" }), this.badge && hAsync("div", { key: '37644ec13cf2d7f181d329e3161f8dcb821e8f84', class: "duet-toolbar-badge" }))), hAsync("slot", { key: 'ebebde75a3b70abf77687fb373cbf6c58629a77f' }), (this.trailingIcon || (this.url && this.external)) && (hAsync("div", { key: '4517b4864aa9bf22e980a04697099afa8c7a0127', class: "duet-toolbar-icon" }, hAsync("duet-icon", { key: '31654bcff2b54ddf04576ffd6fdc39ec4c0558c2', class: {
                 "trailing-icon": !!this.trailingIcon,
                 "trailing-icon-arrow": this.trailingIcon === "action-arrow-down-small",
                 "external-icon": !!(this.url && this.external),
                 rotate: this.trailingIcon === "action-arrow-down-small" && this.accessibleExpanded,
-            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? actionNewWindowSmall.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && hAsync("div", { key: '433ab564808774541b59ca860b34b0f6e9d8c422', class: "duet-toolbar-badge" }))))));
+            }, theme: this.theme, name: this.trailingIcon ? this.trailingIcon : this.url && this.external ? actionNewWindowSmall.title : "", margin: "none", size: "auto", color: "currentColor" }), this.badge && this.trailingIcon !== "action-arrow-down-small" && hAsync("div", { key: '3ffbd0f767d4b2978ba457eaa7ce079460c90733', class: "duet-toolbar-badge" }))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarItemStyle0; }
@@ -21713,12 +21887,12 @@ class DuetToolbarLink {
      */
     render() {
         const variation = this.variation === "negative" ? "negative" : "white";
-        return (hAsync(Host, { key: 'e5423c219a30144ea3b3e40ba6aa83ebda9f2b24', role: "listitem" }, hAsync("a", { key: 'f517898e695b37ef3037e7c217d70c135f4d0030', class: {
+        return (hAsync(Host, { key: 'b086076220eb09a4386d98a7c217a3bc384161f3', role: "listitem" }, hAsync("a", { key: 'cae9f90b0646095039213af747294886a5c3ea89', class: {
                 "duet-toolbar-link": true,
                 "duet-theme-turva": this.theme === "turva",
                 active: this.active,
                 [variation]: true,
-            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: '2d36bd6a40eadf4167c8fe7560c6bba4f2199cac', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: '930758dcbadf30a2808bcc19c4787a4279aafa67' }))));
+            }, href: this.href, "aria-current": this.active ? "true" : "false", "aria-label": this.accessibleLabel }, this.icon && (hAsync("duet-icon", { key: 'cb28bc1e5a00ef1b0d2da61d3775ba587ab4f82d', size: "x-small", name: this.icon, margin: "none", theme: this.theme, color: "currentColor" })), hAsync("slot", { key: 'f38a92c1ab6aaee7bb0ad107f838f7e69cc94aeb' }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetToolbarLinkStyle0; }
@@ -21975,13 +22149,13 @@ class DuetTooltipButton {
      * Always the last one in the class.
      */
     render() {
-        const visuallyHidden = hAsync("duet-visually-hidden", { key: 'f3f0b88267f3c309960759050a3404e248bc75d2' }, this.accessibleLabel);
-        return (hAsync(Host, { key: '67c7d58656a99c66576dd1a159117e7146819e53' }, hAsync("button", { key: '70a0cc8a22459ac8f077b3d10da92fd79fe9beb9', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
+        const visuallyHidden = hAsync("duet-visually-hidden", { key: 'b7177813a08a37ad9f907b83e6c9f9d36674d0d5' }, this.accessibleLabel);
+        return (hAsync(Host, { key: '81aa419e92f4bb96c54f796f09eb6a8232bf2f6c' }, hAsync("button", { key: '086e45aadaf28e4be700984b80ee58362dac0ff0', ref: el => (this.buttonElement = el), "aria-controls": this.tooltipId, "aria-expanded": this.active ? "true" : "false", type: "button", class: {
                 "duet-tooltip-button": true,
                 "duet-tooltip-button-has-label": !!this.label,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-button-negative": this.negative,
-            } }, hAsync("svg", { key: 'b0bcc1e1edf4c9bfdedec545f9e0fcbe22871fb8', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '1bb4e766152070e4dfb2aa2a4086087ca7016cd4', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), hAsync("circle", { key: '4e571b55eb178d5fdd75589415d3b68381909a3e', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: '63bd02a4c145dda8be8e50b09046626636b2ff6b', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (hAsync("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
+            } }, hAsync("svg", { key: '82acf06ffb29ff597454ef1f13560464b6350ef0', "aria-hidden": "true", role: "img", fill: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'bb515e9d28f639f8c3ab77f9c81008bcf49fe806', d: "m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z" }), hAsync("circle", { key: 'b47502c71c9460c6f52de0dd9cd8abd82d8de932', cx: "11.625", cy: "7.125", r: "1.125" }), hAsync("path", { key: 'f1f85e9ebba06a5ee52ff59f67d245fdff51db2a', d: "m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z" })), this.label ? (hAsync("span", { class: "duet-tooltip-label" }, this.label, visuallyHidden)) : (visuallyHidden))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTooltipButtonStyle0; }
@@ -22049,11 +22223,11 @@ class DuetTooltipPopup {
         this.contentEl.focus();
     }
     render() {
-        return (hAsync(Host, { key: '753c75afa8f5c2d6aa3fa3b4174f09e5d3c5e276' }, hAsync("div", { key: 'd9a17eedc029fbe7b693522aab66b3cb82ea333a', class: {
+        return (hAsync(Host, { key: '383346120579b833a923a200b2baa089ba7a2d53' }, hAsync("div", { key: 'c343c21aed1f1df35aba06270e5919061f7df658', class: {
                 "duet-tooltip": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tooltip-active": this.active === true,
-            } }, hAsync(FocusGuard, { key: 'f4c20c86fbdc65570036cffdc8d52fe2c0e418b2', moveFocusTo: this.buttonEl }), hAsync("div", { key: '429dcb3f8f937304222eeced15da8334c190be98', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: -1, id: this.tooltipId }, hAsync("slot", { key: '879f00dcf513564123e16926c5cd5c6a2c607149' })), hAsync("div", { key: 'e1113ba5f78cce26f4e98f4e78031bc5fddbd364', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: '26c617c7e2d0ff6dd5146255be51e6396456811e', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: 'a32aa1233e0bb0d1f5e0d8152feb1ce60c0e8206', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: 'a05d812016bdbacc0eda6c686d1c6d7f58579ad7', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: '7b1095d9da1e4ad3a743eca3e929368110061c2e' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: '3a044f31d4922f5c2aa4278bb5792b1abf515fa6', moveFocusTo: this.contentEl }))));
+            } }, hAsync(FocusGuard, { key: '01441bf589bcca42220f4cd54a124a7b52121510', moveFocusTo: this.buttonEl }), hAsync("div", { key: 'ef36a407f268353dc2e4159e23c42fd5c7c58c0f', ref: element => (this.contentEl = element), class: "duet-tooltip-content-area", tabindex: -1, id: this.tooltipId }, hAsync("slot", { key: '4ba34c2b74a0a50b20fb489a849c7c95d464b015' })), hAsync("div", { key: '3aad2e15e52d6867bb7e30542a00155cc7c38599', ref: element => (this.arrowEl = element), class: { arrow: true, [this.placement]: true }, style: this.arrowStyles }, hAsync("div", { key: '0ba437ba797e919ecb322c17deb246424f6ab725', class: { "arrow-container": true, [this.placement]: true } })), hAsync("button", { key: '48986cb318998bdca1e2f3ff972dc4f7c4ec833c', type: "button", class: "duet-tooltip-close", onClick: this.handleCloseClick, ref: el => (this.buttonEl = el) }, hAsync("duet-icon", { key: 'c4c0c635134152ef2cefbbc1600ddbc962dce627', name: "navigation-close-small", margin: "none", color: "currentColor", size: "xxx-small" }), hAsync("duet-visually-hidden", { key: 'c45294776d3286453d53d237070dbfed05a92a4e' }, this.accessibleCloseLabel)), hAsync(FocusGuard, { key: '22c7b63f2d3cfdc7e83af658828dcb2b07f16c04', moveFocusTo: this.contentEl }))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTooltipPopupStyle0; }
@@ -22161,14 +22335,14 @@ class DuetTray {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync("div", { key: '7e9dc71aefa52721c2b1f05d2adfd7f5301f973d', class: {
+        return (hAsync("div", { key: 'c32d9f03e188e98c61a067c9f822b3d9b732214d', class: {
                 "duet-tray": true,
                 "duet-tray-is-active": this.active,
                 "duet-tray-is-hidden": this.hiddenState,
                 "duet-tray-is-responsive": this.responsive,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-tray-is-expandable": this.hasAdditionalContent,
-            } }, hAsync("div", { key: '9b6abd399cc44fb2fc87d6f053bd15fa8e095a40', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: '64ddf946c5d1081ec6996ada5e43f2dd09291ea0' })), this.hasAdditionalContent && (hAsync(Fragment, { key: 'ed7735ad69d01deb1fb5dec094d74e4de8c46b6c' }, hAsync("button", { key: '279b452a1249ad9feade9405eba5126d49d50ae8', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, hAsync("duet-icon", { key: '26ebb0de0b1f03925b39e52d29d4b4dfc927b763', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: '8a84e06bec6ac504677cae19758f2d193e209324' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: '021eae981187037334b780c2e6af3aa13dd4f6c8', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: '1a100c14289dd10433cf3ad235dbc6ef728561cb', class: "duet-tray-expandable-content" }, hAsync("slot", { key: '4bdd099474e00445357eee2d9f0aaf0be3076c0a', name: "additional" })))))));
+            } }, hAsync("div", { key: 'b2f375bf341985eddbd1f73a9f8bcca91e71f471', class: "duet-tray-default-content", role: "status" }, hAsync("slot", { key: '7ec7a250a70f0f88b4bd90b7aee8c49ea983043c' })), this.hasAdditionalContent && (hAsync(Fragment, { key: '29f065277adfc340b084a3284dbf1d2a5c04e66d' }, hAsync("button", { key: '1fe5fe56b9c5e6ae23af803a04550eab6de54d26', "aria-expanded": this.expanded ? "true" : "false", "aria-controls": this.expandableId, onClick: ev => this.toggleExpandable(ev), class: { "duet-tray-button": true, "duet-tray-is-expanded": this.expanded } }, hAsync("duet-icon", { key: 'e11330501cf37fa81130a6f253839054c8c1e7cc', name: "action-arrow-down", size: "small", color: "currentColor", margin: "none" }), hAsync("duet-visually-hidden", { key: 'a7d1e403085e07dddeb510ff5d9a86fe8a22c78f' }, this.expanded ? this.accessibleCloseLabel : this.accessibleOpenLabel)), hAsync("div", { key: '2bf5d16ab90c9d778e77e8e179dcaf8abbd7518c', id: this.expandableId, class: { "duet-tray-expandable": true, active: this.expanded } }, hAsync("div", { key: 'c0a5a2cbbdda1c5b06b178f360be5cb5028d1894', class: "duet-tray-expandable-content" }, hAsync("slot", { key: 'dade24ff919c36eced0bad87e43f38a256501bbb', name: "additional" })))))));
     }
     get element() { return getElement(this); }
     static get style() { return DuetTrayStyle0; }
@@ -23608,7 +23782,7 @@ class DuetUploadAriaStatus {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '6ce7e291bf1692677f53e496f138d73afb4456db', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '0a0d3e4ebde361712ebe6ccb7a00aa70947e7110' }, this.statusMessage)));
+        return (hAsync(Host, { key: '6103e8e2440fd8f218c74edc3e2596250b409a44', role: "status", "aria-live": "assertive", "aria-atomic": "true", "aria-relevant": "all" }, hAsync("duet-visually-hidden", { key: '62c48599fbae0deb08fbf07cee0d31ceb98070be' }, this.statusMessage)));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -23830,7 +24004,7 @@ class DuetVisuallyHidden {
      * Always the last one in the class.
      */
     render() {
-        return (hAsync(Host, { key: '24755bb4e4af07508a94d0028c1e162bd67d823f', class: "duet-visually-hidden" }, hAsync("slot", { key: 'd5082bd91ecd1872b50a20a9cda3e92ac45a701e' })));
+        return (hAsync(Host, { key: '81729e236a3e09d14d3277ea9b94888f01399635', class: "duet-visually-hidden" }, hAsync("slot", { key: '3bb4693405e983049a265d5da7dbe012116aab45' })));
     }
     get element() { return getElement(this); }
     static get style() { return DuetVisuallyHiddenStyle0; }
@@ -23912,6 +24086,8 @@ registerComponents([
   DuetSectionLayout,
   DuetSelect,
   DuetShapedImage,
+  DuetShareChart,
+  DuetShareChartItem,
   DuetShowMore,
   DuetSlideout,
   DuetSlideoutLang,