@duetds/components 10.4.0 → 10.6.0

package/lib/duet/{p-1ed82a27.entry.js → p-f4de7ac0.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,h as i,H as t,g as a}from"./p-Cwhi6_oZ.js";import{i as l}from"./p-D2EBd3cT.js";const d=class{constructor(i){e(this,i),this.visible=!0,this.keepStackingContext=!1,this.modalOverlay=!1,this.theme="",this.displayDevice="all",this.transition="slowly",this.zIndex="400",this.variation="default",this.getDisplayBreakpoint=()=>this.displayDevice.startsWith("not")?this.displayDevice.substring(this.displayDevice.indexOf("-")+1):this.displayDevice}componentWillLoad(){l(this)}render(){return i(t,{key:"022e03bd6245ccf60d2b1f5b2067b68e97722f0f","aria-hidden":"true"},i("div",{key:"b29aabf87beb396113a3bcda0cc6fbdecfabc797",style:{zIndex:this.zIndex},class:{"duet-overlay":!0,"duet-theme-turva":"turva"===this.theme,"keep-stacking-context":this.keepStackingContext,[`transition-${this.transition}`]:"immediate"!==this.transition,"display-x-small":"x-small"===this.getDisplayBreakpoint(),"display-small":"small"===this.getDisplayBreakpoint(),"display-medium":"medium"===this.getDisplayBreakpoint(),"display-large":"large"===this.getDisplayBreakpoint(),not:this.displayDevice.startsWith("not"),hidden:!this.visible,[this.variation]:!0}}))}get element(){return a(this)}};d.style=".duet-overlay{position:fixed;top:0;left:0;display:block;visibility:visible;width:100%;height:100%;background:rgb(8, 42, 77);opacity:0.3}.duet-overlay.keep-stacking-context{position:absolute;top:unset;left:unset;z-index:unset !important}.duet-overlay.modal-overlay{z-index:-1}.duet-overlay.hidden{visibility:hidden;opacity:0}.duet-overlay.dark{opacity:0.85}.duet-overlay.white{background:rgb(255, 255, 255);opacity:0.9}.duet-overlay.display-x-small{display:none}@media (max-width: 35.9375em){.duet-overlay.display-x-small{display:block}}.duet-overlay.display-x-small.not{display:block}@media (max-width: 35.9375em){.duet-overlay.display-x-small.not{display:none}}.duet-overlay.display-small{display:none}@media (min-width: 36em){.duet-overlay.display-small{display:block}}.duet-overlay.display-small.not{display:block}@media (min-width: 36em){.duet-overlay.display-small.not{display:none}}.duet-overlay.display-medium{display:none}@media (min-width: 48em){.duet-overlay.display-medium{display:block}}.duet-overlay.display-medium.not{display:block}@media (min-width: 48em){.duet-overlay.display-medium.not{display:none}}.duet-overlay.display-large{display:none}@media (min-width: 62em){.duet-overlay.display-large{display:block}}.duet-overlay.display-large.not{display:block}@media (min-width: 62em){.duet-overlay.display-large.not{display:none}}.duet-overlay.transition-slowly{transition:600ms ease}.duet-overlay.transition-quickly{transition:300ms ease}.duet-overlay.duet-theme-turva{background:rgb(23, 42, 59)}.duet-overlay.duet-theme-turva.white{background:rgb(255, 255, 255)}";export{d as duet_overlay}
+import{r as e,h as i,H as t,g as a}from"./p-D3450NfA.js";import{i as l}from"./p-KbNgo0QF.js";const d=class{constructor(i){e(this,i),this.visible=!0,this.keepStackingContext=!1,this.modalOverlay=!1,this.theme="",this.displayDevice="all",this.transition="slowly",this.zIndex="400",this.variation="default",this.getDisplayBreakpoint=()=>this.displayDevice.startsWith("not")?this.displayDevice.substring(this.displayDevice.indexOf("-")+1):this.displayDevice}componentWillLoad(){l(this)}render(){return i(t,{key:"a962e9115a51fcbb322726c314b96e3dbc92920e","aria-hidden":"true"},i("div",{key:"6d648d8dc0e371e27900f612a79dc943e3087005",style:{zIndex:this.zIndex},class:{"duet-overlay":!0,"duet-theme-turva":"turva"===this.theme,"keep-stacking-context":this.keepStackingContext,[`transition-${this.transition}`]:"immediate"!==this.transition,"display-x-small":"x-small"===this.getDisplayBreakpoint(),"display-small":"small"===this.getDisplayBreakpoint(),"display-medium":"medium"===this.getDisplayBreakpoint(),"display-large":"large"===this.getDisplayBreakpoint(),not:this.displayDevice.startsWith("not"),hidden:!this.visible,[this.variation]:!0}}))}get element(){return a(this)}};d.style=".duet-overlay{position:fixed;top:0;left:0;display:block;visibility:visible;width:100%;height:100%;background:rgb(8, 42, 77);opacity:0.3}.duet-overlay.keep-stacking-context{position:absolute;top:unset;left:unset;z-index:unset !important}.duet-overlay.modal-overlay{z-index:-1}.duet-overlay.hidden{visibility:hidden;opacity:0}.duet-overlay.dark{opacity:0.85}.duet-overlay.white{background:rgb(255, 255, 255);opacity:0.9}.duet-overlay.display-x-small{display:none}@media (max-width: 35.9375em){.duet-overlay.display-x-small{display:block}}.duet-overlay.display-x-small.not{display:block}@media (max-width: 35.9375em){.duet-overlay.display-x-small.not{display:none}}.duet-overlay.display-small{display:none}@media (min-width: 36em){.duet-overlay.display-small{display:block}}.duet-overlay.display-small.not{display:block}@media (min-width: 36em){.duet-overlay.display-small.not{display:none}}.duet-overlay.display-medium{display:none}@media (min-width: 48em){.duet-overlay.display-medium{display:block}}.duet-overlay.display-medium.not{display:block}@media (min-width: 48em){.duet-overlay.display-medium.not{display:none}}.duet-overlay.display-large{display:none}@media (min-width: 62em){.duet-overlay.display-large{display:block}}.duet-overlay.display-large.not{display:block}@media (min-width: 62em){.duet-overlay.display-large.not{display:none}}.duet-overlay.transition-slowly{transition:600ms ease}.duet-overlay.transition-quickly{transition:300ms ease}.duet-overlay.duet-theme-turva{background:rgb(23, 42, 59)}.duet-overlay.duet-theme-turva.white{background:rgb(255, 255, 255)}";export{d as duet_overlay}

package/lib/duet/{p-4d39941c.entry.js → p-f8d640ba.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,h as a,H as r}from"./p-Cwhi6_oZ.js";import{i as t}from"./p-D2EBd3cT.js";const i=class{constructor(a){e(this,a),this.theme="",this.margin="auto",this.rotation=7}componentWillLoad(){t(this)}render(){return a(r,{key:"27f36b3527731cc1d47a65655e150c963b9a23d9",class:{"duet-theme-turva":"turva"===this.theme,"duet-m-0":"none"===this.margin}},a("span",{key:"b3d7bf5649da0a77e9bee42baab54840e47f9505",class:{"shaped-image":!0},role:"img","aria-label":this.accessibleLabel,style:{"--rotation":`${this.rotation}deg`}},a("span",{key:"84fe60ad6ee4fdcc2544b07c5c07a214cf5efb15",class:"shaped-image-mask",role:"presentation"},a("span",{key:"edb1df30260d26bb87ef59a97aa031c97e4dce6d",class:"shaped-image-img",role:"presentation",style:{backgroundImage:`url("${this.src}")`}}))))}};i.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline-block;width:100%;height:100%;margin:5%}:host(.duet-theme-turva){margin:3%}:host(.duet-m-0){margin:0}.shaped-image{position:relative;display:inline-block;width:100%;height:100%}.shaped-image .shaped-image-mask{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:25%;transform:rotate(var(--rotation))}.shaped-image .shaped-image-mask .shaped-image-img{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.07) rotate(calc(-1 * var(--rotation)));transform-origin:center}:host(.duet-theme-turva) .shaped-image .shaped-image-mask{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform:none}:host(.duet-theme-turva) .shaped-image .shaped-image-mask .shaped-image-img{transform:none}';export{i as duet_shaped_image}
+import{r as a,h as e,H as r}from"./p-D3450NfA.js";import{i as t}from"./p-KbNgo0QF.js";const i=class{constructor(e){a(this,e),this.theme="",this.margin="auto",this.rotation=7}componentWillLoad(){t(this)}render(){return e(r,{key:"bc7cef36e9635c521aaabfc2fb434aeb06162417",class:{"duet-theme-turva":"turva"===this.theme,"duet-m-0":"none"===this.margin}},e("span",{key:"dee81d6f9a48a4c8f09778feb1629e37ef7e5309",class:{"shaped-image":!0},role:"img","aria-label":this.accessibleLabel,style:{"--rotation":`${this.rotation}deg`}},e("span",{key:"c585a6c401f0dff23dfa95452fdafc5c1a6a6473",class:"shaped-image-mask",role:"presentation"},e("span",{key:"b2d811551b33952948948abb7d5abc4d34a6a129",class:"shaped-image-img",role:"presentation",style:{backgroundImage:`url("${this.src}")`}}))))}};i.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline-block;width:100%;height:100%;margin:5%}:host(.duet-theme-turva){margin:3%}:host(.duet-m-0){margin:0}.shaped-image{position:relative;display:inline-block;width:100%;height:100%}.shaped-image .shaped-image-mask{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:25%;transform:rotate(var(--rotation))}.shaped-image .shaped-image-mask .shaped-image-img{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.07) rotate(calc(-1 * var(--rotation)));transform-origin:center}:host(.duet-theme-turva) .shaped-image .shaped-image-mask{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transform:none}:host(.duet-theme-turva) .shaped-image .shaped-image-mask .shaped-image-img{transform:none}';export{i as duet_shaped_image}

