@duetds/components 8.7.0 → 8.7.1

package/lib/duet/{p-b9772bdf.entry.js → p-db0c0441.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as t,h as e,H as i,g as a,c as o}from"./p-7c3649ba.js";import{i as s}from"./p-a58bd561.js";import{h as r,g as n}from"./p-9ef799f8.js";import{s as d,u as l,o as b,p as c,d as u,b as h,a as p,c as g}from"./p-a1b7f2a0.js";import{g as m,c as f,d as k,a as x}from"./p-bd936407.js";import{d as v}from"./p-1784b1d2.js";import{c as w}from"./p-5e59e970.js";import"./p-0e052642.js";import"./p-4a901bfc.js";const y=class{constructor(e){t(this,e),this.currentIndex=0,this.scrollPaneElement=void 0,this.hasCollapseButtonLabelSlot=!1,this.resizeObserver=new ResizeObserver((t=>{var e,i,a,o;if(1===(null==t?void 0:t.length)){const s=null===(i=null===(e=t[0])||void 0===e?void 0:e.target)||void 0===i?void 0:i.getBoundingClientRect().width,r=null===(o=null===(a=t[0])||void 0===a?void 0:a.target)||void 0===o?void 0:o.scrollWidth;this.isScrollPaneContentSmallerThanWrapper=r>s+5}})),this.collapsedOnClick=()=>{this.collapsed=!this.collapsed},this.scrollPaneAtStart=!0,this.isScrollPaneContentSmallerThanWrapper=!0,this.scrollPaneAtEnd=!1,this.childrenData={},this.theme="",this.identifier="",this.collapsed=!1,this.buttons=!0,this.buttonAlignment="center",this.center=!1,this.selected=0}watchPropHandler(t){this.scrollToElement(t,"center")}componentWillLoad(){s(this),this.hasCollapseButtonLabelSlot=r(this.element,"collapse-button-label")}componentDidLoad(){this.resizeObserver.observe(this.scrollPaneElement),this.updateScrollButtons(this.getScrollPaneElements()[0])}disconnectedCallback(){this.resizeObserver.disconnect()}getScrollPaneElements(){return n(this.element)}getLastVisibleElement(){const t=this.getScrollPaneElements().find((t=>t.getBoundingClientRect().x+t.getBoundingClientRect().width-this.scrollPaneElement.getBoundingClientRect().x>this.scrollPaneElement.clientWidth)),e=this.getScrollPaneElements().indexOf(t);return t.clientWidth>this.scrollPaneElement.clientWidth?e:e-1}getFirstVisibleElement(){const t=this.getScrollPaneElements(),e=t.find((t=>t.getBoundingClientRect().x>this.scrollPaneElement.getBoundingClientRect().x)),i=e?t.indexOf(e):t.length;var a=Math.max(i-1,0);return t[a].clientWidth>this.scrollPaneElement.clientWidth?a:i}updateScrollButtons(t=null,e=this.scrollPaneElement){if(this.buttons){if(t&&t.clientWidth>this.scrollPaneElement.clientWidth){const e=this.getScrollPaneElements().indexOf(t);return 0==e&&(this.scrollPaneAtStart=!0),void(e==this.getScrollPaneElements().length-1&&(this.scrollPaneAtEnd=!0))}e.scrollLeft<=0?this.scrollPaneAtStart=!0:e.scrollLeft>0&&(this.scrollPaneAtStart=!1),e.clientWidth+e.scrollLeft+10>=e.scrollWidth?this.scrollPaneAtEnd=!0:e.clientWidth+e.scrollLeft+10<e.scrollWidth&&(this.scrollPaneAtEnd=!1)}}scrollToElement(t=this.currentIndex,e){const i=this.getScrollPaneElements();if(!i||0===i.length)return;t+1>=i.length&&(t=i.length-1),t<0&&(t=0);let a=i[0].getBoundingClientRect().x,o=5;const s=()=>{if(i[0].getBoundingClientRect().x===a){if(o--,0!==o)return void window.requestAnimationFrame(s);this.updateScrollButtons(i[t])}else window.requestAnimationFrame(s),a=i[0].getBoundingClientRect().x};i[t].scrollIntoView({behavior:"smooth",block:"nearest",inline:e}),window.requestAnimationFrame(s)}scrollLeft(){this.scrollPaneAtEnd=!1;const t=this.getFirstVisibleElement();this.scrollToElement(t-1,"center")}scrollRight(){this.scrollPaneAtStart=!1;const t=this.getLastVisibleElement();this.scrollToElement(t+1,"center")}render(){const t="turva"===this.theme?"color-primary-darker-turva":"color-primary",a="turva"===this.theme?"color-gray-turva":"color-gray";return e(i,{key:"4fcbcaecb236d22e3d81a6d2269dcb564aeee649",class:{"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme}},this.hasCollapseButtonLabelSlot&&e("div",{key:"dfe6ad7c7d152f899bddbca6f8ae4564abc65f66",class:{collapse:!0,hide:!this.isScrollPaneContentSmallerThanWrapper&&!this.collapsed}},e("duet-button",{key:"3402503fbbcc184c193518fdbc60bb2118c038cb",variation:"plain",margin:"none","center-text":!0,onClick:()=>this.collapsedOnClick()},e("slot",{key:"40cce68dae00f3724cabbd691f665b72fc39f193",name:"collapse-button-label"}))),e("div",{key:"181cc8c335be1c8a5cb5bbb0992650d0401aa60f",class:{"duet-scrollable-items":!0,buttons:this.buttons,center:this.center}},e("div",{key:"1f639ddf0e5818d4b14d5b5d677fd70021150732",class:{"duet-scrollable-button-container":!0,left:!0,"duet-scrollable-button-container--occluded":!this.isScrollPaneContentSmallerThanWrapper}},e("button",{key:"39dbfb43d7048347804b5d35a2a174cc0dc38070",part:`${this.identifier}-button-left`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,[`duet-scrollable-button--${this.buttonAlignment}`]:!0,"duet-scrollable-button--left":!0},onClick:()=>this.scrollLeft(),disabled:this.scrollPaneAtStart,tabindex:"-1",hidden:!this.buttons},e("duet-icon",{key:"9a183412d07974d452858ab9d7e4f3fa1e1ca239",color:this.scrollPaneAtStart?a:t,name:"action-arrow-left",size:"small",margin:"none"}))),e("div",{key:"6befc01423321a62ebb54e54edc9f3734d435887",class:{"duet-scrollable-list":!0,collapsed:this.collapsed},onScroll:()=>this.updateScrollButtons(),ref:t=>this.scrollPaneElement=t},e("slot",{key:"b857a63d05c43c84d58b66847835b14adea92671"})),e("div",{key:"dff2e6af23b3201d89433c110189c72cded05227",class:{"duet-scrollable-button-container":!0,right:!0,"duet-scrollable-button-container--occluded":!this.isScrollPaneContentSmallerThanWrapper}},e("button",{key:"ec0e6149990950c3f9f92597af6123b8bc1aa903",part:`${this.identifier}-button-right`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,[`duet-scrollable-button--${this.buttonAlignment}`]:!0,"duet-scrollable-button--right":!0},onClick:()=>this.scrollRight(),disabled:this.scrollPaneAtEnd,tabindex:"-1",hidden:!this.buttons},e("duet-icon",{key:"c234e9218a01017220da205292d69fd20ce2985f",color:this.scrollPaneAtEnd?a:t,name:"action-arrow-right",size:"small",margin:"none"})))))}get element(){return a(this)}static get watchers(){return{selected:["watchPropHandler"]}}};y.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px;transition:all 300ms ease}:host .duet-scrollable-items .duet-scrollable-button-container.left::after{position:relative;top:-50px;left:20px;z-index:950;display:block;width:30px;height:100%;content:"";background-image:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));transition:all 300ms ease}:host .duet-scrollable-items .duet-scrollable-button-container.right::after{position:relative;top:-50px;right:15px;z-index:950;display:block;width:30px;height:100%;content:"";background-image:linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));transition:all 300ms ease}:host .duet-scrollable-items .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;height:100%;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--top{align-self:flex-start}:host .duet-scrollable-items .duet-scrollable-button--bottom{align-self:flex-end}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;padding-right:5px;padding-left:5px;margin:0 -5px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}';const z=class{constructor(e){t(this,e),this.setupContentElement=()=>{this.contentId&&(this.tabpanelElement=document.getElementById(this.contentId),this.tabpanelElement&&(this.tabpanelElement.setAttribute("role","tabpanel"),this.tabpanelElement.setAttribute("tabindex","-1"),this.tabpanelElement.removeEventListener("focus",this.tabpanelElementFocusListener),this.tabpanelElement.removeEventListener("blur",this.tabpanelElementBlurListener),this.tabpanelElement.addEventListener("focus",this.tabpanelElementFocusListener),this.tabpanelElement.addEventListener("blur",this.tabpanelElementBlurListener),this.accessibleDescription&&this.tabpanelElement.setAttribute("aria-description",this.accessibleDescription),this.accessibleLabelledBy&&this.tabpanelElement.setAttribute("aria-labelledby",this.accessibleLabelledBy),this.tabpanelElement.toggleAttribute("hidden",!this.selected)))},this.tabpanelElementFocusListener=()=>{this.element.classList.contains("user-is-tabbing")&&(this.tabpanelElement.style.outline="0",this.tabpanelElement.style.boxShadow=v("turva"===this.theme?"focus-turva":"focus"))},this.tabpanelElementBlurListener=()=>{this.tabpanelElement.style.outline=null,this.tabpanelElement.style.boxShadow=null},this.theme="",this.label=void 0,this.caption=void 0,this.selected=void 0,this.notificationMark=void 0,this.accessibleDescriptionDefault=null,this.accessibleDescription=this.accessibleDescriptionDefault?m(this.accessibleDescriptionDefault):null,this.accessibleLabelledBy=void 0,this.contentId=void 0}componentWillLoad(){s(this)}connectedCallback(){f(this,{prop:"accessibleDescription",defaults:"accessibleDescriptionDefault"}),d(this),this.setupContentElement()}disconnectedCallback(){k(this),l(this),this.tabpanelElement&&(this.tabpanelElement.removeAttribute("role"),this.tabpanelElement.removeAttribute("tabindex"),this.tabpanelElement.removeAttribute("aria-description"),this.tabpanelElement.removeAttribute("aria-labelledby"),this.tabpanelElement.removeAttribute("hidden"),this.tabpanelElement.removeEventListener("focus",this.tabpanelElementFocusListener.bind(this)),this.tabpanelElement.removeEventListener("blur",this.tabpanelElementBlurListener.bind(this)),this.tabpanelElement=void 0)}setupSelected(t,e){!!t!=!!e&&this.setupContentElement()}async setFocus(t){this.tabpanelElement.focus(t)}render(){return e("div",{ref:t=>{this.contentId||(this.tabpanelElement=t)},role:"tabpanel",class:{"duet-theme-turva":"turva"===this.theme,"duet-tab":!0,selected:this.selected,"has-content-id":!!this.contentId},"aria-description":this.accessibleDescription,"aria-labelledby":this.accessibleLabelledBy,tabindex:"-1"},e("slot",null))}get element(){return a(this)}static get watchers(){return{selected:["setupSelected"]}}};z.style=".sc-duet-tab-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}.duet-tab.has-content-id.sc-duet-tab,.duet-tab.has-content-id.selected.sc-duet-tab{display:none}.user-is-tabbing.sc-duet-tab-h .duet-tab.sc-duet-tab:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-tab-h .duet-tab.duet-theme-turva.sc-duet-tab:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";const S=class{constructor(i){t(this,i),this.duetChange=o(this,"duetChange",3),this.duetTabChange=o(this,"duetTabChange",7),this.duetTabChangeRequested=o(this,"duetTabChangeRequested",7),this.id=w("DuetTabGroup"),this.handleKeyDown=t=>{let e;u(t)||h(t)?e=t.target.previousElementSibling:(p(t)||g(t))&&(e=t.target.nextElementSibling),b(t)&&!c(t)&&(t.preventDefault(),this.element.querySelector("duet-tab[selected]").setFocus()),e&&(t.preventDefault(),e.click(),e.focus())},this.onTabSelect=t=>{this.tabChangeConfirm?t!==this.selected&&this.duetTabChangeRequested.emit({value:t,component:"duet-tab-group"}):this.openTab(t)},this.scrollToActive=()=>{"checked"!==this.variation&&"plain-scrolling"!==this.variation||setTimeout((()=>{const t=this.tabsContainer.querySelector(".selected");t&&t.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}),50)},this.renderTab=()=>{const t=this.tabs.map(((t,i)=>e("button",{role:"tab",id:this.getButtonId(i),"aria-selected":t.selected?"true":"false","aria-description":this.getAccessibleDescription(i),tabindex:t.selected?"0":"-1",part:`${this.identifier}-button ${t.selected?`${this.identifier}-button--selected`:""}`,type:"button",class:{"duet-p-0":"none"===this.padding,"duet-tab-button":!0,"stackable-tab":"checked"===this.variation&&this.tabs.length<=3,selected:t.selected,[`duet-notification-mark-${t.notificationMark}`]:!!t.notificationMark},onClick:()=>this.onTabSelect(i),onKeyDown:t=>this.handleKeyDown(t)},"checked"===this.variation?e("div",{class:{"checked-tab-content":!0,"stackable-checked-tab-content":this.tabs.length<=3}},e("div",{class:{"checked-tab-description":!0,"stackable-description":this.tabs.length<=3}},e("p",null,t.label),e("p",{class:{"tab-caption":!0,selected:t.selected}},t.caption)),e("div",{class:{"stackable-checkmark":this.tabs.length<=3}},e("duet-checkmark",{theme:this.theme,checked:t.selected,type:"radio","presentation-only":!0,center:!0}))):t.label)));return this.scrolls?e("duet-scrollable",{selected:this.selected,identifier:this.identifier},t):t},this.tabs=[],this.selected=void 0,this.theme="",this.scrolls=!1,this.collapses=!0,this.accessibleLabel=void 0,this.variation="default",this.language=x(),this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"},this.label=m(this.labelDefaults,this.language),this.labelHidden=!0,this.identifier=this.id,this.margin="auto",this.padding="auto",this.setTabIndex=!0,this.tabChangeConfirm=!1}async connectedCallback(){"undefined"!=typeof MutationObserver&&(this.mutationO=new MutationObserver((()=>{this.updateTabs()})),this.mutationO.observe(this.element,{attributes:!0,attributeFilter:["label"],childList:!0,characterData:!0,subtree:!0})),await this.updateTabs(),d(this)}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0),l(this)}componentWillLoad(){s(this)}componentDidLoad(){this.scrollToActive()}async openTab(t){if(t>=this.tabs.length)throw new Error(`[duet-tabs] Index ${t} is out of bounds of tabs length`);this.selected=t,this.tabs.forEach(((e,i)=>{e.selected=i===t})),this.scrollToActive();const e={value:t,component:"duet-tab-group"};this.duetChange.emit(e),this.duetTabChange.emit(e)}async refresh(){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.")}getTabs(){const t=Array.from(this.element.querySelectorAll("duet-tab")).filter((t=>t.closest("duet-tab-group")===this.element));if(0===t.length)throw new Error("[duet-tabs] Must have at least one tab");return t}getButtonId(t){return`${this.id}-button-${t}`}getTabId(t){return`${this.id}-tab-${t}`}getAccessibleDescription(t){return this.tabs[t].getAttribute("accessible-description")||null}async updateTabs(){this.selected=void 0,this.tabs=this.getTabs(),this.tabs.forEach(((t,e)=>{t.id=this.getTabId(e),t.selected&&(void 0===this.selected?this.selected=e:t.selected=!1)})),void 0===this.selected&&(this.selected=0,this.tabs[0].selected=!0)}render(){const t="plain-scrolling"===this.variation?"duet-tab-variation-plain":`duet-tab-variation-${this.variation}`,i="checked"===this.variation||"plain-scrolling"===this.variation;return e("div",{key:"b25c23e9c7e9a3e5a6b522e1c200b651fb35225f",class:{"duet-tab-group":!0,"duet-theme-turva":"turva"===this.theme,[t]:!0,"duet-tab-plain-scrolling":"plain-scrolling"===this.variation,"duet-tab-group-scrolls":this.scrolls,"duet-tab-group-collapses":this.collapses},"aria-label":this.accessibleLabel},!i&&this.tabs.length>3&&this.collapses&&e("duet-select",{key:"8c1717c42f63f55fd0e66c2c981076fb7ebb822b",value:this.selected.toString(),expand:!0,label:this.label,labelHidden:this.labelHidden,theme:this.theme,onDuetChange:t=>this.onTabSelect(Number(t.detail.value)),items:this.tabs.map(((t,e)=>({label:t.label,value:e.toString()})))}),e("div",{key:"e269e1dc5913d6d656634c19dfea91594c17a635",role:"tablist",class:{"duet-m-0":"none"===this.margin||"checked"===this.variation,"duet-tab-group-tabs":!0,"duet-tab-group-hidden":this.tabs.length>3&&!i,"duet-tab-group-collapses":this.collapses},ref:t=>{this.tabsContainer=t}},this.renderTab()),e("div",{key:"331c2d4ec2fdb88caa5f3c0057e81292d86028d5",class:{"duet-tab-group-content":!0,"duet-m-0":"none"===this.margin,"checked-group-content":"checked"===this.variation}},e("slot",{key:"a78e9aa86f7c03563db3d43eeb30e20845b0a043"})))}get element(){return a(this)}};S.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:none}@media (min-width: 36em){.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:block}}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(225, 227, 230)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(228, 228, 230)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;overflow:visible;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(222, 35, 98);box-shadow:0 0 0 1px #c82058}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(228, 228, 230)}.duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(250, 164, 15);box-shadow:0 0 0 1px #e1940e}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(224, 42, 13);box-shadow:0 0 0 1px #ca260c}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-p-0{padding:0 !important}@media (min-width: 36em){.duet-tab-button{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid rgb(225, 227, 230);border-radius:0}}.duet-tab-button:hover{z-index:200;border-color:rgb(144, 149, 153)}.duet-theme-turva .duet-tab-button:hover{border-color:rgb(116, 116, 117)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(255, 255, 255);background:rgb(0, 41, 77);border-color:rgb(0, 41, 77);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(255, 255, 255);background-color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.duet-tab-button:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-tab-button:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding-right:0;padding-left:0;margin-left:0;border:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(198, 12, 48);border-bottom-color:rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(207, 210, 212);border-bottom-color:rgb(0, 119, 179);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(207, 210, 212);border-bottom-color:rgb(68, 68, 69)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(243, 249, 252) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 245, 247) 0%, rgb(255, 255, 255) 100%);border-color:rgb(68, 68, 69);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(101, 119, 135)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{position:relative;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.5;color:rgb(0, 41, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:" ";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(68, 68, 69)}';export{y as duet_scrollable,z as duet_tab,S as duet_tab_group}
+import{r as t,h as e,H as i,g as a,c as o}from"./p-79f07f14.js";import{i as s}from"./p-aaa7a7bd.js";import{h as r,g as n}from"./p-16e2b9eb.js";import{s as d,u as l,o as b,p as c,d as u,b as h,a as p,c as g}from"./p-a1b7f2a0.js";import{g as m,c as f,d as k,a as x}from"./p-6395958b.js";import{d as v}from"./p-1784b1d2.js";import{c as w}from"./p-5e59e970.js";import"./p-0e052642.js";import"./p-4a901bfc.js";const y=class{constructor(e){t(this,e),this.currentIndex=0,this.scrollPaneElement=void 0,this.hasCollapseButtonLabelSlot=!1,this.resizeObserver=new ResizeObserver((t=>{var e,i,a,o;if(1===(null==t?void 0:t.length)){const s=null===(i=null===(e=t[0])||void 0===e?void 0:e.target)||void 0===i?void 0:i.getBoundingClientRect().width,r=null===(o=null===(a=t[0])||void 0===a?void 0:a.target)||void 0===o?void 0:o.scrollWidth;this.isScrollPaneContentSmallerThanWrapper=r>s+5}})),this.collapsedOnClick=()=>{this.collapsed=!this.collapsed},this.scrollPaneAtStart=!0,this.isScrollPaneContentSmallerThanWrapper=!0,this.scrollPaneAtEnd=!1,this.childrenData={},this.theme="",this.identifier="",this.collapsed=!1,this.buttons=!0,this.buttonAlignment="center",this.center=!1,this.selected=0}watchPropHandler(t){this.scrollToElement(t,"center")}componentWillLoad(){s(this),this.hasCollapseButtonLabelSlot=r(this.element,"collapse-button-label")}componentDidLoad(){this.resizeObserver.observe(this.scrollPaneElement),this.updateScrollButtons(this.getScrollPaneElements()[0])}disconnectedCallback(){this.resizeObserver.disconnect()}getScrollPaneElements(){return n(this.element)}getLastVisibleElement(){const t=this.getScrollPaneElements().find((t=>t.getBoundingClientRect().x+t.getBoundingClientRect().width-this.scrollPaneElement.getBoundingClientRect().x>this.scrollPaneElement.clientWidth)),e=this.getScrollPaneElements().indexOf(t);return t.clientWidth>this.scrollPaneElement.clientWidth?e:e-1}getFirstVisibleElement(){const t=this.getScrollPaneElements(),e=t.find((t=>t.getBoundingClientRect().x>this.scrollPaneElement.getBoundingClientRect().x)),i=e?t.indexOf(e):t.length;var a=Math.max(i-1,0);return t[a].clientWidth>this.scrollPaneElement.clientWidth?a:i}updateScrollButtons(t=null,e=this.scrollPaneElement){if(this.buttons){if(t&&t.clientWidth>this.scrollPaneElement.clientWidth){const e=this.getScrollPaneElements().indexOf(t);return 0==e&&(this.scrollPaneAtStart=!0),void(e==this.getScrollPaneElements().length-1&&(this.scrollPaneAtEnd=!0))}e.scrollLeft<=0?this.scrollPaneAtStart=!0:e.scrollLeft>0&&(this.scrollPaneAtStart=!1),e.clientWidth+e.scrollLeft+10>=e.scrollWidth?this.scrollPaneAtEnd=!0:e.clientWidth+e.scrollLeft+10<e.scrollWidth&&(this.scrollPaneAtEnd=!1)}}scrollToElement(t=this.currentIndex,e){const i=this.getScrollPaneElements();if(!i||0===i.length)return;t+1>=i.length&&(t=i.length-1),t<0&&(t=0);let a=i[0].getBoundingClientRect().x,o=5;const s=()=>{if(i[0].getBoundingClientRect().x===a){if(o--,0!==o)return void window.requestAnimationFrame(s);this.updateScrollButtons(i[t])}else window.requestAnimationFrame(s),a=i[0].getBoundingClientRect().x};i[t].scrollIntoView({behavior:"smooth",block:"nearest",inline:e}),window.requestAnimationFrame(s)}scrollLeft(){this.scrollPaneAtEnd=!1;const t=this.getFirstVisibleElement();this.scrollToElement(t-1,"center")}scrollRight(){this.scrollPaneAtStart=!1;const t=this.getLastVisibleElement();this.scrollToElement(t+1,"center")}render(){const t="turva"===this.theme?"color-primary-darker-turva":"color-primary",a="turva"===this.theme?"color-gray-turva":"color-gray";return e(i,{key:"4fcbcaecb236d22e3d81a6d2269dcb564aeee649",class:{"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme}},this.hasCollapseButtonLabelSlot&&e("div",{key:"dfe6ad7c7d152f899bddbca6f8ae4564abc65f66",class:{collapse:!0,hide:!this.isScrollPaneContentSmallerThanWrapper&&!this.collapsed}},e("duet-button",{key:"3402503fbbcc184c193518fdbc60bb2118c038cb",variation:"plain",margin:"none","center-text":!0,onClick:()=>this.collapsedOnClick()},e("slot",{key:"40cce68dae00f3724cabbd691f665b72fc39f193",name:"collapse-button-label"}))),e("div",{key:"181cc8c335be1c8a5cb5bbb0992650d0401aa60f",class:{"duet-scrollable-items":!0,buttons:this.buttons,center:this.center}},e("div",{key:"1f639ddf0e5818d4b14d5b5d677fd70021150732",class:{"duet-scrollable-button-container":!0,left:!0,"duet-scrollable-button-container--occluded":!this.isScrollPaneContentSmallerThanWrapper}},e("button",{key:"39dbfb43d7048347804b5d35a2a174cc0dc38070",part:`${this.identifier}-button-left`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,[`duet-scrollable-button--${this.buttonAlignment}`]:!0,"duet-scrollable-button--left":!0},onClick:()=>this.scrollLeft(),disabled:this.scrollPaneAtStart,tabindex:"-1",hidden:!this.buttons},e("duet-icon",{key:"9a183412d07974d452858ab9d7e4f3fa1e1ca239",color:this.scrollPaneAtStart?a:t,name:"action-arrow-left",size:"small",margin:"none"}))),e("div",{key:"6befc01423321a62ebb54e54edc9f3734d435887",class:{"duet-scrollable-list":!0,collapsed:this.collapsed},onScroll:()=>this.updateScrollButtons(),ref:t=>this.scrollPaneElement=t},e("slot",{key:"b857a63d05c43c84d58b66847835b14adea92671"})),e("div",{key:"dff2e6af23b3201d89433c110189c72cded05227",class:{"duet-scrollable-button-container":!0,right:!0,"duet-scrollable-button-container--occluded":!this.isScrollPaneContentSmallerThanWrapper}},e("button",{key:"ec0e6149990950c3f9f92597af6123b8bc1aa903",part:`${this.identifier}-button-right`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,[`duet-scrollable-button--${this.buttonAlignment}`]:!0,"duet-scrollable-button--right":!0},onClick:()=>this.scrollRight(),disabled:this.scrollPaneAtEnd,tabindex:"-1",hidden:!this.buttons},e("duet-icon",{key:"c234e9218a01017220da205292d69fd20ce2985f",color:this.scrollPaneAtEnd?a:t,name:"action-arrow-right",size:"small",margin:"none"})))))}get element(){return a(this)}static get watchers(){return{selected:["watchPropHandler"]}}};y.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px;transition:all 300ms ease}:host .duet-scrollable-items .duet-scrollable-button-container.left::after{position:relative;top:-50px;left:20px;z-index:950;display:block;width:30px;height:100%;content:"";background-image:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));transition:all 300ms ease}:host .duet-scrollable-items .duet-scrollable-button-container.right::after{position:relative;top:-50px;right:15px;z-index:950;display:block;width:30px;height:100%;content:"";background-image:linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));transition:all 300ms ease}:host .duet-scrollable-items .duet-scrollable-button-container--occluded{flex-basis:0;flex-shrink:1;width:0;padding:10px 0;overflow:hidden;visibility:hidden}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;height:100%;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--top{align-self:flex-start}:host .duet-scrollable-items .duet-scrollable-button--bottom{align-self:flex-end}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;padding-right:5px;padding-left:5px;margin:0 -5px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){flex-shrink:0;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;scroll-snap-align:center}';const z=class{constructor(e){t(this,e),this.setupContentElement=()=>{this.contentId&&(this.tabpanelElement=document.getElementById(this.contentId),this.tabpanelElement&&(this.tabpanelElement.setAttribute("role","tabpanel"),this.tabpanelElement.setAttribute("tabindex","-1"),this.tabpanelElement.removeEventListener("focus",this.tabpanelElementFocusListener),this.tabpanelElement.removeEventListener("blur",this.tabpanelElementBlurListener),this.tabpanelElement.addEventListener("focus",this.tabpanelElementFocusListener),this.tabpanelElement.addEventListener("blur",this.tabpanelElementBlurListener),this.accessibleDescription&&this.tabpanelElement.setAttribute("aria-description",this.accessibleDescription),this.accessibleLabelledBy&&this.tabpanelElement.setAttribute("aria-labelledby",this.accessibleLabelledBy),this.tabpanelElement.toggleAttribute("hidden",!this.selected)))},this.tabpanelElementFocusListener=()=>{this.element.classList.contains("user-is-tabbing")&&(this.tabpanelElement.style.outline="0",this.tabpanelElement.style.boxShadow=v("turva"===this.theme?"focus-turva":"focus"))},this.tabpanelElementBlurListener=()=>{this.tabpanelElement.style.outline=null,this.tabpanelElement.style.boxShadow=null},this.theme="",this.label=void 0,this.caption=void 0,this.selected=void 0,this.notificationMark=void 0,this.accessibleDescriptionDefault=null,this.accessibleDescription=this.accessibleDescriptionDefault?m(this.accessibleDescriptionDefault):null,this.accessibleLabelledBy=void 0,this.contentId=void 0}componentWillLoad(){s(this)}connectedCallback(){f(this,{prop:"accessibleDescription",defaults:"accessibleDescriptionDefault"}),d(this),this.setupContentElement()}disconnectedCallback(){k(this),l(this),this.tabpanelElement&&(this.tabpanelElement.removeAttribute("role"),this.tabpanelElement.removeAttribute("tabindex"),this.tabpanelElement.removeAttribute("aria-description"),this.tabpanelElement.removeAttribute("aria-labelledby"),this.tabpanelElement.removeAttribute("hidden"),this.tabpanelElement.removeEventListener("focus",this.tabpanelElementFocusListener.bind(this)),this.tabpanelElement.removeEventListener("blur",this.tabpanelElementBlurListener.bind(this)),this.tabpanelElement=void 0)}setupSelected(t,e){!!t!=!!e&&this.setupContentElement()}async setFocus(t){this.tabpanelElement.focus(t)}render(){return e("div",{ref:t=>{this.contentId||(this.tabpanelElement=t)},role:"tabpanel",class:{"duet-theme-turva":"turva"===this.theme,"duet-tab":!0,selected:this.selected,"has-content-id":!!this.contentId},"aria-description":this.accessibleDescription,"aria-labelledby":this.accessibleLabelledBy,tabindex:"-1"},e("slot",null))}get element(){return a(this)}static get watchers(){return{selected:["setupSelected"]}}};z.style=".sc-duet-tab-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}.duet-tab.has-content-id.sc-duet-tab,.duet-tab.has-content-id.selected.sc-duet-tab{display:none}.user-is-tabbing.sc-duet-tab-h .duet-tab.sc-duet-tab:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-tab-h .duet-tab.duet-theme-turva.sc-duet-tab:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";const S=class{constructor(i){t(this,i),this.duetChange=o(this,"duetChange",3),this.duetTabChange=o(this,"duetTabChange",7),this.duetTabChangeRequested=o(this,"duetTabChangeRequested",7),this.id=w("DuetTabGroup"),this.handleKeyDown=t=>{let e;u(t)||h(t)?e=t.target.previousElementSibling:(p(t)||g(t))&&(e=t.target.nextElementSibling),b(t)&&!c(t)&&(t.preventDefault(),this.element.querySelector("duet-tab[selected]").setFocus()),e&&(t.preventDefault(),e.click(),e.focus())},this.onTabSelect=t=>{this.tabChangeConfirm?t!==this.selected&&this.duetTabChangeRequested.emit({value:t,component:"duet-tab-group"}):this.openTab(t)},this.scrollToActive=()=>{"checked"!==this.variation&&"plain-scrolling"!==this.variation||setTimeout((()=>{const t=this.tabsContainer.querySelector(".selected");t&&t.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}),50)},this.renderTab=()=>{const t=this.tabs.map(((t,i)=>e("button",{role:"tab",id:this.getButtonId(i),"aria-selected":t.selected?"true":"false","aria-description":this.getAccessibleDescription(i),tabindex:t.selected?"0":"-1",part:`${this.identifier}-button ${t.selected?`${this.identifier}-button--selected`:""}`,type:"button",class:{"duet-p-0":"none"===this.padding,"duet-tab-button":!0,"stackable-tab":"checked"===this.variation&&this.tabs.length<=3,selected:t.selected,[`duet-notification-mark-${t.notificationMark}`]:!!t.notificationMark},onClick:()=>this.onTabSelect(i),onKeyDown:t=>this.handleKeyDown(t)},"checked"===this.variation?e("div",{class:{"checked-tab-content":!0,"stackable-checked-tab-content":this.tabs.length<=3}},e("div",{class:{"checked-tab-description":!0,"stackable-description":this.tabs.length<=3}},e("p",null,t.label),e("p",{class:{"tab-caption":!0,selected:t.selected}},t.caption)),e("div",{class:{"stackable-checkmark":this.tabs.length<=3}},e("duet-checkmark",{theme:this.theme,checked:t.selected,type:"radio","presentation-only":!0,center:!0}))):t.label)));return this.scrolls?e("duet-scrollable",{selected:this.selected,identifier:this.identifier},t):t},this.tabs=[],this.selected=void 0,this.theme="",this.scrolls=!1,this.collapses=!0,this.accessibleLabel=void 0,this.variation="default",this.language=x(),this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"},this.label=m(this.labelDefaults,this.language),this.labelHidden=!0,this.identifier=this.id,this.margin="auto",this.padding="auto",this.setTabIndex=!0,this.tabChangeConfirm=!1}async connectedCallback(){"undefined"!=typeof MutationObserver&&(this.mutationO=new MutationObserver((()=>{this.updateTabs()})),this.mutationO.observe(this.element,{attributes:!0,attributeFilter:["label"],childList:!0,characterData:!0,subtree:!0})),await this.updateTabs(),d(this)}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0),l(this)}componentWillLoad(){s(this)}componentDidLoad(){this.scrollToActive()}async openTab(t){if(t>=this.tabs.length)throw new Error(`[duet-tabs] Index ${t} is out of bounds of tabs length`);this.selected=t,this.tabs.forEach(((e,i)=>{e.selected=i===t})),this.scrollToActive();const e={value:t,component:"duet-tab-group"};this.duetChange.emit(e),this.duetTabChange.emit(e)}async refresh(){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.")}getTabs(){const t=Array.from(this.element.querySelectorAll("duet-tab")).filter((t=>t.closest("duet-tab-group")===this.element));if(0===t.length)throw new Error("[duet-tabs] Must have at least one tab");return t}getButtonId(t){return`${this.id}-button-${t}`}getTabId(t){return`${this.id}-tab-${t}`}getAccessibleDescription(t){return this.tabs[t].getAttribute("accessible-description")||null}async updateTabs(){this.selected=void 0,this.tabs=this.getTabs(),this.tabs.forEach(((t,e)=>{t.id=this.getTabId(e),t.selected&&(void 0===this.selected?this.selected=e:t.selected=!1)})),void 0===this.selected&&(this.selected=0,this.tabs[0].selected=!0)}render(){const t="plain-scrolling"===this.variation?"duet-tab-variation-plain":`duet-tab-variation-${this.variation}`,i="checked"===this.variation||"plain-scrolling"===this.variation;return e("div",{key:"b25c23e9c7e9a3e5a6b522e1c200b651fb35225f",class:{"duet-tab-group":!0,"duet-theme-turva":"turva"===this.theme,[t]:!0,"duet-tab-plain-scrolling":"plain-scrolling"===this.variation,"duet-tab-group-scrolls":this.scrolls,"duet-tab-group-collapses":this.collapses},"aria-label":this.accessibleLabel},!i&&this.tabs.length>3&&this.collapses&&e("duet-select",{key:"8c1717c42f63f55fd0e66c2c981076fb7ebb822b",value:this.selected.toString(),expand:!0,label:this.label,labelHidden:this.labelHidden,theme:this.theme,onDuetChange:t=>this.onTabSelect(Number(t.detail.value)),items:this.tabs.map(((t,e)=>({label:t.label,value:e.toString()})))}),e("div",{key:"e269e1dc5913d6d656634c19dfea91594c17a635",role:"tablist",class:{"duet-m-0":"none"===this.margin||"checked"===this.variation,"duet-tab-group-tabs":!0,"duet-tab-group-hidden":this.tabs.length>3&&!i,"duet-tab-group-collapses":this.collapses},ref:t=>{this.tabsContainer=t}},this.renderTab()),e("div",{key:"331c2d4ec2fdb88caa5f3c0057e81292d86028d5",class:{"duet-tab-group-content":!0,"duet-m-0":"none"===this.margin,"checked-group-content":"checked"===this.variation}},e("slot",{key:"a78e9aa86f7c03563db3d43eeb30e20845b0a043"})))}get element(){return a(this)}};S.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:none}@media (min-width: 36em){.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:block}}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(225, 227, 230)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(228, 228, 230)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;overflow:visible;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(247, 178, 40);box-shadow:0 0 0 1px #dea024}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(222, 35, 98);box-shadow:0 0 0 1px #c82058}.duet-tab-variation-plain .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(228, 228, 230)}.duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(250, 164, 15);box-shadow:0 0 0 1px #e1940e}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-warning::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{position:absolute;top:6px;right:6px;display:inline-block;width:6px;height:6px;content:"";border-radius:50%;background:rgb(224, 42, 13);box-shadow:0 0 0 1px #ca260c}.duet-tab-variation-plain .duet-theme-turva .duet-tab-button.duet-notification-mark-danger::after{top:calc(50% - 0.5rem - 6px);right:-6px}.duet-tab-button.duet-p-0{padding:0 !important}@media (min-width: 36em){.duet-tab-button{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid rgb(225, 227, 230);border-radius:0}}.duet-tab-button:hover{z-index:200;border-color:rgb(144, 149, 153)}.duet-theme-turva .duet-tab-button:hover{border-color:rgb(116, 116, 117)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(255, 255, 255);background:rgb(0, 41, 77);border-color:rgb(0, 41, 77);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(255, 255, 255);background-color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.duet-tab-button:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-tab-button:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding-right:0;padding-left:0;margin-left:0;border:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(198, 12, 48);border-bottom-color:rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(207, 210, 212);border-bottom-color:rgb(0, 119, 179);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(207, 210, 212);border-bottom-color:rgb(68, 68, 69)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(243, 249, 252) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 245, 247) 0%, rgb(255, 255, 255) 100%);border-color:rgb(68, 68, 69);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(101, 119, 135)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{position:relative;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.5;color:rgb(0, 41, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:" ";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva .duet-tab-group-content.checked-group-content::after{background-color:rgb(68, 68, 69)}';export{y as duet_scrollable,z as duet_tab,S as duet_tab_group}

package/lib/duet/{p-7a5dd34d.entry.js → p-dd62f6ef.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{E as t,r as e,h as i,H as s,g as a}from"./p-7c3649ba.js";import{i as o}from"./p-a58bd561.js";import{g as n,r as d}from"./p-1784b1d2.js";import"./p-4a901bfc.js";const h=t=>{if("script"===t.nodeName.toLowerCase())return!1;for(let e=0;e<t.attributes.length;e++)if(0===t.attributes[e].name.toLowerCase().indexOf("on"))return!1;if(t.children)for(let e=0;e<t.children.length;e++)if(!h(t.children[e]))return!1;return!0},r={};const u=class{constructor(t){e(this,t),this.svgContent=void 0,this.theme="",this.icon=void 0,this.src=void 0,this.name="action-add",this.margin="auto",this.responsive=!0,this.color="",this.background="",this.backgroundOpacity=1,this.backgroundRotation=0,this.size="medium",this.outline="",this.shape="circle"}async componentWillLoad(){o(this),this.src&&this.icon&&console.warn("[DUET COMPONENTS]: <duet-icon> should have either have src or icon attributes, but not both. icon attribute will take precedence","icon:",this.icon,"src:",this.src),await this.loadIcon(null,null)}async loadIcon(e,i){if(this.icon)return void(this.svgContent=this.icon);if(this.element.shadowRoot.querySelector("svg")&&!this.svgContent){if(null===i&&null===e)return;if(this.element.shadowRoot.querySelector(`.duet-icon-svg[data-name="${e}"]`))return}const s=this.src?this.src:`${t.cdnURIProd}/icons/${t.duetIconVersion}/lib/assets/${this.name}.svg`;try{this.svgContent=await function(t){if(r[t])return r[t];const e=async function(){const e=await fetch(t);if(!e.ok)throw new Error(`SVG request failed: ${e.status} ${e.statusText}`);const i=(t=>{if("undefined"==typeof document||!t)return;const e=document.createElement("div");e.innerHTML=t;for(let t=e.childNodes.length-1;t>=0;t--)"svg"!==e.childNodes[t].nodeName.toLowerCase()&&e.removeChild(e.childNodes[t]);return e.firstElementChild})(await e.text());if(!h(i))throw new Error("SVG validation failed");const s=document.createElement("div");return s.appendChild(i),s.innerHTML}();return r[t]=e}(s)}catch(t){console.warn(`[DUET COMPONENTS]: <duet-icon> could not load SVG from URL: ${s}.`,t)}}render(){const t="currentColor"===this.color?"currentColor":n(this.color,this.theme)||n(this.outline,this.theme),e=this.backgroundRotation?{transform:`rotate(${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{},a=Object.assign({color:t,background:d(n(this.background,this.theme),this.backgroundOpacity),"border-color":n(this.outline,this.theme)},e),o=Object.assign({},this.backgroundRotation?{transform:`rotate(-${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{}),h="brand-rotated"===this.shape?"duet-icon-shape-brand":`duet-icon-shape-${this.shape}`;return i(s,{key:"a3593df5452b917ea5ef9564818dc2fecb2f0534",class:{"duet-m-0":"none"===this.margin,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background}},i("span",{key:"f4e2d26101ca844b17c7bde3925de8ae98683763","aria-hidden":"true",style:a,class:{"duet-icon":!0,"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background,[h]:!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme,"duet-icon-not-responsive":!this.responsive}},i("span",{key:"21ed486b7bd353958a0a6971a442a3e4b0d804db","aria-hidden":"true",class:{"duet-icon-svg":!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme},"data-name":this.name,innerHTML:this.svgContent,style:o})))}get element(){return a(this)}static get watchers(){return{src:["loadIcon"],icon:["loadIcon"],name:["loadIcon"]}}};u.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){:host(.duet-icon-has-outline){margin-bottom:0 !important}}@media (max-width: 35.9375em){:host(.duet-icon-has-background){margin-bottom:0 !important}}:host(.duet-m-0){margin:0 !important}@media (max-width: 35.9375em){:host(.duet-m-0){margin:0 !important}}.duet-icon{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;transform-origin:top center}.duet-icon.duet-icon-has-outline{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-outline{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-background{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background.duet-theme-turva,.duet-icon.duet-icon-has-background.duet-theme-default{color:rgb(255, 255, 255)}.duet-icon.duet-icon-shape-circle{border-radius:50%}.duet-icon.duet-icon-shape-brand{border-radius:25%}@media (max-width: 35.9375em){.duet-icon.duet-icon-not-responsive{transform:scale(1) !important}}.duet-icon.duet-theme-default{color:rgb(0, 119, 179)}.duet-icon.duet-theme-turva{color:rgb(198, 12, 48)}.duet-icon.duet-icon-shape-brand.rotated{transform:rotate(7deg) scale(0.875);transform-origin:center}.duet-icon.duet-icon-shape-brand.duet-theme-turva{display:flex;align-items:center;justify-content:center;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");mask-repeat:no-repeat;mask-position:center}.duet-icon.duet-icon-shape-brand.duet-theme-turva .duet-icon-svg{min-width:auto}.duet-icon .duet-icon-svg{display:block;width:24px;min-width:100%;height:24px;font-size:0}.duet-icon .duet-icon-svg.rotated{transform:rotate(-7deg) scale(1.14)}.duet-icon svg{width:100%;min-width:100%;overflow:clip;fill:currentColor;overflow-clip-margin:1px}:host([size=auto]) .duet-icon-svg{width:100%;height:100%}:host([size=xxx-small]) .duet-icon-svg{width:7px;height:7px}:host([size=xxx-small]) .duet-icon-has-background{padding:6px}:host([size=xxx-small]) .duet-icon-has-outline{padding:4px}:host([size=xxx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xxx-small]) .duet-icon-has-outline .duet-icon-svg{width:10px;height:10px}:host([size=xxx-small]) .duet-icon-shape-brand{padding:0}:host([size=xxx-small]) .duet-icon-shape-brand .duet-icon-svg{width:0;height:0}:host([size=xx-small]) .duet-icon-svg{width:10px;height:10px}:host([size=xx-small]) .duet-icon-has-background{padding:8px}:host([size=xx-small]) .duet-icon-has-outline{padding:7px}:host([size=xx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xx-small]) .duet-icon-has-outline .duet-icon-svg{width:16px;height:16px}:host([size=xx-small]) .duet-icon-shape-brand{padding:4px}:host([size=xx-small]) .duet-icon-shape-brand .duet-icon-svg{width:10px;height:10px}:host([size=xx-small]) .duet-theme-turva .duet-icon-shape-brand{width:18px;height:15px;padding:0}:host([size=x-small]) .duet-icon-svg{width:16px;height:16px}:host([size=x-small]) .duet-icon-has-outline{padding:10px}:host([size=x-small]) .duet-icon-has-background{padding:12px}:host([size=x-small]) .duet-icon-shape-brand{padding:8px}:host([size=x-small]) .duet-icon-shape-brand .duet-icon-svg{width:16px;height:16px}:host([size=x-small]) .duet-theme-turva .duet-icon-shape-brand{width:32px;height:30px;padding:0}:host([size=small]) .duet-icon-svg{width:20px;height:20px}:host([size=small]) .duet-icon-has-background{padding:14px}:host([size=small]) .duet-icon-shape-brand{padding:8px}:host([size=small]) .duet-icon-shape-brand .duet-icon-svg{width:20px;height:20px}:host([size=small]) .duet-theme-turva .duet-icon-shape-brand{width:36px;height:34px;padding:0}:host([size=medium]) .duet-icon-shape-brand{padding:12px}:host([size=medium]) .duet-icon-shape-brand .duet-icon-svg{width:24px;height:24px}:host([size=medium]) .duet-theme-turva .duet-icon-shape-brand{width:48px;height:44px;padding:0}:host([size=large]) .duet-icon-svg{width:30px;height:30px}:host([size=large]) .duet-icon-shape-brand{padding:16px}:host([size=large]) .duet-icon-shape-brand .duet-icon-svg{width:30px;height:30px}:host([size=large]) .duet-theme-turva .duet-icon-shape-brand{width:62px;height:56px;padding:0}:host([size=x-large]) .duet-icon-svg{width:36px;height:36px}:host([size=x-large]) .duet-icon-shape-brand{padding:20px}:host([size=x-large]) .duet-icon-shape-brand .duet-icon-svg{width:36px;height:36px}:host([size=x-large]) .duet-theme-turva .duet-icon-shape-brand{width:76px;height:68px;padding:0}:host([size=xx-large]) .duet-icon-svg{width:48px;height:48px}:host([size=xx-large]) .duet-icon-shape-brand{padding:24px}:host([size=xx-large]) .duet-icon-shape-brand .duet-icon-svg{width:48px;height:48px}:host([size=xx-large]) .duet-theme-turva .duet-icon-shape-brand{width:95px;height:86px;padding:0}:host([size=xxx-large]) .duet-icon-svg{width:48px;height:48px}@media (min-width: 48em){:host([size=xxx-large]) .duet-icon-svg{width:72px;height:72px}}:host([size=xxx-large]) .duet-icon-shape-brand{padding:36px}:host([size=xxx-large]) .duet-icon-shape-brand .duet-icon-svg{width:72px;height:72px}:host([size=xxx-large]) .duet-theme-turva .duet-icon-shape-brand{width:144px;height:130px;padding:0}";export{u as duet_icon}
+import{E as t,r as e,h as i,H as s,g as a}from"./p-79f07f14.js";import{i as o}from"./p-aaa7a7bd.js";import{g as n,r as d}from"./p-1784b1d2.js";import"./p-4a901bfc.js";const h=t=>{if("script"===t.nodeName.toLowerCase())return!1;for(let e=0;e<t.attributes.length;e++)if(0===t.attributes[e].name.toLowerCase().indexOf("on"))return!1;if(t.children)for(let e=0;e<t.children.length;e++)if(!h(t.children[e]))return!1;return!0},r={};const u=class{constructor(t){e(this,t),this.svgContent=void 0,this.theme="",this.icon=void 0,this.src=void 0,this.name="action-add",this.margin="auto",this.responsive=!0,this.color="",this.background="",this.backgroundOpacity=1,this.backgroundRotation=0,this.size="medium",this.outline="",this.shape="circle"}async componentWillLoad(){o(this),this.src&&this.icon&&console.warn("[DUET COMPONENTS]: <duet-icon> should have either have src or icon attributes, but not both. icon attribute will take precedence","icon:",this.icon,"src:",this.src),await this.loadIcon(null,null)}async loadIcon(e,i){if(this.icon)return void(this.svgContent=this.icon);if(this.element.shadowRoot.querySelector("svg")&&!this.svgContent){if(null===i&&null===e)return;if(this.element.shadowRoot.querySelector(`.duet-icon-svg[data-name="${e}"]`))return}const s=this.src?this.src:`${t.cdnURIProd}/icons/${t.duetIconVersion}/lib/assets/${this.name}.svg`;try{this.svgContent=await function(t){if(r[t])return r[t];const e=async function(){const e=await fetch(t);if(!e.ok)throw new Error(`SVG request failed: ${e.status} ${e.statusText}`);const i=(t=>{if("undefined"==typeof document||!t)return;const e=document.createElement("div");e.innerHTML=t;for(let t=e.childNodes.length-1;t>=0;t--)"svg"!==e.childNodes[t].nodeName.toLowerCase()&&e.removeChild(e.childNodes[t]);return e.firstElementChild})(await e.text());if(!h(i))throw new Error("SVG validation failed");const s=document.createElement("div");return s.appendChild(i),s.innerHTML}();return r[t]=e}(s)}catch(t){console.warn(`[DUET COMPONENTS]: <duet-icon> could not load SVG from URL: ${s}.`,t)}}render(){const t="currentColor"===this.color?"currentColor":n(this.color,this.theme)||n(this.outline,this.theme),e=this.backgroundRotation?{transform:`rotate(${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{},a=Object.assign({color:t,background:d(n(this.background,this.theme),this.backgroundOpacity),"border-color":n(this.outline,this.theme)},e),o=Object.assign({},this.backgroundRotation?{transform:`rotate(-${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{}),h="brand-rotated"===this.shape?"duet-icon-shape-brand":`duet-icon-shape-${this.shape}`;return i(s,{key:"a3593df5452b917ea5ef9564818dc2fecb2f0534",class:{"duet-m-0":"none"===this.margin,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background}},i("span",{key:"f4e2d26101ca844b17c7bde3925de8ae98683763","aria-hidden":"true",style:a,class:{"duet-icon":!0,"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background,[h]:!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme,"duet-icon-not-responsive":!this.responsive}},i("span",{key:"21ed486b7bd353958a0a6971a442a3e4b0d804db","aria-hidden":"true",class:{"duet-icon-svg":!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme},"data-name":this.name,innerHTML:this.svgContent,style:o})))}get element(){return a(this)}static get watchers(){return{src:["loadIcon"],icon:["loadIcon"],name:["loadIcon"]}}};u.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){:host(.duet-icon-has-outline){margin-bottom:0 !important}}@media (max-width: 35.9375em){:host(.duet-icon-has-background){margin-bottom:0 !important}}:host(.duet-m-0){margin:0 !important}@media (max-width: 35.9375em){:host(.duet-m-0){margin:0 !important}}.duet-icon{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;transform-origin:top center}.duet-icon.duet-icon-has-outline{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-outline{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-background{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background.duet-theme-turva,.duet-icon.duet-icon-has-background.duet-theme-default{color:rgb(255, 255, 255)}.duet-icon.duet-icon-shape-circle{border-radius:50%}.duet-icon.duet-icon-shape-brand{border-radius:25%}@media (max-width: 35.9375em){.duet-icon.duet-icon-not-responsive{transform:scale(1) !important}}.duet-icon.duet-theme-default{color:rgb(0, 119, 179)}.duet-icon.duet-theme-turva{color:rgb(198, 12, 48)}.duet-icon.duet-icon-shape-brand.rotated{transform:rotate(7deg) scale(0.875);transform-origin:center}.duet-icon.duet-icon-shape-brand.duet-theme-turva{display:flex;align-items:center;justify-content:center;-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");-webkit-mask-repeat:no-repeat;mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 144 130' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4002 0.00277722C71.354 0.0260204 75.7751 0.261773 80.1626 0.90262C83.3916 1.37412 86.6046 1.97513 89.824 2.51802C91.5585 2.81022 93.3026 3.05925 95.0291 3.3996C102.623 4.89215 109.884 7.35924 116.592 11.4152C122.597 15.0478 127.726 19.7163 131.919 25.4756C135.024 29.7374 137.515 34.3662 139.4 39.3319C140.317 41.7459 141.075 44.2262 141.854 46.695C142.021 47.2196 141.984 47.8157 142.021 48.3801C142.354 53.5833 142.664 58.7864 143.018 63.9879C143.237 67.2021 143.528 70.4097 143.768 73.6206C144.067 77.5985 144.095 81.578 143.746 85.5576C143.501 88.3567 143.106 91.1293 142.437 93.8537C141.117 99.2395 138.941 104.207 135.603 108.58C132.414 112.759 128.49 116.036 123.975 118.561C120.429 120.544 116.702 122.058 112.824 123.175C109.121 124.241 105.361 125.011 101.548 125.493C100.916 125.572 100.351 125.768 99.783 126.074C98.1525 126.95 96.3956 127.47 94.6163 127.912C91.4225 128.705 88.1775 129.168 84.9149 129.495C83.0572 129.681 81.1978 129.838 79.3385 129.995C79.1337 130.012 78.9097 129.985 78.7161 129.916C76.2087 129.009 73.6566 128.255 71.0356 127.825C68.8547 127.467 66.6529 127.135 64.4512 127.047C58.4156 126.809 52.54 125.717 46.7989 123.809C40.8193 121.822 35.1245 119.181 29.8458 115.634C24.3911 111.97 19.5668 107.566 15.4705 102.313C10.9582 96.5267 7.406 90.1597 4.73864 83.2598C2.95772 78.6544 1.67604 73.8978 0.898394 68.9935C0.328759 65.3975 0.0183391 61.7798 0.000737963 58.1373C-0.0120628 55.3132 0.141547 52.4992 0.471168 49.6934C0.867992 46.3131 1.46643 42.9728 2.35449 39.6955C2.6121 38.7458 3.02813 37.8327 3.44735 36.9395C4.105 35.5366 4.70343 34.0773 5.54829 32.8006C7.15959 30.3683 8.51487 27.8182 9.53734 25.0705C9.60134 24.8962 9.71655 24.7302 9.84136 24.5957C12.1119 22.1535 14.5201 19.8674 17.0514 17.7191C23.9622 11.8551 31.6315 7.39743 40.0769 4.39076C44.0019 2.99285 48.023 1.97015 52.1144 1.24795C56.6011 0.45934 62.4495 -0.0420489 67.4002 0.00277722Z' /%3E%3C/svg%3E\");mask-repeat:no-repeat;mask-position:center}.duet-icon.duet-icon-shape-brand.duet-theme-turva .duet-icon-svg{min-width:auto}.duet-icon .duet-icon-svg{display:block;width:24px;min-width:100%;height:24px;font-size:0}.duet-icon .duet-icon-svg.rotated{transform:rotate(-7deg) scale(1.14)}.duet-icon svg{width:100%;min-width:100%;overflow:clip;fill:currentColor;overflow-clip-margin:1px}:host([size=auto]) .duet-icon-svg{width:100%;height:100%}:host([size=xxx-small]) .duet-icon-svg{width:7px;height:7px}:host([size=xxx-small]) .duet-icon-has-background{padding:6px}:host([size=xxx-small]) .duet-icon-has-outline{padding:4px}:host([size=xxx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xxx-small]) .duet-icon-has-outline .duet-icon-svg{width:10px;height:10px}:host([size=xxx-small]) .duet-icon-shape-brand{padding:0}:host([size=xxx-small]) .duet-icon-shape-brand .duet-icon-svg{width:0;height:0}:host([size=xx-small]) .duet-icon-svg{width:10px;height:10px}:host([size=xx-small]) .duet-icon-has-background{padding:8px}:host([size=xx-small]) .duet-icon-has-outline{padding:7px}:host([size=xx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xx-small]) .duet-icon-has-outline .duet-icon-svg{width:16px;height:16px}:host([size=xx-small]) .duet-icon-shape-brand{padding:4px}:host([size=xx-small]) .duet-icon-shape-brand .duet-icon-svg{width:10px;height:10px}:host([size=xx-small]) .duet-theme-turva .duet-icon-shape-brand{width:18px;height:15px;padding:0}:host([size=x-small]) .duet-icon-svg{width:16px;height:16px}:host([size=x-small]) .duet-icon-has-outline{padding:10px}:host([size=x-small]) .duet-icon-has-background{padding:12px}:host([size=x-small]) .duet-icon-shape-brand{padding:8px}:host([size=x-small]) .duet-icon-shape-brand .duet-icon-svg{width:16px;height:16px}:host([size=x-small]) .duet-theme-turva .duet-icon-shape-brand{width:32px;height:30px;padding:0}:host([size=small]) .duet-icon-svg{width:20px;height:20px}:host([size=small]) .duet-icon-has-background{padding:14px}:host([size=small]) .duet-icon-shape-brand{padding:8px}:host([size=small]) .duet-icon-shape-brand .duet-icon-svg{width:20px;height:20px}:host([size=small]) .duet-theme-turva .duet-icon-shape-brand{width:36px;height:34px;padding:0}:host([size=medium]) .duet-icon-shape-brand{padding:12px}:host([size=medium]) .duet-icon-shape-brand .duet-icon-svg{width:24px;height:24px}:host([size=medium]) .duet-theme-turva .duet-icon-shape-brand{width:48px;height:44px;padding:0}:host([size=large]) .duet-icon-svg{width:30px;height:30px}:host([size=large]) .duet-icon-shape-brand{padding:16px}:host([size=large]) .duet-icon-shape-brand .duet-icon-svg{width:30px;height:30px}:host([size=large]) .duet-theme-turva .duet-icon-shape-brand{width:62px;height:56px;padding:0}:host([size=x-large]) .duet-icon-svg{width:36px;height:36px}:host([size=x-large]) .duet-icon-shape-brand{padding:20px}:host([size=x-large]) .duet-icon-shape-brand .duet-icon-svg{width:36px;height:36px}:host([size=x-large]) .duet-theme-turva .duet-icon-shape-brand{width:76px;height:68px;padding:0}:host([size=xx-large]) .duet-icon-svg{width:48px;height:48px}:host([size=xx-large]) .duet-icon-shape-brand{padding:24px}:host([size=xx-large]) .duet-icon-shape-brand .duet-icon-svg{width:48px;height:48px}:host([size=xx-large]) .duet-theme-turva .duet-icon-shape-brand{width:95px;height:86px;padding:0}:host([size=xxx-large]) .duet-icon-svg{width:48px;height:48px}@media (min-width: 48em){:host([size=xxx-large]) .duet-icon-svg{width:72px;height:72px}}:host([size=xxx-large]) .duet-icon-shape-brand{padding:36px}:host([size=xxx-large]) .duet-icon-shape-brand .duet-icon-svg{width:72px;height:72px}:host([size=xxx-large]) .duet-theme-turva .duet-icon-shape-brand{width:144px;height:130px;padding:0}";export{u as duet_icon}

package/lib/duet/{p-9d5823eb.entry.js → p-de59eb8b.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,h as a,H as t,g as i}from"./p-7c3649ba.js";import{i as r}from"./p-a58bd561.js";import{s,u as o}from"./p-a1b7f2a0.js";import{a as n,c as d,d as c,g as b}from"./p-bd936407.js";import"./p-0e052642.js";const l=class{constructor(a){e(this,a),this.currentCrumb={fi:"disabled. Nykyinen sivu",sv:"disabled. Visa mer",en:"disabled. Nuvarande sida"},this.hasSlottedContent=!1,this.theme="",this.language=n(),this.href="",this.icon="arrow-right-small-icon",this.iconSize="x-small",this.accessibleLabel=void 0}componentWillLoad(){r(this)}connectedCallback(){d(this),s(this),this.hasSlottedContent=Array.from(this.element.childNodes).length>0}disconnectedCallback(){c(this),o(this)}render(){var e;return a(t,{key:"359ae28dfb18d2d046fe37336a6cfcbca4050020",role:"listitem"},a("div",{key:"fa63a10176ffb7fc0852548b5cdad3de11313017",class:"container"},"arrow-right-small-icon"===this.icon&&a("duet-icon",{key:"3f4812106582ffa66c6a2e9945ab202405316d50",class:"duet-breadrumbs-arrow",size:"auto",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z"/></svg>',margin:"none",color:"currentColor"}),a("a",{key:"afd2f603bc04c3ec10e43333c473037f10ae36b6",class:{"duet-breadcrumb":!0,"duet-theme-turva":"turva"===this.theme},href:this.href?this.href:void 0,"aria-label":`${this.href?"":`${b(this.currentCrumb)} `}${null!==(e=this.accessibleLabel)&&void 0!==e?e:this.element.innerHTML}`,role:"link"},"arrow-right-small-icon"!==this.icon&&this.icon&&[a("duet-icon",{key:"7c6a8a607ed039c68829995e64cbe236177b96a8",size:this.iconSize,name:this.icon,margin:"none",color:"currentColor"}),this.hasSlottedContent&&a("duet-spacer",{key:"1d21488a81bb71662d33c68b06014822ec4b6780",size:"x-small",direction:"horizontal"})],a("slot",{key:"d31c6089569f94f9daa8189b213233c8d50a0062"}))))}get element(){return i(this)}};l.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:list-item;width:auto}.container{display:flex;gap:8px;align-items:center}.hide{display:none}.duet-breadrumbs-arrow{display:block;align-items:center;justify-content:center;width:0.375rem;min-width:0.375rem;height:0.375rem;min-height:0.375rem}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;font-weight:inherit;line-height:1.25;color:inherit;text-decoration:none}.duet-breadcrumb:focus{outline:0}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";export{l as duet_breadcrumb}
+import{r as e,h as a,H as t,g as i}from"./p-79f07f14.js";import{i as r}from"./p-aaa7a7bd.js";import{s,u as o}from"./p-a1b7f2a0.js";import{a as n,c as d,d as c,g as b}from"./p-6395958b.js";import"./p-0e052642.js";const l=class{constructor(a){e(this,a),this.currentCrumb={fi:"disabled. Nykyinen sivu",sv:"disabled. Visa mer",en:"disabled. Nuvarande sida"},this.hasSlottedContent=!1,this.theme="",this.language=n(),this.href="",this.icon="arrow-right-small-icon",this.iconSize="x-small",this.accessibleLabel=void 0}componentWillLoad(){r(this)}connectedCallback(){d(this),s(this),this.hasSlottedContent=Array.from(this.element.childNodes).length>0}disconnectedCallback(){c(this),o(this)}render(){var e;return a(t,{key:"359ae28dfb18d2d046fe37336a6cfcbca4050020",role:"listitem"},a("div",{key:"fa63a10176ffb7fc0852548b5cdad3de11313017",class:"container"},"arrow-right-small-icon"===this.icon&&a("duet-icon",{key:"3f4812106582ffa66c6a2e9945ab202405316d50",class:"duet-breadrumbs-arrow",size:"auto",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z"/></svg>',margin:"none",color:"currentColor"}),a("a",{key:"afd2f603bc04c3ec10e43333c473037f10ae36b6",class:{"duet-breadcrumb":!0,"duet-theme-turva":"turva"===this.theme},href:this.href?this.href:void 0,"aria-label":`${this.href?"":`${b(this.currentCrumb)} `}${null!==(e=this.accessibleLabel)&&void 0!==e?e:this.element.innerHTML}`,role:"link"},"arrow-right-small-icon"!==this.icon&&this.icon&&[a("duet-icon",{key:"7c6a8a607ed039c68829995e64cbe236177b96a8",size:this.iconSize,name:this.icon,margin:"none",color:"currentColor"}),this.hasSlottedContent&&a("duet-spacer",{key:"1d21488a81bb71662d33c68b06014822ec4b6780",size:"x-small",direction:"horizontal"})],a("slot",{key:"d31c6089569f94f9daa8189b213233c8d50a0062"}))))}get element(){return i(this)}};l.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:list-item;width:auto}.container{display:flex;gap:8px;align-items:center}.hide{display:none}.duet-breadrumbs-arrow{display:block;align-items:center;justify-content:center;width:0.375rem;min-width:0.375rem;height:0.375rem;min-height:0.375rem}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;font-weight:inherit;line-height:1.25;color:inherit;text-decoration:none}.duet-breadcrumb:focus{outline:0}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";export{l as duet_breadcrumb}

package/lib/duet/{p-9bdec5df.entry.js → p-de616b16.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,c as t,h as r,H as a,g as i}from"./p-7c3649ba.js";import{i as s,j as d,k as n,l as u}from"./p-4a901bfc.js";import{i as o}from"./p-a58bd561.js";import{c as g}from"./p-5e59e970.js";import{i as l}from"./p-43b89e38.js";import{s as c,u as h}from"./p-a1b7f2a0.js";const b={turva:{active:s,inactive:d},default:{active:n,inactive:u}},p=class{constructor(r){e(this,r),this.duetChange=t(this,"duetChange",3),this.duetInput=t(this,"duetInput",7),this.rangeId=g("DuetRange"),this.onInput=e=>{const t=e.target;t&&(this.value=parseFloat(t.value)||0),this.duetInput.emit({originalEvent:e,value:this.value,component:"duet-range-slider"})},this.onChange=e=>{const t=e.target;t&&(this.value=parseFloat(t.value)||0),clearTimeout(this.timeoutId),this.timeoutId=setTimeout((()=>{this.duetChange.emit({originalEvent:e,value:this.value,component:"duet-range-slider"})}),this.debounce)},this.theme="",this.margin="auto",this.expand=!1,this.identifier=void 0,this.name=void 0,this.required=!1,this.disabled=!1,this.accessibleActiveDescendant=void 0,this.accessibleControls=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.min=0,this.label="label",this.labelColor=void 0,this.labelWeight=void 0,this.labelHidden=!1,this.unit="",this.max=100,this.step=1,this.locale="fi-FI",this.value=0,this.debounce=0}componentWillLoad(){o(this)}connectedCallback(){c(this)}disconnectedCallback(){h(this)}async setFocus(e){this.nativeInput.focus(e)}calculatePercentage(){return(this.value-this.min)/(this.max-this.min)*100}render(){const e=this.identifier||this.rangeId,t="turva"===this.theme?"turva":"default",{inactive:i,active:s}=b[t],d=this.calculatePercentage(),n={background:`-webkit-linear-gradient(left,${s} 0%,${s} ${d}%,${i} ${d}%)`};return r(a,{class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand}},r("div",{class:{"duet-range-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,"duet-ie":l(),"duet-range-disabled":this.disabled}},r("duet-label",{theme:t,color:this.labelColor,weight:this.labelWeight,margin:"small",for:e},this.label),r("output",{"aria-hidden":"true",htmlFor:e,class:"duet-output"},this.value.toLocaleString(this.locale),this.unit),r("input",{onInput:this.onInput,onChange:this.onChange,ref:e=>this.nativeInput=e,type:"range",min:this.min,max:this.max,step:this.step,value:this.value,style:n,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} ${this.unit}`,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,id:e,name:this.name,disabled:this.disabled,required:this.required,class:"duet-range"})))}get element(){return i(this)}};p.style='*.sc-duet-range-slider,*.sc-duet-range-slider::after,*.sc-duet-range-slider::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-range-slider-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-range-slider-h:last-child,.sc-duet-range-slider-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-range-slider-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-range-slider-h{width:100% !important}}.duet-m-0.sc-duet-range-slider-h{margin:0 !important}.duet-range-container.sc-duet-range-slider{position:relative;width:100%}.duet-output.sc-duet-range-slider{position:absolute;top:12px;right:0;z-index:200;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:1.25;color:rgb(0, 41, 77);background:rgb(255, 255, 255)}.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-range-disabled.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:rgb(144, 149, 153)}.duet-range-disabled.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider{position:relative;z-index:100;width:100%;height:4px;background:rgb(207, 210, 212);border-radius:4px}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider{background:rgb(207, 207, 209)}.duet-ie.sc-duet-range-slider .duet-range.sc-duet-range-slider{display:block;width:auto;height:26px;background:transparent !important}.duet-range.sc-duet-range-slider::-moz-range-track{height:1px;background:transparent !important;border:0;-moz-appearance:none}.duet-range.sc-duet-range-slider::-ms-track{color:transparent;background:transparent;border:0}.duet-range.sc-duet-range-slider:focus,.duet-range.sc-duet-range-slider:active{outline:0}.user-is-tabbing.sc-duet-range-slider-h .duet-range.sc-duet-range-slider:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-range.sc-duet-range-slider::-webkit-slider-runnable-track{background:transparent}.duet-range.sc-duet-range-slider::-webkit-slider-thumb{position:relative;width:24px;height:24px;cursor:-webkit-grab;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%;transition:box-shadow 300ms ease;-webkit-appearance:none}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-webkit-slider-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:active::-webkit-slider-thumb{cursor:-webkit-grabbing}.duet-range.sc-duet-range-slider::-moz-range-thumb{position:relative;width:24px;height:24px;cursor:-moz-grab;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%;appearance:none}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-moz-range-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:active::-moz-range-thumb{cursor:-moz-grabbing}.duet-range.sc-duet-range-slider::-ms-thumb{position:relative;width:24px;height:24px;overflow:visible;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:disabled{background:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled{background:rgb(207, 207, 209) !important}.duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider:disabled::-ms-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-ms-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider::-ms-fill-lower{height:4px;background:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-lower{background:rgb(198, 12, 48)}.duet-range.sc-duet-range-slider::-ms-fill-upper{height:4px;background:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-upper{background:rgb(207, 207, 209)}.duet-label-hidden.sc-duet-range-slider duet-label.sc-duet-range-slider,.duet-label-hidden.sc-duet-range-slider output.sc-duet-range-slider{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';export{p as duet_range_slider}
+import{r as e,c as t,h as r,H as a,g as i}from"./p-79f07f14.js";import{i as s,j as d,k as n,l as u}from"./p-4a901bfc.js";import{i as o}from"./p-aaa7a7bd.js";import{c as g}from"./p-5e59e970.js";import{i as l}from"./p-43b89e38.js";import{s as c,u as h}from"./p-a1b7f2a0.js";const b={turva:{active:s,inactive:d},default:{active:n,inactive:u}},p=class{constructor(r){e(this,r),this.duetChange=t(this,"duetChange",3),this.duetInput=t(this,"duetInput",7),this.rangeId=g("DuetRange"),this.onInput=e=>{const t=e.target;t&&(this.value=parseFloat(t.value)||0),this.duetInput.emit({originalEvent:e,value:this.value,component:"duet-range-slider"})},this.onChange=e=>{const t=e.target;t&&(this.value=parseFloat(t.value)||0),clearTimeout(this.timeoutId),this.timeoutId=setTimeout((()=>{this.duetChange.emit({originalEvent:e,value:this.value,component:"duet-range-slider"})}),this.debounce)},this.theme="",this.margin="auto",this.expand=!1,this.identifier=void 0,this.name=void 0,this.required=!1,this.disabled=!1,this.accessibleActiveDescendant=void 0,this.accessibleControls=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.min=0,this.label="label",this.labelColor=void 0,this.labelWeight=void 0,this.labelHidden=!1,this.unit="",this.max=100,this.step=1,this.locale="fi-FI",this.value=0,this.debounce=0}componentWillLoad(){o(this)}connectedCallback(){c(this)}disconnectedCallback(){h(this)}async setFocus(e){this.nativeInput.focus(e)}calculatePercentage(){return(this.value-this.min)/(this.max-this.min)*100}render(){const e=this.identifier||this.rangeId,t="turva"===this.theme?"turva":"default",{inactive:i,active:s}=b[t],d=this.calculatePercentage(),n={background:`-webkit-linear-gradient(left,${s} 0%,${s} ${d}%,${i} ${d}%)`};return r(a,{class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand}},r("div",{class:{"duet-range-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,"duet-ie":l(),"duet-range-disabled":this.disabled}},r("duet-label",{theme:t,color:this.labelColor,weight:this.labelWeight,margin:"small",for:e},this.label),r("output",{"aria-hidden":"true",htmlFor:e,class:"duet-output"},this.value.toLocaleString(this.locale),this.unit),r("input",{onInput:this.onInput,onChange:this.onChange,ref:e=>this.nativeInput=e,type:"range",min:this.min,max:this.max,step:this.step,value:this.value,style:n,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} ${this.unit}`,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,id:e,name:this.name,disabled:this.disabled,required:this.required,class:"duet-range"})))}get element(){return i(this)}};p.style='*.sc-duet-range-slider,*.sc-duet-range-slider::after,*.sc-duet-range-slider::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-range-slider-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-range-slider-h:last-child,.sc-duet-range-slider-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-range-slider-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-range-slider-h{width:100% !important}}.duet-m-0.sc-duet-range-slider-h{margin:0 !important}.duet-range-container.sc-duet-range-slider{position:relative;width:100%}.duet-output.sc-duet-range-slider{position:absolute;top:12px;right:0;z-index:200;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:1.25;color:rgb(0, 41, 77);background:rgb(255, 255, 255)}.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-range-disabled.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:rgb(144, 149, 153)}.duet-range-disabled.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider{position:relative;z-index:100;width:100%;height:4px;background:rgb(207, 210, 212);border-radius:4px}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider{background:rgb(207, 207, 209)}.duet-ie.sc-duet-range-slider .duet-range.sc-duet-range-slider{display:block;width:auto;height:26px;background:transparent !important}.duet-range.sc-duet-range-slider::-moz-range-track{height:1px;background:transparent !important;border:0;-moz-appearance:none}.duet-range.sc-duet-range-slider::-ms-track{color:transparent;background:transparent;border:0}.duet-range.sc-duet-range-slider:focus,.duet-range.sc-duet-range-slider:active{outline:0}.user-is-tabbing.sc-duet-range-slider-h .duet-range.sc-duet-range-slider:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-range.sc-duet-range-slider::-webkit-slider-runnable-track{background:transparent}.duet-range.sc-duet-range-slider::-webkit-slider-thumb{position:relative;width:24px;height:24px;cursor:-webkit-grab;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%;transition:box-shadow 300ms ease;-webkit-appearance:none}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-webkit-slider-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:active::-webkit-slider-thumb{cursor:-webkit-grabbing}.duet-range.sc-duet-range-slider::-moz-range-thumb{position:relative;width:24px;height:24px;cursor:-moz-grab;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%;appearance:none}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-moz-range-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:active::-moz-range-thumb{cursor:-moz-grabbing}.duet-range.sc-duet-range-slider::-ms-thumb{position:relative;width:24px;height:24px;overflow:visible;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:disabled{background:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled{background:rgb(207, 207, 209) !important}.duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider:disabled::-ms-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-ms-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider::-ms-fill-lower{height:4px;background:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-lower{background:rgb(198, 12, 48)}.duet-range.sc-duet-range-slider::-ms-fill-upper{height:4px;background:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-upper{background:rgb(207, 207, 209)}.duet-label-hidden.sc-duet-range-slider duet-label.sc-duet-range-slider,.duet-label-hidden.sc-duet-range-slider output.sc-duet-range-slider{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';export{p as duet_range_slider}

package/lib/duet/{p-5abdc5ab.entry.js → p-ded1d3e9.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,h as t,H as i,g as a}from"./p-7c3649ba.js";import{a as s}from"./p-d5c03b61.js";import{e as n,d as o}from"./p-8354d1f1.js";import{i as d}from"./p-a58bd561.js";const r=class{constructor(t){e(this,t),this.mql=[window.matchMedia(s.replace(/'/g,""))],this.boundMqlFunctions=[],this.handleMobileView=()=>{this.mql[0].matches?(this.mobile=!1,this.enableBodyScroll()):(this.mobile=!0,this.bodyScroll||this.disableBodyScroll())},this.onClick=()=>{this.open=!this.open},this.enableBodyScroll=()=>{this.nav&&n(this.nav),this.itemsContainer&&n(this.itemsContainer)},this.disableBodyScroll=()=>{this.nav&&o(this.nav,{reserveScrollBarGap:!0}),this.itemsContainer&&o(this.itemsContainer,{reserveScrollBarGap:!0})},this.checkIfHasItems=()=>{const e=!!this.element.querySelector("duet-submenu-bar-dropdown-link"),t=!!this.element.querySelector("duet-submenu-bar-link"),i=!!this.element.querySelector("duet-submenu-bar-item");return e||t||i},this.mobile=!0,this.bodyScroll=!0,this.theme="",this.open=!1,this.accessibleLabel=void 0}watchOpenStateHandler(e){e?(this.bodyScroll=!1,this.disableBodyScroll()):(this.enableBodyScroll(),this.bodyScroll=!0)}componentWillLoad(){d(this);const e=Array.from(this.element.children).filter((e=>!e.hasAttribute("slot")));for(const t of e)t.setAttribute("role","listitem")}connectedCallback(){this.nav=document.querySelector("duet-nav > [slot='mobile']"),this.hasItems=this.checkIfHasItems(),this.handleMobileView();for(let e=0;e<this.mql.length;e++)if(this.mql[e].addEventListener){const t=this.handleMobileView.bind(this);this.mql[e].addEventListener("change",t),this.boundMqlFunctions[e]=t}}disconnectedCallback(){for(let e=0;e<this.mql.length;e++)this.mql[e].removeEventListener&&this.mql[e].removeEventListener("change",this.boundMqlFunctions[e]);this.boundMqlFunctions=[],this.enableBodyScroll()}async setFocus(e){this.button.focus(e)}render(){return t(i,{key:"69317e4ee80209eac5d1a870e8f6fa121945c731"},t("nav",{key:"adfbdb06ac08c851a0f69104dbe0a8a09fcdbfee",class:{"duet-submenu-bar":!0,"duet-theme-turva":"turva"===this.theme},"aria-label":this.accessibleLabel},this.hasItems&&t("button",{key:"5cce21788254d2bc5e8e69c4f3b3519becc5a2a4",ref:e=>this.button=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick},t("span",{key:"2881e9809d7ad8e35ee4a2d02282528b6f54ae53",class:"label"},t("slot",{key:"1644f2923274be19458855ba0bf118a451c53c36",name:"label"}),t("duet-icon",{key:"3856e2a363483d51c309d5945592be82874b9e21",theme:this.theme,class:"caret",name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{key:"b197d0e782dfba29f74d85a0f2e068167973055e",class:{"menu-container":!0,hidden:!this.open},role:"presentation"},t("div",{key:"419fdb636dcd7c22a6edddf39c1b03455e82a286",role:this.mobile?"menu":null,id:"menu","aria-labelledby":this.mobile?"button":null,"aria-expanded":this.mobile?this.open?"true":"false":null,class:{items:!0,hidden:!this.open},ref:e=>this.itemsContainer=e},t("div",{key:"dc84a18900ea3ea4c20ef22e97fd156689db8fc7",class:"list",role:this.mobile?"presentation":"list"},t("slot",{key:"dfca01628d0ad873462277662227fc9a3f46b295"}),t("div",{key:"ae2577bcd57b05ab149d069fb45193ae9218f80f",class:"list-padding"}))),t("duet-overlay",{key:"835e3cc04e688ea5205699931476a500cc9f9f8e","keep-stacking-context":!0,visible:this.open,"display-device":"not-large",transition:"immediate"}))))}get element(){return a(this)}static get watchers(){return{open:["watchOpenStateHandler"]}}};r.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:none}@media (min-width: 62em){:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:inherit}}.duet-submenu-bar{position:relative;z-index:1;background:rgb(243, 249, 252)}@media (min-width: 62em){.duet-submenu-bar{border-bottom:1px solid rgb(205, 229, 241)}}.duet-submenu-bar button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 41, 77)}.duet-submenu-bar button.active .caret{transform:rotate(180deg)}.duet-submenu-bar button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar button .label{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar button{display:none}}.duet-submenu-bar .menu-container{position:absolute;z-index:399;width:100%}.duet-submenu-bar .menu-container.hidden{max-height:0;overflow:hidden;visibility:hidden}@media (min-width: 62em){.duet-submenu-bar .menu-container,.duet-submenu-bar .menu-container.hidden{position:static;z-index:auto;max-height:unset;overflow:visible;visibility:visible}}.duet-submenu-bar .items{width:100%;height:70vh;overflow-y:scroll;visibility:visible;background:rgb(243, 249, 252);border-bottom:1px solid rgb(207, 210, 212)}.duet-submenu-bar .items ::slotted(*){position:relative}.duet-submenu-bar .items.hidden{max-height:0;overflow:hidden;visibility:hidden;border-bottom:0 solid rgb(207, 210, 212)}.duet-submenu-bar .items .list-padding{padding-bottom:188px}@media (min-width: 62em){.duet-submenu-bar .items .list{display:flex;align-items:center;justify-content:space-between;height:100%}.duet-submenu-bar .items,.duet-submenu-bar .items.hidden{position:static;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;height:auto;max-height:unset;overflow:visible;visibility:visible;border:0}.duet-submenu-bar .items .list-padding{display:none;padding-bottom:0}}.duet-submenu-bar.duet-theme-turva{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}.duet-submenu-bar.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar.duet-theme-turva .items{background:rgb(245, 245, 247)}.duet-submenu-bar.duet-theme-turva .mobile-background{background:rgb(23, 28, 58)}.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}';export{r as duet_submenu_bar}
+import{r as e,h as t,H as i,g as a}from"./p-79f07f14.js";import{a as s}from"./p-d5c03b61.js";import{e as n,d as o}from"./p-8354d1f1.js";import{i as d}from"./p-aaa7a7bd.js";const r=class{constructor(t){e(this,t),this.mql=[window.matchMedia(s.replace(/'/g,""))],this.boundMqlFunctions=[],this.handleMobileView=()=>{this.mql[0].matches?(this.mobile=!1,this.enableBodyScroll()):(this.mobile=!0,this.bodyScroll||this.disableBodyScroll())},this.onClick=()=>{this.open=!this.open},this.enableBodyScroll=()=>{this.nav&&n(this.nav),this.itemsContainer&&n(this.itemsContainer)},this.disableBodyScroll=()=>{this.nav&&o(this.nav,{reserveScrollBarGap:!0}),this.itemsContainer&&o(this.itemsContainer,{reserveScrollBarGap:!0})},this.checkIfHasItems=()=>{const e=!!this.element.querySelector("duet-submenu-bar-dropdown-link"),t=!!this.element.querySelector("duet-submenu-bar-link"),i=!!this.element.querySelector("duet-submenu-bar-item");return e||t||i},this.mobile=!0,this.bodyScroll=!0,this.theme="",this.open=!1,this.accessibleLabel=void 0}watchOpenStateHandler(e){e?(this.bodyScroll=!1,this.disableBodyScroll()):(this.enableBodyScroll(),this.bodyScroll=!0)}componentWillLoad(){d(this);const e=Array.from(this.element.children).filter((e=>!e.hasAttribute("slot")));for(const t of e)t.setAttribute("role","listitem")}connectedCallback(){this.nav=document.querySelector("duet-nav > [slot='mobile']"),this.hasItems=this.checkIfHasItems(),this.handleMobileView();for(let e=0;e<this.mql.length;e++)if(this.mql[e].addEventListener){const t=this.handleMobileView.bind(this);this.mql[e].addEventListener("change",t),this.boundMqlFunctions[e]=t}}disconnectedCallback(){for(let e=0;e<this.mql.length;e++)this.mql[e].removeEventListener&&this.mql[e].removeEventListener("change",this.boundMqlFunctions[e]);this.boundMqlFunctions=[],this.enableBodyScroll()}async setFocus(e){this.button.focus(e)}render(){return t(i,{key:"69317e4ee80209eac5d1a870e8f6fa121945c731"},t("nav",{key:"adfbdb06ac08c851a0f69104dbe0a8a09fcdbfee",class:{"duet-submenu-bar":!0,"duet-theme-turva":"turva"===this.theme},"aria-label":this.accessibleLabel},this.hasItems&&t("button",{key:"5cce21788254d2bc5e8e69c4f3b3519becc5a2a4",ref:e=>this.button=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick},t("span",{key:"2881e9809d7ad8e35ee4a2d02282528b6f54ae53",class:"label"},t("slot",{key:"1644f2923274be19458855ba0bf118a451c53c36",name:"label"}),t("duet-icon",{key:"3856e2a363483d51c309d5945592be82874b9e21",theme:this.theme,class:"caret",name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{key:"b197d0e782dfba29f74d85a0f2e068167973055e",class:{"menu-container":!0,hidden:!this.open},role:"presentation"},t("div",{key:"419fdb636dcd7c22a6edddf39c1b03455e82a286",role:this.mobile?"menu":null,id:"menu","aria-labelledby":this.mobile?"button":null,"aria-expanded":this.mobile?this.open?"true":"false":null,class:{items:!0,hidden:!this.open},ref:e=>this.itemsContainer=e},t("div",{key:"dc84a18900ea3ea4c20ef22e97fd156689db8fc7",class:"list",role:this.mobile?"presentation":"list"},t("slot",{key:"dfca01628d0ad873462277662227fc9a3f46b295"}),t("div",{key:"ae2577bcd57b05ab149d069fb45193ae9218f80f",class:"list-padding"}))),t("duet-overlay",{key:"835e3cc04e688ea5205699931476a500cc9f9f8e","keep-stacking-context":!0,visible:this.open,"display-device":"not-large",transition:"immediate"}))))}get element(){return a(this)}static get watchers(){return{open:["watchOpenStateHandler"]}}};r.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%}:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:none}@media (min-width: 62em){:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:inherit}}.duet-submenu-bar{position:relative;z-index:1;background:rgb(243, 249, 252)}@media (min-width: 62em){.duet-submenu-bar{border-bottom:1px solid rgb(205, 229, 241)}}.duet-submenu-bar button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 41, 77)}.duet-submenu-bar button.active .caret{transform:rotate(180deg)}.duet-submenu-bar button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar button .label{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar button{display:none}}.duet-submenu-bar .menu-container{position:absolute;z-index:399;width:100%}.duet-submenu-bar .menu-container.hidden{max-height:0;overflow:hidden;visibility:hidden}@media (min-width: 62em){.duet-submenu-bar .menu-container,.duet-submenu-bar .menu-container.hidden{position:static;z-index:auto;max-height:unset;overflow:visible;visibility:visible}}.duet-submenu-bar .items{width:100%;height:70vh;overflow-y:scroll;visibility:visible;background:rgb(243, 249, 252);border-bottom:1px solid rgb(207, 210, 212)}.duet-submenu-bar .items ::slotted(*){position:relative}.duet-submenu-bar .items.hidden{max-height:0;overflow:hidden;visibility:hidden;border-bottom:0 solid rgb(207, 210, 212)}.duet-submenu-bar .items .list-padding{padding-bottom:188px}@media (min-width: 62em){.duet-submenu-bar .items .list{display:flex;align-items:center;justify-content:space-between;height:100%}.duet-submenu-bar .items,.duet-submenu-bar .items.hidden{position:static;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;height:auto;max-height:unset;overflow:visible;visibility:visible;border:0}.duet-submenu-bar .items .list-padding{display:none;padding-bottom:0}}.duet-submenu-bar.duet-theme-turva{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}.duet-submenu-bar.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar.duet-theme-turva .items{background:rgb(245, 245, 247)}.duet-submenu-bar.duet-theme-turva .mobile-background{background:rgb(23, 28, 58)}.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}';export{r as duet_submenu_bar}

package/lib/duet/{p-a5d65d5f.entry.js → p-e15e4863.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,h as t,H as r,g as a}from"./p-7c3649ba.js";import{i as o}from"./p-a58bd561.js";import{g as d}from"./p-bd936407.js";import{g as i}from"./p-1784b1d2.js";import"./p-0e052642.js";import"./p-4a901bfc.js";const b=class{constructor(t){e(this,t),this.observers=[],this.breadcrumbsAriaLabel=d({fi:"Murupolku",sv:"Ströbröd",en:"Breadcrumbs"}),this.children=void 0,this.theme="",this.variation="header",this.color=""}componentWillLoad(){o(this),this.children=Array.from(this.element.children)}connectedCallback(){Array.from(this.element.children).forEach((e=>{const t=new MutationObserver((()=>this.children=Array.from(this.element.children)));t.observe(e,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),this.observers=[...this.observers,t]}))}disconnectedCallback(){this.observers.forEach((e=>e.disconnect())),this.observers=[]}render(){const e=i(this.color);return t(r,{key:"bec12db5b87b11910a7453f09d52e9b29d01cfd0"},t("nav",{key:"dd7fe8be9e6af016a540b70113c8393b7b62297b","aria-label":this.breadcrumbsAriaLabel,class:{"duet-breadcrumbs":!0,"duet-theme-turva":"turva"===this.theme,[this.variation]:!0}},t("div",{key:"933b37dd8fda5631332ef9d085a6f223f7e4aa22",class:"container"},t("div",{key:"4c4d3b06704d59e13707428f8913c6f3d6ff8e9b",role:"list",class:"list",style:{color:e}},t("slot",{key:"bd0b46d3e528e491d332ec076899d7907153f9fc"})),t("div",{key:"63432ec6ba26b107cc5d31fd4f385f6c50396750",class:"bottom-border bottom-border--container"})),t("div",{key:"6ecfd7e888ac888e5cba572c2766b656665c5fb0",class:"bottom-border bottom-border--nav"})))}get element(){return a(this)}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}::slotted(*){font-weight:400}::slotted(:last-child){font-weight:600}:host([variation=plain]) ::slotted(:last-child){font-weight:400}.duet-breadcrumbs{position:relative;display:flex;align-items:center;justify-content:center;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-breadcrumbs .container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px}.duet-breadcrumbs .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:10px 0;color:inherit;list-style:none}.duet-breadcrumbs .bottom-border{position:absolute;bottom:0;display:none;width:100%;height:1px}.duet-breadcrumbs.header{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-breadcrumbs.header .list duet-breadcrumb[href]:hover{color:rgb(0, 77, 128)}.duet-breadcrumbs.header .bottom-border--nav{display:block;background:rgb(225, 227, 230)}.duet-breadcrumbs.header.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover{color:rgb(148, 9, 37)}.duet-breadcrumbs.footer{color:rgb(255, 255, 255);background:rgb(0, 41, 77)}@media (min-width: 64.0625em){.duet-breadcrumbs.footer{justify-content:flex-start}}@media (min-width: 76.25em){.duet-breadcrumbs.footer{justify-content:center}}.duet-breadcrumbs.footer .container{max-width:1110px}@media (min-width: 62em){.duet-breadcrumbs.footer .container{margin:0 72px 0 48px}}.duet-breadcrumbs.footer .list{padding:20px 0}@media (min-width: 62em){.duet-breadcrumbs.footer .list{padding:20px 8px}}.duet-breadcrumbs.footer .list duet-breadcrumb[href]:hover{text-decoration:underline}.duet-breadcrumbs.footer .bottom-border--container{display:block;background:rgba(255, 255, 255, 0.2)}.duet-breadcrumbs.footer.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-breadcrumbs.plain .container{max-width:none;min-height:auto;margin:0}.duet-breadcrumbs.plain .list{padding:0}.duet-breadcrumbs.plain .bottom-border{display:none}';export{b as duet_breadcrumbs}
+import{r as e,h as t,H as r,g as a}from"./p-79f07f14.js";import{i as o}from"./p-aaa7a7bd.js";import{g as d}from"./p-6395958b.js";import{g as i}from"./p-1784b1d2.js";import"./p-0e052642.js";import"./p-4a901bfc.js";const b=class{constructor(t){e(this,t),this.observers=[],this.breadcrumbsAriaLabel=d({fi:"Murupolku",sv:"Ströbröd",en:"Breadcrumbs"}),this.children=void 0,this.theme="",this.variation="header",this.color=""}componentWillLoad(){o(this),this.children=Array.from(this.element.children)}connectedCallback(){Array.from(this.element.children).forEach((e=>{const t=new MutationObserver((()=>this.children=Array.from(this.element.children)));t.observe(e,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),this.observers=[...this.observers,t]}))}disconnectedCallback(){this.observers.forEach((e=>e.disconnect())),this.observers=[]}render(){const e=i(this.color);return t(r,{key:"bec12db5b87b11910a7453f09d52e9b29d01cfd0"},t("nav",{key:"dd7fe8be9e6af016a540b70113c8393b7b62297b","aria-label":this.breadcrumbsAriaLabel,class:{"duet-breadcrumbs":!0,"duet-theme-turva":"turva"===this.theme,[this.variation]:!0}},t("div",{key:"933b37dd8fda5631332ef9d085a6f223f7e4aa22",class:"container"},t("div",{key:"4c4d3b06704d59e13707428f8913c6f3d6ff8e9b",role:"list",class:"list",style:{color:e}},t("slot",{key:"bd0b46d3e528e491d332ec076899d7907153f9fc"})),t("div",{key:"63432ec6ba26b107cc5d31fd4f385f6c50396750",class:"bottom-border bottom-border--container"})),t("div",{key:"6ecfd7e888ac888e5cba572c2766b656665c5fb0",class:"bottom-border bottom-border--nav"})))}get element(){return a(this)}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}::slotted(*){font-weight:400}::slotted(:last-child){font-weight:600}:host([variation=plain]) ::slotted(:last-child){font-weight:400}.duet-breadcrumbs{position:relative;display:flex;align-items:center;justify-content:center;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-breadcrumbs .container{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;min-height:36px;margin:0 28px}.duet-breadcrumbs .list{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start;padding:10px 0;color:inherit;list-style:none}.duet-breadcrumbs .bottom-border{position:absolute;bottom:0;display:none;width:100%;height:1px}.duet-breadcrumbs.header{color:rgb(0, 41, 77);background:rgb(243, 249, 252)}.duet-breadcrumbs.header .list duet-breadcrumb[href]:hover{color:rgb(0, 77, 128)}.duet-breadcrumbs.header .bottom-border--nav{display:block;background:rgb(225, 227, 230)}.duet-breadcrumbs.header.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 245, 247)}.duet-breadcrumbs.header.duet-theme-turva ol duet-breadcrumb[href]:hover{color:rgb(148, 9, 37)}.duet-breadcrumbs.footer{color:rgb(255, 255, 255);background:rgb(0, 41, 77)}@media (min-width: 64.0625em){.duet-breadcrumbs.footer{justify-content:flex-start}}@media (min-width: 76.25em){.duet-breadcrumbs.footer{justify-content:center}}.duet-breadcrumbs.footer .container{max-width:1110px}@media (min-width: 62em){.duet-breadcrumbs.footer .container{margin:0 72px 0 48px}}.duet-breadcrumbs.footer .list{padding:20px 0}@media (min-width: 62em){.duet-breadcrumbs.footer .list{padding:20px 8px}}.duet-breadcrumbs.footer .list duet-breadcrumb[href]:hover{text-decoration:underline}.duet-breadcrumbs.footer .bottom-border--container{display:block;background:rgba(255, 255, 255, 0.2)}.duet-breadcrumbs.footer.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-breadcrumbs.plain .container{max-width:none;min-height:auto;margin:0}.duet-breadcrumbs.plain .list{padding:0}.duet-breadcrumbs.plain .bottom-border{display:none}';export{b as duet_breadcrumbs}

package/lib/duet/{p-50f4bca2.system.js → p-e216bea4.system.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-System.register([],(function(e){"use strict";return{execute:function(){var t=e("i",(function(e){var t=Array.from(document.documentElement.classList).join(" ")||"";var u=/(duet-theme-)([a-z]*)/gis.exec(t);if(u&&u[1]==="duet-theme-"){e.theme=u[2]==="default"?"":u[2]}}))}}}));
+System.register([],(function(e){"use strict";return{execute:function(){var t=e("i",(function(e){var t=Array.from(document.documentElement.classList).join(" ")||"";var u=/(duet-theme-)([a-z]*)/gi.exec(t);if(u&&u[1]==="duet-theme-"){e.theme=u[2]==="default"?"":u[2]}}))}}}));

package/lib/duet/{p-7f8fc279.entry.js → p-e442f0f4.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{h as e,r as n,H as t,g as i}from"./p-7c3649ba.js";import{i as a}from"./p-a58bd561.js";import{h as s,c as r}from"./p-9ef799f8.js";import{p as d}from"./p-0e052642.js";import{g as o}from"./p-1784b1d2.js";import"./p-4a901bfc.js";const l=({img:n,sources:t})=>e("picture",null,t&&t.map((n=>e("source",{srcSet:n.srcset,media:n.media,type:n.type,sizes:n.sizes}))),e("img",Object.assign({},n))),c=class{constructor(e){n(this,e),this.checkCurrentSize=()=>{const e=this.element.clientWidth;this.currentSize=e<500||"small"===this.size?"small":e<900||"medium"===this.size?"medium":"large",this.setButtonSize()},this.setButtonSize=()=>{if(this.hasActionSlot&&this.currentSize){const e=this.element.querySelectorAll("[slot='action'] duet-button, duet-button[slot='action']");for(const n of e)n&&null===n.getAttribute("size")&&"large"!==this.currentSize?n.size="small":n&&null===n.getAttribute("size")&&"large"===this.currentSize&&(n.size="medium")}},this.currentSize=void 0,this.theme="",this.margin="auto",this.backgroundColor="primary-lighter",this.iconColor="gray-lightest",this.iconBackgroundColor="primary",this.textColor="secondary",this.size="large",this.image="",this.sources=void 0,this.icon="",this.headingLevel="h2"}componentWillLoad(){a(this),this.hasHeadingSlot=s(this.element,"heading"),this.hasDescriptionSlot=s(this.element,"description"),this.hasActionSlot=s(this.element,"action"),r(this.element,"heading","span"),this.setButtonSize()}connectedCallback(){window.addEventListener("resize",this.checkCurrentSize)}disconnectedCallback(){window.removeEventListener("resize",this.checkCurrentSize)}componentDidRender(){this.checkCurrentSize()}render(){const n=o("turva"===this.theme&&"primary-lighter"===this.backgroundColor?"gray-lighter":this.backgroundColor,this.theme),i=o(this.textColor,this.theme),a={backgroundColor:n},s={img:{src:this.image,alt:"",loading:"lazy",class:"image",role:"presentation"},sources:d(this.sources)};return e(t,{key:"b8716b8067524ae7e4c29e56cdc37d6219c7743a",class:{"duet-m-0":"none"===this.margin}},e("aside",{key:"02cd16540e44371af624eddac279c4f587e911e9",class:{"duet-banner":!0,"duet-theme-turva":"turva"===this.theme,[this.currentSize]:!0,"size-medium":"medium"===this.size||"large"===this.size,"size-large":"large"===this.size},style:a},e("div",{key:"139a6499f366d61dba763713cad381ed6780e5e8",class:"visual"},e("div",{key:"b063d9ddddba0afe65d85ea7847c314f56a7c9b5",class:"image-container"},this.image&&e(l,Object.assign({key:"40243ade7f94128dc59965b7fc184bcdd1757695"},s))),!1,e("div",{key:"057519bbda570dc1974fb0da6a316599bc1c8052",style:a,class:"brand-shape"})),e("div",{key:"8140591188d37de89f21508632e870e2f1e844a6",class:"content"},this.hasHeadingSlot&&e("div",{key:"e328e6c93200678b563b2eb7bc4c9c219ac4e37c",class:"heading"},e("duet-heading",{key:"4b6ca965e82932e54c27fbee842a7d05e7c6a05d",theme:this.theme,level:this.headingLevel,"visual-level":"large"===this.currentSize?"h2":"h3","fixed-size":!0,margin:"none",color:this.textColor},e("span",{key:"61946b6c9b4e1e86ca668d099005f2bfe073b258"},e("slot",{key:"06c16d35efd2abc4d9becbc4d402b0711e12a985",name:"heading"})))),this.hasDescriptionSlot&&e("div",{key:"dc27ed7a4c11719b722de325e8bfd247acf9c5f7",class:"description",style:{color:i}},e("slot",{key:"bacca610eede0d13c6797428cb0192ca1b813a1c",name:"description"})),this.hasActionSlot&&e("div",{key:"ace462fab508ebc6c737038bf2fe23e1389002ea",class:"action"},e("slot",{key:"a4cece87b4735721ab030480cc28d8082b0e2bcb",name:"action"})))))}get element(){return i(this)}};c.style="*,\n*::after,\n*::before {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n:host {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin-right: 36px !important;\n  margin-bottom: 36px !important;\n  display: flex;\n  justify-content: center;\n  width: auto;\n  container: duet-banner-container;\n  container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n  margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n  margin: 0 !important;\n}\n\n.duet-banner {\n  display: grid;\n  grid-template-rows: min-content 1fr;\n  width: 100%;\n  height: 100%;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-style: normal;\n  text-align: left;\n  border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n  padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n  margin: 0 !important;\n}\n.duet-banner .visual {\n  position: relative;\n  display: none;\n  overflow: hidden;\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 0px) {\n  .duet-banner .visual {\n    /* stylelint-enable */\n    display: block;\n  }\n}\n.duet-banner .visual .image-container {\n  position: relative;\n  aspect-ratio: 2/1;\n  overflow: hidden;\n}\n.duet-banner .visual .image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n.duet-banner .visual .icon {\n  position: absolute;\n}\n.duet-banner .visual .brand-shape {\n  position: absolute;\n  top: 0;\n  left: 72%;\n  display: none;\n  width: 100%;\n  height: 100%;\n  mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n.duet-banner .content {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n  hyphens: auto;\n}\n.duet-banner .action {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n  justify-content: flex-end;\n  padding-top: 16px;\n}\n.duet-banner .visual {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n  width: 100%;\n  height: auto;\n  border-radius: 0;\n}\n.duet-banner .visual .icon {\n  bottom: 30px;\n  left: 15px;\n}\n.duet-banner.duet-theme-turva {\n  font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n  mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n.duet-banner.size-medium, .duet-banner.size-large {\n  /* stylelint-disable */\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    /* stylelint-enable */\n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n    top: 36px;\n    left: 168px;\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-medium .content, .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 28px 28px 28px 0;\n  }\n  .duet-banner.size-medium .action, .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}\n@container duet-banner-container (min-width: 586px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    /* stylelint-enable */\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    left: 80%;\n  }\n}\n.duet-banner.size-large {\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 900px) {\n  .duet-banner.size-large {\n    /* stylelint-enable */\n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .icon {\n    top: 40px;\n    bottom: auto;\n    left: 335px;\n  }\n  .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 48px 48px 48px 0;\n  }\n  .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}";export{c as duet_banner}
+import{h as e,r as n,H as t,g as i}from"./p-79f07f14.js";import{i as a}from"./p-aaa7a7bd.js";import{h as s,c as r}from"./p-16e2b9eb.js";import{p as d}from"./p-0e052642.js";import{g as o}from"./p-1784b1d2.js";import"./p-4a901bfc.js";const l=({img:n,sources:t})=>e("picture",null,t&&t.map((n=>e("source",{srcSet:n.srcset,media:n.media,type:n.type,sizes:n.sizes}))),e("img",Object.assign({},n))),c=class{constructor(e){n(this,e),this.checkCurrentSize=()=>{const e=this.element.clientWidth;this.currentSize=e<500||"small"===this.size?"small":e<900||"medium"===this.size?"medium":"large",this.setButtonSize()},this.setButtonSize=()=>{if(this.hasActionSlot&&this.currentSize){const e=this.element.querySelectorAll("[slot='action'] duet-button, duet-button[slot='action']");for(const n of e)n&&null===n.getAttribute("size")&&"large"!==this.currentSize?n.size="small":n&&null===n.getAttribute("size")&&"large"===this.currentSize&&(n.size="medium")}},this.currentSize=void 0,this.theme="",this.margin="auto",this.backgroundColor="primary-lighter",this.iconColor="gray-lightest",this.iconBackgroundColor="primary",this.textColor="secondary",this.size="large",this.image="",this.sources=void 0,this.icon="",this.headingLevel="h2"}componentWillLoad(){a(this),this.hasHeadingSlot=s(this.element,"heading"),this.hasDescriptionSlot=s(this.element,"description"),this.hasActionSlot=s(this.element,"action"),r(this.element,"heading","span"),this.setButtonSize()}connectedCallback(){window.addEventListener("resize",this.checkCurrentSize)}disconnectedCallback(){window.removeEventListener("resize",this.checkCurrentSize)}componentDidRender(){this.checkCurrentSize()}render(){const n=o("turva"===this.theme&&"primary-lighter"===this.backgroundColor?"gray-lighter":this.backgroundColor,this.theme),i=o(this.textColor,this.theme),a={backgroundColor:n},s={img:{src:this.image,alt:"",loading:"lazy",class:"image",role:"presentation"},sources:d(this.sources)};return e(t,{key:"b8716b8067524ae7e4c29e56cdc37d6219c7743a",class:{"duet-m-0":"none"===this.margin}},e("aside",{key:"02cd16540e44371af624eddac279c4f587e911e9",class:{"duet-banner":!0,"duet-theme-turva":"turva"===this.theme,[this.currentSize]:!0,"size-medium":"medium"===this.size||"large"===this.size,"size-large":"large"===this.size},style:a},e("div",{key:"139a6499f366d61dba763713cad381ed6780e5e8",class:"visual"},e("div",{key:"b063d9ddddba0afe65d85ea7847c314f56a7c9b5",class:"image-container"},this.image&&e(l,Object.assign({key:"40243ade7f94128dc59965b7fc184bcdd1757695"},s))),!1,e("div",{key:"057519bbda570dc1974fb0da6a316599bc1c8052",style:a,class:"brand-shape"})),e("div",{key:"8140591188d37de89f21508632e870e2f1e844a6",class:"content"},this.hasHeadingSlot&&e("div",{key:"e328e6c93200678b563b2eb7bc4c9c219ac4e37c",class:"heading"},e("duet-heading",{key:"4b6ca965e82932e54c27fbee842a7d05e7c6a05d",theme:this.theme,level:this.headingLevel,"visual-level":"large"===this.currentSize?"h2":"h3","fixed-size":!0,margin:"none",color:this.textColor},e("span",{key:"61946b6c9b4e1e86ca668d099005f2bfe073b258"},e("slot",{key:"06c16d35efd2abc4d9becbc4d402b0711e12a985",name:"heading"})))),this.hasDescriptionSlot&&e("div",{key:"dc27ed7a4c11719b722de325e8bfd247acf9c5f7",class:"description",style:{color:i}},e("slot",{key:"bacca610eede0d13c6797428cb0192ca1b813a1c",name:"description"})),this.hasActionSlot&&e("div",{key:"ace462fab508ebc6c737038bf2fe23e1389002ea",class:"action"},e("slot",{key:"a4cece87b4735721ab030480cc28d8082b0e2bcb",name:"action"})))))}get element(){return i(this)}};c.style="*,\n*::after,\n*::before {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n:host {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin-right: 36px !important;\n  margin-bottom: 36px !important;\n  display: flex;\n  justify-content: center;\n  width: auto;\n  container: duet-banner-container;\n  container-type: inline-size;\n}\n:host:last-child, :host:last-of-type {\n  margin-right: 0 !important;\n}\n\n:host(.duet-m-0) {\n  margin: 0 !important;\n}\n\n.duet-banner {\n  display: grid;\n  grid-template-rows: min-content 1fr;\n  width: 100%;\n  height: 100%;\n  font-family: \"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-style: normal;\n  text-align: left;\n  border-radius: 16px;\n}\n.duet-banner.duet-p-0 {\n  padding: 0 !important;\n}\n.duet-banner.duet-m-0 {\n  margin: 0 !important;\n}\n.duet-banner .visual {\n  position: relative;\n  display: none;\n  overflow: hidden;\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 0px) {\n  .duet-banner .visual {\n    /* stylelint-enable */\n    display: block;\n  }\n}\n.duet-banner .visual .image-container {\n  position: relative;\n  aspect-ratio: 2/1;\n  overflow: hidden;\n}\n.duet-banner .visual .image {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n.duet-banner .visual .icon {\n  position: absolute;\n}\n.duet-banner .visual .brand-shape {\n  position: absolute;\n  top: 0;\n  left: 72%;\n  display: none;\n  width: 100%;\n  height: 100%;\n  mask-image: url(\"data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20344%22%20fill%3D%22none%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M2.72641e-07%2091.1902C0.000476976%2097.9034%200.626077%20104.726%201.92282%20111.592L42.7493%20327.771C43.8045%20333.358%2045.2667%20338.776%2047.0996%20344H160V0H51.1439C19.7799%2019.1253%200.00268143%2053.4178%202.72641e-07%2091.1749C-9.08807e-08%2091.18%20-9.08875e-08%2091.1851%202.72641e-07%2091.1902Z%22%20fill%3D%22%23E6F2F8%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E\");\n}\n.duet-banner .content {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px 20px 28px;\n}\n.duet-banner .content .description {\n  hyphens: auto;\n}\n.duet-banner .action {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  align-items: flex-start;\n  justify-content: flex-end;\n  padding-top: 16px;\n}\n.duet-banner .visual {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n}\n.duet-banner .visual .image-container {\n  width: 100%;\n  height: auto;\n  border-radius: 0;\n}\n.duet-banner .visual .icon {\n  bottom: 30px;\n  left: 15px;\n}\n.duet-banner.duet-theme-turva {\n  font-family: \"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n}\n.duet-banner.duet-theme-turva .visual .brand-shape {\n  mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 160 344' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7920_3801)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58983 142.533C0.751086 155.147 0.0746585 167.857 0.00796847 179.225C0.00263853 179.814 0 180.409 0 181.007C0 194.845 1.41172 210.806 3.58065 223.171C5.6528 234.934 8.58716 246.495 12.5981 257.779C21.2249 282.059 34.0151 304.109 50.8401 323.977C56.7824 330.993 63.0921 337.68 69.8162 344H160V0H65.0733C52.1771 10.7866 41.4339 23.4177 32.7528 37.7978C21.1154 57.0822 14.0367 77.9583 9.75424 99.7913C9.09214 103.157 8.55049 106.545 8.00901 109.933C7.75185 111.542 7.49474 113.15 7.22478 114.756C6.74308 117.618 6.24543 120.479 5.74776 123.34C4.6361 129.729 3.52432 136.12 2.58983 142.533Z' fill='%23F5F5F7'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7920_3801'%3E%3Crect width='160' height='344' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n}\n.duet-banner.size-medium, .duet-banner.size-large {\n  /* stylelint-disable */\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 486px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    /* stylelint-enable */\n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-medium .visual, .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-medium .visual .image-container, .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .image, .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-medium .visual .icon, .duet-banner.size-large .visual .icon {\n    top: 36px;\n    left: 168px;\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-medium .content, .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 28px 28px 28px 0;\n  }\n  .duet-banner.size-medium .action, .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}\n@container duet-banner-container (min-width: 586px) {\n  .duet-banner.size-medium, .duet-banner.size-large {\n    /* stylelint-enable */\n  }\n  .duet-banner.size-medium .visual .brand-shape, .duet-banner.size-large .visual .brand-shape {\n    left: 80%;\n  }\n}\n.duet-banner.size-large {\n  /* stylelint-disable */\n}\n@container duet-banner-container (min-width: 900px) {\n  .duet-banner.size-large {\n    /* stylelint-enable */\n    grid-template-rows: none;\n    grid-template-columns: 50% 50%;\n  }\n  .duet-banner.size-large .visual {\n    border-top-left-radius: 16px;\n    border-bottom-left-radius: 16px;\n  }\n  .duet-banner.size-large .visual .image-container {\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .image {\n    width: 100%;\n    height: 100%;\n  }\n  .duet-banner.size-large .visual .icon {\n    top: 40px;\n    bottom: auto;\n    left: 335px;\n  }\n  .duet-banner.size-large .visual .brand-shape {\n    display: block;\n  }\n  .duet-banner.size-large .content {\n    align-items: flex-start;\n    justify-content: center;\n    padding: 48px 48px 48px 0;\n  }\n  .duet-banner.size-large .action {\n    flex-grow: 0;\n  }\n}";export{c as duet_banner}

package/lib/duet/{p-41d5039a.entry.js → p-e773ddcb.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,c as t,h as s,g as i,H as d}from"./p-7c3649ba.js";import{i as r}from"./p-a58bd561.js";import{c as a}from"./p-5e59e970.js";import{i as o,s as n,u as p}from"./p-a1b7f2a0.js";const u=class{constructor(s){e(this,s),this.duetStepClick=t(this,"duetStepClick",7),this.buttonId=a("DuetStepButton"),this.contentId=a("DuetStepContent"),this.handleKeyDown=e=>{this.isClickDisabled()||o(e)&&(e.preventDefault(),this.handleStepClick(e))},this.handleClick=e=>{this.isClickDisabled()||this.handleStepClick(e)},this.theme="",this.heading=void 0,this.headingLevel=void 0,this.stepIndex=void 0,this.state=void 0,this.roundedTop=!1,this.roundedBottom=!1}handleStepClick(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})}componentWillLoad(){r(this)}connectedCallback(){n(this)}disconnectedCallback(){p(this)}async setFocus(e={preventScroll:!0}){this.buttonElement.focus(e)}isClickDisabled(){return"complete"!==this.state}headingColor(){return"incomplete"!==this.state?"":"turva"!==this.theme?"gray-darker":"gray-dark-turva"}renderStepCounter(){return"complete"===this.state||"disabled"===this.state?s("div",{class:"duet-step-icon"},s("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'})):`${this.stepIndex+1} `}render(){return s("div",{class:{"duet-step":!0,[`is-${this.state}`]:!0,"rounded-top":this.roundedTop,"rounded-bottom":this.roundedBottom,"duet-theme-turva":"turva"===this.theme}},s("div",{class:"duet-step-heading",id:this.buttonId,role:"current"!==this.state?"button":"region","aria-current":"current"===this.state?"step":void 0,tabindex:"current"!==this.state?"0":void 0,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":("current"===this.state).toString(),"aria-controls":this.contentId,"aria-selected":("current"===this.state).toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:e=>this.buttonElement=e},s("div",{"aria-hidden":"true"},s("div",{class:"duet-step-counter"},this.renderStepCounter())),s("duet-spacer",{direction:"horizontal",size:"large",breakpoint:"small"}),s("duet-spacer",{direction:"horizontal",size:"medium",breakpoint:"x-small"}),s("div",null,s("duet-heading",{theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),s("duet-spacer",{direction:"horizontal",size:"large"}),s("div",{class:"duet-step-heading-slot"},s("slot",{name:"heading-content"}))),s("div",{class:"duet-step-content-wrapper"},s("div",{class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},s("slot",null))))}get element(){return i(this)}};u.style='*.sc-duet-step,*.sc-duet-step::after,*.sc-duet-step::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-step-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-step.sc-duet-step{padding:20px !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;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva.sc-duet-step{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top.sc-duet-step{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom.sc-duet-step{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom.sc-duet-step{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step.sc-duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading.sc-duet-step{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false].sc-duet-step{cursor:pointer}.duet-step-heading.sc-duet-step:focus{outline:0}.duet-step-heading.sc-duet-step:active{opacity:0.75}.user-is-tabbing.sc-duet-step-h .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-step-h .duet-theme-turva.sc-duet-step .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#005f8f}.duet-theme-turva.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#9e0a26}.is-current.sc-duet-step .duet-step-heading.sc-duet-step{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading.sc-duet-step{margin-top:8px;margin-bottom:8px !important}.sc-duet-step-h:first-of-type .duet-step-heading.sc-duet-step{margin-top:0}.sc-duet-step-h:last-of-type .duet-step-heading.sc-duet-step{margin-bottom:0 !important}}.duet-step-counter.sc-duet-step{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter.sc-duet-step{width:40px;height:40px;line-height:40px}}.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(198, 12, 48)}.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(101, 119, 135)}.duet-theme-turva.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(116, 116, 117)}.duet-step-icon.sc-duet-step{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step{width:20px;height:20px}}.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper.sc-duet-step{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(225, 227, 230)}.duet-theme-turva.sc-duet-step .duet-step-content-wrapper.sc-duet-step{border-color:rgb(228, 228, 230)}.sc-duet-step-h:last-of-type .duet-step-content-wrapper.sc-duet-step{min-height:0;border:transparent}}.duet-step-content.sc-duet-step{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content.sc-duet-step{padding-bottom:28px}}.is-current.sc-duet-step .duet-step-content.sc-duet-step{display:block}.duet-step-heading-slot.sc-duet-step{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot.sc-duet-step{display:block}}';const c=class{constructor(s){e(this,s),this.duetStepChange=t(this,"duetStepChange",7),this.theme="",this.accessibleLive="Lista jossa {total} kohtaa. Olet kohdassa {current}.",this.margin="auto",this.backDisabled=!1,this.selected=0}currentStepChanged(e){if(isNaN(e))throw new Error(`step must be a number. got: ${e}`);if(e<0)throw new Error(`step must be not be less than zero. got: ${e}`);if(e>this.getSteps().length)throw new Error("step must not exceed total number of steps");this.updateStepState(),setTimeout((()=>this.setStepFocus()),50)}currentStepInvokedDisable(){this.updateStepState()}onDuetStepClick(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})}componentWillLoad(){r(this)}async connectedCallback(){this.updateStepState()}getSteps(){return Array.from(this.element.querySelectorAll("duet-step"))}setStepFocus(){this.getSteps()[this.selected].setFocus()}updateStepState(){const e=this.getSteps();e.forEach(((e,t)=>{let s;s=t<this.selected?this.backDisabled?"disabled":"complete":t>this.selected?"incomplete":"current",e.theme=this.theme,e.state=s,e.stepIndex=t}));const t=function(e,t){const s={};return t.forEach((e=>{const t=e.state;s[t]||(s[t]=[]),s[t].push(e)})),s}(0,e);Object.values(t).forEach((e=>{e.forEach(((t,s)=>{t.roundedTop=0===s,t.roundedBottom=s===e.length-1}))}))}formatAnnouncement(){const e=this.getSteps(),t=(this.selected+1).toString(10),s=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",s)}render(){return s(d,{key:"f013786f1cbfdb3aaf08c8e92d992d4c9369487f",class:{"duet-m-0":"none"===this.margin}},s("div",{key:"47977abfb90d5b16e3280b6969d30265f7c12e6d",class:{"duet-stepper":!0,"duet-theme-turva":"turva"===this.theme}},s("duet-visually-hidden",{key:"0a4054021d62f0e5110ca19130666e5de17ac1a2","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),s("slot",{key:"e1b26fe38f5ea73070cb553686a65faa9c0a5283"})))}get element(){return i(this)}static get watchers(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}}};c.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:rgb(255, 255, 255);border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}";export{u as duet_step,c as duet_stepper}
+import{r as e,c as t,h as s,g as i,H as d}from"./p-79f07f14.js";import{i as r}from"./p-aaa7a7bd.js";import{c as a}from"./p-5e59e970.js";import{i as o,s as n,u as p}from"./p-a1b7f2a0.js";const u=class{constructor(s){e(this,s),this.duetStepClick=t(this,"duetStepClick",7),this.buttonId=a("DuetStepButton"),this.contentId=a("DuetStepContent"),this.handleKeyDown=e=>{this.isClickDisabled()||o(e)&&(e.preventDefault(),this.handleStepClick(e))},this.handleClick=e=>{this.isClickDisabled()||this.handleStepClick(e)},this.theme="",this.heading=void 0,this.headingLevel=void 0,this.stepIndex=void 0,this.state=void 0,this.roundedTop=!1,this.roundedBottom=!1}handleStepClick(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})}componentWillLoad(){r(this)}connectedCallback(){n(this)}disconnectedCallback(){p(this)}async setFocus(e={preventScroll:!0}){this.buttonElement.focus(e)}isClickDisabled(){return"complete"!==this.state}headingColor(){return"incomplete"!==this.state?"":"turva"!==this.theme?"gray-darker":"gray-dark-turva"}renderStepCounter(){return"complete"===this.state||"disabled"===this.state?s("div",{class:"duet-step-icon"},s("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'})):`${this.stepIndex+1} `}render(){return s("div",{class:{"duet-step":!0,[`is-${this.state}`]:!0,"rounded-top":this.roundedTop,"rounded-bottom":this.roundedBottom,"duet-theme-turva":"turva"===this.theme}},s("div",{class:"duet-step-heading",id:this.buttonId,role:"current"!==this.state?"button":"region","aria-current":"current"===this.state?"step":void 0,tabindex:"current"!==this.state?"0":void 0,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":("current"===this.state).toString(),"aria-controls":this.contentId,"aria-selected":("current"===this.state).toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:e=>this.buttonElement=e},s("div",{"aria-hidden":"true"},s("div",{class:"duet-step-counter"},this.renderStepCounter())),s("duet-spacer",{direction:"horizontal",size:"large",breakpoint:"small"}),s("duet-spacer",{direction:"horizontal",size:"medium",breakpoint:"x-small"}),s("div",null,s("duet-heading",{theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),s("duet-spacer",{direction:"horizontal",size:"large"}),s("div",{class:"duet-step-heading-slot"},s("slot",{name:"heading-content"}))),s("div",{class:"duet-step-content-wrapper"},s("div",{class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},s("slot",null))))}get element(){return i(this)}};u.style='*.sc-duet-step,*.sc-duet-step::after,*.sc-duet-step::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-step-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-step.sc-duet-step{padding:20px !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;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva.sc-duet-step{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top.sc-duet-step{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom.sc-duet-step{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom.sc-duet-step{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step.sc-duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading.sc-duet-step{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false].sc-duet-step{cursor:pointer}.duet-step-heading.sc-duet-step:focus{outline:0}.duet-step-heading.sc-duet-step:active{opacity:0.75}.user-is-tabbing.sc-duet-step-h .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-step-h .duet-theme-turva.sc-duet-step .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#005f8f}.duet-theme-turva.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#9e0a26}.is-current.sc-duet-step .duet-step-heading.sc-duet-step{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading.sc-duet-step{margin-top:8px;margin-bottom:8px !important}.sc-duet-step-h:first-of-type .duet-step-heading.sc-duet-step{margin-top:0}.sc-duet-step-h:last-of-type .duet-step-heading.sc-duet-step{margin-bottom:0 !important}}.duet-step-counter.sc-duet-step{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter.sc-duet-step{width:40px;height:40px;line-height:40px}}.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(198, 12, 48)}.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(101, 119, 135)}.duet-theme-turva.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(116, 116, 117)}.duet-step-icon.sc-duet-step{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step{width:20px;height:20px}}.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper.sc-duet-step{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(225, 227, 230)}.duet-theme-turva.sc-duet-step .duet-step-content-wrapper.sc-duet-step{border-color:rgb(228, 228, 230)}.sc-duet-step-h:last-of-type .duet-step-content-wrapper.sc-duet-step{min-height:0;border:transparent}}.duet-step-content.sc-duet-step{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content.sc-duet-step{padding-bottom:28px}}.is-current.sc-duet-step .duet-step-content.sc-duet-step{display:block}.duet-step-heading-slot.sc-duet-step{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot.sc-duet-step{display:block}}';const c=class{constructor(s){e(this,s),this.duetStepChange=t(this,"duetStepChange",7),this.theme="",this.accessibleLive="Lista jossa {total} kohtaa. Olet kohdassa {current}.",this.margin="auto",this.backDisabled=!1,this.selected=0}currentStepChanged(e){if(isNaN(e))throw new Error(`step must be a number. got: ${e}`);if(e<0)throw new Error(`step must be not be less than zero. got: ${e}`);if(e>this.getSteps().length)throw new Error("step must not exceed total number of steps");this.updateStepState(),setTimeout((()=>this.setStepFocus()),50)}currentStepInvokedDisable(){this.updateStepState()}onDuetStepClick(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})}componentWillLoad(){r(this)}async connectedCallback(){this.updateStepState()}getSteps(){return Array.from(this.element.querySelectorAll("duet-step"))}setStepFocus(){this.getSteps()[this.selected].setFocus()}updateStepState(){const e=this.getSteps();e.forEach(((e,t)=>{let s;s=t<this.selected?this.backDisabled?"disabled":"complete":t>this.selected?"incomplete":"current",e.theme=this.theme,e.state=s,e.stepIndex=t}));const t=function(e,t){const s={};return t.forEach((e=>{const t=e.state;s[t]||(s[t]=[]),s[t].push(e)})),s}(0,e);Object.values(t).forEach((e=>{e.forEach(((t,s)=>{t.roundedTop=0===s,t.roundedBottom=s===e.length-1}))}))}formatAnnouncement(){const e=this.getSteps(),t=(this.selected+1).toString(10),s=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",s)}render(){return s(d,{key:"f013786f1cbfdb3aaf08c8e92d992d4c9369487f",class:{"duet-m-0":"none"===this.margin}},s("div",{key:"47977abfb90d5b16e3280b6969d30265f7c12e6d",class:{"duet-stepper":!0,"duet-theme-turva":"turva"===this.theme}},s("duet-visually-hidden",{key:"0a4054021d62f0e5110ca19130666e5de17ac1a2","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),s("slot",{key:"e1b26fe38f5ea73070cb553686a65faa9c0a5283"})))}get element(){return i(this)}static get watchers(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}}};c.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:rgb(255, 255, 255);border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}";export{u as duet_step,c as duet_stepper}

package/lib/duet/{p-9f9e290a.system.entry.js → p-e7ec3ca2.system.entry.js}

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,i,r){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function s(e){try{d(r.next(e))}catch(e){n(e)}}function o(e){try{d(r["throw"](e))}catch(e){n(e)}}function d(e){e.done?i(e.value):a(e.value).then(s,o)}d((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},r,a,n,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return d([e,t])}}function d(o){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(r=1,a&&(n=o[0]&2?a["return"]:o[0]?a["throw"]||((n=a["return"])&&n.call(a),0):a.next)&&!(n=n.call(a,o[1])).done)return n;if(a=0,n)o=[o[0]&2,n.value];switch(o[0]){case 0:case 1:n=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(n=i.trys,n=n.length>0&&n[n.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!n||o[1]>n[0]&&o[1]<n[3])){i.label=o[1];break}if(o[0]===6&&i.label<n[1]){i.label=n[1];n=o;break}if(n&&i.label<n[2]){i.label=n[2];i.ops.push(o);break}if(n[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];a=0}finally{r=n=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */System.register(["./p-e7d7928e.system.js","./p-50f4bca2.system.js","./p-e6b5a1c7.system.js","./p-34d7dd10.system.js","./p-dde61943.system.js","./p-7344d97c.system.js","./p-6ef75455.system.js"],(function(e){"use strict";var t,i,r,a,n,s,o,d,u,c,l,f,h;return{setters:[function(e){t=e.r;i=e.c;r=e.h;a=e.H;n=e.g},function(e){s=e.i},function(e){o=e.c},function(e){d=e.s;u=e.u},function(e){c=e.g;l=e.c;f=e.d},function(e){h=e.h},function(){}],execute:function(){var b='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;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(0, 41, 77);background:#f2f8fb;border:1px solid rgb(0, 119, 179);border-radius:4px;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.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);background:#f3f4f5;border-color:rgb(23, 28, 58)}.duet-alert-wrapper.warning{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert-wrapper.warning.duet-theme-turva{background:#fffaf3;border-color:rgb(250, 164, 15)}.duet-alert-wrapper.danger{background:#fdf4f7;border-color:rgb(222, 35, 98)}.duet-alert-wrapper.danger.duet-theme-turva{background:#fdf4f3;border-color:rgb(224, 42, 13)}.duet-alert-wrapper.success{background:#f2f9f7;border-color:rgb(0, 135, 90)}.duet-alert-wrapper.success.duet-theme-turva{background:#f3f9f6;border-color:rgb(8, 135, 78)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(225, 227, 230)}.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 48px 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-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon.below-nav{align-self:flex-start}.duet-alert-icon duet-icon{width:20px;height:20px}';var p=b;var m=e("duet_alert",function(){function e(e){var r=this;t(this,e);this.duetDismiss=i(this,"duetDismiss",7);this.duetCloseComplete=i(this,"duetCloseComplete",7);this.descriptiveId=o("DuetAlert");this.hasShowMoreSlot=false;this.iconVariationMap={default:"messaging-info",success:"messaging-success",warning:"messaging-alert",danger:"messaging-danger-alert"};this.handleDismiss=function(e){r.handleHide();r.duetDismiss.emit({component:"duet-alert",originalEvent:e})};this.handleShow=function(){r.isDismissed=false};this.handleHide=function(){r.isDismissed=true;r.element.addEventListener("transitionend",(function(){return r.duetCloseComplete.emit()}),{once:true})};this.theme="";this.isDismissed=false;this.timeoutID=undefined;this.accessibleLabelDefaults={fi:"Sulje viesti",sv:"Stäng meddelandet",en:"Close the message"};this.accessibleLabel=c(this.accessibleLabelDefaults);this.announcements=true;this.icon="";this.autoDismiss=undefined;this.margin="auto";this.padding="auto";this.variation="default";this.position="content";this.dismissible=false;this.focusable=false}e.prototype.componentWillLoad=function(){s(this);this.hasShowMoreSlot=h(this.element,"show-more")};e.prototype.componentDidLoad=function(){var e=this;if(this.autoDismiss){this.timeoutID=setTimeout((function(){return e.handleDismiss()}),this.autoDismiss)}};e.prototype.connectedCallback=function(){l(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"});d(this)};e.prototype.disconnectedCallback=function(){if(this.timeoutID){clearTimeout(this.timeoutID)}f(this);u(this)};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleShow();return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleHide();return[2]}))}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.alertContainer.focus(e);return[2]}))}))};e.prototype.render=function(){var e,t;var i=this;var n=this.theme==="turva"?"secondary-turva":"secondary";return r(a,{key:"e448c7c0ab12102094a5af854e0b1020db575020",class:{"duet-theme-turva":this.theme==="turva","duet-alert-is-dismissed":this.isDismissed},role:this.announcements?"alert":undefined},r("div",{key:"1dec4d58cb1c31c9ab47f87553e14a80685c70b5",class:(e={"duet-alert-wrapper":true,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},e[this.variation]=true,e[this.position]=true,e["duet-theme-turva"]=this.theme==="turva",e)},r("div",{key:"568a5ef9e4e08f0c352b00b8ddb99ba13556980d",class:(t={"duet-alert":true,"duet-alert-has-icon":!!this.icon||this.position==="below-nav","duet-alert-has-show-more":this.hasShowMoreSlot,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},t[this.variation]=true,t["duet-theme-turva"]=this.theme==="turva",t)},r("div",{key:"26cef0f80aa3dcd578e3ff66ff6d0c0f7f69c73b",class:"duet-alert-container",ref:function(e){i.alertContainer=e},tabindex:this.focusable?"0":undefined},this.icon&&this.position!=="below-nav"&&r("div",{key:"3bf20fbbb13c4aa2e60c06b21a82b707cfd07723",class:"duet-alert-icon"},r("duet-icon",{key:"3f18cff3b0bcac74e62a1c4de8bf3fdd35b88d42",size:"auto",name:this.icon,color:"currentColor"})),this.position==="below-nav"&&r("div",{key:"33e4ccb19c6b7d25e55cd59fad69bdc2570d7c63",class:"duet-alert-icon below-nav"},r("duet-icon",{key:"9cf06d3ae7a3939ad0c14fb24ee41539a04ba175",size:"auto",name:this.iconVariationMap[this.variation],color:this.variation==="default"?"currentColor":this.variation})),r("span",{key:"aced3bd1bcfc8f6cfff4a7d5a024fc326363c912",id:this.descriptiveId},r("slot",{key:"6d51d76b80bc5f18113e7f4350da10556fa83e06"}))),this.hasShowMoreSlot&&r("duet-show-more",{key:"4dece9683763396bc933a59e24658fae870ee055",margin:"none",class:"duet-alert-show-more"},r("slot",{key:"276f8ccb5fef3518daa39ab736f57bd4a2a7e315",name:"show-more"})),this.dismissible&&r("div",{key:"764114bc7107a685d2b6fd7c977c9d6d1885eb13",class:"duet-alert-dismiss"},r("duet-button",{key:"b6b3b5909c1eab78a171d141335700620f9ea70c",variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,color:n,iconSize:"medium",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:this.handleDismiss,fixed:true})))))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());m.style=p}}}));
+ */System.register(["./p-f6577375.system.js","./p-e216bea4.system.js","./p-e6b5a1c7.system.js","./p-34d7dd10.system.js","./p-cac0df4a.system.js","./p-1e98ecf4.system.js","./p-6ef75455.system.js"],(function(e){"use strict";var t,i,r,a,n,s,o,d,u,c,l,f,h;return{setters:[function(e){t=e.r;i=e.c;r=e.h;a=e.H;n=e.g},function(e){s=e.i},function(e){o=e.c},function(e){d=e.s;u=e.u},function(e){c=e.g;l=e.c;f=e.d},function(e){h=e.h},function(){}],execute:function(){var b='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;position:relative;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(0, 41, 77);background:#f2f8fb;border:1px solid rgb(0, 119, 179);border-radius:4px;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.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);background:#f3f4f5;border-color:rgb(23, 28, 58)}.duet-alert-wrapper.warning{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert-wrapper.warning.duet-theme-turva{background:#fffaf3;border-color:rgb(250, 164, 15)}.duet-alert-wrapper.danger{background:#fdf4f7;border-color:rgb(222, 35, 98)}.duet-alert-wrapper.danger.duet-theme-turva{background:#fdf4f3;border-color:rgb(224, 42, 13)}.duet-alert-wrapper.success{background:#f2f9f7;border-color:rgb(0, 135, 90)}.duet-alert-wrapper.success.duet-theme-turva{background:#f3f9f6;border-color:rgb(8, 135, 78)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(225, 227, 230)}.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 48px 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-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon.below-nav{align-self:flex-start}.duet-alert-icon duet-icon{width:20px;height:20px}';var p=b;var m=e("duet_alert",function(){function e(e){var r=this;t(this,e);this.duetDismiss=i(this,"duetDismiss",7);this.duetCloseComplete=i(this,"duetCloseComplete",7);this.descriptiveId=o("DuetAlert");this.hasShowMoreSlot=false;this.iconVariationMap={default:"messaging-info",success:"messaging-success",warning:"messaging-alert",danger:"messaging-danger-alert"};this.handleDismiss=function(e){r.handleHide();r.duetDismiss.emit({component:"duet-alert",originalEvent:e})};this.handleShow=function(){r.isDismissed=false};this.handleHide=function(){r.isDismissed=true;r.element.addEventListener("transitionend",(function(){return r.duetCloseComplete.emit()}),{once:true})};this.theme="";this.isDismissed=false;this.timeoutID=undefined;this.accessibleLabelDefaults={fi:"Sulje viesti",sv:"Stäng meddelandet",en:"Close the message"};this.accessibleLabel=c(this.accessibleLabelDefaults);this.announcements=true;this.icon="";this.autoDismiss=undefined;this.margin="auto";this.padding="auto";this.variation="default";this.position="content";this.dismissible=false;this.focusable=false}e.prototype.componentWillLoad=function(){s(this);this.hasShowMoreSlot=h(this.element,"show-more")};e.prototype.componentDidLoad=function(){var e=this;if(this.autoDismiss){this.timeoutID=setTimeout((function(){return e.handleDismiss()}),this.autoDismiss)}};e.prototype.connectedCallback=function(){l(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"});d(this)};e.prototype.disconnectedCallback=function(){if(this.timeoutID){clearTimeout(this.timeoutID)}f(this);u(this)};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleShow();return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.handleHide();return[2]}))}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.alertContainer.focus(e);return[2]}))}))};e.prototype.render=function(){var e,t;var i=this;var n=this.theme==="turva"?"secondary-turva":"secondary";return r(a,{key:"e448c7c0ab12102094a5af854e0b1020db575020",class:{"duet-theme-turva":this.theme==="turva","duet-alert-is-dismissed":this.isDismissed},role:this.announcements?"alert":undefined},r("div",{key:"1dec4d58cb1c31c9ab47f87553e14a80685c70b5",class:(e={"duet-alert-wrapper":true,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},e[this.variation]=true,e[this.position]=true,e["duet-theme-turva"]=this.theme==="turva",e)},r("div",{key:"568a5ef9e4e08f0c352b00b8ddb99ba13556980d",class:(t={"duet-alert":true,"duet-alert-has-icon":!!this.icon||this.position==="below-nav","duet-alert-has-show-more":this.hasShowMoreSlot,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},t[this.variation]=true,t["duet-theme-turva"]=this.theme==="turva",t)},r("div",{key:"26cef0f80aa3dcd578e3ff66ff6d0c0f7f69c73b",class:"duet-alert-container",ref:function(e){i.alertContainer=e},tabindex:this.focusable?"0":undefined},this.icon&&this.position!=="below-nav"&&r("div",{key:"3bf20fbbb13c4aa2e60c06b21a82b707cfd07723",class:"duet-alert-icon"},r("duet-icon",{key:"3f18cff3b0bcac74e62a1c4de8bf3fdd35b88d42",size:"auto",name:this.icon,color:"currentColor"})),this.position==="below-nav"&&r("div",{key:"33e4ccb19c6b7d25e55cd59fad69bdc2570d7c63",class:"duet-alert-icon below-nav"},r("duet-icon",{key:"9cf06d3ae7a3939ad0c14fb24ee41539a04ba175",size:"auto",name:this.iconVariationMap[this.variation],color:this.variation==="default"?"currentColor":this.variation})),r("span",{key:"aced3bd1bcfc8f6cfff4a7d5a024fc326363c912",id:this.descriptiveId},r("slot",{key:"6d51d76b80bc5f18113e7f4350da10556fa83e06"}))),this.hasShowMoreSlot&&r("duet-show-more",{key:"4dece9683763396bc933a59e24658fae870ee055",margin:"none",class:"duet-alert-show-more"},r("slot",{key:"276f8ccb5fef3518daa39ab736f57bd4a2a7e315",name:"show-more"})),this.dismissible&&r("div",{key:"764114bc7107a685d2b6fd7c977c9d6d1885eb13",class:"duet-alert-dismiss"},r("duet-button",{key:"b6b3b5909c1eab78a171d141335700620f9ea70c",variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,color:n,iconSize:"medium",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:this.handleDismiss,fixed:true})))))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());m.style=p}}}));

package/lib/duet/{p-66e3ce81.system.entry.js → p-ecfc7f69.system.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-System.register(["./p-e7d7928e.system.js","./p-50f4bca2.system.js","./p-34d7dd10.system.js"],(function(e){"use strict";var t,a,n,i,r,o;return{setters:[function(e){t=e.r;a=e.h;n=e.H;i=e.g},function(e){r=e.i},function(e){o=e.f}],execute:function(){var u='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-link{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);text-align:center;text-decoration:none}.duet-submenu-bar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-submenu-bar-link:focus,.duet-submenu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-link .submenu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-link .submenu-bar-link-icon{width:16px;height:16px}}@media (min-width: 62em){.duet-submenu-bar-link{flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:0.875rem;color:rgb(0, 77, 128)}}@media (min-width: 62em){.duet-submenu-bar-link.active{color:rgb(0, 119, 179)}.duet-submenu-bar-link.active.duet-theme-turva{color:rgb(148, 9, 37)}}.duet-submenu-bar-link.active .label{position:relative}.duet-submenu-bar-link.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-link.active .label::after{display:none}.duet-submenu-bar-link.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}}.duet-submenu-bar-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-link.duet-theme-turva.active .label::after{background:rgb(148, 9, 37)}.duet-submenu-bar-link.duet-theme-turva.active::after{background:rgb(148, 9, 37)}@media (min-width: 62em){.duet-submenu-bar-link:hover{color:rgb(0, 41, 77);background:rgb(230, 242, 248)}.duet-submenu-bar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(228, 228, 230)}.duet-submenu-bar-link:hover.duet-theme-turva.active{color:rgb(148, 9, 37)}}';var s=u;var b=e("duet_submenu_bar_link",function(){function e(e){t(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined}e.prototype.componentWillLoad=function(){r(this)};e.prototype.handleEscape=function(e){if(o(e)){var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}};e.prototype.render=function(){var e=this;return a(n,{key:"fdb4bda5a30e6c5018bc3636e2381a56ee01e4e3"},a("a",{key:"d9f4e02a83f4f6878c7cb31d2201e3fd4150d580",class:{"duet-submenu-bar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.href,onKeyUp:function(t){return e.handleEscape(t)},"aria-current":this.active?"true":"false"},this.icon&&a("duet-icon",{key:"59193a693a585ccd29d06c85088e9fdc67bca422",class:"submenu-bar-link-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),a("span",{key:"f0cd7c856a0f000e8d7e205d1a414454a0683d17",class:"label"},a("slot",{key:"4ad4ae7537067cc17a906b7c2ddcabe9a278aeaa"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());b.style=s}}}));
+System.register(["./p-f6577375.system.js","./p-e216bea4.system.js","./p-34d7dd10.system.js"],(function(e){"use strict";var t,a,n,i,r,o;return{setters:[function(e){t=e.r;a=e.h;n=e.H;i=e.g},function(e){r=e.i},function(e){o=e.f}],execute:function(){var u='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-link{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);text-align:center;text-decoration:none}.duet-submenu-bar-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-submenu-bar-link:focus,.duet-submenu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-link .submenu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-link .submenu-bar-link-icon{width:16px;height:16px}}@media (min-width: 62em){.duet-submenu-bar-link{flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:0.875rem;color:rgb(0, 77, 128)}}@media (min-width: 62em){.duet-submenu-bar-link.active{color:rgb(0, 119, 179)}.duet-submenu-bar-link.active.duet-theme-turva{color:rgb(148, 9, 37)}}.duet-submenu-bar-link.active .label{position:relative}.duet-submenu-bar-link.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-link.active .label::after{display:none}.duet-submenu-bar-link.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}}.duet-submenu-bar-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-link.duet-theme-turva.active .label::after{background:rgb(148, 9, 37)}.duet-submenu-bar-link.duet-theme-turva.active::after{background:rgb(148, 9, 37)}@media (min-width: 62em){.duet-submenu-bar-link:hover{color:rgb(0, 41, 77);background:rgb(230, 242, 248)}.duet-submenu-bar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(228, 228, 230)}.duet-submenu-bar-link:hover.duet-theme-turva.active{color:rgb(148, 9, 37)}}';var s=u;var b=e("duet_submenu_bar_link",function(){function e(e){t(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined}e.prototype.componentWillLoad=function(){r(this)};e.prototype.handleEscape=function(e){if(o(e)){var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}};e.prototype.render=function(){var e=this;return a(n,{key:"fdb4bda5a30e6c5018bc3636e2381a56ee01e4e3"},a("a",{key:"d9f4e02a83f4f6878c7cb31d2201e3fd4150d580",class:{"duet-submenu-bar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.href,onKeyUp:function(t){return e.handleEscape(t)},"aria-current":this.active?"true":"false"},this.icon&&a("duet-icon",{key:"59193a693a585ccd29d06c85088e9fdc67bca422",class:"submenu-bar-link-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),a("span",{key:"f0cd7c856a0f000e8d7e205d1a414454a0683d17",class:"label"},a("slot",{key:"4ad4ae7537067cc17a906b7c2ddcabe9a278aeaa"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());b.style=s}}}));

package/lib/duet/{p-7bfc6d05.system.entry.js → p-ede8e276.system.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-System.register(["./p-e7d7928e.system.js","./p-50f4bca2.system.js"],(function(e){"use strict";var t,r,a,c;return{setters:[function(e){t=e.r;r=e.h;a=e.H},function(e){c=e.i}],execute:function(){var i=".duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-checkmark-container.center{margin-right:auto}.duet-theme-turva .duet-checkmark-container{border-color:rgb(116, 116, 117)}.checked .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked .duet-checkmark-container{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}[disabled]+label .duet-checkmark-container{border-color:rgb(207, 210, 212) !important}.duet-theme-turva [disabled]+label .duet-checkmark-container{border-color:rgb(207, 207, 209) !important}.checked [disabled]+label .duet-checkmark-container{background:rgb(207, 210, 212) !important}.duet-theme-turva .checked [disabled]+label .duet-checkmark-container{background:rgb(207, 207, 209) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}";var o=i;var d=e("duet_checkmark",function(){function e(e){t(this,e);this.theme="";this.checked=false;this.presentationOnly=false;this.center=false;this.type="checkbox"}e.prototype.componentWillLoad=function(){c(this)};e.prototype.render=function(){return r(a,{key:"75cdc17a166f46cf6e654ddb26c60b29f3c550e1",class:{"duet-theme-turva":this.theme==="turva"}},r("div",{key:"ed73c4db6ad6ed7815332c3ec9317e1cbca23942",role:this.presentationOnly?"presentation":null,class:{checked:this.checked}},r("div",{key:"cf193028e8d1fa0d351a186e4a250dc5c160a2ab",class:{"duet-checkmark-container":true,center:this.center,"duet-checkmark-radio":this.type==="radio"}},this.checked&&r("div",{key:"0821597580d4d34e2c5f5064ff78e4338ec990c9",class:"duet-checkmark"}))))};return e}());d.style=o}}}));
+System.register(["./p-f6577375.system.js","./p-e216bea4.system.js"],(function(e){"use strict";var t,r,a,c;return{setters:[function(e){t=e.r;r=e.h;a=e.H},function(e){c=e.i}],execute:function(){var i=".duet-checkmark-container{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-checkmark-container.center{margin-right:auto}.duet-theme-turva .duet-checkmark-container{border-color:rgb(116, 116, 117)}.checked .duet-checkmark-container{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .checked .duet-checkmark-container{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio{border-radius:50%}[disabled]+label .duet-checkmark-container{border-color:rgb(207, 210, 212) !important}.duet-theme-turva [disabled]+label .duet-checkmark-container{border-color:rgb(207, 207, 209) !important}.checked [disabled]+label .duet-checkmark-container{background:rgb(207, 210, 212) !important}.duet-theme-turva .checked [disabled]+label .duet-checkmark-container{background:rgb(207, 207, 209) !important}.duet-checkmark{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}";var o=i;var d=e("duet_checkmark",function(){function e(e){t(this,e);this.theme="";this.checked=false;this.presentationOnly=false;this.center=false;this.type="checkbox"}e.prototype.componentWillLoad=function(){c(this)};e.prototype.render=function(){return r(a,{key:"75cdc17a166f46cf6e654ddb26c60b29f3c550e1",class:{"duet-theme-turva":this.theme==="turva"}},r("div",{key:"ed73c4db6ad6ed7815332c3ec9317e1cbca23942",role:this.presentationOnly?"presentation":null,class:{checked:this.checked}},r("div",{key:"cf193028e8d1fa0d351a186e4a250dc5c160a2ab",class:{"duet-checkmark-container":true,center:this.center,"duet-checkmark-radio":this.type==="radio"}},this.checked&&r("div",{key:"0821597580d4d34e2c5f5064ff78e4338ec990c9",class:"duet-checkmark"}))))};return e}());d.style=o}}}));