@duetds/components 9.5.2 → 9.6.0

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

@@ -1,10 +1,10 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { h as hasSlot, c as checkNamedSlotElement } from './p-f21662ea.js';
-import { d as defineCustomElement$2 } from './p-136dc3af.js';
+import { d as defineCustomElement$2 } from './p-dff748c3.js';
 
 const duetCalloutCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%}blockquote,figure{margin:0}.duet-callout{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center;width:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout .container{display:flex;flex-direction:column;gap:8px;align-items:center;max-width:688px;text-align:center}.duet-callout .callout-icon{width:50px;padding-bottom:8px}.duet-callout blockquote{font-size:2.7vw;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 37.037037037rem){.duet-callout blockquote{font-size:1rem}}@media (min-width: 46.2962962963rem){.duet-callout blockquote{font-size:1.25rem}}.duet-callout .author{color:rgb(8, 42, 77)}.duet-callout.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"}.duet-callout.duet-theme-turva .author,.duet-callout.duet-theme-turva blockquote{color:rgb(23, 28, 58)}.duet-callout.duet-m-0{margin:0 !important}";
 const DuetCalloutStyle0 = duetCalloutCss;
@@ -35,11 +35,11 @@ const DuetCallout$1 = /*@__PURE__*/ proxyCustomElement(class DuetCallout extends
     <path d="M6.6591 0.557547L9.2031 2.33355C7.0911 5.21355 6.1311 7.18155 5.8431 8.90955C7.4751 9.34155 8.7231 10.5415 8.7231 12.6535C8.7231 15.2935 6.9471 16.9255 4.6431 16.9255C2.0511 16.9255 0.227096 15.1975 0.227096 12.2695C0.227096 8.28555 2.3871 4.34955 6.6591 0.557547ZM17.9871 8.95755C19.6191 9.34155 20.8671 10.5415 20.8671 12.6535C20.8671 15.2935 19.1391 16.9255 16.8351 16.9255C14.2431 16.9255 12.4191 15.1975 12.4191 12.2695C12.4191 8.28555 14.5791 4.34955 18.8511 0.557547L21.3951 2.33355C19.2351 5.21355 18.3231 7.18155 17.9871 8.95755Z"/>
     </svg>
     `;
-        return (h(Host, { key: '2c0e0547229b6ad6a7cdc410305fd4410b3e23c5' }, h("div", { key: 'e1ed12bbba8544b1dd2f80aef8d290f01b087a42', class: {
+        return (h(Host, { key: '1f3d85e38ab2cb67cbed8b7a1b4964e65aa11ac9' }, h("div", { key: '27bea794b5968a85c5e162438e674d748bfd80f8', class: {
                 "duet-callout": true,
                 "duet-theme-turva": this.theme === "turva",
                 "duet-m-0": this.margin === "none",
-            } }, h("figure", { key: '1c13c1e60d0eacf6130836b22e40820cd0bcc996', class: "container" }, h("duet-icon", { key: 'd510e6802cb67270d02ad5261719f3fb6c34ab68', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", { key: '035294078491273c88249b1577a037f28c24ca30' }, h("slot", { key: 'b516e727fc4d435fed30d422ba311099aff70605' })), this.hasAuthorSlot && (h("figcaption", { key: 'ad0b1b81c5dc8cc30136ec2779fb66c428d624ef', class: "author" }, h("span", { key: '4e2c5eb565f7e54f07900a691e2c01c73df22858' }, "\u2014 "), h("slot", { key: '00fcc97851122cdc95659800a0da4c35ffbfa7c1', name: "author" })))))));
+            } }, h("figure", { key: '369b24b1890ad9e3f0ecb674a41be2e1fdbe756c', class: "container" }, h("duet-icon", { key: 'f2ac395e6a8ddc0d4ed0b62566bd0d8f74e57d8c', class: "callout-icon", shape: "brand-rotated", background: "primary-lighter", "background-opacity": "0.75", "background-rotation": this.theme === "turva" ? "0" : "7", color: "secondary", icon: icon, size: "auto", margin: "none", theme: this.theme }), h("blockquote", { key: '9082471b83d092b9f9a8fa7e6a697225b0cf395c' }, h("slot", { key: 'da080022642fcf1acc5d63be667fc8e8958bd488' })), this.hasAuthorSlot && (h("figcaption", { key: 'c4e03326b79b0b1010f4f32d6dc1bd7083a6a2ac', class: "author" }, h("span", { key: 'bf63da57bdfdbb640aaf52cb004f2f4be6bb1bf3' }, "\u2014 "), h("slot", { key: '440a7037be0c937ffd0a135de1fed5234e55d8b5', name: "author" })))))));
     }
     get element() { return this; }
     static get style() { return DuetCalloutStyle0; }

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

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

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

@@ -1,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { g as getElementsFromNamedSlot } from './p-f21662ea.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
 import { g as getColorByName } from './p-6e022235.js';
-import { d as defineCustomElement$3 } from './p-136dc3af.js';
-import { d as defineCustomElement$2 } from './p-2bb0877f.js';
+import { d as defineCustomElement$3 } from './p-dff748c3.js';
+import { d as defineCustomElement$2 } from './p-4e00e010.js';
 
 const duetHeadingLevels = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const duetBlock = "div";
@@ -108,10 +108,10 @@ const DuetCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetCard extends H {
         const styles = {
             backgroundColor: getColorByName(this.background),
         };
-        return (h(Host, { key: '81af7af276b2b67f13855aa9e11bd95e8abeaa2d', class: {
+        return (h(Host, { key: '00c59be2ab7c40755629602f9e85ea64ab612158', class: {
                 "duet-m-0": this.margin === "none",
                 "duet-card-info": this.variation === "info",
-            } }, h(TagName, { key: '9c121ca16ed478f72e8c5976cc73499de2c48de2', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
+            } }, h(TagName, { key: '8578ca3d024c5846a36cac0e767622b7eaabcb88', href: this.url, style: styles, ref: card => (this.nativeCard = card), "aria-label": this.accessibleLabel, class: {
                 "duet-card": true,
                 [this.padding]: true,
                 [this.variation]: true,
@@ -121,7 +121,7 @@ const DuetCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetCard extends H {
                 "duet-card-has-bg": this.background !== "gray-lightest",
                 "duet-card-has-icon": !!this.icon,
                 "duet-card-collapsed": this.collapsible && !this.open,
-            } }, this.image && (h("div", { key: '370ab67ee9e9e00267dfe6a034d9258fc41deb9c', class: "duet-card-image-mask" }, h("img", { key: 'f93b70812e33b71f9057b5a890baba36894012ea', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), h("div", { key: '64b6d8e1e2d02085fa6101f54cf95f15c6c4e3b8', class: "duet-card-content", id: this.cardId }, h("slot", { key: '9a20c3971a53038f5786c9321214cd2dc19bdcef' }), this.hasFooter && (h("div", { key: '5009d44d6ffb5c7d6774a0c22664979d84a12561', class: "duet-card-footer" }, h("slot", { key: 'e177a2f18a636b5e6c093150e52614e56ad56c68', name: "footer" })))))));
+            } }, this.image && (h("div", { key: '2609ba055ac602c074c2a545688284f99afc3105', class: "duet-card-image-mask" }, h("img", { key: '59572ec1bd938cb3fb54d511031d170980129026', src: this.image, class: "duet-card-image", loading: "lazy", alt: "", "aria-hidden": "true" }))), (this.heading || this.hasHeadingSlot) && this.renderHeading(), h("div", { key: 'ae06ad0ca9a5828a10dfcf8aa54aa44967acd203', class: "duet-card-content", id: this.cardId }, h("slot", { key: '751c8dd97e06452610214c242a67843d86e0e8f8' }), this.hasFooter && (h("div", { key: '5fc1bc24f217f51984ffa8fb82b05a8022a1bc13', class: "duet-card-footer" }, h("slot", { key: '3225e28c9fae8e9a7d712ec2f7edca2848c81bac', name: "footer" })))))));
     }
     get element() { return this; }
     static get style() { return DuetCardStyle0; }

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-495fa25d.js';
+import { D as DuetCheckbox$1, d as defineCustomElement$1 } from './p-670555eb.js';
 
 const DuetCheckbox = DuetCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

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

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

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

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

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

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as checkNamedSlotElement } from './p-f21662ea.js';
-import { d as defineCustomElement$8 } from './p-b54dea97.js';
-import { d as defineCustomElement$7 } from './p-8882b67b.js';
-import { d as defineCustomElement$6 } from './p-136dc3af.js';
-import { d as defineCustomElement$5 } from './p-6f36f4f3.js';
-import { d as defineCustomElement$4 } from './p-ef2dcc5a.js';
-import { d as defineCustomElement$3 } from './p-9126e8a2.js';
-import { d as defineCustomElement$2 } from './p-6646e07d.js';
+import { d as defineCustomElement$8 } from './p-a839bb27.js';
+import { d as defineCustomElement$7 } from './p-1ee62209.js';
+import { d as defineCustomElement$6 } from './p-dff748c3.js';
+import { d as defineCustomElement$5 } from './p-0e2c29a0.js';
+import { d as defineCustomElement$4 } from './p-e2468742.js';
+import { d as defineCustomElement$3 } from './p-7da00182.js';
+import { d as defineCustomElement$2 } from './p-86431925.js';
 
 const duetChoiceGroupCss = "*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";
 const DuetChoiceGroupStyle0 = duetChoiceGroupCss;

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

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { D as DuetStringsExternalDefaults } from './p-9df4cfa4.js';
 import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, a as isQuestionKey, s as subscribeTabbingChange, u as unsubscribeTabbingChange, b as isEscapeKey } from './p-8db11326.js';
 import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
 import { h as hasSlot } from './p-f21662ea.js';
-import { d as defineCustomElement$4 } from './p-b54dea97.js';
-import { d as defineCustomElement$3 } from './p-136dc3af.js';
-import { d as defineCustomElement$2 } from './p-2bb0877f.js';
+import { d as defineCustomElement$4 } from './p-a839bb27.js';
+import { d as defineCustomElement$3 } from './p-dff748c3.js';
+import { d as defineCustomElement$2 } from './p-4e00e010.js';
 
 var messagingInfo={"title":"messaging-info","tags":"messaging info information circle","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z\"/><circle cx=\"11.625\" cy=\"7.125\" r=\"1.125\"/><path d=\"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z\"/></svg>"};
 

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
 import { a as actionArrowDownSmall } from './p-115c79b6.js';
 import { f as font_size_medium, t as tokens } from './p-f6000a03.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
@@ -9,8 +9,8 @@ import { c as createID } from './p-5e59e970.js';
 import { i as isKeyboardClick, s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
 import { h as hasSlot } from './p-f21662ea.js';
 import { s as sanitizeString } from './p-9c3c64b9.js';
-import { d as defineCustomElement$3 } from './p-b54dea97.js';
-import { d as defineCustomElement$2 } from './p-136dc3af.js';
+import { d as defineCustomElement$3 } from './p-a839bb27.js';
+import { d as defineCustomElement$2 } from './p-dff748c3.js';
 
 const duetCollapsibleCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}:host(.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)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;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);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-heading-centered .duet-collapsible-heading-caption{margin-inline:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.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-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading.has-caption{gap:4px}.duet-collapsible-heading.has-caption .duet-collapsible-heading-caption{margin-left:18px;font-weight:inherit}.duet-collapsible-heading .duet-collapsible-heading-wrapper{display:flex;align-items:center;width:inherit;margin:inherit}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}";
 const DuetCollapsibleStyle0 = duetCollapsibleCss;
@@ -119,7 +119,7 @@ const DuetCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class DuetCollapsible
      */
     render() {
         const HeadingTagName = this.headingLevel ? sanitizeString(this.headingLevel) : "div";
-        return (h(Host, { key: 'b9c815342f0c4635b2bf03cb210c7e71e90b54d8', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: '6fb34dc0d618314f3545feae349af2b90669dc38' }, h("button", { key: '2c60976671c564a2ba4c2bae7c25a81d46dd089e', class: {
+        return (h(Host, { key: 'f3e73e4259a6408e8bfc9b00fb4033c5117ff5bc', class: { "duet-m-0": this.margin === "none", negative: this.negative } }, h(HeadingTagName, { key: '1c6ff194a2634737d39013138a7a45fda32538ca' }, h("button", { key: '745c07a149e5cdb0f4ed7931988f16578acc17db', class: {
                 "duet-collapsible-heading": true,
                 "duet-collapsible-heading-centered": this.centerHeading,
                 "duet-theme-turva": this.theme === "turva",
@@ -127,7 +127,7 @@ const DuetCollapsible$1 = /*@__PURE__*/ proxyCustomElement(class DuetCollapsible
                 "has-after-heading": this.hasAfterHeading,
                 "full-width": this.headingFullWidth,
                 "has-caption": !!this.caption,
-            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.getAccessibleLabel(), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: '3b733940731cc46545abc6866c089123cc96ea45', class: "duet-collapsible-heading-wrapper" }, h("div", { key: '4696b9066a27b1ad9786408f13242f4dbca76136', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: 'af4bef7f00f2755cdd2edb7c0834fbc8b39b928e', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), h("div", { key: 'dae6f5b4438375679e96b8af64596caaeb74dd9f', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (h("div", { key: '6337a53605fe5692e29ff904314fe66028d4adf5', part: "duet-collapsible-after-heading" }, h("slot", { key: 'fda139a14f821a8b76a567d8eae0e0274bbf5c9f', name: "after-heading" })))), this.caption && (h("div", { key: '46a5a2fab4fd02fa234d593a376b4dd4bce3551b', class: "duet-collapsible-heading-caption" }, h("duet-caption", { key: '802fa725384a8566be0264ca8d6d59ff02cd76bc', size: "small", margin: "none" }, this.caption))))), h("div", { key: '53cf9e6295a32dbb6aba736c9b8fdfa0239363b1', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: '6f5055ecdb2266dfc97f419482bffa151a766317' }))));
+            }, style: { "font-size": this.getFontSizeFromTokens() }, role: "button", ref: button => (this.nativeButton = button), "aria-label": this.getAccessibleLabel(), "aria-expanded": this.open ? "true" : "false", "aria-controls": this.id, onClick: this.handleClick, onKeyDown: this.handleKeyDown }, h("div", { key: 'fd1340099ac09fc9b1179c8847d5e5f982bfec4d', class: "duet-collapsible-heading-wrapper" }, h("div", { key: '4b0a86f201322a21f14994d5efab986930847ee9', class: "duet-collapsible-heading-icon" }, h("duet-icon", { key: 'c87bf63f84215ff8a55a0002991dc0688f6e757b', margin: "none", size: this.getEquivalentIconSize(), icon: actionArrowDownSmall.svg })), h("div", { key: 'e6dec579ae41cc0e7aa9452c69a1f3ec80dd5558', class: "duet-collapsible-heading-content", part: "duet-collapsible-heading-content" }, this.heading), this.hasAfterHeading && (h("div", { key: 'b518e6dbbaae9c2f84979fcca6cd00fbdf5ab959', part: "duet-collapsible-after-heading" }, h("slot", { key: '5ab5b2ab6c41c93250244b1d8c75b4f061ed17aa', name: "after-heading" })))), this.caption && (h("div", { key: '42f4464aa6ef6c275d0357fda56d4b95ad321bdf', class: "duet-collapsible-heading-caption" }, h("duet-caption", { key: 'fb4c4a5effb018af94f74ef3b37cb02c58704a3a', size: "small", margin: "none" }, this.caption))))), h("div", { key: '1eabff6b7f58e648aa65357bf190034158c60b70', id: this.id, class: { "duet-collapsible-content": true, "duet-theme-turva": this.theme === "turva" }, part: "duet-collapsible-content" }, h("slot", { key: 'c799b44772fa7298fa93b911fc2ebdf2d41b1dd4' }))));
     }
     get element() { return this; }
     static get style() { return DuetCollapsibleStyle0; }

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { d as debounce } from './p-9e371678.js';
@@ -10,20 +10,20 @@ import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObser
 import { a as getElementsFromDefaultSlot } from './p-f21662ea.js';
 import { r as regexEscape, p as parsePossibleJSON } from './p-9c3c64b9.js';
 import { h } from './p-993aea39.js';
-import { d as defineCustomElement$f } from './p-accb4fa9.js';
-import { d as defineCustomElement$e } from './p-b54dea97.js';
-import { d as defineCustomElement$d } from './p-ec26aeea.js';
-import { d as defineCustomElement$c } from './p-136dc3af.js';
-import { d as defineCustomElement$b } from './p-673093b5.js';
-import { d as defineCustomElement$a } from './p-dbea5087.js';
-import { d as defineCustomElement$9 } from './p-c3d01088.js';
-import { d as defineCustomElement$8 } from './p-935c69ca.js';
-import { d as defineCustomElement$7 } from './p-2bb0877f.js';
-import { d as defineCustomElement$6 } from './p-320da2a2.js';
-import { d as defineCustomElement$5 } from './p-6f36f4f3.js';
-import { d as defineCustomElement$4 } from './p-ef2dcc5a.js';
-import { d as defineCustomElement$3 } from './p-9126e8a2.js';
-import { d as defineCustomElement$2 } from './p-6646e07d.js';
+import { d as defineCustomElement$f } from './p-1399c239.js';
+import { d as defineCustomElement$e } from './p-a839bb27.js';
+import { d as defineCustomElement$d } from './p-859504c9.js';
+import { d as defineCustomElement$c } from './p-dff748c3.js';
+import { d as defineCustomElement$b } from './p-97505489.js';
+import { d as defineCustomElement$a } from './p-7a5af4ef.js';
+import { d as defineCustomElement$9 } from './p-ca4970b2.js';
+import { d as defineCustomElement$8 } from './p-2a7b9c7c.js';
+import { d as defineCustomElement$7 } from './p-4e00e010.js';
+import { d as defineCustomElement$6 } from './p-c18fe324.js';
+import { d as defineCustomElement$5 } from './p-0e2c29a0.js';
+import { d as defineCustomElement$4 } from './p-e2468742.js';
+import { d as defineCustomElement$3 } from './p-7da00182.js';
+import { d as defineCustomElement$2 } from './p-86431925.js';
 
 const DuetComboBoxSelect = ({ item, activeDescendant, selected, label = undefined, clickHandler = e => {
     e.preventDefault();
@@ -55,6 +55,7 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class DuetCombobox exten
         this.inputId = createID("duet-combobox-input-id");
         this.activeDescendantId = createID("duet-combobox-active-descendant");
         this.isAndroidDevice = ((_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.indexOf("android")) > -1 || null;
+        this.isInsideModal = false;
         this.resizeObserver = new ResizeObserver(debounce(entries => {
             var _a, _b, _c;
             // otherwise, something is wrong, expecting 1 element only
@@ -301,6 +302,9 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class DuetCombobox exten
      * Component lifecycle events.
      */
     componentWillLoad() {
+        if (this.element.closest("duet-modal")) {
+            this.isInsideModal = true;
+        }
         inheritGlobalTheme(this);
     }
     connectedCallback() {
@@ -576,7 +580,7 @@ const DuetCombobox$1 = /*@__PURE__*/ proxyCustomElement(class DuetCombobox exten
         return (h$1(Host, { class: {
                 "duet-combobox": true,
                 [`duet-theme-${this.theme}`]: true,
-            } }, h$1("slot", null), h$1("div", null, h$1("duet-popup-menu", { id: this.listBoxId, controller: this.input, ref: el => (this.listContainer = el), accessibleRole: "listbox", allowVerticalFlip: false }, h$1("div", { class: "combobox-menu-container" }, this.listOpen &&
+            } }, h$1("slot", null), h$1("div", null, h$1("duet-popup-menu", { id: this.listBoxId, controller: this.input, ref: el => (this.listContainer = el), accessibleRole: "listbox", allowVerticalFlip: false, class: { "duet-skip-teleport-inert": this.isInsideModal } }, h$1("div", { class: "combobox-menu-container" }, this.listOpen &&
             selectElements.map((item, index) => {
                 return (h$1(DuetComboBoxSelect, { id: this.activeDescendantId, item: item, activeDescendant: index === this.activeItem, selected: this.selectedItems.has(item.id), search: this.inputValue, clickHandler: e => this.onListClick(e, item), label: this.formatLabel(item, index, selectElements.length, this.processedItems.length), isAndroidDevice: this.isAndroidDevice }));
             }), h$1("duet-spacer", { size: "x-small" }))))));

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

@@ -1,16 +1,16 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, h, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { d as defineCustomElement$8 } from './p-accb4fa9.js';
-import { d as defineCustomElement$7 } from './p-f7a60dd8.js';
-import { d as defineCustomElement$6 } from './p-136dc3af.js';
-import { d as defineCustomElement$5 } from './p-38cb34bf.js';
-import { d as defineCustomElement$4 } from './p-fd01fff8.js';
-import { d as defineCustomElement$3 } from './p-320da2a2.js';
-import { d as defineCustomElement$2 } from './p-6646e07d.js';
+import { d as defineCustomElement$8 } from './p-1399c239.js';
+import { d as defineCustomElement$7 } from './p-eff24429.js';
+import { d as defineCustomElement$6 } from './p-dff748c3.js';
+import { d as defineCustomElement$5 } from './p-cfa9907a.js';
+import { d as defineCustomElement$4 } from './p-b7e56baf.js';
+import { d as defineCustomElement$3 } from './p-c18fe324.js';
+import { d as defineCustomElement$2 } from './p-86431925.js';
 
 const duetContactCardCss = "*,*::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-bottom:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns:100%;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}.duet-contact-card.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;overflow-wrap:break-word}";
 const DuetContactCardStyle0 = duetContactCardCss;
@@ -59,10 +59,10 @@ const DuetContactCard$1 = /*@__PURE__*/ proxyCustomElement(class DuetContactCard
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (h(Host, { key: '7d4179d7cb8c4bb59a1c22c671fbe0e48c76d12f', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: '746d78591b5235b00d84d082b96f97d7f3d8ac82', class: {
+        return (h(Host, { key: '17740378c0fae56940762f5c1807674866bc6a43', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'e981ac2b95f34861f49a5099d9572f1b88a42ba2', class: {
                 "duet-contact-card": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: 'd92467c574bfe46519683002a9356384e7a91c24' }, this.name && (h("duet-heading", { key: 'e0024d46a8ed78ba623164dc5ba462b243a12e8a', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '569b3e131ac8ef6273ac70656c2d9faaf57079a5', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '99a89137c9e10ef6fd3fb3975edfdf0e014c14b7', class: "email" }, h("duet-icon", { key: '6d8d6e14a74c16381168f384cc785222b0e6a097', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '8dc230b8d3ccc086b61720fb7b6b6645095899a7', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: 'd796194cecf6deec03d02bab49a0268d553409e6', class: "phone" }, h("duet-icon", { key: 'acffc1fe7f7f50a0e588f8fc3147f28a2fb4c0fc', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '9c1033570e39e0fc68bbe969b7ca2263f92b518c', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: '567da157296dc01f1c5818e9fa9a24a95fd7540f', class: "call-to-action" }, h("duet-button", { key: '39f6d00de0bceaec00d73e5eacaf2bbb610832b6', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: '657e7d11d3602ee0009e38ef8dde5309566f6406' }), h("slot", { key: '98a6810ad6c915b5825889f058fc9d3a63df040c' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '9ef8552405f11afca941434adfa3788497256571' }, this.name && (h("duet-heading", { key: '3a56b3b1a37a798121665dfd29218aee39c3f90a', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '61749733435f24fe901941198683e221fbee7c40', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: 'eb2a3e85c0cee904c46dcb27b233219391e9a8a5', class: "email" }, h("duet-icon", { key: 'b865aac36d409907f8bc2df0499796b037c70717', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '75bd0bebdb1f8dcdcd0afe0675f9144e55648a5b', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: '5a513b3311a575fa76f9013c8fef7e9ec2527307', class: "phone" }, h("duet-icon", { key: '69aa9446753fd6dd6d68d0f0498c3b91da6390eb', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: 'dc77056989f67752334017d85750319a9bf74ac2', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: '9bf3cae826e24eb289ef8771fd8cef6e13107a76', class: "call-to-action" }, h("duet-button", { key: 'd589fe2ca11812bf4d5985d0aa5325201314f226', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: 'cd59d271c613f263b0280f40afb4c971126bd5cc' }), h("slot", { key: 'b6fda2e690e6266cefca22703600f4542a2b78be' }))));
     }
     get element() { return this; }
     static get style() { return DuetContactCardStyle0; }

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

@@ -1,14 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-8db11326.js';
-import { d as defineCustomElement$6 } from './p-accb4fa9.js';
-import { d as defineCustomElement$5 } from './p-136dc3af.js';
-import { d as defineCustomElement$4 } from './p-2bb0877f.js';
-import { d as defineCustomElement$3 } from './p-320da2a2.js';
-import { d as defineCustomElement$2 } from './p-6646e07d.js';
+import { d as defineCustomElement$6 } from './p-1399c239.js';
+import { d as defineCustomElement$5 } from './p-dff748c3.js';
+import { d as defineCustomElement$4 } from './p-4e00e010.js';
+import { d as defineCustomElement$3 } from './p-c18fe324.js';
+import { d as defineCustomElement$2 } from './p-86431925.js';
 
 const duetCookieConsentCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:not(.descendant-focused):focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing:not(.descendant-focused).duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.875rem;color:rgb(255, 255, 255) !important;background-color:rgba(4, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(4, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:rgb(255, 255, 255) !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url(\"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+\") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";
 const DuetCookieConsentStyle0 = duetCookieConsentCss;
@@ -53,7 +53,7 @@ const DuetCookieConsent$1 = /*@__PURE__*/ proxyCustomElement(class DuetCookieCon
      * Always the last one in the class.
      */
     render() {
-        return (h(Host, { key: '3ce0228a96f65cd1d7e52892ee19e8a1732a40ff', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '24c6d7c27151928edb749a3797f1a8cc5a67be96', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, h("div", { key: 'ed1a82ad8ee72dd7c9a912453faa72ba4e27b3a8', class: "duet-cookie-consent-content" }, h("div", { key: '0233b97bcee86c27e59549df832c91b7f8805eed', class: "expand" }, h("slot", { key: '2b6a7a2356cc18e61e8aafa78d5f17ea01f85c25' })), h("duet-spacer", { key: '4d2dbf87b38a00fee61be0e064fed9ff4958736f', size: "large", direction: "horizontal" }), h("div", { key: '5d12618d329eebcf3d5cd3f9508dcbe2492466b7' }, h("duet-button", { key: 'ea878954d3e7a1616c8c548fbaabe9828b3afa19', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
+        return (h(Host, { key: 'e8dabcf5acaef5159164a8ecdbaef9340660732a', tabindex: "0", class: { "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '0c6121a202c18c8239c77f1fedfb3bbd80c1ad00', class: { "duet-cookie-consent": true, "duet-theme-turva": this.theme === "turva" } }, h("div", { key: '8c159018b562878b200913b26d7095d1702c7d11', class: "duet-cookie-consent-content" }, h("div", { key: 'd54ccc56226df5778173f18bc85d9fe1afb62f77', class: "expand" }, h("slot", { key: 'c9b430472bec14e34e934fa2d9fc80b1a9dd1ec8' })), h("duet-spacer", { key: 'c4334763366fa1eb2b0fb6fef3632bb77f59ddc3', size: "large", direction: "horizontal" }), h("div", { key: '8b9673e55d8abcf0f842073d2ba49b8ce7b62a08' }, h("duet-button", { key: '453d68199c48d2fa2329b5763fa49ea078ba8561', variation: "negative", size: "small", onClick: this.handleClick, margin: "none", "aria-label": this.accessibleLabel, theme: this.theme }, "OK"))))));
     }
     get element() { return this; }
     static get style() { return DuetCookieConsentStyle0; }

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

@@ -1,25 +1,25 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { c as createID } from './p-5e59e970.js';
 import { F as FocusGuard } from './p-e30dc66d.js';
 import { g as getLocaleString, a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
 import { c as checkNamedSlotElement } from './p-f21662ea.js';
 import { h } from './p-993aea39.js';
-import { d as defineCustomElement$d } from './p-1f86efd7.js';
-import { d as defineCustomElement$c } from './p-accb4fa9.js';
-import { d as defineCustomElement$b } from './p-b54dea97.js';
-import { d as defineCustomElement$a } from './p-136dc3af.js';
-import { d as defineCustomElement$9 } from './p-673093b5.js';
-import { d as defineCustomElement$8 } from './p-dbea5087.js';
-import { d as defineCustomElement$7 } from './p-aedaa6be.js';
-import { d as defineCustomElement$6 } from './p-320da2a2.js';
-import { d as defineCustomElement$5 } from './p-6f36f4f3.js';
-import { d as defineCustomElement$4 } from './p-ef2dcc5a.js';
-import { d as defineCustomElement$3 } from './p-9126e8a2.js';
-import { d as defineCustomElement$2 } from './p-6646e07d.js';
+import { d as defineCustomElement$d } from './p-f22589a4.js';
+import { d as defineCustomElement$c } from './p-1399c239.js';
+import { d as defineCustomElement$b } from './p-a839bb27.js';
+import { d as defineCustomElement$a } from './p-dff748c3.js';
+import { d as defineCustomElement$9 } from './p-97505489.js';
+import { d as defineCustomElement$8 } from './p-7a5af4ef.js';
+import { d as defineCustomElement$7 } from './p-dd76e32c.js';
+import { d as defineCustomElement$6 } from './p-c18fe324.js';
+import { d as defineCustomElement$5 } from './p-0e2c29a0.js';
+import { d as defineCustomElement$4 } from './p-e2468742.js';
+import { d as defineCustomElement$3 } from './p-7da00182.js';
+import { d as defineCustomElement$2 } from './p-86431925.js';
 
 const formatOptionsShort = { day: "numeric", month: "long", weekday: "long" };
 const formatOptionsLong = { day: "numeric", month: "long", year: "numeric" };

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

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

package/lib/dist-custom-elements/duet-editable-table.js

@@ -1,18 +1,18 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, c as createEvent, h as h$1, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
 import { f as fieldSorter } from './p-9e371678.js';
 import { i as isKeyboardClick } from './p-8db11326.js';
 import { a as getLanguage, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver, g as getLocaleString } from './p-35375593.js';
 import { h } from './p-993aea39.js';
-import { d as defineCustomElement$7 } from './p-1f86efd7.js';
-import { d as defineCustomElement$6 } from './p-accb4fa9.js';
-import { d as defineCustomElement$5 } from './p-136dc3af.js';
-import { d as defineCustomElement$4 } from './p-320da2a2.js';
-import { d as defineCustomElement$3 } from './p-53b3bd2d.js';
-import { d as defineCustomElement$2 } from './p-6646e07d.js';
+import { d as defineCustomElement$7 } from './p-f22589a4.js';
+import { d as defineCustomElement$6 } from './p-1399c239.js';
+import { d as defineCustomElement$5 } from './p-dff748c3.js';
+import { d as defineCustomElement$4 } from './p-c18fe324.js';
+import { d as defineCustomElement$3 } from './p-84a626a1.js';
+import { d as defineCustomElement$2 } from './p-86431925.js';
 
 //simple functional component that renders the data in the table
 const TableData = ({ data, groupId, alignment }, _children) => {

package/lib/dist-custom-elements/duet-empty-state.js

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

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

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

package/lib/dist-custom-elements/duet-file-chooser.js

@@ -1,9 +1,9 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-c084f5f2.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$2 } from './p-6646e07d.js';
+import { d as defineCustomElement$2 } from './p-86431925.js';
 
 const duetFileChooserCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.container{display:flex;flex-direction:row;gap:8px;align-items:center}.container .label{margin-bottom:8px}";
 const DuetFileChooserStyle0 = duetFileChooserCss;
@@ -47,7 +47,7 @@ const DuetUploadItem = /*@__PURE__*/ proxyCustomElement(class DuetUploadItem ext
         inheritGlobalTheme(this);
     }
     render() {
-        return (h(Host, { key: '10d219682193a77214731256ff8efeb8847762aa' }, h("duet-visually-hidden", { key: '78cf6009458b26f2f0f1bb1db60c850489e45556', "aria-hidden": "true" }, h("input", { key: 'd1ad31afd5645d9ad9cd6b431532a76934812684', ref: input => {
+        return (h(Host, { key: 'defb266e2408734741f3749f8d3255010cc4abfd' }, h("duet-visually-hidden", { key: '04f0329352b9c48346478090a8a25c1aeeec52de', "aria-hidden": "true" }, h("input", { key: 'ba1bd9fd6d3e26d5eed79b00d32649c5180a7ba8', ref: input => {
                 this.nativeInput = input;
             }, type: "file", class: {
                 "duet-upload": true,

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

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { p as proxyCustomElement, H, c as createEvent$1, h, F as Fragment } from './p-1b7f952f.js';
+import { p as proxyCustomElement, H, c as createEvent$1, h, F as Fragment } from './p-c084f5f2.js';
 import { a as actionNewWindowSmall } from './p-f11208c3.js';
 import { D as DuetStringsExternalDefaults } from './p-9df4cfa4.js';
 import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
@@ -9,12 +9,12 @@ import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './p-
 import { a as getLanguage, g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
 import { h as hasSlot } from './p-f21662ea.js';
 import { p as parsePossibleJSON } from './p-9c3c64b9.js';
-import { d as defineCustomElement$7 } from './p-accb4fa9.js';
-import { d as defineCustomElement$6 } from './p-136dc3af.js';
-import { d as defineCustomElement$5 } from './p-6dd74d76.js';
-import { d as defineCustomElement$4 } from './p-2bb0877f.js';
-import { d as defineCustomElement$3 } from './p-320da2a2.js';
-import { d as defineCustomElement$2 } from './p-6646e07d.js';
+import { d as defineCustomElement$7 } from './p-1399c239.js';
+import { d as defineCustomElement$6 } from './p-dff748c3.js';
+import { d as defineCustomElement$5 } from './p-8aeac44c.js';
+import { d as defineCustomElement$4 } from './p-4e00e010.js';
+import { d as defineCustomElement$3 } from './p-c18fe324.js';
+import { d as defineCustomElement$2 } from './p-86431925.js';
 
 const duetFooterCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex-shrink:0;width:100%}::slotted([slot=info]){padding:0 28px;margin-top:0;margin-bottom:16px}@media (min-width: 62em){::slotted([slot=info]){padding:0;margin-top:calc(20px - 0.5em);margin-bottom:0}}.duet-footer{display:block;width:100%;padding-top:24px;padding-bottom:16px;margin-top:48px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(255, 255, 255);text-align:left;background:rgb(8, 42, 77)}.duet-footer.duet-p-0{padding:0 !important}.duet-footer.duet-m-0{margin:0 !important}@media (min-width: 62em){.duet-footer{padding-top:48px;padding-bottom:36px}}.duet-footer.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";background:rgb(198, 12, 48)}.duet-footer a{color:rgb(255, 255, 255);text-decoration:none}@media (min-width: 62em){.duet-footer a{border-radius:4px}}.duet-footer a:focus{outline:0}:host(.user-is-tabbing) .duet-footer a:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva a:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-footer-wrapper{position:relative;margin:0 auto}@media (min-width: 62em){.duet-footer-wrapper{padding:0 72px 0 48px}}@media (min-width: 76.25em){.duet-footer-wrapper{max-width:1110px;padding:0 20px 0 0}}.duet-footer-top{width:100%}@media (min-width: 62em){.duet-footer-top{display:flex;flex-direction:row;align-items:center}.duet-footer-top.duet-has-info{align-items:flex-start}}.duet-footer-top .footer-top-logo{flex-grow:1}.duet-footer-top .footer-top-right-container{flex-grow:1}@media (min-width: 62em){.duet-footer-top .footer-top-right-container{text-align:right}}.duet-footer-top .footer-top-items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-left:28px}@media (min-width: 62em){.duet-footer-top .footer-top-items{flex-direction:row;justify-content:flex-end}}duet-logo{margin-bottom:24px;margin-left:16px !important}@media (min-width: 62em){duet-logo{margin-bottom:0;margin-left:0 !important}}.duet-footer-link{padding:16px !important;display:flex;flex-direction:row;align-items:center;width:100%;font-weight:600;border-bottom:1px solid rgba(255, 255, 255, 0.2);transition:background-color 300ms ease}@media (min-width: 36em){.duet-footer-link{padding-right:20px !important;padding-left:28px !important}}@media (min-width: 62em){.duet-footer-link{width:auto;min-width:0;padding-right:0 !important;padding-left:0 !important;border:0}}.duet-footer-link:first-of-type{margin-top:20px;border-top:1px solid rgba(255, 255, 255, 0.2)}@media (min-width: 62em){.duet-footer-link:first-of-type{margin:0;border:0}}.duet-footer-link span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duet-footer-link:hover{background:rgba(0, 0, 0, 0.1)}@media (min-width: 62em){.duet-footer-link:hover{background:transparent}}.duet-footer-menu{padding:20px !important;display:flex;gap:2rem;padding-left:28px !important;font-size:0.875rem}@media (min-width: 36em){.duet-footer-menu{padding:28px !important}}@media (min-width: 62em){.duet-footer-menu{padding-right:0 !important;padding-left:8px !important}}.duet-footer-menu a{display:inline-block;text-decoration:none;overflow-wrap:break-word}.duet-footer-menu a:hover,.duet-footer-menu a:focus{text-decoration:underline}.duet-footer-menu a:hover .duet-footer-divider,.duet-footer-menu a:focus .duet-footer-divider{text-decoration:none}.duet-footer-menu .duet-footer-divider{display:inline-block;margin:0 8px}.duet-footer-menu .duet-footer-divider-copyright{display:none}.duet-footer-menu .duet-footer-menu-links{display:block;flex:1}@media (min-width: 62em){.duet-footer-menu .duet-footer-menu-links{text-align:right}}.duet-footer-menu a:last-of-type .duet-footer-divider{display:none}.duet-footer-copyright{display:none;font-size:0.875rem;color:rgb(255, 255, 255)}@media (min-width: 62em){.duet-footer-copyright{display:inline}}.duet-footer-copyright.duet-footer-copyright-mobile{display:block;padding-top:0.5rem;padding-bottom:1.25rem;padding-left:28px;text-align:left}@media (min-width: 62em){.duet-footer-copyright.duet-footer-copyright-mobile{display:none}}.duet-footer-simple{padding:0;margin:0;margin-top:16px;color:rgb(8, 42, 77);background:transparent !important;border-top:1px solid rgb(212, 223, 229)}.duet-footer-simple .duet-footer-wrapper{max-width:100%;padding:0 20px;margin:0}@media (min-width: 62em){.duet-footer-simple .duet-footer-wrapper{padding:0 36px}}@media (min-width: 106.25em){.duet-footer-simple .duet-footer-wrapper{padding:0 48px}}.duet-footer-simple .duet-footer-copyright,.duet-footer-simple .duet-footer-menu a{color:rgb(8, 42, 77)}.duet-footer-simple .duet-footer-menu{padding:20px 0 !important}.duet-footer-simple .duet-footer-copyright-mobile{padding-left:0}.duet-footer-simple.duet-theme-turva{color:rgb(23, 28, 58);border-color:rgb(222, 224, 228)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 28, 58)}.duet-footer-external{display:inline-block;margin-left:4px;color:rgb(0, 119, 179)}.duet-theme-turva .duet-footer-external{color:rgb(255, 255, 255)}.duet-footer-simple.duet-theme-turva .duet-footer-external{color:rgb(198, 12, 48)}";
 const DuetFooterStyle0 = duetFooterCss;
@@ -129,15 +129,15 @@ const DuetFooter$1 = /*@__PURE__*/ proxyCustomElement(class DuetFooter extends H
     render() {
         const text = getLocaleString(i18n, this.language);
         const copyrightLabel = this.theme === "turva" ? text.turva : text.lahi;
-        return (h("footer", { key: '0239c9d8d627418f97e0ae24abc1c9e2ca47c229', class: {
+        return (h("footer", { key: 'f496b6f51c1dd8934051f1912b4db06172b65b7f', class: {
                 "duet-footer": true,
                 "duet-m-0": this.margin === "none",
                 "duet-theme-turva": this.theme === "turva",
                 "duet-footer-simple": this.variation === "simple",
-            }, "aria-label": this.accessibleLabel }, h("div", { key: '98d1156ad2f44e0d8ab3121ee3db513b82386703', class: "duet-footer-wrapper" }, this.variation !== "simple" && (h("div", { key: 'ec729eff6008f31125a808b77a97155700a7b480', class: {
+            }, "aria-label": this.accessibleLabel }, h("div", { key: 'a3c77fcaa80b1a6227c67fdd7f786ca0db98d570', class: "duet-footer-wrapper" }, this.variation !== "simple" && (h("div", { key: '44291443c097942b61ebf8bf548a68d16c142c54', class: {
                 "duet-footer-top": true,
                 "duet-has-info": this.hasInfoSlot,
-            }, part: "top" }, h("div", { key: '0d5208bde7c1870767a3946cc9b9611585469908', class: "footer-top-logo" }, h("duet-logo", { key: 'e6f83fe8968570abb566d1ed1f7aa9fc2930441e', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), h("div", { key: 'c5c60cb251a4b78d0f5b86820abb813ee2db1f23', class: "footer-top-right-container" }, h("slot", { key: '68ca65194609d5ead28262311b69a4a377f29c5d', name: "info" }), h("div", { key: 'adc5b5c6f8d8fc6127acb6ba6d8a64459621cef5', class: "footer-top-items" }, this.processedItems &&
+            }, part: "top" }, h("div", { key: '29721f537178f39d39c28beb7bb3a98fe161aad5', class: "footer-top-logo" }, h("duet-logo", { key: '19cf2b665b55434bdf407400d977cc2921cd297d', href: this.logoHref, onClick: this.handleLogoClick, size: "large", inverse: true, language: this.language, theme: this.theme })), h("div", { key: '03210848f5974dabd4fcbfaf92f3b65f5d164fa4', class: "footer-top-right-container" }, h("slot", { key: 'e3f62dadd619e0f1125c084767fdd13623a4847b', name: "info" }), h("div", { key: '74496ea03e89b4d5b3ed908b92ae2f34fb77717e', class: "footer-top-items" }, this.processedItems &&
             this.processedItems.map((item, index) => {
                 var _a, _b, _c, _d, _e, _f;
                 return (h(Fragment, null, index > 0 && h("duet-spacer", { size: "x-large", direction: "horizontal" }), h("duet-button", { ref: element => this.setDataAttributes(element, item), theme: this.theme, id: item.id, class: "duet-footer-link", variation: "plain", margin: "none", fixed: true, negative: true, url: item.href, external: item.external, icon: ((_a = item.href) === null || _a === void 0 ? void 0 : _a.startsWith("tel:"))
@@ -147,7 +147,7 @@ const DuetFooter$1 = /*@__PURE__*/ proxyCustomElement(class DuetFooter extends H
                             : "navigation-arrow-right", "icon-right": !((_c = item.href) === null || _c === void 0 ? void 0 : _c.startsWith("tel:")) && !((_d = item.href) === null || _d === void 0 ? void 0 : _d.startsWith("mailto:")), "icon-size": ((_e = item.href) === null || _e === void 0 ? void 0 : _e.startsWith("tel:")) || ((_f = item.href) === null || _f === void 0 ? void 0 : _f.startsWith("mailto:"))
                         ? "medium"
                         : "medium-small", onClick: event => this.handleItemClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label)));
-            }))))), h("slot", { key: '92391739f41ed1b88eb34ebd22bbdd1a6b94a5e3', name: "extra" }), h("p", { key: '692485bfd3c550e5abd173b358cf7ec18ec49a3e', class: "duet-footer-menu", part: "menu" }, h("span", { key: '074f786140a2219127a987881cbce05045c150b8', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { key: '95e7b17c83d7994ec0ae75e710a39900f1f7dfad', class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, { key: '78e702876e88b1f4b0e2edcf09e06154f601824b' }, this.processedMenu.map(item => (h("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-footer-external" }, h("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { key: '716654a0bdebdb4b395c0cd1dafbfcbea17d69eb', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
+            }))))), h("slot", { key: 'a8cf4161ec90c879087fd89f583f25c70df72fa5', name: "extra" }), h("p", { key: '08d905926f15fa486eaa9f4efb85578bad4151ed', class: "duet-footer-menu", part: "menu" }, h("span", { key: '81ac9fa3b4bfe95af7618a541491fc19e7bec687', class: "duet-footer-copyright" }, `${copyrightLabel} ${new Date().getFullYear()}`), h("span", { key: '53134f08a13719fe4613ffcf381c451ac97a3ad7', class: "duet-footer-menu-links" }, this.processedMenu && (h(Fragment, { key: '10557b3644ea760d5cfd1f575d3e5b3ddb010033' }, this.processedMenu.map(item => (h("a", { ref: element => this.setDataAttributes(element, item), href: item.href, id: item.id, target: item.external ? "_blank" : "_self", onClick: event => this.handleMenuClick(event, item), onMouseEnter: event => this.emitDuetEvent(event, item), onTouchStart: event => this.emitDuetEvent(event, item) }, item.label, item.external && (h(Fragment, null, h("duet-visually-hidden", null, ", ", this.accessibleLabelExternal), h("span", { class: "duet-footer-external" }, h("duet-icon", { icon: actionNewWindowSmall.svg, size: "xx-small", margin: "none", color: "currentColor" })))), h("span", { class: "duet-footer-divider", role: "presentation", "aria-hidden": "true" }, "/")))))))), h("p", { key: '3b1f27038bb1ae1d7be3dd15f1f31ecd0f016cf0', class: "duet-footer-copyright duet-footer-copyright-mobile" }, `${copyrightLabel} ${new Date().getFullYear()}`))));
     }
     get element() { return this; }
     static get watchers() { return {