package/lib/duet/{p-61b6962a.entry.js → p-f9db8670.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,c as t,h as a,g as d}from"./p-Cwhi6_oZ.js";import{d as i,e as o}from"./p-B1B-PPrh.js";import{i as s}from"./p-D2EBd3cT.js";import{d as l}from"./p-8RjiAqaE.js";import{f as n}from"./p-BW3SZS4F.js";import{a as r}from"./p-Db8rvjPI.js";import{a as m,g as u,c as h,d as p}from"./p-DWIjWGAD.js";import{h as c}from"./p--fmK3qPb.js";import{T as g}from"./p-CxwkvTlZ.js";import{p as b}from"./p-D2ly4TZR.js";import"./p-C6E9F6QT.js";import"./p-DEzE2U5T.js";const f=class{constructor(a){var d,i;e(this,a),this.duetOpen=t(this,"duetOpen",7),this.duetClose=t(this,"duetClose",7),this.duetCloseComplete=t(this,"duetCloseComplete",7),this.duetBeforeClose=t(this,"duetBeforeClose",7),this.hasStickyHeader=!1,this.isAndroidDevice=(null===(i=null===(d=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===d?void 0:d.toLowerCase())||void 0===i?void 0:i.indexOf("android"))>-1||null,this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.accessibleLoaderAnnouncementDefaults=l,this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"},this.handleAndroidResizeEvents=()=>{"INPUT"==document.activeElement.tagName&&window.setTimeout((function(){var e;try{null===(e=null===document||void 0===document?void 0:document.activeElement)||void 0===e||e.scrollIntoViewIfNeeded(!0)}catch(e){}}),100)},this.open=!1,this.language=m(),this.accessibleCloseLabel=u(this.accessibleCloseLabelDefaults,this.language),this.accessibleLoaderAnnouncement=u(this.accessibleLoaderAnnouncementDefaults,this.language),this.size="medium",this.accessibleDetails=void 0,this.accessibleDescription=void 0,this.variation="default",this.gutterSize="medium",this.theme="",this.heading="",this.headingLevel="h3",this.icon="",this.color="",this.active=!1,this.closeOnBlur=!1}openChanged(){this.open?(this.modalEl&&this.modalEl.scrollTop&&(this.modalEl.scrollTop=0),this.focusedElBeforeOpen=document.activeElement,i("slide-up"===this.variation?this.modalContentEl:this.modalEl,{reserveScrollBarGap:!0}),this.teleport.makeSiblingsInert(),this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((e=>e.remove())),setTimeout((()=>{"loader"===this.variation?this.addMessage(this.accessibleLoaderAnnouncement,!1):this.isAndroidDevice?this.modalEl.focus():this.buttonEl.setFocus()}),600),setTimeout((()=>{this.modalEl.classList.add("duet-disable-transitions")}),800),this.isAndroidDevice&&window.addEventListener("resize",this.handleAndroidResizeEvents),this.duetOpen.emit()):(this.modalEl.classList.remove("duet-disable-transitions"),this.modalEl.addEventListener("transitionend",(()=>this.duetCloseComplete.emit()),{once:!0}),o("slide-up"===this.variation?this.modalContentEl:this.modalEl),this.duetClose.emit(),this.teleport.removeInertFromSiblings(),""!==this.focusElementOnClose&&setTimeout((async()=>{let e=this.focusedElBeforeOpen;if(e="string"==typeof this.focusElementOnClose?document.getElementById(this.focusElementOnClose)||e:this.focusElementOnClose||e,"duet-popup-menu-item"===e.tagName.toLowerCase()){const t=e.closest("duet-popup-menu");!await t.isOpen()&&t.controller&&(e="string"==typeof t.controller?document.getElementById(t.controller):t.controller)}n(e)}),600),this.isAndroidDevice&&window.removeEventListener("resize",this.handleAndroidResizeEvents))}activeChanged(){this.open=this.active}componentWillLoad(){this.hasStickyHeader=c(this.element,"sticky-header"),s(this)}componentDidLoad(){this.active&&(this.open=!0,this.modalEl.classList.add("duet-disable-transitions"))}connectedCallback(){this.teleport||(this.teleport=new g(this.element)),this.teleport.isActive?(this.teleport.observeDeletion(),h(this,[{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"},{prop:"accessibleLoaderAnnouncement",defaults:"accessibleLoaderAnnouncementDefaults"}])):this.teleport.activate()}disconnectedCallback(){p(this),this.modalEl&&o(this.modalEl)}handleKeyUp(e){this.open&&r(e)&&this.closeModal(e)}async show(){this.open=!0}async hide(){this.open=!1}async focusCloseButton(){this.buttonEl.setFocus()}async scrollToTop(e=!0){var t;const a=e?"smooth":"auto";if("slide-up"===this.variation){const e=(null===(t=this.modalEl.querySelector(".duet-modal-sticky-header"))||void 0===t?void 0:t.clientHeight)||0,d=this.modalEl.querySelector(".duet-modal-body").computedStyleMap().get("padding-top");this.slotContainerEl.style.scrollMarginTop=`${e+d.value}px`,this.slotContainerEl.scrollIntoView({behavior:a})}else this.modalEl.querySelector(".duet-modal-body").scrollIntoView({behavior:a})}async addMessage(e,t=!0){const a=document.createElement(t?"duet-paragraph":"duet-visually-hidden");a.textContent=e,a.classList.add("duet-loader-message"),t&&setTimeout((()=>{this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((e=>e.classList.remove("show"))),a.classList.add("show")}),10),this.slotContainerEl.appendChild(a)}closeModal(e){this.duetBeforeClose.emit({originalEvent:e,component:"duet-modal"}),e.defaultPrevented||setTimeout((()=>{this.hide()}),1)}render(){var e,t;const d=b("primary",this.theme),i=b("secondary",this.theme),o=a("div",{key:"fd461f380d0e2fbb5a70ef8f26e48f115b56f89b",class:"duet-modal-close"},a("duet-button",{key:"9fb5ccf76de515731d82db147700750f6fa60bef",ref:e=>this.buttonEl=e,variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:i,iconSize:"large",icon:"navigation-close",iconOnly:!0,margin:"none",theme:this.theme,onClick:e=>this.closeModal(e),fixed:!0}));return a("div",{key:"8c4fc72b13a5323157f7c310116df9130e47cd31",ref:e=>this.modalEl=e,"aria-label":null!==(e=this.accessibleLabel)&&void 0!==e?e:this.heading,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,role:"loader"===this.variation?"alert":"dialog","aria-modal":!this.isSafariBrowser,tabindex:"-1",class:{"duet-modal-container":!0,"duet-theme-turva":"turva"===this.theme,"duet-modal-active":this.open,"duet-modal-slide-up":"slide-up"===this.variation,"duet-modal-has-sticky-header":this.hasStickyHeader}},a("duet-overlay",{key:"ebf2ff8efe9f08e8dd44f1d75375a54791b48554","z-index":"-1",visible:this.open,variation:"loader"===this.variation?"white":"default"}),a("div",{key:"095f2c04849d438c73a2277c80d8b2ec63c6fdbc",ref:e=>this.modalInnerEl=e,class:{"duet-modal-inner":!0,[this.size]:!0,"duet-modal-slide-up":"slide-up"===this.variation},onClick:e=>{this.closeOnBlur&&(e.target||e.srcElement)===this.modalInnerEl&&this.closeModal(e)}},a("div",{key:"68ca043011c51c1a99856ea8b06497662a60e405",ref:e=>this.modalContentEl=e,"aria-live":"all"===this.accessibleAnnounceChanges?"polite":null,"aria-atomic":"all"===this.accessibleAnnounceChanges?"true":null,class:{"duet-modal":!0,"duet-modal-has-sticky-header":this.hasStickyHeader,[this.size]:!0,[this.variation]:!0}},"none"!==this.gutterSize&&!this.hasStickyHeader&&a("duet-spacer",{key:"7a037fda3dcd6a08a7d22cad0e6e28100a1cb574"}),this.hasStickyHeader?a("div",{class:"duet-modal-sticky-header"},o,a("slot",{name:"sticky-header"})):o,a("div",{key:"90380b2213043c4d9d0d69a2488219e15e6ad158",class:{"duet-modal-body":!0,"duet-modal-gutter-none":"none"===this.gutterSize,"duet-modal-gutter-small":"small"===this.gutterSize,"duet-modal-gutter-medium":"medium"===this.gutterSize,"duet-modal-gutter-large":"large"===this.gutterSize},"aria-live":"heading"===this.accessibleAnnounceChanges?"polite":null,"aria-atomic":"heading"===this.accessibleAnnounceChanges?"true":null},a("div",{key:"c2605486cc494359f133ec421a1f66925ec643b7",class:"duet-modal-header"},a("span",{key:"5ed69dddc69fb34dcaa1a2ebb07682768ec83881",class:"duet-modal-inner-slot-top"},a("slot",{key:"9e92ea62266e5e454f22d47d48709781127ecc35",name:"top"})),this.icon&&a("duet-icon",{key:"366a9d0c83c8a9a38eea87be43053c21c67683b2",name:this.icon,size:"xx-large",color:this.color||d}),this.heading&&a("duet-heading",{key:"3e5cffc154099a45a665f18d7f479fb42fbb1b2d","visual-level":null!==(t=this.headingVisualLevel)&&void 0!==t?t:this.headingLevel,level:this.headingLevel,theme:this.theme},this.heading)),"loader"===this.variation&&a("div",{key:"36eaa02389bb00b2afec0e1fc7672b250808d34f",class:"duet-modal-spinner"},a("duet-spinner",{key:"ee98841b09402fb9727a27813a4b49ea9a51cd18",size:"large",color:b("primary",this.theme)})),a("div",{key:"cdd00ccee49853a90c6765e14478190297dab89f","aria-live":"loader"===this.variation?"assertive":"body"===this.accessibleAnnounceChanges?"polite":null,"aria-atomic":"body"===this.accessibleAnnounceChanges?"true":null,class:"duet-modal-inner-slot-default",ref:e=>this.slotContainerEl=e},a("slot",{key:"eec9c0f2f52c6899a30f718b2a3851024513ac6c"}))))))}get element(){return d(this)}static get watchers(){return{open:["openChanged"],active:["activeChanged"]}}};f.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;visibility:hidden;max-height:100vh;overflow-y:auto;opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-container.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-container.duet-disable-transitions{transition:none}.duet-modal-container.duet-modal-slide-up{overflow:hidden}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}.duet-modal-inner.duet-modal-slide-up{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}.duet-modal-inner.duet-modal-slide-up::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:"";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}.duet-modal-inner.duet-modal-slide-up::after.small{max-width:545px}.duet-modal-inner.duet-modal-slide-up::after.large{max-width:100%}@media (min-width: 36em){.duet-modal-inner.duet-modal-slide-up::after.large{max-width:1110px}}@media (max-width: 35.9375em){.duet-modal-inner.large{padding-right:0;padding-left:0}.duet-modal-inner.duet-modal-slide-up{padding:0;padding-top:28px}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border-radius:16px;opacity:0;transform:scale(0.96);transition:300ms ease;transition-delay:0ms}.duet-modal-active .duet-modal{opacity:1;transform:none;transition:300ms ease;transition-delay:200ms}.duet-modal-active .duet-modal.slide-up{top:0;transition:top 600ms ease}.duet-modal.loader{text-align:center;background:transparent}.duet-modal.loader .duet-modal-close{display:none}.duet-modal.loader .duet-modal-spinner{position:relative;height:120px}.duet-modal.loader .duet-modal-inner-slot-default{position:relative;backdrop-filter:blur(10px)}.duet-modal.loader duet-paragraph.duet-loader-message{position:absolute;opacity:0;transform:scaleY(0);transform-origin:top;transition:all 300ms ease}.duet-modal.loader duet-paragraph.duet-loader-message.show{opacity:1;transform:scaleY(1);transform-origin:bottom}.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph){backdrop-filter:blur(10px)}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal.slide-up{top:100vh;margin:0;overflow:auto;border-radius:16px 16px 0 0;opacity:1;transition:top 600ms ease}.duet-modal.duet-modal-has-sticky-header{height:100%;overflow:auto}.duet-modal:focus{outline:0}.duet-modal-body,.duet-modal-sticky-header{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-none,.duet-modal-sticky-header.duet-modal-gutter-none{padding:0 !important}.duet-modal-body.duet-modal-gutter-small,.duet-modal-sticky-header.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body,.duet-modal-sticky-header{padding:36px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body,.small .duet-modal-sticky-header{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-sticky-header{position:sticky;top:0;z-index:300;display:block;padding-bottom:12px;text-align:left;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);border-radius:16px 16px 0 0}.duet-modal-close{position:absolute;top:8px;right:8px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;text-overflow:ellipsis;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);letter-spacing:-0.01rem;white-space:nowrap;text-decoration:none}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}.duet-theme-turva .duet-modal{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, 42, 59)}.duet-theme-turva .duet-modal-sticky-header{background:rgb(253, 247, 242);border-bottom:1px solid rgb(212, 221, 226)}';export{f as duet_modal}
+import{r as e,c as t,h as a,g as d}from"./p-D3450NfA.js";import{d as i,e as o}from"./p-B1B-PPrh.js";import{i as s}from"./p-KbNgo0QF.js";import{d as l}from"./p-8RjiAqaE.js";import{f as n}from"./p-CyfEm8iD.js";import{a as r}from"./p-BaefVzkx.js";import{a as m,g as u,c as h,d as p}from"./p-D9N9LBeD.js";import{h as c}from"./p-CcoGR9T9.js";import{T as g}from"./p-CxwkvTlZ.js";import{p as b}from"./p-DYmL1tSl.js";import"./p-C6E9F6QT.js";import"./p-kkZE1C6Z.js";const f=class{constructor(a){var d,i;e(this,a),this.duetOpen=t(this,"duetOpen",7),this.duetClose=t(this,"duetClose",7),this.duetCloseComplete=t(this,"duetCloseComplete",7),this.duetBeforeClose=t(this,"duetBeforeClose",7),this.hasStickyHeader=!1,this.isAndroidDevice=(null===(i=null===(d=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===d?void 0:d.toLowerCase())||void 0===i?void 0:i.indexOf("android"))>-1||null,this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.accessibleLoaderAnnouncementDefaults=l,this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"},this.handleAndroidResizeEvents=()=>{"INPUT"==document.activeElement.tagName&&window.setTimeout((function(){var e;try{null===(e=null===document||void 0===document?void 0:document.activeElement)||void 0===e||e.scrollIntoViewIfNeeded(!0)}catch(e){}}),100)},this.open=!1,this.language=m(),this.accessibleCloseLabel=u(this.accessibleCloseLabelDefaults,this.language),this.accessibleLoaderAnnouncement=u(this.accessibleLoaderAnnouncementDefaults,this.language),this.size="medium",this.accessibleDetails=void 0,this.accessibleDescription=void 0,this.variation="default",this.gutterSize="medium",this.theme="",this.heading="",this.headingLevel="h3",this.icon="",this.color="",this.active=!1,this.closeOnBlur=!1}openChanged(){this.open?(this.modalEl&&this.modalEl.scrollTop&&(this.modalEl.scrollTop=0),this.focusedElBeforeOpen=document.activeElement,i("slide-up"===this.variation?this.modalContentEl:this.modalEl,{reserveScrollBarGap:!0}),this.teleport.makeSiblingsInert(),this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((e=>e.remove())),setTimeout((()=>{"loader"===this.variation?this.addMessage(this.accessibleLoaderAnnouncement,!1):this.isAndroidDevice?this.modalEl.focus():this.buttonEl.setFocus()}),600),setTimeout((()=>{this.modalEl.classList.add("duet-disable-transitions")}),800),this.isAndroidDevice&&window.addEventListener("resize",this.handleAndroidResizeEvents),this.duetOpen.emit()):(this.modalEl.classList.remove("duet-disable-transitions"),this.modalEl.addEventListener("transitionend",(()=>this.duetCloseComplete.emit()),{once:!0}),o("slide-up"===this.variation?this.modalContentEl:this.modalEl),this.duetClose.emit(),this.teleport.removeInertFromSiblings(),""!==this.focusElementOnClose&&setTimeout((async()=>{let e=this.focusedElBeforeOpen;if(e="string"==typeof this.focusElementOnClose?document.getElementById(this.focusElementOnClose)||e:this.focusElementOnClose||e,"duet-popup-menu-item"===e.tagName.toLowerCase()){const t=e.closest("duet-popup-menu");!await t.isOpen()&&t.controller&&(e="string"==typeof t.controller?document.getElementById(t.controller):t.controller)}n(e)}),600),this.isAndroidDevice&&window.removeEventListener("resize",this.handleAndroidResizeEvents))}activeChanged(){this.open=this.active}componentWillLoad(){this.hasStickyHeader=c(this.element,"sticky-header"),s(this)}componentDidLoad(){this.active&&(this.open=!0,this.modalEl.classList.add("duet-disable-transitions"))}connectedCallback(){this.teleport||(this.teleport=new g(this.element)),this.teleport.isActive?(this.teleport.observeDeletion(),h(this,[{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"},{prop:"accessibleLoaderAnnouncement",defaults:"accessibleLoaderAnnouncementDefaults"}])):this.teleport.activate()}disconnectedCallback(){p(this),this.modalEl&&o(this.modalEl)}handleKeyUp(e){this.open&&r(e)&&this.closeModal(e)}async show(){this.open=!0}async hide(){this.open=!1}async focusCloseButton(){this.buttonEl.setFocus()}async scrollToTop(e=!0){var t;const a=e?"smooth":"auto";if("slide-up"===this.variation){const e=(null===(t=this.modalEl.querySelector(".duet-modal-sticky-header"))||void 0===t?void 0:t.clientHeight)||0,d=this.modalEl.querySelector(".duet-modal-body").computedStyleMap().get("padding-top");this.slotContainerEl.style.scrollMarginTop=`${e+d.value}px`,this.slotContainerEl.scrollIntoView({behavior:a})}else this.modalEl.querySelector(".duet-modal-body").scrollIntoView({behavior:a})}async addMessage(e,t=!0){const a=document.createElement(t?"duet-paragraph":"duet-visually-hidden");a.textContent=e,a.classList.add("duet-loader-message"),t&&setTimeout((()=>{this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((e=>e.classList.remove("show"))),a.classList.add("show")}),10),this.slotContainerEl.appendChild(a)}closeModal(e){this.duetBeforeClose.emit({originalEvent:e,component:"duet-modal"}),e.defaultPrevented||setTimeout((()=>{this.hide()}),1)}render(){var e,t;const d=b("primary",this.theme),i=b("secondary",this.theme),o=a("div",{key:"ec2c3a88ed4381cdfe04d5e09c6973f50926938b",class:"duet-modal-close"},a("duet-button",{key:"3ba54ca9d928a311351d7daccfe20c1a94dcb6a3",ref:e=>this.buttonEl=e,variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:i,iconSize:"large",icon:"navigation-close",iconOnly:!0,margin:"none",theme:this.theme,onClick:e=>this.closeModal(e),fixed:!0}));return a("div",{key:"44ad4e8bf6516da0e6350649f8e4cae009f7cf07",ref:e=>this.modalEl=e,"aria-label":null!==(e=this.accessibleLabel)&&void 0!==e?e:this.heading,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,role:"loader"===this.variation?"alert":"dialog","aria-modal":!this.isSafariBrowser,tabindex:"-1",class:{"duet-modal-container":!0,"duet-theme-turva":"turva"===this.theme,"duet-modal-active":this.open,"duet-modal-slide-up":"slide-up"===this.variation,"duet-modal-has-sticky-header":this.hasStickyHeader}},a("duet-overlay",{key:"d2eb31d5195cced7a59ca29dbd2e2f0ef84e2655","z-index":"-1",visible:this.open,variation:"loader"===this.variation?"white":"default"}),a("div",{key:"4703b85e9d49409f26720fe00b270370afa97f76",ref:e=>this.modalInnerEl=e,class:{"duet-modal-inner":!0,[this.size]:!0,"duet-modal-slide-up":"slide-up"===this.variation},onClick:e=>{this.closeOnBlur&&(e.target||e.srcElement)===this.modalInnerEl&&this.closeModal(e)}},a("div",{key:"caa7a84911505b70ffe1e15ea73bd4489eac49e2",ref:e=>this.modalContentEl=e,"aria-live":"all"===this.accessibleAnnounceChanges?"polite":null,"aria-atomic":"all"===this.accessibleAnnounceChanges?"true":null,class:{"duet-modal":!0,"duet-modal-has-sticky-header":this.hasStickyHeader,[this.size]:!0,[this.variation]:!0}},"none"!==this.gutterSize&&!this.hasStickyHeader&&a("duet-spacer",{key:"e9d16355dbf2de5937a1a3bf5fa7e27833270238"}),this.hasStickyHeader?a("div",{class:"duet-modal-sticky-header"},o,a("slot",{name:"sticky-header"})):o,a("div",{key:"9d9ef9ea5b47d2107b49066c1d156c886fb6f972",class:{"duet-modal-body":!0,"duet-modal-gutter-none":"none"===this.gutterSize,"duet-modal-gutter-small":"small"===this.gutterSize,"duet-modal-gutter-medium":"medium"===this.gutterSize,"duet-modal-gutter-large":"large"===this.gutterSize},"aria-live":"heading"===this.accessibleAnnounceChanges?"polite":null,"aria-atomic":"heading"===this.accessibleAnnounceChanges?"true":null},a("div",{key:"be0b90e2577c2760b6f95200a917649cd6b35287",class:"duet-modal-header"},a("span",{key:"e2dd5ce0f9609e9fc096ad49e9d6d0ee2a01699d",class:"duet-modal-inner-slot-top"},a("slot",{key:"dbc67d9fc55310cabc65484b4518b8cadcfef874",name:"top"})),this.icon&&a("duet-icon",{key:"095d2b5e9b29cf0a849711b7472d424731d9d36c",name:this.icon,size:"xx-large",color:this.color||d}),this.heading&&a("duet-heading",{key:"3cdcdd876b89be930fb67d715a0873f9305b787b","visual-level":null!==(t=this.headingVisualLevel)&&void 0!==t?t:this.headingLevel,level:this.headingLevel,theme:this.theme},this.heading)),"loader"===this.variation&&a("div",{key:"3d5cd64a2ed94e45180836515083f8885295c4d6",class:"duet-modal-spinner"},a("duet-spinner",{key:"693a9b5947855ff18c0f3089a3b437ccb543d9d0",size:"large",color:b("primary",this.theme)})),a("div",{key:"9b07821006bf82a6707579789376d42febf652b8","aria-live":"loader"===this.variation?"assertive":"body"===this.accessibleAnnounceChanges?"polite":null,"aria-atomic":"body"===this.accessibleAnnounceChanges?"true":null,class:"duet-modal-inner-slot-default",ref:e=>this.slotContainerEl=e},a("slot",{key:"0008beb6b6f6bac06c6ce3dddb661157dfedf4e1"}))))))}get element(){return d(this)}static get watchers(){return{open:["openChanged"],active:["activeChanged"]}}};f.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;visibility:hidden;max-height:100vh;overflow-y:auto;opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-container.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-container.duet-disable-transitions{transition:none}.duet-modal-container.duet-modal-slide-up{overflow:hidden}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}.duet-modal-inner.duet-modal-slide-up{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}.duet-modal-inner.duet-modal-slide-up::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:"";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}.duet-modal-inner.duet-modal-slide-up::after.small{max-width:545px}.duet-modal-inner.duet-modal-slide-up::after.large{max-width:100%}@media (min-width: 36em){.duet-modal-inner.duet-modal-slide-up::after.large{max-width:1110px}}@media (max-width: 35.9375em){.duet-modal-inner.large{padding-right:0;padding-left:0}.duet-modal-inner.duet-modal-slide-up{padding:0;padding-top:28px}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border-radius:16px;opacity:0;transform:scale(0.96);transition:300ms ease;transition-delay:0ms}.duet-modal-active .duet-modal{opacity:1;transform:none;transition:300ms ease;transition-delay:200ms}.duet-modal-active .duet-modal.slide-up{top:0;transition:top 600ms ease}.duet-modal.loader{text-align:center;background:transparent}.duet-modal.loader .duet-modal-close{display:none}.duet-modal.loader .duet-modal-spinner{position:relative;height:120px}.duet-modal.loader .duet-modal-inner-slot-default{position:relative;backdrop-filter:blur(10px)}.duet-modal.loader duet-paragraph.duet-loader-message{position:absolute;opacity:0;transform:scaleY(0);transform-origin:top;transition:all 300ms ease}.duet-modal.loader duet-paragraph.duet-loader-message.show{opacity:1;transform:scaleY(1);transform-origin:bottom}.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph){backdrop-filter:blur(10px)}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal.slide-up{top:100vh;margin:0;overflow:auto;border-radius:16px 16px 0 0;opacity:1;transition:top 600ms ease}.duet-modal.duet-modal-has-sticky-header{height:100%;overflow:auto}.duet-modal:focus{outline:0}.duet-modal-body,.duet-modal-sticky-header{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-none,.duet-modal-sticky-header.duet-modal-gutter-none{padding:0 !important}.duet-modal-body.duet-modal-gutter-small,.duet-modal-sticky-header.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body,.duet-modal-sticky-header{padding:36px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body,.small .duet-modal-sticky-header{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-sticky-header{position:sticky;top:0;z-index:300;display:block;padding-bottom:12px;text-align:left;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229);border-radius:16px 16px 0 0}.duet-modal-close{position:absolute;top:8px;right:8px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;text-overflow:ellipsis;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);letter-spacing:-0.01rem;white-space:nowrap;text-decoration:none}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}.duet-theme-turva .duet-modal{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, 42, 59)}.duet-theme-turva .duet-modal-sticky-header{background:rgb(253, 247, 242);border-bottom:1px solid rgb(212, 221, 226)}';export{f as duet_modal}

package/lib/duet/p-fc1a18f8.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{h as t,r as e,c as a,H as i,g as o}from"./p-D3450NfA.js";import{D as n}from"./p-BDgGHTHh.js";import{i as r}from"./p-KbNgo0QF.js";import{c as s}from"./p-Cfr_DJqU.js";import{F as d}from"./p-CyfEm8iD.js";import{a as l,g as u,c,d as h}from"./p-D9N9LBeD.js";import{c as b,p}from"./p-CcoGR9T9.js";import{g as m}from"./p-DvwKrUS6.js";import"./p-C6E9F6QT.js";const f={day:"numeric",month:"long",weekday:"long"},g={day:"numeric",month:"long",year:"numeric"},y={fi:{buttonLabel:"Valitse päivämäärä",prevMonthLabel:"Edellinen kuukausi",nextMonthLabel:"Seuraava kuukausi",monthSelectLabel:"Kuukausi",yearSelectLabel:"Vuosi",closeLabel:"Sulje ikkuna",selected:"Valittu päivämäärä on",keyboardInstruction:"Voit navigoida päivämääriä nuolinäppäimillä",dayLabels:["Maanantai","Tiistai","Keskiviikko","Torstai","Perjantai","Lauantai","Sunnuntai"],monthLabels:["Tammikuu","Helmikuu","Maaliskuu","Huhtikuu","Toukokuu","Kesäkuu","Heinäkuu","Elokuu","Syyskuu","Lokakuu","Marraskuu","Joulukuu"],monthLabelsShort:["Tammi","Helmi","Maalis","Huhti","Touko","Kesä","Heinä","Elo","Syys","Loka","Marras","Joulu"],formatterShort:new Intl.DateTimeFormat("fi-FI",f),formatterLong:new Intl.DateTimeFormat("fi-FI",g)},en:{buttonLabel:"Choose date",prevMonthLabel:"Previous month",nextMonthLabel:"Next month",monthSelectLabel:"Month",yearSelectLabel:"Year",closeLabel:"Close window",selected:"Selected date is",keyboardInstruction:"You can use arrow keys to navigate dates",dayLabels:["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],monthLabels:["January","February","March","April","May","June","July","August","September","October","November","December"],monthLabelsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],formatterShort:new Intl.DateTimeFormat("en-GB",f),formatterLong:new Intl.DateTimeFormat("en-GB",g)},sv:{buttonLabel:"Välj datum",prevMonthLabel:"Föregående månad",nextMonthLabel:"Nästa månad",monthSelectLabel:"Månad",yearSelectLabel:"År",closeLabel:"Stäng fönstret",selected:"Valt datum är",keyboardInstruction:"Använd piltangenterna för att navigera i kalender",dayLabels:["Måndag","Tisdag","Onsdag","Torsdag","Fredag","Lördag","Söndag"],monthLabels:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],monthLabelsShort:["Jan","Feb","Mars","April","Maj","Juni","Juli","Aug","Sep","Okt","Nov","Dec"],formatterShort:new Intl.DateTimeFormat("sv-SE",f),formatterLong:new Intl.DateTimeFormat("sv-SE",g)}};var v,k,w=m(k?v:(k=1,v={title:"form-date",tags:"form date calendar date picker",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M2.25 24A2.252 2.252 0 0 1 0 21.75V5.25A2.252 2.252 0 0 1 2.25 3H6V.75a.75.75 0 0 1 1.5 0V3h9V.75a.75.75 0 0 1 1.5 0V3h3.75A2.252 2.252 0 0 1 24 5.25v16.5A2.252 2.252 0 0 1 21.75 24zm-.75-2.25c0 .414.336.75.75.75h19.5a.75.75 0 0 0 .75-.75V10.5h-21zM22.5 9V5.25a.75.75 0 0 0-.75-.75H18V6a.75.75 0 0 1-1.5 0V4.5h-9V6A.75.75 0 0 1 6 6V4.5H2.25a.75.75 0 0 0-.75.75V9z"/><circle cx="5.625" cy="13.875" r="1.125"/><circle cx="5.625" cy="19.125" r="1.125"/><circle cx="12" cy="13.875" r="1.125"/><circle cx="12" cy="19.125" r="1.125"/><circle cx="18.375" cy="13.875" r="1.125"/><path d="M18.375 20.25c-.62 0-1.125-.505-1.125-1.125a1.127 1.127 0 0 1 1.171-1.122l.027.003a1.118 1.118 0 0 1 1.052 1.12c0 .619-.505 1.124-1.125 1.124z"/></svg>'}));const x=({onClick:e,placeholder:a,inputLabel:i,valueAsDate:o,formattedValue:n,language:r,identifier:s,theme:d,disabled:l,error:u,role:c,required:h,tooltip:b,tooltipDirection:p,labelHidden:m,buttonRef:f,inputRef:g,onInput:v,onBlur:k,onFocus:x,hasFocus:D,accessibleActiveDescendant:S,accessibleControls:M,accessibleOwns:L,accessibleDescribedBy:I,accessibleLiveError:A,echoPlaceholder:F,caption:E})=>{const{buttonLabel:C,selected:V,formatterLong:j}=y[r];return t("div",{class:{"duet-theme-turva":"turva"===d,"duet-date-input":!0,"duet-date-input-has-focus":D}},t("duet-input",{label:i,value:n,placeholder:a,id:s,disabled:l,theme:d,error:u,role:c,required:h,tooltip:b,tooltipDirection:p,margin:"none",labelHidden:m,accessibleAutocomplete:"none",onDuetChange:t=>t.stopImmediatePropagation(),onDuetInput:v,onDuetFocus:x,onDuetBlur:k,autoComplete:"off",disallowPattern:"[^0-9\\.\\-\\/]",expand:!0,ref:g,accessibleActiveDescendant:S,accessibleControls:M,accessibleOwns:L,accessibleDescribedBy:I,accessibleLiveError:A,echoPlaceholder:F,caption:E,variation:"button"},t("slot",{name:"tooltip"}),t("button",{class:{"duet-date-button":!0,"duet-no-label":m,"input-error":!!u},onClick:e,disabled:l,ref:f,type:"button",slot:"button"},t("duet-icon",{icon:w.svg,margin:"none",size:"small",color:"currentColor"}),t("duet-visually-hidden",null,C,o&&t("span",null,", ",V," ",j.format(o))))))},D=/^(\d{1,2})[\.\-\/](\d{1,2})[\.\-\/](\d{4})$/,S=/^(\d{4})-(\d{2})-(\d{2})$/;function M(t,e,a){var i=parseInt(a,10),o=parseInt(e,10),n=parseInt(t,10);if(Number.isInteger(n)&&Number.isInteger(o)&&Number.isInteger(i)&&o>0&&o<=12&&i>0&&i<=31&&n>0){const t=new Date(n,o-1,i);if(t.getDate()!==i||t.getMonth()!==o-1)return;return t}}function L(t){if(!t)return;const e=t.match(D);return e?M(e[3],e[2],e[1]):void 0}function I(t){if(!t)return;const e=t.match(S);return e?M(e[1],e[2],e[3]):void 0}function A(t,e){if(!t)return"";var a=t.getDate().toString(10),i=(t.getMonth()+1).toString(10),o=t.getFullYear().toString(10);return t.getDate()<10&&(a=`0${a}`),t.getMonth()<9&&(i=`0${i}`),e.replace(/MM/i,i).replace(/YYYY/i,o).replace(/DD/i,a)}function F(t){return A(t,"YYYY-MM-DD")}function E(t,e){return null!=t&&null!=e&&t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function C(t,e){var a=new Date(t);return a.setDate(a.getDate()+e),a}function V(t,e=1){var a=new Date(t),i=a.getDay(),o=(i<e?7:0)+i-e;return a.setDate(a.getDate()-o),a}function j(t,e=1){var a=new Date(t),i=a.getDay(),o=6+(i<e?-7:0)-(i-e);return a.setDate(a.getDate()+o),a}function z(t){return new Date(t.getFullYear(),t.getMonth(),1)}function U(t){return new Date(t.getFullYear(),t.getMonth()+1,0)}function H(t,e){const a=new Date(t);return a.setMonth(e),a}function B(t,e){const a=new Date(t);return a.setFullYear(e),a}function R(t,e,a){return N(t,e,a)===t}function N(t,e,a){const i=t.getTime();return e&&e instanceof Date&&i<e.getTime()?e:a&&a instanceof Date&&i>a.getTime()?a:t}const T={fi:"Valittu päivä",en:"Selected day",sv:"Vald dag"},Y=({focusedDay:e,today:a,day:i,language:o,onDaySelect:n,onKeyboardNavigation:r,ref:s,inRange:d,isSelected:l})=>{const u=E(i,a),c=E(i,e),h=i.getMonth()!==e.getMonth(),b=!d,{formatterShort:p}=y[o];return t("td",{"data-day":F(i),class:{"duet-date-table-cell":!0,selected:l},"aria-label":`${p.format(i)}${l?`, ${T[o]}`:void 0}`,role:"button",tabIndex:c?0:-1,onClick:function(t){n(t,i)},onKeyDown:r,"aria-disabled":b||h,ref:s},t("span",{class:{"duet-date-table-button":!0,outside:b,disabled:h,today:u}},i.getDate()))},P=new Map;function J(t){for(let e=19;e<=25;e++){const a=new Date(t,5,e);if(5===a.getDay())return a}}function O(t,e){return!(!e.disallowWeekends||!function(t){const e=t.getDay();return 0===e||6===e}(t))||!(!e.disallowBankHolidays||!function(t){return function(t){if(P.has(t))return P.get(t);const e=function(t){const e=t%19,a=Math.floor(t/100),i=t%100,o=Math.floor(a/4),n=a%4,r=Math.floor((a+8)/25),s=(19*e+a-o-Math.floor((a-r+1)/3)+15)%30,d=(32+2*n+2*Math.floor(i/4)-s-i%4)%7,l=s+d-7*Math.floor((e+11*s+22*d)/451)+114,u=Math.floor(l/31);return new Date(t,u-1,l%31+1)}(t),a=[new Date(t,0,1),new Date(t,0,6),C(e,-2),C(e,1),new Date(t,4,1),C(e,39),J(t),new Date(t,11,6),new Date(t,11,24),new Date(t,11,25),new Date(t,11,26)];return P.set(t,a),a}(t.getFullYear()).some((e=>E(e,t)))}(t))||(a=e.disallowedDates,a?Array.isArray(a)?a:a.split(",").map((t=>t.trim())):[]).some((e=>E(I(e),t)));var a}function K(t){var e;const a=t.trim().split("+"),i=a.pop();return["shift"===(null===(e=a[0])||void 0===e?void 0:e.toLowerCase()),i]}function W(t){const e=Object.keys(t).map((e=>[K(e),t[e]]));return function(t){if(!(t instanceof KeyboardEvent))return;const a=e.find((([[e,a]])=>(a.toUpperCase()===t.key.toUpperCase()||a===t.code)&&e===t.shiftKey));a&&(a[1](t),t.preventDefault())}}const $=({selectedDate:e,focusedDate:a,labelledById:i,theme:o,language:n,min:r,max:s,disallowWeekends:d,disallowBankHolidays:l,disallowedDates:u,onDateSelect:c,onKeyboardNavigation:h,focusedDayRef:b,onFocusEnter:p,onFocusExit:m})=>{const{dayLabels:f}=y[n],g=new Date,v=function(t,e=1){return function(t,e){const a=[];let i=t;for(;!E(i,e);)a.push(i),i=C(i,1);return a.push(i),a}(V(z(t),e),j(U(t),e))}(a);return t("div",{role:"application"},t("table",{role:"presentation",class:{"duet-date-table":!0,"duet-theme-turva":"turva"===o},"aria-labelledby":i,onFocusin:p,onFocusout:function(t){const e=t.relatedTarget;e&&!t.currentTarget.contains(e)&&m(t)}},t("thead",null,t("tr",null,f.map((e=>t("th",{scope:"col"},t("span",{"aria-hidden":"true"},e.substr(0,2))))))),t("tbody",null,function(t){const e=[];for(let a=0;a<t.length;a+=7)e.push(t.slice(a,a+7));return e}(v).map((i=>t("tr",{class:"duet-date-table-row"},i.map((i=>t(Y,{day:i,today:g,language:n,focusedDay:a,inRange:R(i,r,s)&&!O(i,{disallowWeekends:d,disallowBankHolidays:l,disallowedDates:u}),isSelected:E(i,e),onDaySelect:c,onKeyboardNavigation:h,ref:t=>{t&&E(i,a)&&b(t)}})))))))))},q=class{constructor(t){e(this,t),this.duetChange=a(this,"duetChange",7),this.duetBlur=a(this,"duetBlur",7),this.duetFocus=a(this,"duetFocus",7),this.proxyId=s("DuetDatePicker"),this.monthSelectId=s("DuetDatePicker"),this.yearSelectId=s("DuetDatePicker"),this.dialogLabelId=s("DuetDatePicker"),this.initialTouchX=null,this.initialTouchY=null,this.focusTarget=null,this.dateErrorMessages={badInput:{en:"Wrong date format",fi:"Väärä päivämäärämuoto",sv:"Fel datumformat"},rangeUnderflow:{en:"Date too early",fi:"Liian aikainen päivämäärä",sv:"Datum för tidigt"},rangeOverflow:{en:"Date too late",fi:"Liian myöhäinen päivämäärä",sv:"Datum för sent"},valueMissing:{en:"Date required",fi:"Päivämäärä vaaditaan",sv:"Datum krävs"},customError:{en:"Date not allowed",fi:"Päivämäärä ei sallittu",sv:"Datum inte tillåtet"}},this.open=!1,this.focusedDay=new Date,this.inputValue="",this.inputHasFocus=!1,this.theme="",this.expand=!1,this.name="",this.identifier="",this.label="",this.margin="auto",this.language=l(),this.placeholderDefaults={fi:"pp.kk.vvvv",en:"dd.mm.yyyy",sv:"dd.mm.åååå"},this.placeholder=u(this.placeholderDefaults,this.language),this.echoPlaceholder=!1,this.disabled=!1,this.error="",this.disableBuiltInErrors=!1,this.labelHidden=!1,this.required=!1,this.direction="right",this.tooltip="",this.tooltipDirection="auto",this.value="",this.min="",this.max="",this.disallowWeekends=!1,this.disallowBankHolidays=!1,this.disallowedDates=[],this.incrementYears=10,this.accessibleLiveError="polite",this.enableActiveFocus=()=>{this.focusTarget="day-button"},this.disableActiveFocus=()=>{this.focusTarget=null},this.toggleOpen=t=>{t.preventDefault(),this.open?this.hide(!1):this.show()},this.handleBlur=t=>{if(t.stopPropagation(),this.inputHasFocus=!1,!this._validity.valid&&!this.disableBuiltInErrors){const t=Object.entries(this._validity).find((t=>!!t[1]))[0];this.error=u(this.dateErrorMessages[t])}this.duetBlur.emit({component:"duet-date-picker"})},this.handleFocus=t=>{t.stopPropagation(),this.inputHasFocus=!0,this.duetFocus.emit({component:"duet-date-picker"})},this.handleTouchStart=t=>{const e=t.changedTouches[0];this.initialTouchX=e.pageX,this.initialTouchY=e.pageY},this.handleTouchMove=t=>{t.preventDefault()},this.handleTouchEnd=t=>{const e=t.changedTouches[0],a=e.pageX-this.initialTouchX,i=e.pageY-this.initialTouchY,o=Math.abs(a)>=70&&Math.abs(i)<=70,n=Math.abs(i)>=70&&Math.abs(a)<=70&&i>0;o?this.addMonths(a<0?1:-1):n&&(this.hide(),t.preventDefault()),this.initialTouchY=null,this.initialTouchX=null},this.handleNextMonthClick=t=>{t.preventDefault(),this.addMonths(1)},this.handlePreviousMonthClick=t=>{t.preventDefault(),this.addMonths(-1)},this.handleEscKey=W({Escape:()=>this.hide(),Esc:()=>this.hide()}),this.handleKeyboardNavigation=W({ArrowRight:()=>this.addDays(1),Right:()=>this.addDays(1),ArrowLeft:()=>this.addDays(-1),Left:()=>this.addDays(-1),ArrowDown:()=>this.addDays(7),Down:()=>this.addDays(7),ArrowUp:()=>this.addDays(-7),Up:()=>this.addDays(-7),Home:()=>this.startOfWeek(),End:()=>this.endOfWeek(),PageUp:()=>this.addMonths(-1),PageDown:()=>this.addMonths(1),"Shift+PageUp":()=>this.addYears(-1),"Shift+PageDown":()=>this.addYears(1),Space:t=>this.handleKeyboardDaySelect(t),Enter:t=>this.handleKeyboardDaySelect(t)}),this.handleKeyboardDaySelect=t=>{const e=I(t.target.dataset.day);this.handleDaySelect(t,e)},this.handleDaySelect=(t,e)=>{R(e,I(this.min),I(this.max))&&!O(e,this)&&(this.setValue(e),this.hide())},this.handleMonthSelect=t=>{this.setMonth(parseInt(t.target.value,10))},this.handleYearSelect=t=>{this.setYear(parseInt(t.target.value,10))},this.handleInputChange=t=>{this.inputValue=t.detail.value;const e=L(this.inputValue);this.setValue(e)}}get validity(){return this.determineValidity(),this._validity}updateValidity(){this.determineValidity()}updateInternalValue(){if(!this.value&&this.inputHasFocus)return;const t=I(this.value),e=L(this.inputValue);t?E(t,e)||(this.inputValue=A(t,"dd.mm.yyyy")):this.inputValue=""}componentWillLoad(){r(this),this.determineValidity(),this.updateInternalValue(),b(this.element,"tooltip","duet-tooltip",1,!0)}componentDidUpdate(){switch(this.focusTarget){case"toggle-button":this.datePickerButton.focus(),this.focusTarget=null;break;case"day-button":this.focusedDayNode.focus();break;case"month-select":this.monthSelectNode.focus(),this.focusTarget=null}}componentDidRender(){p(this.element,this.proxyId,this.name,this.value,this.required)}connectedCallback(){c(this,{prop:"placeholder",defaults:"placeholderDefaults"})}disconnectedCallback(){h(this)}async setFocus(t){this.datePickerInput.setFocus(t)}async show(){this.open=!0,this.focusTarget="month-select",this.setFocusedDay(I(this.value)||new Date)}async hide(t=!0){this.open=!1,t&&(this.focusTarget="toggle-button")}addDays(t){this.setFocusedDay(C(this.focusedDay,t))}addMonths(t){this.setMonth(this.focusedDay.getMonth()+t)}addYears(t){this.setYear(this.focusedDay.getFullYear()+t)}startOfWeek(){this.setFocusedDay(V(this.focusedDay))}endOfWeek(){this.setFocusedDay(j(this.focusedDay))}setMonth(t){const e=H(z(this.focusedDay),t),a=U(e),i=H(this.focusedDay,t);this.setFocusedDay(N(i,e,a))}setYear(t){const e=B(z(this.focusedDay),t),a=U(e),i=B(this.focusedDay,t);this.setFocusedDay(N(i,e,a))}setFocusedDay(t){this.focusedDay=N(t,I(this.min),I(this.max))}determineValidity(){var t,e;const a=I(this.value),i=null!==(e=null===(t=this.datePickerInput)||void 0===t?void 0:t.value)&&void 0!==e?e:"",o=!a&&""!==i,n=!a&&this.required,r=!!a&&!R(a,null,I(this.max)),s=!!a&&!R(a,I(this.min)),d=!!a&&O(a,this);this._validity={patternMismatch:!1,customError:d,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,badInput:o,rangeUnderflow:s,rangeOverflow:r,valueMissing:n,valid:!(n||o||s||r||d)},this._validity.valid&&(this.error="")}setValue(t){const e=F(t);e!==this.value&&(this.value=e,this.determineValidity(),this.duetChange.emit({component:"duet-date-picker",value:this.value,valueAsDate:t}))}handleDocumentClick(t){this.open&&t.composedPath().every((t=>t!==this.dialogWrapperNode&&t!==this.datePickerButton))&&this.hide(!1)}render(){const e=I(this.value),a=(e||this.focusedDay).getFullYear(),o=this.focusedDay.getMonth(),r=this.focusedDay.getFullYear(),s=y[this.language],l=I(this.min),u=I(this.max),c=null!=l&&l.getMonth()===o&&l.getFullYear()===r,h=null!=u&&u.getMonth()===o&&u.getFullYear()===r;let b=a-this.incrementYears,p=a+this.incrementYears;return l&&(b=Math.max(b,l.getFullYear())),u&&(p=Math.min(p,u.getFullYear())),t(i,{key:"574a2e443eb79af37f178f46845a206f561cba2e",class:{"duet-expand":this.expand,"duet-m-0":"none"===this.margin}},t("div",{key:"62fa53292d9b464c3bfce84805c61abbc729b32c",class:"duet-date"},t(x,{key:"fd44ced264f1b867ffa5642a110d118cfd8a7977",hasFocus:this.inputHasFocus,value:this.value,valueAsDate:e,formattedValue:this.inputValue,language:this.language,onInput:this.handleInputChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onClick:this.toggleOpen,name:this.name,disabled:this.disabled,error:this.error,role:this.role,required:this.required,theme:this.theme,tooltip:this.tooltip,tooltipDirection:this.tooltipDirection,labelHidden:this.labelHidden,placeholder:this.placeholder,inputLabel:this.label,identifier:this.identifier,buttonRef:t=>this.datePickerButton=t,inputRef:t=>this.datePickerInput=t,accessibleActiveDescendant:this.accessibleActiveDescendant,accessibleControls:this.accessibleControls,accessibleOwns:this.accessibleOwns,accessibleDescribedBy:this.accessibleDescribedBy,accessibleLiveError:this.accessibleLiveError,echoPlaceholder:this.echoPlaceholder,caption:this.caption})),t("div",{key:"7db19721a17bc48c0f232de5a91e9aee49435f6b",class:{"duet-theme-turva":"turva"===this.theme,"duet-date-dialog":!0,left:"left"===this.direction,error:!!this.error,active:this.open},role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-labelledby":this.dialogLabelId,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},t("duet-overlay",{key:"b762f7971ef0f3cfdba4338da8b66ddd932d739c",visible:this.open,"display-device":"x-small"}),t(d,{key:"116f8a028515e1cabbdfe6c7c4fbe46a366e8417",moveFocusTo:this.focusedDayNode}),t("div",{key:"46df5dc4188ca94f1e9288cc94b369a56a951ee1",class:"duet-date-dialog-wrapper",onKeyDown:this.handleEscKey,ref:t=>this.dialogWrapperNode=t},t("duet-visually-hidden",{key:"1de44e1f4c44b9c97adb419fa7abf60f937b0fa2","aria-live":"polite"},s.keyboardInstruction),t("div",{key:"4a36684eab5f83211dcd9f04f240ad535f781376",class:"duet-date-dialog-mobile-header"},t(n,{key:"ef9877f7fc10b63428437a0ddbc07a787792617b",margin:"none"},this.label),t("button",{key:"52b087991727aa7c32178aef85a7ff6a88b33f6e",class:"duet-date-picker-close",ref:t=>this.closeButtonNode=t,onClick:()=>this.hide(),type:"button"},t("duet-icon",{key:"9434a8ab91835101fca28fb28d3ba3b5fc768583",name:"navigation-close-small",margin:"none",color:"currentColor",size:"xx-small"}),t("duet-visually-hidden",{key:"eaa01ae0b3e0270af1ee5b7777c4bf1c823ed55d"},s.closeLabel))),t("div",{key:"8f59e259985eb3628f23dd8aa4edd90eab33ce45",class:"duet-date-dialog-header"},t("div",{key:"fd9e2ffede5b19a2008684f5587663372a769b0f",class:"duet-date-dialog-dropdowns"},t("duet-visually-hidden",{key:"9bfda8777868d3a1a0b5dfb1146d4bd22ece9b9d"},t("h2",{key:"4f8171f8b0bfabeb8ef0d44f604c668810572ba8",id:this.dialogLabelId,"aria-live":"polite","aria-atomic":"true"},s.monthLabels[o]," ",this.focusedDay.getFullYear())),t("duet-visually-hidden",{key:"f55f26894bef3e11233e3d72b62d70ff5f4f30fc"},t("label",{key:"01d6cda898862ee9c82f018e4a875a54c8a4454c",htmlFor:this.monthSelectId},s.monthSelectLabel)),t("div",{key:"758b166665674a916ab6d6b2c9fd78b6f51f27fd",class:"duet-date-dialog-select"},t("select",{key:"548b2e7615f581454c64c30fe8e8c8d6dfe0d969",id:this.monthSelectId,class:"duet-date-month-select",ref:t=>this.monthSelectNode=t,onChange:this.handleMonthSelect},s.monthLabels.map(((e,a)=>t("option",{key:e,value:a,selected:a===o,disabled:!R(new Date(r,a,1),l?z(l):null,u?U(u):null)},e)))),t("div",{key:"34d1e610de1d9f1c1436fdf1ffb2294742269696",class:"duet-date-dialog-select-label","aria-hidden":"true"},t("span",{key:"84d57f82660038e7fb7d631e6eb03be0ef9c4315"},s.monthLabelsShort[o]),t("duet-icon",{key:"f706752d81c80ae05bf13a19ed6cfa3b2d7262cc",name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"}))),t("duet-visually-hidden",{key:"fb67730ced2246377442fb2fd2ebf5086db34fbd"},t("label",{key:"0d3d28925711a15b919004ad2384c719b9832f7d",htmlFor:this.yearSelectId},s.yearSelectLabel)),t("div",{key:"371bb8461b655460da25e9982e17c0385fab8f71",class:"duet-date-dialog-select"},t("select",{key:"c466eed369426ad7cc78fbed3278a0523529920c",id:this.yearSelectId,class:"duet-date-year-select",onChange:this.handleYearSelect},function(t,e){for(var a=[],i=t;i<=e;i++)a.push(i);return a}(b,p).map((e=>t("option",{key:e,selected:e===r},e)))),t("div",{key:"78db254ed00d0d7b5104f4932415d970ff17e1f4",class:"duet-date-dialog-select-label","aria-hidden":"true"},t("span",{key:"9a66b0dad5bf39fd769cd851cb529b4568310d9d"},this.focusedDay.getFullYear()),t("duet-icon",{key:"a68a8da9385f631020ba28389caf1b611def6676",name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"})))),t("div",{key:"d1dd09f7da7f1e9d50cdd79ae97d13ba4d89be25",class:"duet-date-dialog-buttons"},t("duet-action-button",{key:"e7b3c41d7d56f2c24b4e69db80e4c8fc2e0395a2",accessibleLabel:y[this.language].prevMonthLabel,actionName:y[this.language].prevMonthLabel,class:"duet-date-dialog-prev",onClick:this.handlePreviousMonthClick,disabled:c,"icon-name":"action-arrow-left-small"},s.prevMonthLabel),t("duet-action-button",{key:"980a6a1316a3f0b64a0ae62dd80d3494ea855ae8",accessibleLabel:y[this.language].nextMonthLabel,actionName:y[this.language].nextMonthLabel,class:"duet-date-dialog-next",onClick:this.handleNextMonthClick,disabled:h,"icon-name":"action-arrow-right-small"},s.nextMonthLabel))),t($,{key:"8524700a8665fe9b8edc04bd6b90b4aacc1eeea0",selectedDate:e,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,language:this.language,theme:this.theme,min:l,max:u,disallowWeekends:this.disallowWeekends,disallowBankHolidays:this.disallowBankHolidays,disallowedDates:this.disallowedDates,focusedDayRef:t=>this.focusedDayNode=t,onFocusEnter:this.enableActiveFocus,onFocusExit:this.disableActiveFocus})),t(d,{key:"8b92a3d7d025848e2e3c976e9c091364b52b7f96",moveFocusTo:this.closeButtonNode})))}get element(){return o(this)}static get watchers(){return{min:["updateValidity"],max:["updateValidity"],value:["updateValidity","updateInternalValue"],required:["updateValidity"],inputValue:["updateValidity"],disallowWeekends:["updateValidity"],disallowBankHolidays:["updateValidity"],disallowedDates:["updateValidity"]}}};q.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !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 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.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, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}:host(.form-distribute:last-of-type:not(:last-child)){margin-right:16px !important}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;vertical-align:top;text-align:left}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-date{position:relative;width:100%}.duet-date button,.duet-date-dialog button{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button{-webkit-user-select:none;user-select:none;position:relative;z-index:200;box-sizing:content-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:47px;height:48px;color:rgb(8, 42, 77);cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-left-color:rgb(181, 198, 208);border-radius:0 4px 4px 0;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-date-button::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 0) 100%)}.duet-date-button:hover:not(:disabled){outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-date-button:hover:not(:disabled),.duet-date-button:hover:not(:disabled).duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.duet-date-button:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important}.duet-date-button:disabled::before{display:none}.duet-date-button:disabled duet-icon{opacity:0.4}.duet-date-button duet-icon{transform:translateY(-1px)}.duet-date-button:active duet-icon{transform:translateY(0)}.duet-date-input-has-focus .duet-date-button,.duet-date-button:focus{height:46px;color:rgb(0, 119, 179)}.duet-date-input-has-focus .duet-date-button:focus,.duet-date-button:focus:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-date-input-has-focus .duet-date-button:focus,.duet-date-input-has-focus .duet-date-button:focus.duet-theme-turva,.duet-theme-turva .duet-date-button:focus:focus,.duet-date-button:focus:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.input-error{border-top-color:rgb(214, 28, 82);border-right-color:rgb(214, 28, 82);border-bottom-color:rgb(214, 28, 82)}.duet-date-dialog{position:absolute;top:100%;left:0;z-index:900;display:flex;visibility:hidden;width:100%;opacity:0;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease}@media (min-width: 36em){.duet-date-dialog.left{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog{position:fixed;top:0;right:0;bottom:0;transform:translateZ(0);transform-origin:bottom center;transition:opacity 400ms ease, visibility 400ms ease}}.duet-date-dialog.active{visibility:visible;opacity:1;transform:scale(1.0001) translateZ(0) translateY(0);transition-property:transform, opacity}@media (min-width: 36em){.duet-date-dialog.error{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper{position:relative;z-index:600;width:100%;min-width:290px;max-width:310px;padding:16px 16px 20px;margin-top:8px;margin-left:auto;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);transform:none}@media (max-width: 35.9375em){.duet-date-dialog-wrapper{position:absolute;bottom:0;left:0;z-index:900;visibility:hidden;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transform:translateZ(0) translateY(100%);transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease}.active .duet-date-dialog-wrapper{visibility:visible;opacity:1;transform:translateZ(0) translateY(0);transition-property:transform, opacity}}.duet-date-table{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";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);text-align:center;border-spacing:0;border-collapse:collapse}.duet-date-table th{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-transform:uppercase;letter-spacing:1px;text-decoration:none}.duet-date-table .duet-date-table-cell{text-align:center}.duet-date-table .duet-date-table-cell:focus{outline:none}.duet-date-table-button{position:relative;z-index:100;display:inline-block !important;width:36.9230769231px !important;height:36.9230769231px !important;min-height:initial !important;padding:0 !important;margin:0 !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:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:2.6 !important;vertical-align:initial !important;color:rgb(8, 42, 77) !important;text-align:center;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.duet-date-table-button:hover{background:rgb(228, 241, 247) !important}.duet-date-table-button.today{z-index:200;color:rgb(0, 75, 129) !important;background:rgb(240, 247, 250) !important;box-shadow:0 0 0 1px #0077b3 !important}.selected .duet-date-table-button,:focus .duet-date-table-button{color:rgb(255, 255, 255) !important;outline:0;background:rgb(0, 119, 179) !important}.duet-date-table-button:active{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);z-index:200;color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important}.duet-theme-turva .duet-date-table-button:active,.duet-date-table-button:active.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}:focus .duet-date-table-button{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8);z-index:200}.duet-theme-turva :focus .duet-date-table-button,:focus .duet-date-table-button.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-date-table-button.disabled{color:rgb(127, 150, 165) !important;cursor:default;outline:none !important;background:transparent !important}.duet-date-table-button.outside{color:rgb(127, 150, 165) !important;pointer-events:none;cursor:default;outline:none;background:rgb(245, 248, 250) !important;opacity:0.75}.duet-date-dialog-header{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons{white-space:nowrap}.duet-date-dialog-buttons ::part(button){border:0}.duet-date-dialog-select{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select .duet-date-dialog-select-label{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:0 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:1.25rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);pointer-events:none;border-radius:4px}.duet-date-dialog-select span{margin-right:4px}.duet-date-dialog-select select{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select select:focus+.duet-date-dialog-select-label{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-date-dialog-select select:focus+.duet-date-dialog-select-label,.duet-date-dialog-select select:focus+.duet-date-dialog-select-label.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-date-dialog-mobile-header{position:relative;display:flex;align-items:center;justify-content:space-between;width:120%;padding:12px 20px;margin-bottom:20px;margin-left:-10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid rgb(181, 198, 208)}@media (min-width: 36em){.duet-date-dialog-mobile-header{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-date-dialog-mobile-header label{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header label{display:none}}.duet-date-picker-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px !important;padding:0 !important;color:rgb(8, 42, 77) !important;-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(245, 248, 250) !important;border-radius:50%}@media (min-width: 36em){.duet-date-picker-close{opacity:0}}.duet-date-picker-close:hover{background:rgb(245, 248, 250) !important}.duet-date-picker-close:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-date-picker-close:focus,.duet-date-picker-close:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 36em){.duet-date-picker-close:focus{opacity:1}}.duet-theme-turva .duet-date-button{color:rgb(23, 42, 59);border-color:rgb(120, 145, 164);border-left-color:rgb(178, 194, 205)}.duet-theme-turva:disabled{background:rgb(245, 246, 247) !important}.duet-theme-turva.duet-date-input-has-focus .duet-theme-turva,.duet-theme-turva:focus{color:rgb(23, 42, 59)}.duet-theme-turva .duet-date-dialog-wrapper{border-color:rgb(212, 221, 226)}.duet-theme-turva .duet-date-table-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;color:rgb(23, 42, 59) !important}.duet-theme-turva .duet-date-table-button:hover:not(.disabled){background:rgb(251, 225, 209) !important}.duet-theme-turva .duet-date-table-button.today{color:rgb(140, 0, 30) !important;background:rgb(253, 247, 242) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva .duet-date-table-button:active{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}.duet-theme-turva .duet-date-table-button.outside{color:rgb(120, 145, 164) !important;outline:none;background:rgb(245, 246, 247) !important}.duet-theme-turva .duet-date-table-button.disabled{color:rgb(178, 194, 205) !important;outline:none !important;background:transparent !important}.duet-theme-turva .selected .duet-date-table-button,.duet-theme-turva :focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}.duet-theme-turva :active.duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}.duet-theme-turva .duet-date-dialog-select .duet-date-dialog-select-label{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, 42, 59)}.duet-theme-turva .duet-date-dialog-mobile-header{border-color:rgb(178, 194, 205)}.duet-theme-turva .duet-date-picker-close{background:rgb(245, 246, 247) !important}.duet-theme-turva .duet-date-picker-close:hover{background:rgb(245, 246, 247) !important}.duet-theme-turva [aria-pressed=true] .duet-date-table-button,.duet-theme-turva :focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64) !important}.duet-theme-turva.duet-date-table{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, 42, 59)}';export{q as duet_date_picker}

package/lib/duet/{p-dfd55180.entry.js → p-fc2be136.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as t,h as e,g as i}from"./p-Cwhi6_oZ.js";import{i as o}from"./p-D2EBd3cT.js";import{s as r,u as a}from"./p-Db8rvjPI.js";import{a as d,g as n,c as s,d as c}from"./p-DWIjWGAD.js";import{g as l}from"./p--fmK3qPb.js";import{a as u}from"./p-BVgBUIYF.js";import"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const h=class{constructor(e){t(this,e),this.language=d(),this.accessibleLabelUnreadDefaults={en:"Unread",fi:"Lukematon",sv:"Oläst"},this.accessibleLabelUnread=n(this.accessibleLabelUnreadDefaults,this.language),this.url="#",this.date="",this.highlight=!1,this.external=!1,this.theme=""}componentWillLoad(){o(this)}connectedCallback(){s(this,{prop:"accessibleLabelUnread",defaults:"accessibleLabelUnreadDefaults"}),r(this)}disconnectedCallback(){c(this),a(this)}async setFocus(t){this.linkElement.focus(t)}getAriaLabelText(){const t=l(this.element).map((t=>t.textContent.trim())).join(". ");return`${this.highlight?`${this.accessibleLabelUnread}. `:""}${t}${t.endsWith(".")?"":"."} ${this.date}`}render(){return e("div",{key:"8497858acf685b75adce100af83521ea62dad249",role:"listitem",class:{"duet-notification":!0,"duet-notification-highlight":this.highlight,"duet-theme-turva":"turva"===this.theme}},e("a",{key:"d055bb5cebbf8d33eb35d193d1bb1fa106c5ec49",ref:t=>this.linkElement=t,href:this.url,target:this.external?"_blank":"_self","aria-label":this.getAriaLabelText()},e("div",{key:"37b18aada4bbdcc07fbae2fb2a379e4ce499d1a2",class:"duet-notification-container"},e("div",{key:"d82a6a30c51dcbe9fa55d184f9475ee52824c960",class:"duet-indicator-container"},this.highlight&&e("duet-indicator",{key:"ba8cf675f5f79738b621bb60be60e955648f72fb",variation:"new","accessible-label":this.accessibleLabelUnread})),e("div",{key:"7616f1c0b61f842cb19959f8a26d972740d4983c",class:"duet-notification-content"},e("slot",{key:"3d15bf405f3f7e6bb7b699835882720db81c60ac"})),e("div",{key:"479850eacc300888b148101759908b962db1d24a",class:"duet-notification-date"},this.date))))}get element(){return i(this)}};h.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:0.7}.duet-notification{display:block;padding:16px;padding-bottom:0;cursor:pointer}:host(:first-of-type) .duet-notification{border-top-left-radius:var(--notification-border-top-radius, 8px);border-top-right-radius:var(--notification-border-top-radius, 8px)}:host(:last-of-type) .duet-notification{border-bottom:0;border-bottom-right-radius:var(--notification-border-bottom-radius, 8px);border-bottom-left-radius:var(--notification-border-bottom-radius, 8px)}.duet-notification.duet-notification-highlight{font-weight:600}@media (min-width: 62em){.duet-notification:hover{background:rgb(240, 247, 250)}}.duet-notification a{text-decoration:none}.duet-notification a:focus{outline:0}:host(.user-is-tabbing) .duet-notification:focus-within{outline:2px solid;outline-offset:-2px;outline-color:rgba(0, 119, 179, 0.8);z-index:1}.duet-theme-turva :host(.user-is-tabbing) .duet-notification:focus-within,:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-notification-container{position:relative;display:flex;padding-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-indicator-container{position:relative;width:10px;margin-top:6px;margin-left:6px}.duet-notification-content{flex:1}.duet-notification-date{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:right;text-transform:uppercase;opacity:0.7}@media (max-width: 35.9375em){.duet-notification-date{width:auto}}@media (min-width: 62em){:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:1}.duet-notification{padding:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-notification:hover{background:rgb(228, 241, 247)}.duet-notification.duet-notification-highlight{font-weight:600;background:rgb(240, 247, 250)}.duet-notification-container{padding-bottom:0;border-bottom-style:none}}::slotted(duet-heading){padding-right:80px !important}::slotted(duet-paragraph){margin-bottom:2px !important}.duet-notification.duet-theme-turva{color:rgb(23, 42, 59);border-bottom-color:rgb(251, 225, 209)}.duet-notification.duet-notification-highlight.duet-theme-turva{background:rgb(253, 247, 242)}.duet-notification-badge.duet-theme-turva{background:rgb(230, 23, 64)}@media (min-width: 62em){.duet-notification:hover.duet-theme-turva{background:rgb(251, 235, 225)}}.duet-theme-turva .duet-notification-date{color:rgb(95, 122, 143)}";const b=class{constructor(e){t(this,e),this.isOpen=!1,this.icon="",this.label="Label",this.language=d(),this.accessibleLabelNotificationsDefaults={en:"No notifications",fi:"Ei ilmoituksia",sv:"Inga notifikationer"},this.accessibleLabelNotifications=n(this.accessibleLabelNotificationsDefaults),this.badge=!1,this.theme="",this.direction="left",this.handleKeyDown=t=>{this.isOpen&&27===t.keyCode&&this.close()},this.toggleMenu=t=>{t.stopPropagation(),this.isOpen?this.close():this.open()},this.updateNotificationState=()=>{this.hasNotifications=this.element.children.length>0}}componentWillLoad(){o(this),this.updateNotificationState()}connectedCallback(){this.observer=new MutationObserver(this.updateNotificationState),this.observer.observe(this.element,{childList:!0}),r(this)}disconnectedCallback(){this.observer.disconnect(),this.observer=null,a(this)}handleClickFocusOutside(t){this.isOpen&&!this.element.contains(t.target)&&this.close(!1)}async setFocus(t){this.drawerButtonEl.focus(t)}async open(){const t=this.element.closest("duet-header");t&&t.closeMenus(),this.isOpen=!0,this.drawerContentEl.scrollTop=0}async close(t=!0){this.isOpen=!1,t&&this.setFocus({preventScroll:!0})}render(){return e("div",{key:"5a100874ee332b5f81a62d4d398273cfb1b039e6",class:{"duet-drawer":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:this.handleKeyDown},e("button",{key:"5f4027d95ace3dbcf790932b8fcc55c197acfeec",ref:t=>this.drawerButtonEl=t,type:"button",class:{"duet-drawer-toggle":!0,"duet-theme-turva":"turva"===this.theme},id:"duet-drawer-toggle","aria-controls":"duet-drawer-content","aria-expanded":this.isOpen?"true":"false",onClick:this.toggleMenu},this.icon&&e("div",{key:"d23738346a3b9c9a977fac31c44686b300f8c3f8",class:"duet-drawer-icon"},e("duet-icon",{key:"9ce663baf3e178117742894d71342eeb0f306b8a",margin:"none",size:"x-small",name:this.icon,color:"currentColor"}),this.badge&&e("duet-indicator",{key:"135c19cacc21c20599e1250c19b2cb9af6ca1edb",variation:"change"})),e("span",{key:"cc45c180750b2237fc49015944f664ea23f1c50c",class:"duet-drawer-label"},this.label),e("div",{key:"c268d18597783a3fcd307bb07813526d97039ae4",class:"duet-drawer-caret"},e("duet-icon",{key:"8d34addc1a9e1bbb1d4d9db02873e8ce1ceded11",margin:"none",size:"auto",icon:u.svg,color:"currentColor"}))),e("div",{key:"1bd28344339dc98c5f9173997921badf217c64c0",id:"duet-drawer-content",class:{"duet-drawer-content":!0,"duet-drawer-right":"right"===this.direction,"duet-drawer-left":"left"===this.direction,"duet-drawer-open":this.isOpen},ref:t=>this.drawerContentEl=t},this.hasNotifications?e("div",{role:"list"},e("slot",null)):e("duet-empty-state",{size:"small"},e("duet-paragraph",{size:"small",margin:"none"},this.accessibleLabelNotifications))))}get element(){return i(this)}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.duet-drawer{position:relative}@media (min-width: 62em){.duet-drawer{display:inline-block}}.duet-drawer-toggle{position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 20px;overflow:hidden;text-overflow:ellipsis;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;line-height:48px;color:rgb(8, 42, 77);text-align:left;white-space:nowrap;text-decoration:none;-webkit-appearance:none;appearance:none;cursor:pointer;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-drawer-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-drawer-toggle:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-drawer-toggle:focus,:host(.user-is-tabbing) .duet-drawer-toggle:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-drawer-toggle{z-index:200;width:auto;max-width:200px;padding:0 30px 0 12px;overflow:hidden;font-size:0.875rem;line-height:4rem;border:0;border-radius:4px;transition:border 300ms ease}}.duet-drawer-toggle:active{opacity:0.75}.duet-drawer-toggle:hover{color:rgb(0, 75, 129)}.duet-drawer-toggle::after{display:none !important}@media (min-width: 62em){.duet-drawer-toggle::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px;content:"";background:rgb(0, 119, 179);transform:translateY(3px);transition:300ms ease}}.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(0, 75, 129);border-bottom:1px solid rgb(245, 248, 250);border-radius:0}@media (min-width: 62em){.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{border:0}.duet-drawer-toggle[aria-expanded=true]::after,.duet-drawer-toggle[aria-expanded=true]:hover::after{left:0;width:100%;transform:translateY(0)}}.duet-drawer-icon{position:relative;display:inline-flex;min-width:12px;margin-right:12px;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-drawer-icon{margin-right:8px}}.duet-drawer-label{line-height:1}.duet-drawer-caret{position:absolute;top:50%;right:20px;display:flex;width:10px;height:10px;margin-left:8px;line-height:normal;pointer-events:none;transform:translateY(-50%);transform-origin:50% 50%;transition:300ms ease}@media (min-width: 62em){.duet-drawer-caret{right:16px;width:7px;height:7px}}.duet-drawer-caret duet-icon{width:10px}.duet-drawer-toggle[aria-expanded=true] .duet-drawer-caret{transform:translateY(-50%) rotate(180deg)}.duet-drawer-content{display:none;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229)}.duet-drawer-content:focus{outline:0}@media (min-width: 62em){.duet-drawer-content{--notification-border-top-radius:0;--notification-border-bottom-radius:4px;position:absolute;top:100%;z-index:600;display:block;visibility:hidden;width:450px;max-height:420px;padding-left:0;overflow-y:auto;background-color:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transform:scale(0.95) translateZ(0) translateY(-10px);transform-origin:50% 0;transition:300ms ease}.duet-drawer-content.duet-drawer-left{right:0}.duet-drawer-content.duet-drawer-right{left:0}}.duet-drawer-content.duet-drawer-open{display:block}@media (min-width: 62em){.duet-drawer-content.duet-drawer-open{visibility:visible;opacity:1;transform:scale(1) translateZ(0) translateY(0)}}.duet-theme-turva .duet-drawer-toggle{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, 42, 59);background-color:rgb(255, 255, 255);border-color:rgb(212, 221, 226)}.duet-theme-turva .duet-drawer-toggle:hover{color:rgb(95, 122, 143)}@media (min-width: 62em){.duet-theme-turva .duet-drawer-toggle::after{background:rgb(230, 23, 64)}}.duet-theme-turva .duet-drawer-toggle[aria-expanded=true],.duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(140, 0, 30);border-color:rgb(245, 246, 247)}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255);border-color:rgb(212, 223, 229)}@media (min-width: 62em){.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255)}}';export{h as duet_notification,b as duet_notification_drawer}
+import{r as t,h as e,g as i}from"./p-D3450NfA.js";import{i as a}from"./p-KbNgo0QF.js";import{s as o,u as r}from"./p-BaefVzkx.js";import{a as d,g as n,c as s,d as c}from"./p-D9N9LBeD.js";import{g as l}from"./p-CcoGR9T9.js";import{a as u}from"./p-BVgBUIYF.js";import"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const h=class{constructor(e){t(this,e),this.language=d(),this.accessibleLabelUnreadDefaults={en:"Unread",fi:"Lukematon",sv:"Oläst"},this.accessibleLabelUnread=n(this.accessibleLabelUnreadDefaults,this.language),this.url="#",this.date="",this.highlight=!1,this.external=!1,this.theme=""}componentWillLoad(){a(this)}connectedCallback(){s(this,{prop:"accessibleLabelUnread",defaults:"accessibleLabelUnreadDefaults"}),o(this)}disconnectedCallback(){c(this),r(this)}async setFocus(t){this.linkElement.focus(t)}getAriaLabelText(){const t=l(this.element).map((t=>t.textContent.trim())).join(". ");return`${this.highlight?`${this.accessibleLabelUnread}. `:""}${t}${t.endsWith(".")?"":"."} ${this.date}`}render(){return e("div",{key:"457e94b4a6853aa86a9cca92506b7aecc31aebd9",role:"listitem",class:{"duet-notification":!0,"duet-notification-highlight":this.highlight,"duet-theme-turva":"turva"===this.theme}},e("a",{key:"e011022f39bd5e719c9cae5ec54b4233f1bf9fb8",ref:t=>this.linkElement=t,href:this.url,target:this.external?"_blank":"_self","aria-label":this.getAriaLabelText()},e("div",{key:"e2c33d869adfc549195685ad1bbd1e2d5c4370b2",class:"duet-notification-container"},e("div",{key:"e491caeba677f8e78da287b50621e33be6519753",class:"duet-indicator-container"},this.highlight&&e("duet-indicator",{key:"4cdf556b6b6354da2174ae00af435199aa2dbe94",variation:"new","accessible-label":this.accessibleLabelUnread})),e("div",{key:"942680343125bc34098440f5fec8abf5db5fb4ab",class:"duet-notification-content"},e("slot",{key:"63a85af1051ad93c0569cfead2f104c32f446b7e"})),e("div",{key:"08dcdffb37beef2796ba05ae48a233badf652ef4",class:"duet-notification-date"},this.date))))}get element(){return i(this)}};h.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:0.7}.duet-notification{display:block;padding:16px;padding-bottom:0;cursor:pointer}:host(:first-of-type) .duet-notification{border-top-left-radius:var(--notification-border-top-radius, 8px);border-top-right-radius:var(--notification-border-top-radius, 8px)}:host(:last-of-type) .duet-notification{border-bottom:0;border-bottom-right-radius:var(--notification-border-bottom-radius, 8px);border-bottom-left-radius:var(--notification-border-bottom-radius, 8px)}.duet-notification.duet-notification-highlight{font-weight:600}@media (min-width: 62em){.duet-notification:hover{background:rgb(240, 247, 250)}}.duet-notification a{text-decoration:none}.duet-notification a:focus{outline:0}:host(.user-is-tabbing) .duet-notification:focus-within{outline:2px solid;outline-offset:-2px;outline-color:rgba(0, 119, 179, 0.8);z-index:1}.duet-theme-turva :host(.user-is-tabbing) .duet-notification:focus-within,:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-notification-container{position:relative;display:flex;padding-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-indicator-container{position:relative;width:10px;margin-top:6px;margin-left:6px}.duet-notification-content{flex:1}.duet-notification-date{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:right;text-transform:uppercase;opacity:0.7}@media (max-width: 35.9375em){.duet-notification-date{width:auto}}@media (min-width: 62em){:host(:not([highlight])) ::slotted(duet-heading),:host(:not([highlight])) ::slotted(duet-paragraph){opacity:1}.duet-notification{padding:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-notification:hover{background:rgb(228, 241, 247)}.duet-notification.duet-notification-highlight{font-weight:600;background:rgb(240, 247, 250)}.duet-notification-container{padding-bottom:0;border-bottom-style:none}}::slotted(duet-heading){padding-right:80px !important}::slotted(duet-paragraph){margin-bottom:2px !important}.duet-notification.duet-theme-turva{color:rgb(23, 42, 59);border-bottom-color:rgb(251, 225, 209)}.duet-notification.duet-notification-highlight.duet-theme-turva{background:rgb(253, 247, 242)}.duet-notification-badge.duet-theme-turva{background:rgb(230, 23, 64)}@media (min-width: 62em){.duet-notification:hover.duet-theme-turva{background:rgb(251, 235, 225)}}.duet-theme-turva .duet-notification-date{color:rgb(95, 122, 143)}";const b=class{constructor(e){t(this,e),this.isOpen=!1,this.icon="",this.label="Label",this.language=d(),this.accessibleLabelNotificationsDefaults={en:"No notifications",fi:"Ei ilmoituksia",sv:"Inga notifikationer"},this.accessibleLabelNotifications=n(this.accessibleLabelNotificationsDefaults),this.badge=!1,this.theme="",this.direction="left",this.handleKeyDown=t=>{this.isOpen&&27===t.keyCode&&this.close()},this.toggleMenu=t=>{t.stopPropagation(),this.isOpen?this.close():this.open()},this.updateNotificationState=()=>{this.hasNotifications=this.element.children.length>0}}componentWillLoad(){a(this),this.updateNotificationState()}connectedCallback(){this.observer=new MutationObserver(this.updateNotificationState),this.observer.observe(this.element,{childList:!0}),o(this)}disconnectedCallback(){this.observer.disconnect(),this.observer=null,r(this)}handleClickFocusOutside(t){this.isOpen&&!this.element.contains(t.target)&&this.close(!1)}async setFocus(t){this.drawerButtonEl.focus(t)}async open(){const t=this.element.closest("duet-header");t&&t.closeMenus(),this.isOpen=!0,this.drawerContentEl.scrollTop=0}async close(t=!0){this.isOpen=!1,t&&this.setFocus({preventScroll:!0})}render(){return e("div",{key:"69b878842a591a528c9c8218abb3dae14e995406",class:{"duet-drawer":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:this.handleKeyDown},e("button",{key:"b430067e1fdca09a1c6ac0e162be9e2d5acd434f",ref:t=>this.drawerButtonEl=t,type:"button",class:{"duet-drawer-toggle":!0,"duet-theme-turva":"turva"===this.theme},id:"duet-drawer-toggle","aria-controls":"duet-drawer-content","aria-expanded":this.isOpen?"true":"false",onClick:this.toggleMenu},this.icon&&e("div",{key:"55a526c885dc7ea660730e97fdc25fe0943dd2e2",class:"duet-drawer-icon"},e("duet-icon",{key:"37e3d9b20ed6f54da0a1445a76b68dc4dfa0b308",margin:"none",size:"x-small",name:this.icon,color:"currentColor"}),this.badge&&e("duet-indicator",{key:"90c45774b6cf888241d8d82c35380d05692106c6",variation:"change"})),e("span",{key:"92725e4a7119dbc5050599fefe7a17871b2f6d81",class:"duet-drawer-label"},this.label),e("div",{key:"ba9fad66fc02ccf040d048a9d9706fc29b5d31c7",class:"duet-drawer-caret"},e("duet-icon",{key:"6e631282017345e59c7b7acdf7ccfa713d4a3bd2",margin:"none",size:"auto",icon:u.svg,color:"currentColor"}))),e("div",{key:"15342aa1db7638af746efb9401483f38f5d34b0f",id:"duet-drawer-content",class:{"duet-drawer-content":!0,"duet-drawer-right":"right"===this.direction,"duet-drawer-left":"left"===this.direction,"duet-drawer-open":this.isOpen},ref:t=>this.drawerContentEl=t},this.hasNotifications?e("div",{role:"list"},e("slot",null)):e("duet-empty-state",{size:"small"},e("duet-paragraph",{size:"small",margin:"none"},this.accessibleLabelNotifications))))}get element(){return i(this)}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.duet-drawer{position:relative}@media (min-width: 62em){.duet-drawer{display:inline-block}}.duet-drawer-toggle{position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 20px;overflow:hidden;text-overflow:ellipsis;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;line-height:48px;color:rgb(8, 42, 77);text-align:left;white-space:nowrap;text-decoration:none;-webkit-appearance:none;appearance:none;cursor:pointer;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-drawer-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-drawer-toggle:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-drawer-toggle:focus,:host(.user-is-tabbing) .duet-drawer-toggle:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-drawer-toggle{z-index:200;width:auto;max-width:200px;padding:0 30px 0 12px;overflow:hidden;font-size:0.875rem;line-height:4rem;border:0;border-radius:4px;transition:border 300ms ease}}.duet-drawer-toggle:active{opacity:0.75}.duet-drawer-toggle:hover{color:rgb(0, 75, 129)}.duet-drawer-toggle::after{display:none !important}@media (min-width: 62em){.duet-drawer-toggle::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px;content:"";background:rgb(0, 119, 179);transform:translateY(3px);transition:300ms ease}}.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(0, 75, 129);border-bottom:1px solid rgb(245, 248, 250);border-radius:0}@media (min-width: 62em){.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{border:0}.duet-drawer-toggle[aria-expanded=true]::after,.duet-drawer-toggle[aria-expanded=true]:hover::after{left:0;width:100%;transform:translateY(0)}}.duet-drawer-icon{position:relative;display:inline-flex;min-width:12px;margin-right:12px;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-drawer-icon{margin-right:8px}}.duet-drawer-label{line-height:1}.duet-drawer-caret{position:absolute;top:50%;right:20px;display:flex;width:10px;height:10px;margin-left:8px;line-height:normal;pointer-events:none;transform:translateY(-50%);transform-origin:50% 50%;transition:300ms ease}@media (min-width: 62em){.duet-drawer-caret{right:16px;width:7px;height:7px}}.duet-drawer-caret duet-icon{width:10px}.duet-drawer-toggle[aria-expanded=true] .duet-drawer-caret{transform:translateY(-50%) rotate(180deg)}.duet-drawer-content{display:none;background-color:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229)}.duet-drawer-content:focus{outline:0}@media (min-width: 62em){.duet-drawer-content{--notification-border-top-radius:0;--notification-border-bottom-radius:4px;position:absolute;top:100%;z-index:600;display:block;visibility:hidden;width:450px;max-height:420px;padding-left:0;overflow-y:auto;background-color:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transform:scale(0.95) translateZ(0) translateY(-10px);transform-origin:50% 0;transition:300ms ease}.duet-drawer-content.duet-drawer-left{right:0}.duet-drawer-content.duet-drawer-right{left:0}}.duet-drawer-content.duet-drawer-open{display:block}@media (min-width: 62em){.duet-drawer-content.duet-drawer-open{visibility:visible;opacity:1;transform:scale(1) translateZ(0) translateY(0)}}.duet-theme-turva .duet-drawer-toggle{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, 42, 59);background-color:rgb(255, 255, 255);border-color:rgb(212, 221, 226)}.duet-theme-turva .duet-drawer-toggle:hover{color:rgb(95, 122, 143)}@media (min-width: 62em){.duet-theme-turva .duet-drawer-toggle::after{background:rgb(230, 23, 64)}}.duet-theme-turva .duet-drawer-toggle[aria-expanded=true],.duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:rgb(140, 0, 30);border-color:rgb(245, 246, 247)}.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255);border-color:rgb(212, 223, 229)}@media (min-width: 62em){.duet-theme-turva .duet-drawer-content{background-color:rgb(255, 255, 255)}}';export{h as duet_notification,b as duet_notification_drawer}

package/lib/duet/p-fdc4a97c.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as t,c as e,h as i,H as o,g as s}from"./p-D3450NfA.js";import{i as a}from"./p-KbNgo0QF.js";import{e as n,d}from"./p-C6CAT054.js";import{s as l}from"./p-JFwTD5kM.js";import{f as r,F as h}from"./p-CyfEm8iD.js";import{a as u}from"./p-BaefVzkx.js";import{a as c,c as p,d as b,g as m}from"./p-D9N9LBeD.js";import{h as g}from"./p-CcoGR9T9.js";import{T as f}from"./p-CxwkvTlZ.js";import{g as y}from"./p-DYmL1tSl.js";import"./p-C6E9F6QT.js";import"./p-kkZE1C6Z.js";const v=class{constructor(i){t(this,i),this.duetSlideoutEvent=e(this,"duetSlideoutEvent",7),this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"},this.topLevelOpenMenuBarLangObject={en:"Exit this menu to find top level items",fi:"Poistu tästä valikosta löytääksesi ylätason kohteet",sv:"Stäng den här menyn för att hitta objekt på toppnivå"},this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.hasStickyHeaderSlot=!1,this.disconnectController=new AbortController,this.eventListenerController=new AbortController,this.language=c(),this.displaying=!1,this.openPanel=!1,this.theme="",this.accessibleRole="menubar",this.open=!1,this.backgroundColor="gray-lightest",this.modal=!0,this.setOpenButton=t=>{let e,i;if(t||null===t)e=t,i=!1;else{if(e="string"==typeof this.controller?document.getElementById(this.controller):this.controller,e&&this.openButton===e)return;i=!0}if(this.eventListenerController&&this.eventListenerController.abort(),e)try{const t=e;l(t,!1),this.openButton=t,i&&!this.disconnectController.signal.aborted&&(this.eventListenerController=new AbortController,this.openButton.addEventListener("click",this.openButtonEventListener,{signal:this.eventListenerController.signal}))}catch(t){console.error(t)}else this.openButton=void 0},this.setStickHeaderStyleMutations=(t=!1)=>{this.element.querySelectorAll('[slot="sticky-header"] duet-tab-group').forEach((e=>{e.style.position=t?null:"relative",e.style.top=t?null:"1px",e.switchLargeBreakpoint="always"}))},this.openButtonEventListener=t=>{this.onClick(t)},this.getOpenPanel=()=>this.element.querySelector("duet-slideout-panel[open]"),this.toggleMenu=t=>{this.open=!this.open,this.duetSlideoutEvent.emit({originalEvent:t,data:{element:this.element,open:this.open},component:"duet-slideout"})},this.onClick=t=>{this.toggleMenu(t)}}get controller(){return this.opener}set controller(t){this.opener=t}componentWillLoad(){a(this),this.hasStickyHeaderSlot=g(this.element,"sticky-header")}connectedCallback(){p(this),this.disconnectController&&this.disconnectController.signal.aborted&&(this.disconnectController=new AbortController),this.teleport||(this.teleport=new f(this.element)),this.teleport.isActive?(this.teleport.observeDeletion(),this.setStickHeaderStyleMutations(),this.mutationObserver||(this.mutationObserver=new MutationObserver((()=>{this.openPanel=!!this.getOpenPanel()}))),this.mutationObserver&&this.mutationObserver.observe(this.element,{childList:!0,attributeFilter:["open"],subtree:!0}),requestAnimationFrame((()=>{this.opener&&"string"!=typeof this.opener?this.setOpenButton(this.opener):this.setOpenButton()}))):this.teleport.activate()}disconnectedCallback(){b(this),this.dialog&&this.modal&&n(this.dialog),this.mutationObserver&&this.mutationObserver.disconnect(),this.disconnectController&&this.disconnectController.abort(),this.setOpenButton(null),this.setStickHeaderStyleMutations(!0)}handleOpenChange(t,e){if(!!t!=!!e)if(this.open&&!e){this.openButton&&l(this.openButton,!0);const t=this.getOpenPanel();this.teleport.makeSiblingsInert(),this.modal&&d(this.dialog,{reserveScrollBarGap:!0}),t?t.setFocus():setTimeout((()=>{this.closeButton.focus()}),200)}else!this.open&&e&&(this.openButton&&l(this.openButton,!1),setTimeout((()=>{r(this.openButton),this.modal&&n(this.dialog),this.teleport.removeInertFromSiblings()}),200))}handleOpenerChange(t,e){t!==e&&("string"==typeof t?this.setOpenButton():this.setOpenButton(t))}handleKeyUp(t){u(t)&&this.open&&this.toggleMenu(t)}handleDocumentClick(t){if(!this.open)return;const e=t.composedPath();e.some((t=>t instanceof Element&&Boolean(t.closest("[id^='onetrust-']"))))||e.includes(this.dialog)||e.includes(this.openButton)||this.toggleMenu(t)}async setFocus(t){var e;null===(e=this.openButton)||void 0===e||e.focus(t)}async toggle(){const t=new CustomEvent("toggle");this.toggleMenu(t),setTimeout((()=>{this.closeButton.focus()}),200)}async show(){this.open||(this.setOpenButton(document.activeElement),this.toggleMenu(new CustomEvent("toggle")))}async hide(){this.open&&this.toggleMenu(new CustomEvent("toggle"))}render(){const t={background:y(this.backgroundColor,this.theme)},e=m(this.topLevelOpenMenuBarLangObject),s=m(this.exitLangObject);return i(o,{key:"0108b967b88b222c02678c818e16c9b7082e565f"},i("div",{key:"ede488f0a452f668d8762bf343aac847202eb4db",class:{"duet-slideout":!0,"duet-theme-turva":"turva"===this.theme}},this.modal&&i("duet-overlay",{key:"88e7002a39c769781f72cd680f4aabbf8a75a1af",visible:this.open,zIndex:"600"}),i("div",{key:"7f8a29e110f8be3f4575b66f7d374bd27b6e9eaf",ref:t=>this.dialog=t,tabindex:"-1",role:"dialog",id:"dialog","aria-labelledby":"button","aria-modal":!this.isSafariBrowser,"aria-flowto":"slot-container",class:{dialog:!0,hidden:!this.open,modal:this.modal},style:t},i(h,{key:"e62a77fddb1231b075f5cd54cd1b882fe7d61976",moveFocusTo:this.closeButton}),i("div",{key:"e6a1feee906e95af23c3f41c5a0b6871d8196a45",class:{"top-container":!0,"has-sticky-header-slot":this.hasStickyHeaderSlot}},i("div",{key:"a91a16a339b6c51b7d34d4eb594c318662bf9a8d",class:"top"},i("button",{key:"daa5d0a898487a3da98b911c4ca57f5a4608d242",ref:t=>this.closeButton=t,"aria-haspopup":"dialog","aria-controls":"dialog","aria-expanded":this.open?"true":"false","aria-label":`${s}`,type:"button",class:{"slideout-close":!0,active:this.open,"duet-theme-turva":"turva"===this.theme},onClick:this.onClick,inert:this.openPanel},i("duet-icon",{key:"85ca78592d2f03801c02b30b2e23ca8153ebf7af",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),i("div",{key:"9c3b0cb1ca5f6528f62023b180903017fe8e7a08",class:"sticky-header"},i("slot",{key:"6e09d463fbe87684f26f1bd778b9beaeeb105cae",name:"sticky-header"}))),i("div",{key:"f8d0792c76b29d516beae014bbc4468b884370c4",id:"slot-container",role:this.accessibleRole,"aria-label":this.openPanel?e:null,class:{items:!0}},i("slot",{key:"334688b5dee96e633747c6a8c38f5a5da6677e13"})),i(h,{key:"129eea547ce75a8325c6aed5d3bccd6f6b380d9f",moveFocusTo:this.closeButton}))))}get element(){return s(this)}static get watchers(){return{open:["handleOpenChange"],opener:["handleOpenerChange"]}}};v.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute;height:100%}::slotted(*){position:relative;visibility:hidden;width:100%;opacity:0;transition:opacity 300ms ease;transition-delay:300ms}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77)}.duet-slideout .dialog{position:fixed;top:0;right:0;bottom:0;left:auto;z-index:600;width:min(450px, 100%);padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset;transition:bottom 300ms ease;transition-delay:0s}.duet-slideout .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout .dialog .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout .dialog .top-container.has-sticky-header-slot .top{background:rgb(255, 255, 255)}.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header{display:block}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px;opacity:1;transition:opacity 300ms ease}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout .dialog .top button:focus,.duet-slideout .dialog .top button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .sticky-header{display:none;width:100%;padding:0 20px 20px;margin-bottom:20px;background:rgb(255, 255, 255);border-bottom:1px solid rgb(212, 223, 229)}@media (min-width: 36em){.duet-slideout .dialog .sticky-header{padding:0 28px 28px}}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:12px 20px;opacity:1;transition:padding 600ms ease, opacity 300ms ease;transition-delay:300ms}@media (min-width: 36em){.duet-slideout .dialog .items{padding:16px 28px}}.duet-slideout .dialog.hidden{bottom:100vh;visibility:hidden;pointer-events:none;transition:300ms ease}.duet-slideout .dialog.hidden .items{padding-top:28px;opacity:0}.duet-slideout .dialog.hidden .top{opacity:0}slot{color:rgb(8, 42, 77)}.duet-slideout.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 42, 59)}}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-slideout.duet-theme-turva button.active{color:rgb(230, 23, 64)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(230, 23, 64)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{border-bottom-color:rgb(212, 221, 226)}.duet-theme-turva slot{color:rgb(23, 42, 59)}';export{v as duet_slideout}

package/lib/duet/p-kkZE1C6Z.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+const r="rgb(62, 84, 102)",o="rgb(53, 79, 101)",a="rgb(181, 198, 208)",e="rgb(98, 121, 138)",c="rgb(95, 122, 143)",g="rgb(212, 223, 229)",l="rgb(212, 221, 226)",n="rgb(255, 255, 255)",u="rgb(178, 194, 205)",b="rgb(0, 119, 179)",t="rgb(230, 23, 64)",i="rgb(8, 42, 77)",d="rgb(23, 42, 59)",s="rgb(23, 42, 59)",y="'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",m="'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",v="1rem",S="600",T="1.5",p="1.25",x="'(min-width: 62em)'",B="'(min-width: 48em)'",D="'(min-width: 36em)'",I="'(min-width: 64.0625em)'",F="'(max-width: 35.9375em)'",L="'(min-width: 76.25em)'",h="'(max-width: 22.5em)'",P="'(min-width: 106.25em)'",k="'(max-width: 20.5em)'",z="4rem",A="3rem",G="20px",f="16px",w="12px",W="8px",X="4px";var H=Object.freeze({__proto__:null,colorBackgroundAccentPrimary:"rgb(240, 247, 250)",colorBackgroundAccentPrimaryTurva:"rgb(253, 247, 242)",colorBackgroundAccentQuaternary:"rgb(0, 119, 179)",colorBackgroundAccentQuaternaryTurva:"rgb(230, 23, 64)",colorBackgroundAccentSecondary:"rgb(228, 241, 247)",colorBackgroundAccentSecondaryTurva:"rgb(251, 235, 225)",colorBackgroundAccentTertiary:"rgb(217, 236, 245)",colorBackgroundAccentTertiaryTurva:"rgb(251, 225, 209)",colorBackgroundDisabledPrimary:"rgb(245, 248, 250)",colorBackgroundDisabledPrimaryTurva:"rgb(245, 246, 247)",colorBackgroundDisabledSecondary:"rgb(228, 236, 239)",colorBackgroundDisabledSecondaryTurva:"rgb(228, 233, 237)",colorBackgroundPrimary:"rgb(255, 255, 255)",colorBackgroundPrimaryTurva:"rgb(255, 255, 255)",colorBackgroundSecondary:"rgb(245, 248, 250)",colorBackgroundSecondaryTurva:"rgb(245, 246, 247)",colorBackgroundTertiary:"rgb(8, 42, 77)",colorBackgroundTertiaryTurva:"rgb(23, 42, 59)",colorBorderAccentPrimary:"rgb(0, 119, 179)",colorBorderAccentPrimaryTurva:"rgb(230, 23, 64)",colorBorderAccentQuaternary:"rgb(217, 236, 245)",colorBorderAccentQuaternaryTurva:"rgb(251, 225, 209)",colorBorderAccentSecondary:"rgb(131, 188, 217)",colorBorderAccentSecondaryTurva:"rgb(243, 119, 133)",colorBorderAccentTertiary:"rgb(198, 225, 238)",colorBorderAccentTertiaryTurva:"rgb(241, 202, 178)",colorBorderDisabledPrimary:"rgb(212, 223, 229)",colorBorderDisabledPrimaryTurva:"rgb(212, 221, 226)",colorBorderDisabledSecondary:"rgb(181, 198, 208)",colorBorderDisabledSecondaryTurva:"rgb(178, 194, 205)",colorBorderInversePrimary:"rgb(127, 150, 165)",colorBorderInversePrimaryTurva:"rgb(120, 145, 164)",colorBorderInverseSecondary:"rgb(81, 105, 123)",colorBorderInverseSecondaryTurva:"rgb(72, 100, 122)",colorBorderInverseTertiary:"rgb(62, 84, 102)",colorBorderInverseTertiaryTurva:"rgb(53, 79, 101)",colorBorderPrimary:"rgb(127, 150, 165)",colorBorderPrimaryTurva:"rgb(120, 145, 164)",colorBorderSecondary:"rgb(181, 198, 208)",colorBorderSecondaryTurva:"rgb(178, 194, 205)",colorBorderTertiary:"rgb(212, 223, 229)",colorBorderTertiaryTurva:"rgb(212, 221, 226)",colorBrandBlue:"rgb(0, 161, 212)",colorBrandGrayTurva:"rgb(178, 180, 179)",colorCategoryFamily:"rgb(11, 114, 136)",colorCategoryFamilyTurva:"rgb(199, 12, 112)",colorCategoryFinance:"rgb(122, 1, 196)",colorCategoryHome:"rgb(211, 36, 131)",colorCategoryHomeTurva:"rgb(161, 10, 78)",colorCategoryPet:"rgb(168, 1, 78)",colorCategoryTravel:"rgb(213, 66, 3)",colorCategoryTravelTurva:"rgb(9, 129, 148)",colorCategoryUnionTurva:"rgb(169, 69, 124)",colorCategoryVehicle:"rgb(54, 74, 129)",colorCategoryVehicleTurva:"rgb(23, 28, 58)",colorDanger:"rgb(214, 28, 82)",colorDanger00:"rgb(255, 240, 243)",colorDanger100:"rgb(255, 211, 219)",colorDanger1000:"rgb(89, 0, 45)",colorDanger200:"rgb(255, 173, 190)",colorDanger300:"rgb(252, 136, 162)",colorDanger400:"rgb(243, 98, 134)",colorDanger50:"rgb(255, 225, 231)",colorDanger500:"rgb(231, 62, 107)",colorDanger600:"rgb(214, 28, 82)",colorDanger700:"rgb(185, 16, 74)",colorDanger800:"rgb(153, 9, 66)",colorDanger900:"rgb(120, 4, 56)",colorDangerTurva:"rgb(214, 28, 82)",colorData01:"rgb(122, 1, 196)",colorData02:"rgb(0, 155, 204)",colorData03:"rgb(27, 171, 75)",colorData04:"rgb(255, 86, 34)",colorData05:"rgb(245, 76, 154)",colorData06:"rgb(194, 21, 101)",colorData07:"rgb(192, 101, 247)",colorData08:"rgb(0, 105, 191)",colorData09:"rgb(19, 120, 53)",colorData10:"rgb(179, 60, 24)",colorData11:"rgb(13, 163, 166)",colorData12:"rgb(11, 114, 136)",colorData13:"rgb(179, 137, 24)",colorData14:"rgb(128, 98, 17)",colorData15:"rgb(0, 41, 77)",colorDomainFamily:"rgb(11, 114, 136)",colorDomainFamilyTurva:"rgb(199, 12, 112)",colorDomainFinance:"rgb(122, 1, 196)",colorDomainFinanceTurva:"rgb(122, 1, 196)",colorDomainHome:"rgb(211, 36, 131)",colorDomainHomeTurva:"rgb(161, 10, 78)",colorDomainPet:"rgb(168, 1, 78)",colorDomainPetTurva:"rgb(168, 1, 78)",colorDomainTravel:"rgb(213, 66, 3)",colorDomainTravelTurva:"rgb(9, 129, 148)",colorDomainVehicle:"rgb(54, 74, 129)",colorDomainVehicleTurva:"rgb(23, 28, 58)",colorForegroundAccentPrimary:"rgb(0, 119, 179)",colorForegroundAccentPrimaryTurva:"rgb(230, 23, 64)",colorForegroundAccentSecondary:"rgb(0, 97, 155)",colorForegroundAccentSecondaryTurva:"rgb(185, 3, 41)",colorForegroundAccentTertiary:"rgb(0, 75, 129)",colorForegroundAccentTertiaryTurva:"rgb(140, 0, 30)",colorForegroundDisabledPrimary:"rgb(127, 150, 165)",colorForegroundDisabledPrimaryTurva:"rgb(120, 145, 164)",colorForegroundDisabledSecondary:"rgb(98, 121, 138)",colorForegroundDisabledSecondaryTurva:"rgb(95, 122, 143)",colorForegroundInverseAccentPrimary:"rgb(131, 188, 217)",colorForegroundInverseAccentPrimaryTurva:"rgb(243, 119, 133)",colorForegroundInverseAccentSecondary:"rgb(172, 210, 229)",colorForegroundInverseAccentSecondaryTurva:"rgb(249, 164, 172)",colorForegroundInverseAccentTertiary:"rgb(198, 225, 238)",colorForegroundInverseAccentTertiaryTurva:"rgb(255, 201, 204)",colorForegroundInversePrimary:"rgb(255, 255, 255)",colorForegroundInversePrimaryTurva:"rgb(255, 255, 255)",colorForegroundInverseSecondary:"rgb(181, 198, 208)",colorForegroundInverseSecondaryTurva:"rgb(178, 194, 205)",colorForegroundInverseTertiary:"rgb(127, 150, 165)",colorForegroundInverseTertiaryTurva:"rgb(120, 145, 164)",colorForegroundPrimary:"rgb(8, 42, 77)",colorForegroundPrimaryTurva:"rgb(23, 42, 59)",colorForegroundSecondary:r,colorForegroundSecondaryTurva:o,colorForegroundTertiary:"rgb(98, 121, 138)",colorForegroundTertiaryTurva:"rgb(95, 122, 143)",colorGray:a,colorGrayDark:"rgb(127, 150, 165)",colorGrayDarkTurva:"rgb(120, 145, 164)",colorGrayDarker:e,colorGrayDarkerTurva:c,colorGrayLight:g,colorGrayLightTurva:l,colorGrayLighter:"rgb(245, 248, 250)",colorGrayLighterTurva:"rgb(245, 246, 247)",colorGrayLightest:n,colorGrayLightestTurva:"rgb(255, 255, 255)",colorGrayTurva:u,colorInteractiveAlternative:"rgb(0, 119, 179)",colorInteractiveAlternativeLight:"rgb(240, 247, 250)",colorInteractiveAlternativeLightTurva:"rgb(245, 246, 247)",colorInteractiveAlternativeTurva:"rgb(23, 42, 59)",colorLtBlue00:"rgb(240, 247, 250)",colorLtBlue100:"rgb(217, 236, 245)",colorLtBlue1000:"rgb(8, 42, 77)",colorLtBlue200:"rgb(198, 225, 238)",colorLtBlue300:"rgb(172, 210, 229)",colorLtBlue400:"rgb(131, 188, 217)",colorLtBlue50:"rgb(228, 241, 247)",colorLtBlue500:"rgb(50, 153, 204)",colorLtBlue600:"rgb(0, 119, 179)",colorLtBlue700:"rgb(0, 97, 155)",colorLtBlue800:"rgb(0, 75, 129)",colorLtBlue900:"rgb(3, 56, 102)",colorLtGray00:"rgb(245, 248, 250)",colorLtGray100:"rgb(212, 223, 229)",colorLtGray1000:"rgb(17, 28, 38)",colorLtGray200:"rgb(181, 198, 208)",colorLtGray300:"rgb(153, 174, 186)",colorLtGray400:"rgb(127, 150, 165)",colorLtGray50:"rgb(228, 236, 239)",colorLtGray500:"rgb(98, 121, 138)",colorLtGray600:"rgb(81, 105, 123)",colorLtGray700:"rgb(62, 84, 102)",colorLtGray800:"rgb(45, 64, 81)",colorLtGray900:"rgb(30, 45, 59)",colorPartnerBrandSGroup:"rgb(0, 170, 70)",colorPrimary:b,colorPrimaryDark:"rgb(0, 75, 129)",colorPrimaryDarkTurva:"rgb(140, 0, 30)",colorPrimaryDarker:"rgb(0, 97, 155)",colorPrimaryDarkerTurva:"rgb(185, 3, 41)",colorPrimaryLight:"rgb(198, 225, 238)",colorPrimaryLightTurva:"rgb(241, 202, 178)",colorPrimaryLighter:"rgb(228, 241, 247)",colorPrimaryLighterTurva:"rgb(251, 235, 225)",colorPrimaryLightest:"rgb(240, 247, 250)",colorPrimaryLightestTurva:"rgb(253, 247, 242)",colorPrimaryTurva:t,colorSecondary:i,colorSecondaryTurva:d,colorStatusBackgroundDangerPrimary:"rgb(255, 240, 243)",colorStatusBackgroundDangerQuaternary:"rgb(185, 16, 74)",colorStatusBackgroundDangerSecondary:"rgb(255, 211, 219)",colorStatusBackgroundDangerTertiary:"rgb(214, 28, 82)",colorStatusBackgroundInfoPrimary:"rgb(240, 247, 250)",colorStatusBackgroundInfoQuaternary:"rgb(0, 97, 155)",colorStatusBackgroundInfoSecondary:"rgb(217, 236, 245)",colorStatusBackgroundInfoTertiary:"rgb(0, 119, 179)",colorStatusBackgroundSuccessPrimary:"rgb(231, 248, 239)",colorStatusBackgroundSuccessQuaternary:"rgb(29, 106, 88)",colorStatusBackgroundSuccessSecondary:"rgb(191, 239, 218)",colorStatusBackgroundSuccessTertiary:"rgb(76, 164, 138)",colorStatusBackgroundWarningPrimary:"rgb(255, 247, 221)",colorStatusBackgroundWarningQuaternary:"rgb(247, 178, 40)",colorStatusBackgroundWarningSecondary:"rgb(255, 232, 160)",colorStatusBackgroundWarningTertiary:"rgb(255, 199, 79)",colorStatusBorderDangerPrimary:"rgb(255, 173, 190)",colorStatusBorderDangerSecondary:"rgb(214, 28, 82)",colorStatusBorderInfoPrimary:"rgb(172, 210, 229)",colorStatusBorderInfoSecondary:"rgb(0, 119, 179)",colorStatusBorderSuccessPrimary:"rgb(163, 229, 202)",colorStatusBorderSuccessSecondary:"rgb(76, 164, 138)",colorStatusBorderWarningPrimary:"rgb(255, 217, 120)",colorStatusBorderWarningSecondary:"rgb(196, 138, 23)",colorStatusForegroundDangerPrimary:"rgb(153, 9, 66)",colorStatusForegroundDangerSecondary:"rgb(120, 4, 56)",colorStatusForegroundInfoPrimary:"rgb(0, 75, 129)",colorStatusForegroundInfoSecondary:"rgb(3, 56, 102)",colorStatusForegroundInverseDanger:"rgb(255, 240, 243)",colorStatusForegroundInverseInfo:"rgb(240, 247, 250)",colorStatusForegroundInverseSuccess:"rgb(244, 250, 247)",colorStatusForegroundInverseWarning:"rgb(38, 26, 4)",colorStatusForegroundSuccessPrimary:"rgb(29, 106, 88)",colorStatusForegroundSuccessSecondary:"rgb(13, 71, 59)",colorStatusForegroundWarningPrimary:"rgb(126, 87, 16)",colorStatusForegroundWarningSecondary:"rgb(81, 55, 9)",colorSuccess:"rgb(48, 131, 105)",colorSuccess00:"rgb(244, 250, 247)",colorSuccess100:"rgb(218, 246, 233)",colorSuccess1000:"rgb(4, 38, 33)",colorSuccess200:"rgb(191, 239, 218)",colorSuccess300:"rgb(163, 229, 202)",colorSuccess400:"rgb(134, 215, 185)",colorSuccess50:"rgb(231, 248, 239)",colorSuccess500:"rgb(105, 196, 166)",colorSuccess600:"rgb(76, 164, 138)",colorSuccess700:"rgb(48, 131, 105)",colorSuccess800:"rgb(29, 106, 88)",colorSuccess900:"rgb(13, 71, 59)",colorSuccessTurva:"rgb(48, 131, 105)",colorTurvaGray00:"rgb(245, 246, 247)",colorTurvaGray100:"rgb(212, 221, 226)",colorTurvaGray1000:"rgb(6, 23, 38)",colorTurvaGray200:"rgb(178, 194, 205)",colorTurvaGray300:"rgb(148, 169, 185)",colorTurvaGray400:"rgb(120, 145, 164)",colorTurvaGray50:"rgb(228, 233, 237)",colorTurvaGray500:"rgb(95, 122, 143)",colorTurvaGray600:"rgb(72, 100, 122)",colorTurvaGray700:"rgb(53, 79, 101)",colorTurvaGray800:"rgb(37, 60, 80)",colorTurvaGray900:s,colorTurvaNude00:"rgb(253, 247, 242)",colorTurvaNude100:"rgb(251, 225, 209)",colorTurvaNude1000:"rgb(38, 21, 15)",colorTurvaNude200:"rgb(241, 202, 178)",colorTurvaNude300:"rgb(216, 174, 150)",colorTurvaNude400:"rgb(190, 147, 124)",colorTurvaNude50:"rgb(251, 235, 225)",colorTurvaNude500:"rgb(165, 122, 101)",colorTurvaNude600:"rgb(140, 98, 79)",colorTurvaNude700:"rgb(114, 76, 60)",colorTurvaNude800:"rgb(89, 56, 43)",colorTurvaNude900:"rgb(64, 38, 28)",colorTurvaRed00:"rgb(255, 242, 242)",colorTurvaRed100:"rgb(255, 229, 230)",colorTurvaRed1000:"rgb(51, 0, 10)",colorTurvaRed200:"rgb(255, 201, 204)",colorTurvaRed300:"rgb(249, 164, 172)",colorTurvaRed400:"rgb(243, 119, 133)",colorTurvaRed50:"rgb(255, 236, 236)",colorTurvaRed500:"rgb(236, 69, 96)",colorTurvaRed600:"rgb(230, 23, 64)",colorTurvaRed700:"rgb(185, 3, 41)",colorTurvaRed800:"rgb(140, 0, 30)",colorTurvaRed900:"rgb(96, 0, 20)",colorWarning:"rgb(247, 178, 40)",colorWarning00:"rgb(255, 251, 242)",colorWarning100:"rgb(255, 244, 198)",colorWarning1000:"rgb(38, 26, 4)",colorWarning200:"rgb(255, 232, 160)",colorWarning300:"rgb(255, 217, 120)",colorWarning400:"rgb(255, 199, 79)",colorWarning50:"rgb(255, 247, 221)",colorWarning500:"rgb(247, 178, 40)",colorWarning600:"rgb(196, 138, 23)",colorWarning700:"rgb(156, 110, 22)",colorWarning800:"rgb(126, 87, 16)",colorWarning900:"rgb(81, 55, 9)",colorWarningTurva:"rgb(247, 178, 40)",fontFamilyHeading:"'localtapiola-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",fontFamilyHeadingTurva:"'turva-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",fontFamilyText:y,fontFamilyTextTurva:m,fontSizeLarge:"1.25rem",fontSizeMedium:v,fontSizeSmall:"0.875rem",fontSizeXLarge:"1.5rem",fontSizeXSmall:"0.75rem",fontSizeXxLarge:"2.25rem",fontSizeXxxLarge:"3rem",fontSizeXxxxLarge:"4.5rem",fontWeightBold:"700",fontWeightExtraBold:"800",fontWeightNormal:"400",fontWeightSemiBold:"600",letterSpacingHeading:"-0.01rem",lineHeightMedium:"1.5",lineHeightSmall:p,lineHeightXSmall:"1.1",mediaQueryLarge:x,mediaQueryMedium:B,mediaQuerySmall:D,mediaQueryXLarge:I,mediaQueryXSmall:F,mediaQueryXxLarge:L,mediaQueryXxSmall:h,mediaQueryXxxLarge:P,mediaQueryXxxSmall:k,opacity30:"0.30",opacity50:"0.50",opacity75:"0.75",opacity85:"0.85",radiusCircle:"50%",radiusDefault:"4px",radiusIntermediate:"12px",radiusLarge:"16px",radiusMedium:"8px",radiusPill:"20rem",radiusSharp:"0",shadowCard:"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)",shadowCardTurva:"0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)",shadowDefault:"0 2px 6px 0 rgba(0, 41, 77, 0.07)",shadowDefaultTurva:"0 2px 6px 0 rgba(117, 117, 117, 0.13)",shadowError:"0 0 0 1px #de2362",shadowErrorTurva:"0 0 0 1px #e55039",shadowFocus:"0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3",shadowFocusInput:"0 0 0 1px #0077b3",shadowFocusInputTurva:"0 0 0 1px #171c3a",shadowFocusTurva:"0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a",shadowHover:"0 2px 10px 0 rgba(0, 41, 77, 0.1)",shadowHoverInput:"0 0 0 1px #909599",shadowHoverInputTurva:"0 0 0 1px #747475",shadowHoverTurva:"0 2px 10px 0 rgba(117, 117, 117, 0.15)",shadowModal:"0 2px 20px 0 rgba(0, 0, 0, 0.2)",shadowTooltip:"0 2px 10px 0 rgba(0, 41, 77, 0.07)",shadowTooltipTurva:"0 2px 10px 0 rgba(117, 117, 117, 0.13)",sizeButtonBorder:"1px",sizeButtonMinWidth:"8rem",sizeButtonTinyBorder:"1px",sizeFormBorder:"1px",sizeHeader:z,sizeIconLarge:"30px",sizeIconMedium:"24px",sizeIconSmall:"20px",sizeIconXLarge:"36px",sizeIconXSmall:"16px",sizeIconXxLarge:"48px",sizeIconXxSmall:"10px",sizeIconXxxLarge:"72px",sizeIconXxxSmall:"7px",sizeLayoutMaxWidth:"1110px",sizeMediumBorder:"2px",sizeNavigation:A,sizeStepMedium:"40px",sizeStepSmall:"30px",sizeTappableSquare:"48px",spaceLarge:G,spaceMedium:f,spaceSmall:w,spaceXLarge:"28px",spaceXSmall:"8px",spaceXxLarge:"36px",spaceXxSmall:"4px",spaceXxxLarge:"48px",spaceXxxSmall:"2px",spaceXxxxLarge:"72px",spaceXxxxxLarge:"94px",transitionQuickly:"300ms ease",transitionSlowly:"600ms ease",zIndexDeep:"-999999",zIndexDefault:"1",zIndexDropdown:"600",zIndexHeader:"400",zIndexMask:"200",zIndexMaskButtons:"250",zIndexMasked:"100",zIndexModal:"900",zIndexOverlay:"700",zIndexPopup:"950",zIndexSpinner:"800",zIndexSticky:"300",zIndexToast:"500"});export{e as A,n as B,w as C,g as D,m as E,s as F,o as G,d as H,l as I,c as J,A as K,L as a,I as b,x as c,B as d,D as e,F as f,h as g,k as h,a as i,b as j,u as k,t as l,P as m,T as n,W as o,v as p,G as q,y as r,z as s,H as t,i as u,S as v,p as w,r as x,f as y,X as z}

package/lib/esm/{a11y-utils-sgAajRY0.js → a11y-utils--wwGTL0T.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import { g as getElementsFromDefaultSlot } from './slot-utils-CEZnAp61.js';
+import { g as getElementsFromDefaultSlot } from './slot-utils-Dxcjtmp3.js';
 
 function getAccessibleLinkLabel(component) {
     const textContent = component.element.textContent;

package/lib/esm/{app-globals-NNQmI_gc.js → app-globals-Diuuep9d.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import './index-Cwhi6_oZ.js';
+import './index-D3450NfA.js';
 
 const setupLoggers = () => {
     {

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

@@ -1,15 +1,15 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Cwhi6_oZ.js';
-import { i as inheritGlobalTheme } from './themeable-component-D_FVcjsD.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-D3450NfA.js';
+import { i as inheritGlobalTheme } from './themeable-component-QHdUfcat.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
 import { d as debounce } from './js-utils-BlUsLmbQ.js';
-import { i as isKeyboardClick } from './keyboard-utils-Db8rvjPI.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-LZh-sc2s.js';
-import { c as capitalizeFirstLetter, g as getColorByName, s as shadeRGBColor } from './token-utils-B0KAgyj_.js';
+import { i as isKeyboardClick } from './keyboard-utils-BaefVzkx.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-D4WVl8Ph.js';
+import { c as capitalizeFirstLetter, g as getColorByName, s as shadeRGBColor } from './token-utils-BILzD7LX.js';
 import './string-utils-C6E9F6QT.js';
-import './tokens.module-DEzE2U5T.js';
+import './tokens.module-kkZE1C6Z.js';
 
 const duetActionButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-action-button:focus,.duet-action-button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:active:focus{background:#dddfe1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva{color:rgb(23, 42, 59);background:rgb(253, 247, 242)}.duet-action-button.duet-theme-turva:not(:disabled):hover{background:#f0ebe6}.duet-action-button.duet-theme-turva:active:focus{background:#e4deda !important}.duet-action-button.duet-theme-turva:disabled{color:rgb(120, 145, 164);background:rgb(245, 246, 247)}";
 

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

@@ -1,12 +1,12 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-Cwhi6_oZ.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-D3450NfA.js';
 import { D as DuetStatusLabels } from './common-strings-8RjiAqaE.js';
-import { i as inheritGlobalTheme } from './themeable-component-D_FVcjsD.js';
+import { i as inheritGlobalTheme } from './themeable-component-QHdUfcat.js';
 import { c as createID } from './create-id-Cfr_DJqU.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-LZh-sc2s.js';
-import { h as hasSlot } from './slot-utils-CEZnAp61.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-D4WVl8Ph.js';
+import { h as hasSlot } from './slot-utils-Dxcjtmp3.js';
 import './string-utils-C6E9F6QT.js';
 
 const duetAlertCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:grid;grid-template-rows:1fr;width:100%;border-radius:12px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, grid-template-rows 300ms ease}:host.duet-p-0{padding:0 !important}:host.duet-m-0{margin:0 !important}:host(.below-nav),:host(.duet-m-0){margin-bottom:0 !important}:host(.duet-alert-is-dismissed){visibility:hidden !important;grid-template-rows:0fr;margin:0 !important;border-width:0 !important;opacity:0;transform:scale(0.98)}.duet-alert-wrapper{position:relative;width:100%;overflow:hidden;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(228, 241, 247);border:1px solid rgb(172, 210, 229);border-radius:12px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.warning{color:rgb(38, 26, 4);background:rgb(255, 247, 221);border:1px solid rgb(255, 217, 120)}.duet-alert-wrapper.danger{color:rgb(89, 0, 45);background:rgb(255, 225, 231);border:1px solid rgb(252, 136, 162)}.duet-alert-wrapper.success{color:rgb(4, 38, 33);background:rgb(231, 248, 239);border:1px solid rgb(163, 229, 202)}.duet-alert-wrapper.below-nav{z-index:1;margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(212, 223, 229);border-radius:0}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 72px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.duet-alert-wrapper .duet-alert.duet-alert-expandable{padding-right:20px}.duet-alert-dismiss{position:absolute;top:3px;right:3px}.duet-alert-dismiss duet-button:hover{background-color:rgb(198, 225, 238);border-radius:8px}.warning .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 232, 160)}.danger .duet-alert-dismiss duet-button:hover{background-color:rgb(255, 173, 190)}.success .duet-alert-dismiss duet-button:hover{background-color:rgb(191, 239, 218)}.duet-alert-container{display:inline-flex;align-items:flex-start;width:100%;margin:0 auto !important}.duet-alert-container .duet-alert-content{flex-grow:1;line-height:1.5}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-container:focus{outline:none}.duet-alert-icon{position:relative;top:2px;display:inline-block;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-expander{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;width:calc(100% + 32px + 40px);padding:16px;padding-right:20px;padding-left:52px;margin:-16px;margin-left:-52px;font-family:inherit;color:inherit;cursor:pointer;background-color:inherit}.duet-alert-expanded .duet-alert-expander{margin-bottom:-4px}.duet-alert-expander .expanding-title{flex-grow:1;font-size:1rem;line-height:1.5;text-align:left}.duet-alert-expander duet-icon{position:relative;top:4px;transition:rotate 300ms ease}.duet-alert-expanded .duet-alert-expander duet-icon{rotate:180deg}.duet-alert-expander:hover{filter:brightness(85%)}.duet-alert-wrapper.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\"}";

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

@@ -1,17 +1,20 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-Cwhi6_oZ.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-D3450NfA.js';
 import { D as DuetStatusLabels } from './common-strings-8RjiAqaE.js';
-import { i as inheritGlobalTheme } from './themeable-component-D_FVcjsD.js';
-import { g as getLocaleString } from './language-utils-LZh-sc2s.js';
+import { i as inheritGlobalTheme } from './themeable-component-QHdUfcat.js';
+import { s as subscribeTabbingChange, u as unsubscribeTabbingChange } from './keyboard-utils-BaefVzkx.js';
+import { g as getLocaleString } from './language-utils-D4WVl8Ph.js';
+import { h as hasSlot, c as checkNamedSlotElement, a as getElementsFromNamedSlot } from './slot-utils-Dxcjtmp3.js';
 import './string-utils-C6E9F6QT.js';
 
-const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:4px !important}:host(.duet-m-0){margin:0 !important}.duet-badge{display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;vertical-align:middle;color:rgb(3, 56, 102);text-align:center;word-break:break-word;background:rgb(217, 236, 245);border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700}.duet-badge.warning{color:rgb(81, 55, 9);background:rgb(255, 232, 160)}.duet-badge.danger{color:rgb(120, 4, 56);background:rgb(255, 211, 219)}.duet-badge.success{color:rgb(13, 71, 59);background:rgb(191, 239, 218)}.duet-badge.subtle{color:rgb(62, 84, 102);background:rgb(228, 236, 239)}.duet-badge.background-strong.default{color:rgb(240, 247, 250);background:rgb(0, 97, 155)}.duet-badge.background-strong.warning{color:rgb(38, 26, 4);background:rgb(247, 178, 40)}.duet-badge.background-strong.danger{color:rgb(255, 240, 243);background:rgb(185, 16, 74)}.duet-badge.background-strong.success{color:rgb(244, 250, 247);background:rgb(29, 106, 88)}.duet-badge.background-strong.subtle{color:rgb(245, 248, 250);background:rgb(98, 121, 138)}";
+const duetBadgeCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:4px !important}:host(.duet-m-0){margin:0 !important}.duet-badge{position:relative;display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;vertical-align:middle;color:rgb(3, 56, 102);text-align:center;word-break:break-word;background:rgb(217, 236, 245);border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.warning{color:rgb(81, 55, 9);background:rgb(255, 232, 160)}.duet-badge.danger{color:rgb(120, 4, 56);background:rgb(255, 211, 219)}.duet-badge.success{color:rgb(13, 71, 59);background:rgb(191, 239, 218)}.duet-badge.subtle{color:rgb(62, 84, 102);background:rgb(228, 236, 239)}.duet-badge.background-strong.default{color:rgb(240, 247, 250);background:rgb(0, 97, 155)}.duet-badge.background-strong.warning{color:rgb(38, 26, 4);background:rgb(247, 178, 40)}.duet-badge.background-strong.danger{color:rgb(255, 240, 243);background:rgb(185, 16, 74)}.duet-badge.background-strong.success{color:rgb(244, 250, 247);background:rgb(29, 106, 88)}.duet-badge.background-strong.subtle{color:rgb(245, 248, 250);background:rgb(98, 121, 138)}.duet-badge.has-tooltip{padding-right:24px;cursor:pointer}.duet-badge.has-tooltip .tooltip-wrap{position:absolute;top:6.5px;right:11px;display:inline-block;width:16px;height:12px}.duet-badge.has-tooltip:hover{color:rgb(0, 75, 129)}.duet-badge.has-tooltip:hover.warning{color:rgb(126, 87, 16)}.duet-badge.has-tooltip:hover.danger{color:rgb(153, 9, 66)}.duet-badge.has-tooltip:hover.success{color:rgb(29, 106, 88)}.duet-badge.has-tooltip:hover.subtle{color:rgb(45, 64, 81)}.duet-badge.has-tooltip:hover.background-strong.default{color:rgb(240, 247, 250);background:rgb(0, 119, 179)}.duet-badge.has-tooltip:hover.background-strong.warning{color:rgb(38, 26, 4);background:rgb(255, 199, 79)}.duet-badge.has-tooltip:hover.background-strong.danger{color:rgb(255, 240, 243);background:rgb(214, 28, 82)}.duet-badge.has-tooltip:hover.background-strong.success{color:rgb(244, 250, 247);background:rgb(76, 164, 138)}.duet-badge.has-tooltip:hover.background-strong.subtle{color:rgb(245, 248, 250);background:rgb(127, 150, 165)}:host(.user-is-tabbing) .duet-badge.has-tooltip:focus-within{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-badge.has-tooltip:focus-within,:host(.user-is-tabbing) .duet-badge.has-tooltip:focus-within.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva.duet-badge{padding:5.4444444444px 12px 4.4444444444px;font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-weight:700}.duet-theme-turva.duet-badge.has-tooltip{padding-right:24px}";
 
 const DuetBadge = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.hasTooltipSlot = false;
         /**
          * Theme of the badge.
          */
@@ -29,6 +32,13 @@ const DuetBadge = class {
          * Controls the margin of the component.
          */
         this.margin = "auto";
+        /**
+         * Giving tooltip text makes the badge act as tooltip button. The badge's text content will be used as the
+         * tooltips accessible-about-label - if you want other accessible label, use the tooltip slot instead of this
+         * attribute.
+         */
+        this.tooltip = "";
+        this.getBadgeText = () => this.element.textContent;
         this.getVariationLabel = () => {
             if (this.variation === "subtle") {
                 return "";
@@ -42,8 +52,20 @@ const DuetBadge = class {
     /**
      * Component lifecycle events.
      */
+    connectedCallback() {
+        subscribeTabbingChange(this);
+    }
+    disconnectedCallback() {
+        unsubscribeTabbingChange(this);
+    }
     componentWillLoad() {
         inheritGlobalTheme(this);
+        this.hasTooltipSlot = hasSlot(this.element, "tooltip");
+        checkNamedSlotElement(this.element, "tooltip", "duet-tooltip", 1, true);
+        if (this.hasTooltipSlot) {
+            const tooltip = getElementsFromNamedSlot(this.element, "tooltip")[0];
+            tooltip.badgeElement = this.element;
+        }
     }
     /**
      * render() function
@@ -51,12 +73,13 @@ const DuetBadge = class {
      */
     render() {
         const backgroundClass = `background-${this.background}`;
-        return (h(Host, { key: '446fcb8a0becb11a4043774efb1611dd9d89d82d', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: '56ca2601a6f378068ce6d1c695089c0d131e9b7d', class: {
+        return (h(Host, { key: 'a560a9bf8c66e7b54260cf1a51c2bb4728d204bd', class: { "duet-m-0": this.margin === "none" } }, h("span", { key: '6acc7c0b3470e48d82386d808f0b997da64d01bd', class: {
                 "duet-badge": true,
                 [this.variation]: true,
                 [backgroundClass]: true,
+                "has-tooltip": !!this.tooltip || this.hasTooltipSlot,
                 "duet-theme-turva": this.theme === "turva",
-            } }, h("duet-visually-hidden", { key: 'b1105a9f4a43ee6f9379cb8c02a06328830bbaa6' }, this.getVariationLabel()), h("slot", { key: '2922cf32e24472ae3c8685a1ea90a27c0112b740' }))));
+            } }, h("duet-visually-hidden", { key: 'ffef5f8b2e1f4daa1ad9c6422663bdd68279d97b' }, this.getVariationLabel()), h("slot", { key: 'c29a964054979e3453dc6d1e3e26deb37db4d6da' }), (this.tooltip || this.hasTooltipSlot) && (h("span", { key: '6aaefca53e94bf5a1d25b19f3f3b6182bdc24d89', class: "tooltip-wrap" }, !this.hasTooltipSlot && (h("duet-tooltip", { key: '2dcff5145d02f2dc6be7c9459dfe96d57873d7c9', "accessible-about-label": this.getBadgeText(), badgeElement: this.element }, this.tooltip)), h("slot", { key: '618248018df97f7071166094bf62ac615577371b', name: "tooltip" }))))));
     }
     get element() { return getElement(this); }
 };