@duetds/components 10.0.0-alpha.3 → 10.0.0-alpha.31

package/lib/duet/p-4a54f0ec.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as t,c as e,h as i,H as o,g as a}from"./p-BVAkfiYN.js";import{i as s}from"./p-BO8h6fkS.js";import{c as r}from"./p-Cfr_DJqU.js";import{a as d,h,c as n}from"./p-s4mQ--kV.js";import{f as l,w as b}from"./p-BmMFVM-y.js";const u=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",7),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.focus=!1,this.radioId=r("DuetRadio"),this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.margin="auto",this.theme="",this.disabled=!1,this.required=!1,this.blockEvents=!1,this.label="label",this.radioInputListenersRemove=t=>{t.removeEventListener("change",this.onChange),t.removeEventListener("focus",this.onFocus),t.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=t=>{t.addEventListener("change",this.onChange),t.addEventListener("focus",this.onFocus),t.addEventListener("blur",this.onBlur)},this.radioInputSetUp=()=>{const t=this.element.querySelector("input"),e=t||document.createElement("input");if(e.slot="input",e.disabled=!(!this.disabled&&!this.groupDisabled)||void 0,e.id=this.identifier||this.radioId,e.type="radio",e.name=this.name,e.value=this.value,e.checked=this.checked,this.accessibleIndex&&(e.tabIndex=Number(this.accessibleIndex)),e.required=this.required,e.role=this.role,this.accessibleControls&&e.setAttribute("aria-controls",this.accessibleControls),this.accessibleActiveDescendant&&e.setAttribute("aria-activedescendant",this.accessibleActiveDescendant),this.accessibleOwns&&e.setAttribute("aria-owns",this.accessibleOwns),this.accessibleDescribedBy&&e.setAttribute("aria-describedby",this.accessibleDescribedBy),this.accessibleLabelledBy&&e.setAttribute("aria-labelledby",this.accessibleLabelledBy),this.accessibleDetails&&e.setAttribute("aria-details",this.accessibleDetails),this.accessibleDescription&&e.setAttribute("aria-description",this.accessibleDescription),this.hasLabel){const t=d(this.element,"label");e.ariaLabel=t.length>0?t[0].textContent:this.labelElement.textContent}else e.ariaLabel=this.labelElement.textContent;t?this.radioInputListenersRemove(e):this.element.appendChild(e),this.radioInputListenersAdd(e),this.focusableElement=e},this.onClick=t=>{t.stopPropagation()},this.onChange=t=>{this.checked=this.focusableElement.checked,this.checked&&!this.blockEvents&&this.duetChange.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-radio"})},this.onBlur=t=>{this.focus=!1,this.duetBlur.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-radio"})},this.onFocus=t=>{this.focus=!0,this.duetFocus.emit({originalEvent:t,checked:this.checked,value:this.value,component:"duet-radio"})}}componentWillLoad(){s(this),this.hasLabel=h(this.element,"label"),void 0===this.value&&(this.value=this.identifier)}componentDidRender(){this.radioInputSetUp()}async setFocus(t){this.focusableElement.focus(t)}render(){return i(o,{key:"5b1a38835b8478e9e31e2893f654d4a7da0de880",onClick:this.onClick,class:{horizontal:"horizontal"===this.groupDirection&&!this.groupResponsive,"horizontal-responsive":"horizontal"===this.groupDirection&&this.groupResponsive,"duet-m-0":"none"===this.margin}},i("div",{key:"7397b43b1104dbdc870ec0ad65793bd372062eaf",class:{"duet-radio-container":!0,"duet-theme-turva":"turva"===this.theme}},i("slot",{key:"8daf569056a859f5362236e546a61e958ba4bcaf",name:"input"}),i("label",{key:"3acd012b17207cf38a15085d2cc868b3e4cc8c1c",inert:!0,ref:t=>this.labelElement=t,class:{"duet-label":!0,checked:this.checked,focus:this.focus,disabled:this.disabled||this.groupDisabled}},i("div",{key:"5fb433fd2fe57f3e560fdefcabff68999301596a",class:"duet-label-content"},this.hasLabel?i("slot",{name:"label"}):this.label))))}get element(){return a(this)}};u.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type{margin-right:28px !important}:host(.vertical){margin-right:0 !important}:host(.horizontal){margin-bottom:0 !important;width:auto}:host(.horizontal) .duet-label .duet-label-content{max-width:100%}@media (min-width: 48em){:host(.horizontal-responsive){margin-right:28px !important;margin-bottom:0 !important;width:auto}:host(.horizontal-responsive):last-child,:host(.horizontal-responsive):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.horizontal-responsive):last-of-type{margin-right:28px !important}:host(.horizontal-responsive) .duet-label .duet-label-content{max-width:100%}}:host(.duet-m-0){margin:0 !important}:host(:last-child:not(:only-child)){margin-right:0 !important;margin-bottom:0 !important}.duet-label{position:relative;z-index:100;display:flex;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(8, 42, 77);hyphens:auto;word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-theme-turva .duet-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-label .duet-label-content{flex-grow:1;font-size:1rem}.duet-label-hidden .duet-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-radio-container{position:relative;width:100%;height:100%}.duet-label::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:"";background:rgb(255, 255, 255);border:1px solid rgb(8, 42, 77);border-radius:50%}.duet-theme-turva .duet-label::before{border-color:rgb(23, 28, 58)}.duet-label.focus::before{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-label.focus::before,.duet-label.focus::before.duet-theme-turva,.duet-theme-turva2 .duet-label.focus::before,.duet-label.focus::before.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-label.focus::before{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-label.checked::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:"";background:rgb(0, 119, 179);border-radius:50%}.duet-theme-turva .duet-label.checked::after{background:rgb(23, 28, 58)}.duet-label.disabled{color:rgb(98, 121, 138)}.duet-theme-turva .duet-label.disabled{color:rgb(143, 147, 158)}.duet-label.disabled::before{border-color:rgb(181, 198, 208)}.duet-theme-turva .duet-label.disabled::before{border-color:rgb(143, 147, 158)}.duet-label.disabled.checked::before{border:1px solid rgb(127, 150, 165)}.duet-label.disabled.checked::after{background:rgb(127, 150, 165)}.duet-theme-turva .duet-label.disabled.checked::after{background:rgb(143, 147, 158);border-color:rgb(143, 147, 158)}*::slotted([slot=input]){padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}*::slotted([slot=input][disabled]){cursor:default}:host(.duet-theme-turva2) .duet-theme-turva .duet-label{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-radio+label::before{border-color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-radio:checked+label::after{background:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled]+label{color:rgb(120, 145, 164)}:host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled]+label::before{border-color:rgb(120, 145, 164)}:host(.duet-theme-turva2) .duet-theme-turva .duet-radio[disabled]:checked+label::after{background:rgb(120, 145, 164);border-color:rgb(120, 145, 164)}';const c=class{constructor(e){t(this,e),this.direction="vertical",this.margin="auto",this.theme="",this.error="",this.tooltip="",this.tooltipDirection="auto",this.label="Label",this.labelHidden=!1,this.caption="",this.responsive=!1,this.required=!1,this.accessibleLiveError="polite",this.onSelect=t=>{const e=t.target;e&&(this.value=e.value),t.cancelBubble=!0}}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}async connectedCallback(){const t=this.element;if(void 0===this.value){const e=l(t,"duet-radio");void 0!==e&&(await e.componentOnReady(),void 0===this.value&&(this.value=e.value))}this.mutationO=b(t,"duet-radio",(t=>{void 0!==t?t.componentOnReady().then((()=>{this.value=t.value})):this.updateRadios()})),this.updateRadios()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){s(this),this.removeDisabledAttributeWhenFalse(),n(this.element,"tooltip","duet-tooltip",1,!0)}async updateRadios(){const t=Array.from(this.element.querySelectorAll("duet-radio")),{value:e}=this;let i=!1;for(const o of t)o.name=this.name,o.required=this.required,o.groupDisabled=this.disabled,o.groupDirection=this.direction,o.groupResponsive=this.responsive,i||o.value!==e?o.checked=!1:(i=!0,o.checked=!0);i||(this.value=void 0)}render(){return i(o,{key:"c9c42e3d578a64ec328ad0b1aad6e9c3906dcc2b",onDuetChange:this.onSelect,class:{horizontal:"horizontal"===this.direction}},i("duet-fieldset",{key:"6a38b0a95734aea6320ec9bb63cebc7a11279990",label:this.label,labelHidden:this.labelHidden,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&i("duet-tooltip",{key:"3f9d7aa7e79c08a743cd575d5a22542e3f89b26f",slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"2a3125a48b3ebd4bc37cf127719ca0be1604e911",name:"tooltip"}),i("div",{key:"c81542f71fe22646f761dab6fb2864c7fa269f48",class:{"duet-radio-group":!0,"duet-no-stacking":!this.responsive}},i("slot",{key:"5ff585a7895db4ad56916a1a7bc06bdc6915dc0e"}))))}get element(){return a(this)}static get watchers(){return{disabled:["removeDisabledAttributeWhenFalse","updateRadios"],name:["updateRadios"],value:["updateRadios"],direction:["updateRadios"],responsive:["updateRadios"]}}};c.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}:host(.horizontal) .duet-radio-group{display:block}@media (min-width: 48em){:host(.horizontal) .duet-radio-group{display:flex}}:host(.horizontal) .duet-radio-group.duet-no-stacking{display:flex}.deut-radio-group{width:100%}";export{u as duet_radio,c as duet_radio_group}

package/lib/duet/p-4a6a79ac.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as t,c as i,h as e,F as a,H as s,g as n}from"./p-BVAkfiYN.js";import{i as o}from"./p-BO8h6fkS.js";import{c as r}from"./p-Cfr_DJqU.js";import{d as h}from"./p-BlUsLmbQ.js";import{j as d,k as l,d as c,e as p,f as u,g as b,l as g,m}from"./p-Db8rvjPI.js";import{g as f,c as v,d as k}from"./p-zqnwKSPV.js";import{p as y}from"./p-C6E9F6QT.js";import{b as w,a as x}from"./p-Df3Doz7n.js";import"./p-Bh9dkusU.js";const S=class{constructor(e){t(this,e),this.duetPageChange=i(this,"duetPageChange",3),this.listId=r("duet-pagination-list"),this.processedPageLinks=null,this.numbersStore="",this.matchesCompactBreakpoint=!1,this.totalPages=10,this.internalSectionIndex=0,this.theme="",this.disabled=!1,this.variation="default",this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelsDefaults={en:{next_page:"Next page",previous_page:"Previous page",first_page:"First page",last_page:"Last page",jump_to:"Jump to page",go_to:"Go to page",description:"You may use arrow keys to select page number",pagination_label:"Pagination, choose a number to jump to a page",select_label:"Total pages {0}, choose a number to jump to a page",prev_section:"Show previous {0} page numbers, screen reader user should use arrowkeys to navigate",next_section:"Show next {0} page numbers, screen reader user should use arrowkeys to navigate"},fi:{next_page:"Seuraava sivu",previous_page:"Edellinen sivu",first_page:"Ensimmäinen sivu",last_page:"Viimeinen sivu",jump_to:"Siirry sivulle",go_to:"Siirry sivulle",description:"Voit käyttää nuolinäppäimiä sivunumeron valitsemiseen",pagination_label:"Sivutus, valitse sivunumero siirtyäksesi sivulle",select_label:"Sivuja yhteensä {0}, valitse sivunumero siirtyäksesi sivulle",prev_section:"Näytä edelliset {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi",next_section:"Näytä seuraavat {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi"},sv:{next_page:"Nästa sida",previous_page:"Föregående sida",first_page:"Första sidan",last_page:"Sista sidan",jump_to:"Hoppa till sida",go_to:"Hoppa till sida",description:"Du kan använda piltangenterna för att välja sida",pagination_label:"Paginering, välj en siffra för att hoppa till en sida",select_label:"Totalt antal sidor {0}, välj en siffra för att hoppa till en sida",prev_section:"Visa föregående {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera",next_section:"Visa nästa {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera"}},this.accessibleLabels=f(this.accessibleLabelsDefaults),this.take=5,this.visibleItems=5,this.total=1e3,this.compactBreakpoint="x-small",this.ariaControls="",this.current=1,this.firstRenderDone=!1,this.handleMediaQueryChange=t=>{this.matchesCompactBreakpoint=w.includes(this.compactBreakpoint)?t.matches:!t.matches},this.actionChain=async(t,i)=>{if(0===t)this.current=1;else if(t>this.totalPages)this.current=this.totalPages;else if(i!==t){const i=Math.ceil(t/this.visibleItems)-1;i!==this.internalSectionIndex&&(this.internalSectionIndex=i,await this.setFocus())}return!0},this.emitPageEvent=(t,i)=>{const e=Number(i||this.current);this.duetPageChange.emit({component:"duet-pagination",from:e*this.take,to:e*this.take+this.take,current:e,take:this.take,type:"page",originalEvent:t})},this.getEnteredNumber=h((t=>{this.emitPageEvent(t,this.numbersStore),this.current=Number(this.numbersStore),this.numbersStore="",this.duetPageChange.emit({component:"duet-pagination",from:this.current*this.take,to:this.current*this.take+this.take,current:this.current,take:this.take,type:"jump",originalEvent:t})}),500)}watchPropTotalHandler(){return this.calculatePageTake(),!0}watchStateHandler(t,i){return this.actionChain(t,i)}componentWillLoad(){this.internalSectionIndex=Math.ceil(this.current/this.visibleItems)-1,this.calculatePageTake(),o(this),this.refresh()}componentDidLoad(){this.firstRenderDone=!0}componentWillRender(){0!==this.internalSectionIndex&&this.internalSectionIndex!==this.totalPages&&this.calculatePageTake()}componentDidRender(){this.firstRenderDone&&!this.processedPageLinks&&this.setFocus()}connectedCallback(){this.mq=matchMedia("none"===this.compactBreakpoint?"all":x[this.compactBreakpoint]),this.mq.addEventListener("change",h(this.handleMediaQueryChange,50)),this.handleMediaQueryChange(this.mq),v(this,{prop:"accessibleLabels",defaults:"accessibleLabelsDefaults"})}disconnectedCallback(){this.mq.removeEventListener("change",this.handleMediaQueryChange),this.mq=null,this.matchesCompactBreakpoint=!1,k(this)}async refresh(){this.processedPageLinks=y(this.pageLinks)}calculatePageTake(){this.totalPages=Math.ceil(this.total/this.take)}async onMouseHandler(t,i){this.disabled||(this.processedPageLinks||(t.preventDefault(),t.stopPropagation(),this.current=this.current+i),this.emitPageEvent(t))}async onKeyboardDown(t){if(this.disabled)return;let i=this.current;(c(t)||p(t))&&i--,(u(t)||b(t))&&i++,d(t)&&i<=this.totalPages&&(this.current=i,this.processedPageLinks?(this.emitPageEvent(t,i-1),window.open(this.processedPageLinks[i-1],"_self","")):this.emitPageEvent(t)),l(t)&&this.shouldDisplayNavigation()&&(this.numbersStore=this.numbersStore+t.key,Number(this.numbersStore)>this.totalPages&&(this.numbersStore=this.totalPages+""),this.getEnteredNumber(t))}async setFocus(){const t=this.nativeNav.querySelector(`[data-id='${this.current}']`);t&&await t.setFocus()}pageClickHandler(t){const i=Number(t.target.getAttribute("data-id"));this.processedPageLinks||(t.preventDefault(),this.current=i),this.emitPageEvent(t,i)}selectClickHandler(t){t.preventDefault();const i=Number(t.target.value);this.current=i,this.processedPageLinks?(this.emitPageEvent(t,i-1),window.open(this.processedPageLinks[i-1],"_self","")):this.emitPageEvent(t,i)}sectionClickHandler(t,i){t.preventDefault();let e=this.internalSectionIndex+i;e*(this.take*this.visibleItems)>this.total&&(e=this.internalSectionIndex),this.internalSectionIndex=e>=0?e:0}jumpToStart(t){this.processedPageLinks||(t.preventDefault(),this.internalSectionIndex=0,this.current=1),this.emitPageEvent(t)}jumpToEnd(t){this.processedPageLinks||(t.preventDefault(),this.internalSectionIndex=Math.ceil(this.totalPages/this.take-1),this.current=this.totalPages),this.emitPageEvent(t)}renderPageButton(t){return e("duet-button",{disabled:this.disabled,class:{"duet-pagination-link":!0},id:`page-${t}-button`,color:t!==this.current?"turva"!==this.theme?"secondary":"secondary-turva":"turva"!==this.theme?"primary":"primary-turva","data-id":t,"center-text":!0,variation:"plain",margin:"none",accessibleLabel:`${this.accessibleLabels.go_to} ${t}`,onClick:t=>this.pageClickHandler(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[t-1]:void 0},e("div",{class:"duet-pagination-page-number","aria-hidden":!0},t))}renderPageNumbers(){const t=[];let i=this.internalSectionIndex*this.visibleItems;do{if(i++,i>this.totalPages)break;t.push(e("li",{class:{"duet-pagination-item":!0,"duet-pagination-item-is-active":i===this.current},role:"menuitem"},this.renderPageButton(i)))}while(i<this.visibleItems+this.internalSectionIndex*this.visibleItems);return t}renderSelect(){const t=[];for(let i=1;i<=this.totalPages;i++)t.push({value:i.toString(),label:i.toString()});const i=e("duet-select",{disabled:this.disabled,theme:this.theme,class:"duet-pagination-select",variation:"compact",items:JSON.stringify(t),value:this.current.toString(),label:this.accessibleLabels.select_label.replace("{0}",`${this.totalPages}`),labelHidden:!0,onDuetChange:t=>this.selectClickHandler(t),margin:"none"});return e("li",null,i,e("span",{class:"duet-pagination-total-pages","aria-hidden":"true"},"/ ",this.totalPages))}shouldDisplayNavigation(){return!("compact"===this.variation||this.matchesCompactBreakpoint||2*this.visibleItems>this.total/this.take)}render(){return e(s,{key:"52e784473ef29848499981e51ce1306b85a6982e",onKeyDown:t=>this.onKeyboardDown(t),class:{"duet-theme-turva":"turva"===this.theme}},e("nav",{key:"c6bb124db6d838e10370f48544b86a9f7619b0e9",role:"navigation","aria-labelledby":this.accessibleLabelledBy?`${this.accessibleLabelledBy} ${this.listId}`:this.listId,"aria-describedby":this.accessibleDescribedBy?`${this.accessibleDescribedBy} ${this.listId}`:this.listId,"aria-descriptions":this.accessibleDescription,"aria-details":this.accessibleDetails,ref:t=>this.nativeNav=t,"aria-controls":this.ariaControls,class:{"duet-pagination-nav":!0,[`duet-pagination-variation-${this.variation}`]:!0}},""!==this.numbersStore&&e("div",{key:"5796a23be63400e02cdcda3547ba16b5095efb2d","aria-live":"assertive","aria-relevant":"text",class:"duet-pagination-overlay","aria-label":`${this.accessibleLabels.jump_to} ${this.numbersStore}`,part:"navigation-overlay"},e("duet-badge",{key:"ae244394fde7f973460ad58c73b0188c2a4fac47",theme:this.theme},"jump to page : ",this.numbersStore)),e("ol",{key:"8d0eb963238e39d216193a48562142b3be082cbb",id:this.listId,class:{"duet-pagination":!0,"duet-pagination-is-dimmed":""!==this.numbersStore},role:"menubar","aria-label":this.accessibleLabels.pagination_label,"aria-description":this.accessibleLabels.description},("compact"===this.variation||this.matchesCompactBreakpoint)&&e("li",{key:"d7e1fda8280ef37a4e6a9a035651faa3812dd609",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"286dda612fa7b6f2149f75dc57124d5eb6decdb2",disabled:0===this.internalSectionIndex&&this.current<=1||this.disabled,"data-direction":"back",accessibleLabel:this.accessibleLabels.first_page,title:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t),"icon-name":"action-move-to-first",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[0]:void 0})),e("li",{key:"7dda62b7807922dcef3cd2d16f0bc66bfe134ea4",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"e2274296bc1bee4ccc388c0db9bb0d93d24c835b",disabled:!!(0===this.internalSectionIndex&&this.current<=1||this.current<=1&&this.processedPageLinks||this.disabled),"data-direction":"back",onClick:t=>this.onMouseHandler(t,-1),"accessible-label":this.accessibleLabels.previous_page,title:this.accessibleLabels.previous_page,"icon-name":"action-arrow-left-small",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.current-2]:void 0})),0!==this.internalSectionIndex&&this.shouldDisplayNavigation()&&e(a,{key:"3f9b85167c0a76403aa15f29f1c1f1288ad0e4d0"},e("li",{key:"e64af2416ffc7613778f7da6cb788d4a72f4eef0",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{key:"ed827f262c1d9672d8a0da1209d214cf0201c14c",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-jump-back","center-text":"true",variation:"plain",color:"turva"!==this.theme?"secondary":"secondary-turva",margin:"none",accessibleLabel:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[0]:void 0},e("div",{key:"123675ff6455a2af26041f5887226e4c0ae2e92d",class:"duet-pagination-page-number"},"1"))),e("li",{key:"937ef0dd5be48ea9cc25e0d76183cf871435fae1",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{key:"b943f95c41d2325cbc8f4ee8654feb079f0bde26",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-dots-back","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.prev_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,-1),theme:this.theme},e("div",{key:"0abefda80e80fd7299d0e6b1a6d474f5f0a004ab",class:"duet-pagination-page-number","aria-hidden":"true"},"…")))),this.shouldDisplayNavigation()&&this.renderPageNumbers()||this.renderSelect(),(this.internalSectionIndex+1)*this.visibleItems<this.totalPages&&this.shouldDisplayNavigation()&&e(a,{key:"20184dc0cfdf26f29d63dcfbfe1ae2c4837a56bc"},(this.internalSectionIndex+1)*this.visibleItems!=this.totalPages-1&&e("li",{key:"6bb0d7a4742be774e7b453dd091b8ec9bc4ddb68",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{key:"5a6c286824409fc75f08fcb2c5144bbeb19d95d5",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-dots-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.next_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,1),theme:this.theme},e("div",{key:"8b8bb2c2b47d687d20e556840d5960dab27c90b6",class:"duet-pagination-page-number","aria-hidden":"true"},"…"))),e("li",{key:"762f4434753385d3599f159d62ca921def9a18a2",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{key:"5dd3404fa6a43253b611c8c35045041136a9241e",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-jump-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.processedPageLinks.length-1]:void 0},e("div",{key:"8e3876cbbbf37cd2f2e2e3cc527b5553479b3e18",class:"duet-pagination-page-number"},this.totalPages)))),e("li",{key:"68e1f7e8c908396d2564d1fb30880d726dea24cd",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"edfe5c34fbdd5406dcb10355ef7027da35279af2",disabled:!!(this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1||this.current===this.totalPages&&this.processedPageLinks)||this.disabled,class:"duet-date-dialog-next","accessible-label":this.accessibleLabels.next_page,title:this.accessibleLabels.next_page,onClick:t=>this.onMouseHandler(t,1),"icon-name":"action-move-to-next",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.current]:void 0})),("compact"===this.variation||this.matchesCompactBreakpoint)&&e("li",{key:"69ace8f9afc0c82112a6ac194d7fc5ef5041f179",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"8ff4d39efec69737f39608581d72bfafc174a513",disabled:this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1||this.disabled,accessibleLabel:this.accessibleLabels.last_page,title:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t),"icon-name":"action-move-to-last",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.totalPages-1]:void 0})))))}get element(){return n(this)}static get watchers(){return{total:["watchPropTotalHandler"],current:["watchStateHandler"],pageLinks:["refresh"]}}};S.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline-block;margin:0 auto}.duet-pagination-nav{position:relative}.duet-pagination ::part(button){border:0}.duet-pagination,.duet-pagination li{display:flex;flex-wrap:wrap;gap:0.1rem;align-items:center}.duet-pagination-item-is-active .duet-pagination-page-number{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:2px}.duet-pagination duet-button{width:30px;min-width:36px;font-weight:600;text-decoration:none;border-left-width:0}.duet-pagination-overlay{position:absolute;top:1rem;z-index:300;width:100%;text-align:center}.duet-pagination.duet-pagination-is-dimmed{opacity:0.5}.duet-pagination .duet-pagination-select{margin:0 4px 0 12px !important}.duet-pagination-total-pages{margin: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:1rem;font-weight:600 !important;line-height:1.25;color:rgb(8, 42, 77);text-align:left}:host(.duet-theme-turva) .duet-pagination-total-pages{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-theme-turva2.duet-theme-turva) .duet-pagination-total-pages{color:rgb(23, 42, 59)}';const _=class{constructor(e){t(this,e),this.duetRangeStepUpdate=i(this,"duetRangeStepUpdate",7),this.leftBn=r("duetRangeStepper-left"),this.rightBn=r("duetRangeStepper-right"),this.buttonLeftDisabled=!1,this.buttonRightDisabled=!1,this.theme="",this.disabled=!1,this.stepIndex=1,this.stepSize=50,this.total=1e3,this.ariaLabelsDefaults={en:{next_increment:"Next range increment",previous_increment:"Previous range increment",x_of_y:"{0}–{1} of {2}"},fi:{next_increment:"Seuraava välillä",previous_increment:"Edellinen välillä",x_of_y:"{0}–{1} / {2}"},sv:{next_increment:"Nästa intervall",previous_increment:"Föregående intervall",x_of_y:"{0}–{1} av {2}"}},this.ariaLabels=f(this.ariaLabelsDefaults),this.ariaControls="",this.handleClick=(t,i)=>{t.preventDefault(),this.stepIndex+=i,this.clampStepIndex(),this.handleStepClick(t)}}watchStepIndexStateHandler(t){this.leftBnRef&&this.rightBnRef&&(t<=1?(this.element===document.activeElement&&this.rightBnRef.setFocus(),this.buttonLeftDisabled=!0):this.buttonLeftDisabled=!1,t>=this.total/this.stepSize?(this.element===document.activeElement&&this.leftBnRef.setFocus(),this.buttonRightDisabled=!0):this.buttonRightDisabled=!1)}watchStepSizeStateHandler(t,i){t!==i&&(this.stepIndex*t>this.total&&(this.stepIndex=Math.ceil(this.total/t)),this.watchStepIndexStateHandler(this.stepIndex))}handleStepClick(t){this.duetRangeStepUpdate.emit({originalEvent:t,component:"duet-range-stepper",from:this.getFrom(),to:this.getTo(),index:this.stepIndex})}componentWillLoad(){o(this),this.clampStepIndex()}componentDidLoad(){this.watchStepIndexStateHandler(this.stepIndex)}connectedCallback(){v(this,{prop:"ariaLabels",defaults:"ariaLabelsDefaults"})}disconnectedCallback(){k(this)}clampStepIndex(){this.stepIndex<1?this.stepIndex=1:this.stepIndex*this.stepSize>this.total&&(this.stepIndex=Math.ceil(this.total/this.stepSize))}getFrom(){return Math.floor((this.stepIndex-1)*this.stepSize)+1}getTo(){return Math.min(Math.floor(this.stepIndex*this.stepSize),this.total)}generateStepSize(){return this.ariaLabels.x_of_y.replace("{0}",String(this.getFrom())).replace("{1}",String(this.getTo())).replace("{2}",String(this.total))}generatePreviousIncrementLabel(){return 1===this.getFrom()?"":this.ariaLabels.x_of_y.replace("{0}",String(Math.max(this.getFrom()-this.stepSize,1))).replace("{1}",String(Math.min(this.getFrom()-1,this.total))).replace("{2}",String(this.total))}generateNextIncrementLabel(){return this.getTo()===this.total?"":this.ariaLabels.x_of_y.replace("{0}",String(this.getTo()+1)).replace("{1}",String(Math.min(this.getTo()+this.stepSize,this.total))).replace("{2}",String(this.total))}async onKeyboardDown(t){if(this.disabled)return;let i=this.stepIndex,e=1;(c(t)||p(t)||g(t))&&(i--,e=-1,this.leftBnRef.setFocus()),(u(t)||b(t)||m(t))&&(i++,e=1),d(t)&&i>0&&i*this.stepSize<=this.total&&this.handleClick(t,e)}render(){return e("div",{key:"2a89e50996cd8e4042f3346509ddfa57d0bd52f1",class:{"duet-range-stepper":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:t=>this.onKeyboardDown(t),"aria-controls":this.ariaControls},e("span",{key:"aaf1114df81cf75124d221b335b34836eab22c02",class:"duet-range-step-counter",part:"range-numbers"},this.generateStepSize()),e("duet-action-button",{key:"b1b61bd073925f8bb4ecbbe04a90ed652f029254",disabled:this.disabled||this.buttonLeftDisabled,class:"duet-range-step-button duet-range-step-minus",onClick:t=>this.handleClick(t,-1),id:this.leftBn,"accessible-label":`${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`,ref:t=>this.leftBnRef=t,part:"navigation-arrow",iconName:"action-arrow-left-small",title:""}),e("duet-action-button",{key:"de3659fcb369d0501251878bf6a9edaa334893cf",disabled:this.disabled||this.buttonRightDisabled,class:"duet-range-step-button duet-range-step-plus",onClick:t=>this.handleClick(t,1),"accessible-label":`${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`,id:this.rightBn,ref:t=>this.rightBnRef=t,part:"navigation-arrow",iconName:"action-arrow-right-small",title:""}))}get element(){return n(this)}static get watchers(){return{stepIndex:["watchStepIndexStateHandler"],stepSize:["watchStepSizeStateHandler"]}}};_.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline-block;margin:0 auto}.duet-range-stepper{display:flex;flex-wrap:wrap;gap:0;align-items:baseline;justify-content:center;min-width:30px;min-height:30px;font-weight:600;text-decoration:none;border-left-width:0}.duet-range-stepper{white-space:nowrap}.duet-range-stepper .duet-range-step-counter{font-weight:600;color:rgb(8, 42, 77)}.duet-range-stepper ::part(button){border:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-range-step-counter{color:rgb(23, 42, 59)}";export{S as duet_pagination,_ as duet_range_stepper}

package/lib/duet/p-4b6399eb.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as d,h as a,H as e,g as i}from"./p-BVAkfiYN.js";import{i as t}from"./p-DxESMgwA.js";const n=class{constructor(a){d(this,a),this.margin="auto",this.middle=!1,this.paddingBreakpoint=void 0}render(){return a(e,{key:"1423181d3efb8f77211a81db6dc7a415457b23f4",class:{"duet-middle":this.middle,"duet-ie":t()}},a("div",{key:"3b08e02d99ce4d269a90522f896ecfb43608c79f",class:{"duet-layout-wrapper":!0,"duet-m-0":"none"===this.margin}},a("div",{key:"1c60dd6abba084bdf4b29b9cb4b6e94d137517e3",class:{"duet-layout":!0,[`padding-${this.paddingBreakpoint}`]:!!this.paddingBreakpoint}},a("section",{key:"be58aa5ae79e61f3ba8e2bbadb119d169ab51d59",class:"duet-main"},a("slot",{key:"43f94baf777b2626fefaa2a85d752f3e4652ed94"})))))}get element(){return i(this)}};n.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;flex:1 0 auto;width:100%}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main{display:block;width:100%}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}}";export{n as duet_section_layout}

package/lib/duet/p-4e05a8a2.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as e,h as t,H as i,g as a}from"./p-BVAkfiYN.js";import{i as o}from"./p-BO8h6fkS.js";import{c as d}from"./p-Cfr_DJqU.js";import{h as s}from"./p-s4mQ--kV.js";const n=class{constructor(t){e(this,t),this.errorId=d("DuetError"),this.labelId=d("DuetLabel"),this.hasTooltip=!1,this.lastItemIsChip=!1,this.theme="",this.margin="auto",this.compactLabel=!1,this.error="",this.accessibleLiveError="polite",this.labelHeadingLevel="span",this.labelHidden=!1,this.checkHasTooltip=()=>{this.hasTooltip=s(this.element,"tooltip")},this.checkLastItem=()=>{if(this.element){const e=this.element.lastElementChild;this.lastItemIsChip=!!e&&"DUET-CHIP"===e.nodeName}}}connectedCallback(){this.checkLastItem()}componentWillLoad(){o(this),this.checkHasTooltip()}render(){return t(i,{key:"e1a788de39eaef07a1abaa996870dd726b226aee",class:{"duet-m-0":"none"===this.margin}},t("fieldset",{key:"e7d2b6ecb24666f6a563d4923bb228bdf7e8820d","aria-labelledby":this.labelId,"aria-describedby":this.error?this.errorId:null,class:{"duet-fieldset":!0,"duet-theme-turva":"turva"===this.theme}},t("legend",{key:"9412c1763b18075c6c6d585389c3ac9d22542f64",id:this.labelId},t(this.labelHeadingLevel,{key:"9c1c5cfef779deef96e68e7f3760f0eeec8d347a"},this.label),this.caption&&t("span",{key:"d166f280495ee9e156e705fe52455b18c5a13ea2"},this.caption)),t("div",{key:"e390d201c421bbd2086946b4548dc98d5c58fead",class:{"duet-legend-wrapper":!0,"duet-legend-has-caption":!!this.caption,"duet-legend-has-tooltip":this.hasTooltip,"duet-legend-hidden":this.labelHidden,"duet-legend-compact":this.compactLabel}},t("div",{key:"10861fb7ec43cc4aec34ae9b04b1b191dd7a0d5c",class:"duet-fieldset-label"},t("span",{key:"63b295dc887c75eb4bc062d214bb5b6a899e0f83","aria-hidden":"true"},this.label),t("slot",{key:"dc154b5f9980e99c525884e32f7811e36fe634fc",onSlotchange:this.checkHasTooltip,name:"tooltip"})),this.caption&&t("div",{key:"1803a70997b3d2de928d501cfb86864bfa3af614",class:"duet-fieldset-caption","aria-hidden":"true"},t("duet-caption",{key:"c574d64b9a375d0af50bc0bed35ea0418139f579",theme:this.theme,margin:"none"},this.caption))),t("slot",{key:"48665d8be4d66036d4d69090d7a98ee01f99dbac"}),t("span",{key:"9815f8bf073a39267673baf538de5908b52758e9",class:"duet-fieldset-help duet-fieldset-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&t("span",{key:"93bfa1f3fb33cf3bc23055948b416a18369b8497",class:{"duet-m-0":this.lastItemIsChip}},this.error))))}get element(){return a(this)}};n.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}fieldset{position:relative;width:100%;min-width:0;border:0}fieldset legend{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important}.duet-legend-wrapper{position:relative;display:block;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:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;background:transparent}.duet-legend-wrapper.duet-legend-compact:not(.duet-legend-has-caption){line-height:1.25}.duet-theme-turva .duet-legend-wrapper{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-fieldset-label{margin-bottom:12px !important;margin-top:8px}.duet-legend-has-caption .duet-fieldset-label{margin-bottom:6px !important}.duet-legend-has-tooltip .duet-fieldset-label{padding-right:36px}@media (min-width: 48em){.duet-legend-has-tooltip .duet-fieldset-label{margin-bottom:3px !important;padding-right:0}}@media (min-width: 48em){.duet-legend-has-tooltip.duet-legend-has-caption .duet-fieldset-label{margin-bottom:-3px !important}}.duet-fieldset-caption{margin-bottom:12px !important}.duet-fieldset-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(214, 28, 82);border-radius:4px}.duet-fieldset-help span{display:block;margin-top:12px}.duet-fieldset-help span.duet-m-0{margin-top:0}.duet-theme-turva .duet-fieldset-help{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(214, 28, 82)}::slotted(duet-tooltip){position:absolute;top:4px;right:0}@media (min-width: 48em){::slotted(duet-tooltip){position:relative;right:auto}}.duet-legend-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}:host(.duet-theme-turva2) .duet-theme-turva .duet-legend-wrapper{color:rgb(23, 42, 59)}';export{n as duet_fieldset}

package/lib/duet/p-509d502b.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as e,h as t,H as a,g as i}from"./p-BVAkfiYN.js";import{i as o}from"./p-BO8h6fkS.js";import{a as n,c as d,d as r}from"./p-zqnwKSPV.js";import"./p-C6E9F6QT.js";const c=class{constructor(t){e(this,t),this.phoneLabel={en:"Phone",fi:"Puhelin",sv:"Telefon"},this.language=n(),this.theme="",this.margin="auto",this.buttonIcon="form-date"}componentWillLoad(){o(this)}connectedCallback(){d(this)}disconnectedCallback(){r(this)}render(){const e="turva"===this.theme?"turva":"default";return t(a,{key:"a29a3dab2ac7fb3079f2c1a159af7f4e7b5c226b",class:{"duet-m-0":"none"===this.margin}},t("div",{key:"14753b1f4fc3901aa2285d438c612e66619fabb5",class:{"duet-contact-card":!0,"duet-theme-turva":"turva"===this.theme},role:"group","aria-label":this.name},this.image?t("img",{class:"image",src:this.image,alt:this.name}):t("div",null),t("div",{key:"dc77c6904966d2b6438391dd2c827832ffe86325"},this.name&&t("duet-heading",{key:"a10e331782d05726446653615ba8effbb1de3257",class:"name",level:"h3",margin:"none",theme:e},this.name),this.description&&t("duet-paragraph",{key:"3f49dc9a8933eb5551f259e2dcca7f434f8e5082",class:"description",margin:"none",theme:e},this.description),this.email&&t("div",{key:"99ad9df72533f48e298153aeadf18cb50e37d1e9",class:"email"},t("duet-icon",{key:"cbe804f4877e52df6f678ace315efe098b3ef914",name:"navigation-message",size:"x-small",color:"primary-dark",margin:"none",theme:e}),t("duet-link",{key:"e909d9bc1096700ef5fb6d7a1e87c499d585d4dd",url:`mailto:${this.email}`,accessibleLabel:`Email: ${this.email}`,theme:e},this.email)),this.phone&&t("div",{key:"fe217c26608f2f461999844a3a00fe335c1e4509",class:"phone"},t("duet-icon",{key:"1194445745ecb176f6fcc39a18c3e233921524d9",name:"form-tel",size:"x-small",color:"primary-dark",margin:"none",theme:e}),t("duet-link",{key:"b83e145b7909c3ef697932ff1cf95d223d4a4b14",url:`tel:${this.phone}`,accessibleLabel:`${this.phoneLabel[this.language]}: ${this.phone}`,theme:e},this.phone))),this.buttonUrl&&this.buttonText&&t("div",{key:"fdb27957cd0b60be23e8b4df7f062da5cc3eafc1",class:"call-to-action"},t("duet-button",{key:"f7cd81b4f2712057ee507a9f0f01e59121e7960e",variation:"default",icon:this.buttonIcon,fixed:!0,margin:"none",url:this.buttonUrl,theme:e},this.buttonText)),t("div",{key:"b3a716a438e7793ef194ae0b1067d926b75e0925"}),t("slot",{key:"3d4bea81e03b40457deb9fd0731c14a9b80d465e"})))}get element(){return i(this)}};c.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}.duet-contact-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;overflow-wrap:break-word}:host(.duet-theme-turva2) .duet-contact-card.duet-theme-turva{color:rgb(23, 42, 59)}';export{c as duet_contact_card}

package/lib/duet/p-534e3e7e.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as e,h as t,H as o,g as a}from"./p-BVAkfiYN.js";import{i as r}from"./p-BO8h6fkS.js";const n=class{constructor(t){e(this,t),this.theme="",this.variation="default",this.active=!1,this.href="#",this.icon=void 0}componentWillLoad(){r(this)}render(){const e="negative"===this.variation?"negative":"white";return t(o,{key:"37bc6a6543039418aa1450349f23f7eba45adadb",role:"listitem"},t("a",{key:"55cc4a44d00c2d228ab14686063417d471beec5d",class:{"duet-toolbar-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active,[e]:!0},href:this.href,"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel},this.icon&&t("duet-icon",{key:"363fec506c3668d762b5a706b720f4ab8efb0bb5",size:"x-small",name:this.icon,margin:"none",theme:this.theme,color:"currentColor"}),t("slot",{key:"086cbb4a926a01fcee0ce4d7ca417ad031c60110"})))}get element(){return a(this)}};n.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;height:100%}.duet-toolbar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;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, 75, 129);text-align:center;white-space:nowrap;text-decoration:none}.duet-toolbar-link:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-link:focus,.duet-toolbar-link:focus.duet-theme-turva,.duet-theme-turva2 .duet-toolbar-link:focus,.duet-toolbar-link:focus.duet-theme-turva2{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-link.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.negative:focus{outline:2px solid;outline-offset:-4px;outline-color:rgb(255, 255, 255)}.duet-toolbar-link.negative duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-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-toolbar-link.duet-theme-turva.negative{color:rgb(255, 255, 255)}.duet-toolbar-link.duet-theme-turva.negative duet-icon{color:rgb(255, 185, 190)}.duet-toolbar-link:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-link:hover.negative{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-link:hover.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active{color:rgb(8, 42, 77)}.duet-toolbar-link.active.negative{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-link.active.negative::after{display:none}.duet-toolbar-link.active::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}.duet-toolbar-link.active::after.duet-theme-turva{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 28, 58)}.duet-toolbar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}.duet-toolbar-link.active.duet-theme-turva.negative{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva{color:rgb(23, 42, 59);background:transparent}:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover{color:rgb(23, 42, 59);background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-toolbar-link.duet-theme-turva:hover.negative{background:rgba(23, 42, 59, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-toolbar-link.active.negative{background:rgba(23, 42, 59, 0.2)}:host(.duet-theme-turva2) .duet-toolbar-link.active.duet-theme-turva.negative{background:rgba(23, 42, 59, 0.2)}';export{n as duet_toolbar_link}

package/lib/duet/p-53eddd20.entry.js

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

package/lib/duet/p-5470d3ee.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as e,c as a,h as t,H as i}from"./p-BVAkfiYN.js";import{i as n}from"./p-BO8h6fkS.js";const r=class{constructor(t){e(this,t),this.duetChange=a(this,"duetChange",3),this.theme="",this.multiple=!1,this.accept=void 0,this.onChange=e=>{e.preventDefault(),e.stopPropagation(),this.duetChange.emit({originalEvent:e,data:{files:this.nativeInput.files},component:"duet-file-chooser"})}}async open(){var e;null===(e=this.nativeInput)||void 0===e||e.click()}async getFiles(){return this.nativeInput.files}componentWillLoad(){n(this)}render(){return t(i,{key:"d6f332ceab0e71d4a1d4a31f67d8ebaaa1b2a74e"},t("duet-visually-hidden",{key:"d8a1e009bd303b11addfd69cde730a0158e65052","aria-hidden":"true"},t("input",{key:"ed86a42e866d06c423e616b5b2ec3859483874e1",ref:e=>{this.nativeInput=e},type:"file",class:{"duet-upload":!0},"aria-hidden":"true",tabIndex:-1,onChange:this.onChange,multiple:this.multiple,accept:this.accept})))}};r.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.container{display:flex;flex-direction:row;gap:8px;align-items:center}.container .label{margin-bottom:8px}";export{r as duet_file_chooser}

package/lib/duet/p-5540e106.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as e,h as o,H as t,g as r}from"./p-BVAkfiYN.js";import{i as a}from"./p-BO8h6fkS.js";import{a as n}from"./p-Db8rvjPI.js";const d=class{constructor(o){e(this,o),this.theme="",this.targetLanguage=void 0,this.href="#",this.icon=void 0,this.active=!1}componentWillLoad(){a(this)}handleEscape(e){if(n(e)){const e=this.element.closest("duet-toolbar-dropdown");e.open=!1,e.setFocus()}}render(){return o(t,{key:"34a5369d2806e4474bbb32400d5563fddcc3590a"},o("a",{key:"b16d10c8be40329d90136c486d568fb9511524d7",class:{"duet-toolbar-dropdown-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.href,lang:this.targetLanguage,hreflang:this.targetLanguage,role:"link menuitem","aria-label":this.accessibleLabel,"aria-current":this.active?"true":"false",onKeyUp:e=>this.handleEscape(e)},this.icon&&o("duet-icon",{key:"cce54b8721ad1d017e32ac331ebcc54d53fbd88c",name:this.icon,size:"x-small",margin:"none"}),o("span",{key:"515f4c68a3917e3403e59f938fc2a2ba296e1f63",class:"label"},o("slot",{key:"43e7eddd00dc07766e9842a4070f09e908021551"})),this.active&&o("duet-icon",{key:"e69da314290045e523944a6d3554158627151d48",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))}get element(){return r(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%}.duet-toolbar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:center;text-decoration:none}.duet-toolbar-dropdown-link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-dropdown-link:focus,.duet-toolbar-dropdown-link:focus.duet-theme-turva,.duet-theme-turva2 .duet-toolbar-dropdown-link:focus,.duet-toolbar-dropdown-link:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-dropdown-link .label{flex:1;text-align:left}.duet-toolbar-dropdown-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-toolbar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-toolbar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-toolbar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-toolbar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva.active{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva:hover{background:rgb(251, 225, 209)}';export{d as duet_toolbar_dropdown_link}

package/lib/duet/p-581bd1e2.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as e,c as t,h as i,H as o,g as n}from"./p-BVAkfiYN.js";import{i as a}from"./p-BO8h6fkS.js";import{a as r}from"./p-zqnwKSPV.js";import"./p-C6E9F6QT.js";const s=class{constructor(i){e(this,i),this.duetEvent=t(this,"duetEvent",7),this.previousYScroll=0,this.hidden=!1,this.onBottom=!1,this.logoSize="large",this.leftMoreVisible=!1,this.rightMoreVisible=!1,this.centerSlotUsed=!1,this.mediaQueryMediumMatches=!1,this.theme="",this.language=r(),this.logo=!0,this.hideOnScroll=!1,this.scrollbarCheck=()=>{this.leftMoreVisible=this.container.scrollLeft>0,this.rightMoreVisible=this.container.scrollLeft!==this.container.scrollWidth-this.container.clientWidth},this.scrollToActive=()=>{let e;this.element.querySelectorAll("[active]").forEach((t=>{t.active&&(e=t)})),e&&e.offsetLeft&&e.offsetLeft>50&&(this.container.scrollLeft=e.offsetLeft-this.element.getBoundingClientRect().width/2+e.offsetWidth/2)},this.checkCenterSlot=()=>{const e=this.element.querySelector('[slot="center"]');this.centerSlotUsed=!!e},this.handleLogoClick=e=>{this.duetEvent.emit({name:"logoClick",component:"duet-menu-bar",data:{logoHref:this.logoHref},originalEvent:e})}}checkScroll(){this.hideOnScroll&&(window.scrollY>this.previousYScroll?window.scrollY>100&&(this.hideOnScroll&&(clearTimeout(this.zindexTimer),this.onBottom=!0),this.hidden=!0):window.scrollY<150&&(this.hideOnScroll&&(this.zindexTimer=setTimeout((()=>{this.onBottom=!1}),300)),this.hidden=!1),this.previousYScroll=window.scrollY)}componentWillLoad(){a(this)}connectedCallback(){this.checkCenterSlot()}componentDidLoad(){setTimeout((()=>{this.scrollbarCheck(),this.scrollToActive(),this.checkCenterSlot()}),0)}onWindowResize(){clearTimeout(this.resizeTimer),this.resizeTimer=setTimeout((()=>{this.scrollToActive()}),100)}render(){const e=document.querySelectorAll("duet-slideout").length>0;return i(o,{key:"9f357dd163db230760ba15408c721b345619e369"},i("nav",{key:"515afdd6ce472b843bb59ab038fa87b76158743d",class:{"duet-menu-bar":!0,"duet-theme-turva":"turva"===this.theme,"horizontal-nav":e&&!this.logo,"duet-menu-bar-slim":!this.centerSlotUsed,hidden:this.hidden&&this.hideOnScroll,bottom:this.onBottom},"aria-label":this.accessibleLabel},i("div",{key:"d19d82b1e1c35dd8f0ac72fc3625058f939d2b66",class:"top"}),i("div",{key:"8bd01db2edc2ab2c43e931e07288e252a6838abc",class:{container:!0,"with-info-text":!!this.logoInfoText&&!this.centerSlotUsed},ref:e=>this.container=e,onScroll:()=>this.scrollbarCheck()},this.logo&&i("div",{key:"28a65925e1aa7a73822e398a0aaa705de521cc66"},i("duet-logo",{key:"f7a068293211c3e3a7c091a084ecf4e7b3c2317c",class:"medium",size:"medium",margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language}),i("duet-logo",{key:"dcb75e146d612870f0b65295df9f33a2be699d29",class:"large",size:"large",margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language}),i("duet-logo",{key:"675cb30c9aaa18f8352d2c8d84978bb291f2337d",class:"only-symbol",onlySymbol:!0,margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language}),this.logoInfoText&&!this.centerSlotUsed&&i("div",{key:"48cd2679315bb52d535c58b1b54831bcc1120bd4",class:{"duet-logo-info-text":!0,"duet-theme-turva":"turva"===this.theme}},this.logoInfoText)),i("div",{key:"0cc0ebfc6fe8b9582f8677ca8eba79c7fb102a97",class:"list center",role:"list"},i("div",{key:"8ed1c963529c2ad79182293ac831fc2a5c4ba308",class:"more-left",hidden:!this.leftMoreVisible,role:"presentation"}),i("slot",{key:"c997b17308d679e6364b79e9549600ea88307ebe",name:"center"}),i("div",{key:"e4d05f0c17fe62eb12a4708237703d32cb8ac339",class:"more-right",hidden:!this.rightMoreVisible,role:"presentation"})),i("div",{key:"438911a93d2bbcfd6a1084c095611bc031636313",class:"list right",role:"list"},i("slot",{key:"d8b922aca72f608f7acd42e29742efa50d0b2343",name:"right"}))),i("div",{key:"cd333a535ef8eac9c224cd6ebc6a2a4145ba20bd",class:"bottom"})))}get element(){return n(this)}};s.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative;width:100%;pointer-events:none}:host *{pointer-events:auto}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(212, 223, 229)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:0;z-index:1;width:56px;height:49px;pointer-events:none;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}.duet-menu-bar .container duet-logo.large,.duet-menu-bar .container duet-logo.only-symbol{display:none}.duet-menu-bar .container.with-info-text duet-logo.medium{display:none}.duet-menu-bar .container.with-info-text duet-logo.only-symbol{display:block}@media (min-width: 48em){.duet-menu-bar .container.with-info-text duet-logo.medium{display:block}.duet-menu-bar .container.with-info-text duet-logo.only-symbol{display:none}}@media (min-width: 76.25em){.duet-menu-bar .container duet-logo.medium{display:none}.duet-menu-bar .container duet-logo.large{display:block}}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-grow:1;flex-basis:0;justify-content:flex-start;width:auto;height:40px}@media (min-width: 76.25em){.duet-menu-bar .container>:first-child{height:48px}}.duet-menu-bar .container>:first-child:has(.duet-logo-info-text){flex-grow:8}.duet-menu-bar .container>:first-child:has(.duet-logo-info-text) duet-paragraph{max-height:100%}.duet-menu-bar .container>:last-child{flex-grow:1;flex-basis:0;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container .duet-logo-info-text{max-height:2.8875rem;padding-left:16px;margin-left:16px;overflow:hidden;text-overflow:ellipsis;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.1;color:rgb(62, 84, 102);-webkit-hyphens:auto;hyphens:auto;border-left:1px solid rgb(212, 223, 229)}.duet-menu-bar .container .duet-logo-info-text.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(71, 78, 101);border-left-color:rgb(222, 224, 228)}@media (min-width: 48em){.duet-menu-bar .container .duet-logo-info-text{max-height:3.3rem;font-size:1rem}}.duet-menu-bar.duet-theme-turva{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}.duet-menu-bar.duet-menu-bar-slim .container duet-logo.medium{display:block}.duet-menu-bar.duet-menu-bar-slim .container duet-logo.large{display:none}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.medium{display:none}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.only-symbol{display:block}@media (min-width: 48em){.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.medium{display:block}.duet-menu-bar.duet-menu-bar-slim .container.with-info-text duet-logo.only-symbol{display:none}}@media (min-width: 62em){.duet-menu-bar.duet-menu-bar-slim .container{height:4rem}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77)}.duet-theme-turva .center{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)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 75, 129)}.duet-theme-turva .right{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-theme-turva .center{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .right{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-logo-info-text{color:rgb(53, 79, 101);border-left-color:rgb(212, 221, 226)}';export{s as duet_menu_bar}

package/lib/duet/p-594e10ea.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as t,h as o,H as e,g as r,c as a}from"./p-BVAkfiYN.js";import{i}from"./p-BO8h6fkS.js";import{s as n,u as s}from"./p-Db8rvjPI.js";import{F as d}from"./p-D8ISRP9m.js";import{T as u}from"./p-CooAqTCj.js";const l=class{constructor(o){t(this,o),this.label="",this.theme="",this.negative=!1}componentWillLoad(){i(this)}connectedCallback(){n(this)}disconnectedCallback(){s(this)}async setFocus(t){this.buttonElement&&this.buttonElement.focus(t)}render(){const t=o("duet-visually-hidden",{key:"bf8e82beb39bca3f67c6ffcdbaf684671f551ffa"},this.accessibleLabel);return o(e,{key:"c014d004ab6a355f122447e806b5c12f62aba277"},o("button",{key:"eda0bd6c55287d8ac393c2af3f65cbb910cd8c50",ref:t=>this.buttonElement=t,"aria-controls":this.tooltipId,"aria-expanded":this.active?"true":"false",type:"button",class:{"duet-tooltip-button":!0,"duet-tooltip-button-has-label":!!this.label,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-button-negative":this.negative}},o("svg",{key:"f6d4082627cb5a653bdd3668cc899bb885d204a1","aria-hidden":"true",role:"img",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"21df01e868e6f304a33a50d4ac2442d6f43376aa",d:"m13.5 17.25c-1.241 0-2.25-1.009-2.25-2.25v-3.75h-.75c-.414 0-.75-.336-.75-.75s.336-.75.75-.75h.75c.827 0 1.5.673 1.5 1.5v3.75c0 .414.336.75.75.75h.75c.414 0 .75.336.75.75s-.336.75-.75.75z"}),o("circle",{key:"ba4e4c5cb1bf9f5e91e5ab8746485ca140b9a597",cx:"11.625",cy:"7.125",r:"1.125"}),o("path",{key:"0a3e24ec139b2442be22ebc85c663c891a050c08",d:"m12 24c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5z"})),this.label?o("span",{class:"duet-tooltip-label"},this.label,t):t))}get element(){return r(this)}};l.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-tooltip-button{z-index:100;display:inline-block;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 !important;margin-right:-12px;line-height:normal !important;color:rgb(0, 119, 179);white-space:nowrap;cursor:pointer;background:transparent !important;border-radius:4px}.duet-tooltip-button:focus{outline:0}:host(.user-is-tabbing) .duet-tooltip-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-tooltip-button.duet-theme-turva{color:rgb(198, 12, 48)}.duet-tooltip-button.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:hover{color:rgb(0, 75, 129)}.duet-tooltip-button:hover.duet-theme-turva{color:rgb(126, 2, 35)}.duet-tooltip-button:hover.duet-tooltip-button-negative{color:rgb(255, 255, 255)}.duet-tooltip-button:focus,:host(.user-is-tabbing) .duet-tooltip-button:focus{background:transparent !important}.duet-tooltip-button svg{width:20px;height:20px;pointer-events:none}.duet-tooltip-button-has-label{margin-right:0}.duet-tooltip-label{position:relative;z-index:100;display:inline-block;max-width:calc(100% - 30px);margin-left:12px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;vertical-align:top;text-align:left;white-space:normal}.duet-theme-turva .duet-tooltip-label{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-tooltip-button.duet-theme-turva:hover{color:rgb(230, 23, 64)}';const p=class{constructor(o){t(this,o),this.tooltipPopupClosed=a(this,"tooltipPopupClosed",7),this.theme="",this.handleCloseClick=()=>{this.tooltipPopupClosed.emit()}}componentWillLoad(){i(this)}connectedCallback(){n(this),this.teleport||(this.teleport=new u(this.element)),this.teleport.isActive?this.teleport.observeDeletion():this.teleport.activate()}disconnectedCallback(){s(this)}async getArrowElement(){return this.arrowEl}async getContentElement(){return this.contentEl}async setFocusOnContentElement(){this.contentEl.focus()}render(){return o(e,{key:"63f303082985a668ae51759122ae462ae25404e0"},o("div",{key:"e3da6a6995872c70fb5d690ea87cf240240a2d0d",class:{"duet-tooltip":!0,"duet-theme-turva":"turva"===this.theme,"duet-tooltip-active":!0===this.active}},o(d,{key:"428ef9ad1157017747e93d3b0f6b45e6dd4d8854",moveFocusTo:this.buttonEl}),o("div",{key:"cf4af07ba0054be6658c5724c7552854b3471472",ref:t=>this.contentEl=t,class:{"duet-tooltip-content-area":!0,"duet-theme-turva":"turva"===this.theme},tabindex:-1,id:this.tooltipId},o("slot",{key:"3d21605221e8f16c59a2a62790dfce1a9cd15ea5"})),o("div",{key:"e2e7ae6376f8dd497ef19ff673f22b699f8a55e6",ref:t=>this.arrowEl=t,class:{arrow:!0,[this.placement]:!0},style:this.arrowStyles},o("div",{key:"0bd6b8b42c5e1b2b6eaf89c19a5ad2a968f3e541",class:{"arrow-container":!0,[this.placement]:!0}})),o("button",{key:"1b7be53d18b09050af7fc192f65c2e9e01ec62a8",type:"button",class:"duet-tooltip-close",onClick:this.handleCloseClick,ref:t=>this.buttonEl=t},o("duet-icon",{key:"91636953a64d83fc88e888dab06b1ca482f47dd4",name:"navigation-close-small",margin:"none",color:"currentColor",size:"xxx-small"}),o("duet-visually-hidden",{key:"487a4c4b37a1891f07f203bb5cf22f8dc999c8e5"},this.accessibleCloseLabel)),o(d,{key:"cd18c3c009967eca235de7d7d5e9f7208692bb56",moveFocusTo:this.contentEl})))}get element(){return r(this)}};p.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute;z-index:950}.duet-tooltip{position:relative;visibility:hidden;width:282px;min-height:48px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.07);opacity:0;transform-origin:100% 100%;transition:300ms ease}.duet-tooltip.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);border-color:rgb(222, 224, 228);box-shadow:0 2px 10px 0 rgba(117, 117, 117, 0.13)}.duet-tooltip .arrow{position:absolute;width:22px;height:22px;pointer-events:none}.duet-tooltip .arrow.bottom,.duet-tooltip .arrow.bottom-start,.duet-tooltip .arrow.bottom-end{top:-20px}.duet-tooltip .arrow-container{position:relative;left:4px;width:100%;height:100%;pointer-events:none}.duet-tooltip .arrow-container::after{position:absolute;z-index:200;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container::before{position:absolute;z-index:100;width:0;height:0;pointer-events:none;content:""}.duet-tooltip .arrow-container.top::after,.duet-tooltip .arrow-container.top-start::after,.duet-tooltip .arrow-container.top-end::after{bottom:2px;left:2px;border:10px solid transparent;border-top:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.top::before,.duet-tooltip .arrow-container.top-start::before,.duet-tooltip .arrow-container.top-end::before{bottom:-1px;left:1px;border:11px solid transparent;border-top:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.top::before,.duet-theme-turva .duet-tooltip .arrow-container.top-start::before,.duet-theme-turva .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip .arrow-container.bottom::after,.duet-tooltip .arrow-container.bottom-start::after,.duet-tooltip .arrow-container.bottom-end::after{bottom:1px;left:2px;border:10px solid transparent;border-bottom:10px solid rgb(255, 255, 255)}.duet-tooltip .arrow-container.bottom::before,.duet-tooltip .arrow-container.bottom-start::before,.duet-tooltip .arrow-container.bottom-end::before{bottom:1px;left:1px;border:11px solid transparent;border-bottom:11px solid rgb(212, 223, 229)}.duet-theme-turva .duet-tooltip .arrow-container.bottom::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-start::before,.duet-theme-turva .duet-tooltip .arrow-container.bottom-end::before{border-top:11px solid rgb(222, 224, 228)}.duet-tooltip.duet-tooltip-has-label{right:auto !important;left:0;width:282px !important;transform-origin:0 0 !important}.duet-tooltip.duet-tooltip-active{visibility:visible;opacity:1;transition-property:transform, opacity}.duet-tooltip-content-area{padding:20px !important;width:100%;padding-right:25px !important;overflow-y:auto;-webkit-hyphens:auto;hyphens:auto;border-radius:4px;-webkit-overflow-scrolling:touch}.duet-tooltip-content-area:focus{outline:0}:host(.user-is-tabbing) .duet-tooltip-content-area:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tooltip-content-area:focus,:host(.user-is-tabbing) .duet-tooltip-content-area:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tooltip-content-area:focus,:host(.user-is-tabbing) .duet-tooltip-content-area:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-tooltip-content-area::-webkit-scrollbar{width:4px}.duet-tooltip-content-area::-webkit-scrollbar-track{border-radius:4px}.duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 223, 229);border-radius:4px}.duet-theme-turva .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(222, 224, 228)}.duet-tooltip-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;min-height:0 !important;padding:0 !important;margin:0 !important;line-height:normal;color:rgb(8, 42, 77);-webkit-appearance:none;appearance:none;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%}.duet-tooltip-close:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-tooltip-close:focus,.duet-tooltip-close:focus.duet-theme-turva,.duet-theme-turva2 .duet-tooltip-close:focus,.duet-tooltip-close:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-tooltip-close{color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-tooltip{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip.duet-theme-turva{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-start::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.top-end::before{border-top:11px solid rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-start::before,:host(.duet-theme-turva2) .duet-tooltip .arrow-container.bottom-end::before{border-bottom:11px solid rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip-content-area::-webkit-scrollbar-thumb{background:rgb(212, 221, 226)}:host(.duet-theme-turva2) .duet-tooltip-close{color:rgb(23, 42, 59)}';export{l as duet_tooltip_button,p as duet_tooltip_popup}

package/lib/duet/p-5c0847ed.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as t,h as e,H as o,g as a,c as i}from"./p-BVAkfiYN.js";import{i as r}from"./p-BO8h6fkS.js";import{h as s,g as l}from"./p-s4mQ--kV.js";import{s as n,u as d,b,p as u,d as c,e as h,f as p,g}from"./p-Db8rvjPI.js";import{g as m,c as f,d as v,a as x}from"./p-zqnwKSPV.js";import{d as k}from"./p-Df3Doz7n.js";import{c as w}from"./p-Cfr_DJqU.js";import"./p-C6E9F6QT.js";import"./p-Bh9dkusU.js";const y=class{constructor(e){t(this,e),this.currentIndex=0,this.scrollPaneElement=void 0,this.hasCollapseButtonLabelSlot=!1,this.scrollPaneAtStart=!0,this.needsScrolling=!0,this.scrollPaneAtEnd=!1,this.childrenData={},this.resizeObserver=new ResizeObserver((t=>{if(1===(null==t?void 0:t.length)){const e=this.getOverlayWidth();this.checkScrollingNeeded(t[0].target,e)}})),this.theme="",this.identifier="",this.collapsed=!1,this.buttons=!0,this.buttonAlignment="center",this.buttonPosition="relative",this.center=!1,this.padding="none",this.gap="large",this.selected=0,this.stretch=!1,this.collapsedOnClick=()=>{this.collapsed=!this.collapsed}}watchPropHandler(t){this.scrollToElement(t,"center")}componentWillLoad(){r(this),this.hasCollapseButtonLabelSlot=s(this.element,"collapse-button-label")}componentDidLoad(){requestAnimationFrame((()=>{this.scrollPaneElement&&(this.checkScrollingNeeded(this.scrollPaneElement,"absolute"===this.buttonPosition?0:5),this.updateScrollButtons(),this.resizeObserver.observe(this.scrollPaneElement))}))}disconnectedCallback(){this.resizeObserver.disconnect()}getScrollPaneElements(){return l(this.element)}checkScrollingNeeded(t=this.scrollPaneElement,e=5){var o;if(!t)return;const a=(null===(o=t.parentElement)||void 0===o?void 0:o.getBoundingClientRect().width)||0,i=t.scrollWidth,r=2*this.getOverlayWidth();this.needsScrolling=i-r>a+e,this.needsScrolling?this.updateScrollButtons():(this.scrollPaneAtStart=!0,this.scrollPaneAtEnd=!0)}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)),o=e?t.indexOf(e):t.length;var a=Math.max(o-1,0);return t[a].clientWidth>this.scrollPaneElement.clientWidth?a:o}updateScrollButtons(t=null,e=this.scrollPaneElement){if(!this.buttons)return;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);const o=Math.round(e.clientWidth+e.scrollLeft+this.getOverlayWidth()),a=Math.round(e.scrollWidth);this.scrollPaneAtEnd=o>=a}scrollToElement(t=this.currentIndex,e){const o=this.getScrollPaneElements();if(!o||0===o.length)return;t+1>=o.length&&(t=o.length-1),t<0&&(t=0);let a=o[0].getBoundingClientRect().x,i=5;const r=()=>{if(o[0].getBoundingClientRect().x===a){if(i--,0!==i)return void window.requestAnimationFrame(r);this.updateScrollButtons(o[t])}else window.requestAnimationFrame(r),a=o[0].getBoundingClientRect().x};o[t].scrollIntoView({behavior:"smooth",block:"nearest",inline:e}),window.requestAnimationFrame(r)}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")}getOverlayWidth(){return"absolute"===this.buttonPosition?0:10}renderButton(t){const o="turva"===this.theme?"color-primary-darker-turva":"color-primary",a="turva"===this.theme?"color-gray-turva":"color-gray",i=()=>{"left"===t?this.scrollLeft():this.scrollRight()},r="left"===t?this.scrollPaneAtStart:this.scrollPaneAtEnd;return e("div",{class:{"duet-scrollable-button-container":!0,[`${t}`]:!0,"duet-scrollable-button-container--occluded":!this.needsScrolling,[`duet-scrollable-button-container--${this.buttonPosition}`]:!0},hidden:!this.buttons||"absolute"===this.buttonPosition&&r},e("span",{part:`${this.identifier}-button-${t}`,"aria-hidden":"true",class:{"duet-scrollable-button":!0,[`duet-scrollable-button--${this.buttonPosition}`]:!0,[`duet-scrollable-button--${this.buttonAlignment}`]:!0,[`duet-scrollable-button--${t}`]:!0},onClick:()=>{i(),document.activeElement&&document.activeElement.blur()},hidden:!this.buttons||r},e("duet-icon",{color:r?a:o,name:"left"===t?"action-arrow-left":"action-arrow-right",size:"absolute"===this.buttonPosition?"x-small":"small",margin:"none"})))}render(){return e(o,{key:"08bd619c649c87a18350a6482f12d1e4f5faa74f",class:{"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme}},this.hasCollapseButtonLabelSlot&&e("div",{key:"bf374209112d29e4af9efff12abdf32d54b68b7b",class:{collapse:!0,hide:!this.needsScrolling&&!this.collapsed}},e("duet-button",{key:"436c9918ceb503be3611af38dc0513ab300891af",variation:"plain",margin:"none","center-text":!0,onClick:()=>this.collapsedOnClick()},e("slot",{key:"64504fe187f7ce121654dbf25597dd06ef23fbb1",name:"collapse-button-label"}))),e("div",{key:"10852d822fc4164466dfe48b2ccf33904cae5e14",class:{"duet-scrollable-items":!0,buttons:this.buttons,center:this.center,"duet-theme-turva":"turva"===this.theme}},this.buttons&&this.renderButton("left"),e("div",{key:"119261686c6a1e4511d4ed3ba74d3c5795f83b34",class:{"duet-scrollable-list":!0,[`duet-scrollable-list--${this.buttonPosition}`]:!0,[`gap-${this.gap}`]:!0,collapsed:this.collapsed,[`duet-overflow-padding--${this.padding}`]:"none"!==this.padding,[`duet-scrollable-list--${this.buttonPosition}`]:"absolute"===this.buttonPosition,"duet-scrollable-stretch":this.stretch},onScroll:()=>this.updateScrollButtons(),ref:t=>this.scrollPaneElement=t},e("slot",{key:"dd02f8d349e59303232b4338d115fd192cb31f9b"})),this.buttons&&this.renderButton("right")))}get element(){return a(this)}static get watchers(){return{selected:["watchPropHandler"]}}};y.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{position:relative;display:flex}:host .duet-scrollable-items.buttons .duet-scrollable-button-container{position:relative;flex:0 0 auto;flex-basis:40px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--occluded{visibility:hidden;flex-shrink:1;flex-basis:0;width:0;padding:10px 0;overflow:hidden}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute{position:absolute;top:0;z-index:210;width:auto;height:100%;padding:0 16px;background-color:rgb(255, 255, 255)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.left{left:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container--absolute.right{right:0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button{position:absolute;display:flex;flex:0 0 auto;flex-basis:40px;align-items:center;height:100%;cursor:pointer;transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button:active duet-icon{transform:scale(0.8);transition:transform 300ms ease}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--left{left:0;padding:10px 10px 10px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--right{right:0;padding:10px 0 10px 10px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--top{align-items:flex-start}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--bottom{align-items:flex-end}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute{padding:0 7px;border:1px solid rgb(212, 223, 229)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--left{border-radius:8px 0 0 8px}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute.duet-scrollable-button--right{border-radius:0 8px 8px 0}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(0, 119, 179);border-width:2px;}.duet-theme-turva :host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items.buttons .duet-scrollable-button-container .duet-scrollable-button[hidden]{display:none !important}:host .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(113, 118, 132)}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;padding-inline:10px;margin-inline:-10px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;white-space:nowrap;scroll-snap-type:x mandatory;scroll-margin:0 20px;-webkit-mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);mask:linear-gradient(to right, transparent 0, #fff 10px), linear-gradient(to left, transparent 0, #fff 10px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left, right;mask-position:left, right;-webkit-mask-size:50% 100%, 50% 100%;mask-size:50% 100%, 50% 100%;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list--absolute{padding-right:0;padding-left:2px;margin-inline:0;-webkit-mask:none !important;mask:none !important}: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 .duet-scrollable-list.gap-none{gap:0}:host .duet-scrollable-items .duet-scrollable-list.gap-large{gap:20px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--xx-small{padding-top:4px;padding-bottom:4px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--x-small{padding-top:8px;padding-bottom:8px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--small{padding-top:12px;padding-bottom:12px}:host .duet-scrollable-items .duet-scrollable-list.duet-overflow-padding--medium{padding-top:16px;padding-bottom:16px}:host .duet-scrollable-items .duet-scrollable-list.duet-scrollable-stretch{width:100%}: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;scroll-snap-align:center;-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}:host(.duet-theme-turva2) .duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(120, 145, 164)}:host(.duet-theme-turva2) .duet-scrollable-items.duet-theme-turva .duet-scrollable-button-container .duet-scrollable-button--absolute:hover{border-color:rgb(120, 145, 164)}";const z=class{constructor(e){t(this,e),this.theme="",this.accessibleDescriptionDefault=null,this.accessibleDescription=this.accessibleDescriptionDefault?m(this.accessibleDescriptionDefault):null,this.accessibleLabelledBy=void 0,this.contentId=void 0,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=k("turva"===this.theme?"focus-turva":"focus"))},this.tabpanelElementBlurListener=()=>{this.tabpanelElement.style.outline=null,this.tabpanelElement.style.boxShadow=null}}componentWillLoad(){r(this)}connectedCallback(){f(this,{prop:"accessibleDescription",defaults:"accessibleDescriptionDefault"}),n(this),this.notificationMark&&(this.indicator="warning"===this.notificationMark?"change":"error"),this.setupContentElement()}disconnectedCallback(){v(this),d(this),this.tabpanelElement&&(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",{key:"a022a330a4f4eef2664a452c8f0df2b84e46c429",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",{key:"fcb609d847cf496ada314f386a9b82dab58a7c19"}))}get element(){return a(this)}static get watchers(){return{selected:["setupSelected"]}}};z.style=":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;width:100%}.duet-tab{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:none;width:100%}.duet-tab:focus{outline:0}:host(.user-is-tabbing) .duet-tab:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tab:focus,:host(.user-is-tabbing) .duet-tab:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tab:focus,:host(.user-is-tabbing) .duet-tab:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-tab.selected{display:block}.duet-tab.has-content-id,.duet-tab.has-content-id.selected{display:none}";const S=class{constructor(e){t(this,e),this.duetChange=i(this,"duetChange",3),this.duetTabChange=i(this,"duetTabChange",7),this.duetTabChangeRequested=i(this,"duetTabChangeRequested",7),this.id=w("DuetTabGroup"),this.tabs=[],this.selected=void 0,this.theme="",this.scrolls=!0,this.collapses=!1,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,this.switchLargeBreakpoint="small",this.fillSpace=!1,this.stretch=!1,this.handleKeyDown=t=>{let e;c(t)||h(t)?e=t.target.previousElementSibling:(p(t)||g(t))&&(e=t.target.nextElementSibling),b(t)&&!u(t)&&(t.preventDefault(),this.element.querySelector(":scope > 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=()=>{setTimeout((()=>{const t=this.tabsContainer.querySelector(".selected");t&&t.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}),50)}}async connectedCallback(){"undefined"!=typeof MutationObserver&&(this.mutationO=new MutationObserver((()=>{this.updateTabs()})),this.mutationO.observe(this.element,{attributes:!0,attributeFilter:["label","selected"],childList:!0,characterData:!0,subtree:!0})),await this.updateTabs(),n(this)}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0),d(this)}componentWillLoad(){r(this)}componentDidLoad(){this.intersectionObserver=new IntersectionObserver((t=>{t.length>0&&t[0].isIntersecting&&(this.scrollToActive(),this.intersectionObserver.disconnect())}),{root:null,threshold:0}),this.intersectionObserver.observe(this.element)}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,o)=>{e.selected=o===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.identifier}-button-${t}`}getTabId(t){return`${this.identifier}-tab-${t}`}getAccessibleDescription(t){return this.tabs[t].getAttribute("accessible-description")||null}async updateTabs(){let t;this.tabs=this.getTabs(),this.tabs.forEach(((e,o)=>{e.id=this.getTabId(o),e.selected&&(void 0===t?t=o:e.selected=!1)})),void 0===t&&(t=0,this.tabs[0].selected=!0),this.selected=t}isCentered(){return window&&"center"==window.getComputedStyle(this.element).textAlign}render(){const t="plain-scrolling"===this.variation?"duet-tab-variation-plain":`duet-tab-variation-${this.variation}`,o="checked"===this.variation||"plain-scrolling"===this.variation,a=`switch-large-at-${this.switchLargeBreakpoint?this.switchLargeBreakpoint:"small"}`,i=this.tabs.map(((t,o)=>e("button",{role:"tab",id:this.getButtonId(o),"aria-selected":t.selected?"true":"false","aria-description":this.getAccessibleDescription(o),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,[a]:!!["default","plain","plain-scrolling"].includes(this.variation),"duet-theme-turva":"turva"===this.theme},onClick:()=>this.onTabSelect(o),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,t.indicator&&e("duet-indicator",{variation:t.indicator,"accessible-label":t.indicatorAccessibleLabel}))));return e("div",{key:"8415a139c9a189c4c0ee19aa4cb2774a22eea232",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":!0},"aria-label":this.accessibleLabel},e("div",{key:"9d145a51f61427e95d54628daef43256ab5eaa50",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&&!o,"duet-tab-group-fill-space":this.fillSpace&&!this.stretch&&"default"===this.variation,"duet-tab-group-stretch":this.stretch},ref:t=>{this.tabsContainer=t}},"checked"===this.variation?i:e("div",{class:{"duet-tab-group-scrollable-wrapper":!0,"duet-tab-group-fill-space-wrapper":this.fillSpace&&"default"===this.variation}},this.fillSpace&&!this.stretch&&"default"===this.variation&&e("div",{class:"duet-scrollable-stretch-overlay"},e("div",{class:"background"}),e("div",{class:"border"})),e("duet-scrollable",{selected:this.selected,identifier:this.identifier,gap:["default","plain","plain-scrolling"].includes(this.variation)?"none":"large",buttonPosition:"default"===this.variation?"absolute":"relative",center:this.isCentered()?this.isCentered():"center"==this.element.style.textAlign,theme:this.theme,stretch:this.stretch},i))),e("div",{key:"2bfb5fd10253af2f1a5d26e9a9b106d523ecd35c",class:{"duet-tab-group-content":!0,"duet-m-0":"none"===this.margin,"checked-group-content":"checked"===this.variation}},e("slot",{key:"ed8a0ab42bda63cd27ce2311281d5f4a16db2e40"})))}get element(){return a(this)}};S.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;-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-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(212, 223, 229)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(222, 224, 228)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-top:0;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}}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper{}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper{position:relative;width:100%;overflow:hidden;border-radius:8px;}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay{display:contents}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background,.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .border{position:absolute;width:100%;height:100%;pointer-events:none;border-radius:8px}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background{z-index:100;background:rgb(245, 248, 250)}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background::after{position:absolute;top:0;left:0;width:100%;height:100%;margin-block:1px;content:"";border-radius:8px;box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-theme-turva .duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .background::after{box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(222, 224, 228)}.duet-tab-group-tabs .duet-tab-group-scrollable-wrapper.duet-tab-group-fill-space-wrapper .duet-scrollable-stretch-overlay .border{z-index:206;border:1px solid rgb(212, 223, 229)}@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:inline-block;width:auto;padding:20px;margin-left:-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;text-align:left;text-decoration:none;cursor:pointer;border-right:2px solid rgb(212, 223, 229);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-group-stretch .duet-tab-button{flex:1 1 0;min-width:fit-content;text-align:center}.duet-tab-button duet-indicator{position:absolute;top:5px;right:5px}.duet-tab-variation-plain .duet-tab-button duet-indicator{top:calc(50% - 0.5rem - 7px);right:-7px}.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)}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button:hover{z-index:200;border-color:rgb(127, 150, 165)}.duet-theme-turva .duet-tab-button:hover{border-color:rgba(199, 202, 207, 0.8)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(0, 119, 179);outline:0;background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179);box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(198, 12, 48);border-color:rgb(222, 224, 228);border-bottom-color:rgb(198, 12, 48)}.duet-tab-button:focus{z-index:205;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{outline:2px solid;outline-offset:0;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-tab-button:focus,:host(.user-is-tabbing) .duet-tab-button:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-tab-button:focus,:host(.user-is-tabbing) .duet-tab-button:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-tab-variation-default .duet-tab-button{z-index:200;padding:11px 20px 13px 20px;overflow:hidden;font-size:0.875rem;color:rgb(62, 84, 102);background:rgb(245, 248, 250);border:1px solid rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button.switch-large-at-always{padding:15px 28px 17px 28px;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-default .duet-tab-button.switch-large-at-small{padding:15px 28px 17px 28px;font-size:1rem}}.duet-tab-variation-default .duet-tab-button.selected{color:rgb(8, 42, 77);background:rgb(255, 255, 255);transition:none}.duet-tab-variation-default .duet-tab-button.selected::before{position:absolute;right:-1px;bottom:0;z-index:300;display:block;width:calc(100% + 2px);height:2px;content:"";background-color:rgb(0, 119, 179)}.duet-tab-variation-default .duet-tab-button.selected:focus-visible{outline:2px solid;outline-offset:-5px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-tab-variation-default .duet-tab-button.selected:focus-visible,.duet-tab-variation-default .duet-tab-button.selected:focus-visible.duet-theme-turva,.duet-theme-turva2 .duet-tab-variation-default .duet-tab-button.selected:focus-visible,.duet-tab-variation-default .duet-tab-button.selected:focus-visible.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-tab-variation-default .duet-tab-button.selected:focus-visible::before{height:0}.duet-tab-variation-default .duet-tab-button:not(.selected){box-shadow:0 3px 2px -1px rgba(0, 41, 77, 0.1) inset, 0 0 0 rgb(212, 223, 229)}.duet-tab-variation-default .duet-tab-button:hover:not(.selected){color:rgb(30, 45, 59);background:rgb(228, 236, 239)}.duet-tab-variation-default .duet-tab-button:first-child{border-radius:8px 0 0 8px}.duet-tab-variation-default .duet-tab-button:last-child{border-radius:0 8px 8px 0}.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button{z-index:200}.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button:last-child{border-radius:0}.duet-theme-turva.duet-tab-variation-default .duet-tab-group-fill-space .duet-tab-button::before{height:3px}.duet-theme-turva.duet-tab-variation-default .duet-tab-button{color:rgb(71, 78, 101)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected{color:rgb(23, 28, 58);background:rgb(255, 255, 255)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::before{background-color:rgb(198, 12, 48)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:not(.selected){z-index:200;box-shadow:0 3px 2px -1px rgba(23, 28, 58, 0.1) inset, 0 0 0 rgb(222, 224, 228)}.duet-theme-turva.duet-tab-variation-default .duet-tab-button:hover:not(.selected){z-index:200;color:rgb(45, 52, 79);background:rgb(234, 235, 239)}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding:12px 0;margin-left:0;font-size:0.875rem;color:rgb(81, 105, 123);border-width:0;border-bottom:2px solid transparent;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button.switch-large-at-always{padding:20px 0;font-size:1rem}@media (min-width: 36em){.duet-tab-variation-plain .duet-tab-button.switch-large-at-small{padding:20px 0;font-size:1rem}}.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(8, 42, 77);border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(8, 42, 77);border-bottom:2px solid rgb(0, 119, 179)}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button{color:rgb(71, 78, 101)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover{color:rgb(45, 52, 79);border-bottom:2px solid rgb(198, 12, 48)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(23, 28, 58);border-bottom:2px solid rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-grow:1;flex-basis:0;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(181, 198, 208);border-top:2px solid rgb(181, 198, 208);border-bottom-color:rgb(0, 119, 179);border-left:2px solid rgb(181, 198, 208);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(181, 198, 208);border-bottom-color:rgb(113, 118, 132)}@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(240, 247, 250) 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, 247, 250) 0%, rgb(255, 255, 255) 100%);border-color:rgb(113, 118, 132);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(98, 121, 138)}@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(113, 118, 132)}.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(113, 118, 132)}.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(8, 42, 77);text-align:left}.duet-tab-group-content:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva,.duet-theme-turva2 .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.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(113, 118, 132)}:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-group-tabs.duet-tab-variation-plain{border-bottom-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-plain .duet-tab-button:hover{border-bottom:2px solid rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{border-bottom:2px solid rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-button{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-tab-button.selected{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226);border-bottom-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-theme-turva.duet-tab-variation-default .duet-tab-button.selected::before{background-color:rgb(230, 23, 64)}';export{y as duet_scrollable,z as duet_tab,S as duet_tab_group}

package/lib/duet/p-5eaf6c14.entry.js

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

package/lib/duet/p-5iZMFvpJ.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{g as a}from"./p-DvwKrUS6.js";var s,r,g=a(r?s:(r=1,s={title:"form-search",tags:"form search magnifying glass",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M23.245 23.996a.743.743 0 0 1-.53-.22L16.2 17.26a9.824 9.824 0 0 1-2.553 1.579 9.766 9.766 0 0 1-7.51.069 9.745 9.745 0 0 1-5.359-5.262c-1.025-2.412-1.05-5.08-.069-7.51S3.558 1.802 5.97.777a9.744 9.744 0 0 1 7.51-.069c2.431.981 4.334 2.849 5.359 5.262s1.05 5.08.069 7.51a9.807 9.807 0 0 1-1.649 2.718l6.517 6.518a.75.75 0 0 1-.531 1.28zM9.807 1.49a8.259 8.259 0 0 0-3.25.667c-2.044.869-3.627 2.481-4.458 4.54s-.81 4.318.058 6.362a8.26 8.26 0 0 0 4.54 4.458 8.259 8.259 0 0 0 6.362-.059 8.285 8.285 0 0 0 2.594-1.736.365.365 0 0 1 .077-.076 8.245 8.245 0 0 0 1.786-2.728 8.255 8.255 0 0 0-.059-6.362 8.257 8.257 0 0 0-4.54-4.458 8.28 8.28 0 0 0-3.11-.608z"/></svg>'}));export{g as s}

package/lib/duet/p-60102fbf.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as e,c as t,h as o,H as i,g as a}from"./p-BVAkfiYN.js";import{D as r}from"./p-J96UYMqg.js";import{i as s}from"./p-BO8h6fkS.js";import{c as l}from"./p-Cfr_DJqU.js";import{c as n,p as d}from"./p-s4mQ--kV.js";import{p as c}from"./p-C6E9F6QT.js";function p(e){return"options"in e}function u(e,t){for(var o=0;o<e.length;o++){let i=e[o];if(p(i)&&(i=u(i.options,t)),i&&i.value===t)return i}}const h=class{constructor(o){e(this,o),this.duetChange=t(this,"duetChange",3),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.selectId=l("DuetSelect"),this.errorId=l("DuetError"),this.labelId=l("DuetLabel"),this.topCaptionId=l("DuetCaptionTop"),this.topCaptionPlaceholderId=l("DuetCaptionPlaceholderTop"),this.proxyId=l("DuetSelect"),this.processedItems=null,this.variation="default",this.margin="auto",this.error="",this.accessibleLiveError="polite",this.expand=!1,this.theme="",this.labelHidden=!1,this.placeholder="",this.echoPlaceholder=!1,this.disabled=!1,this.required=!1,this.label="label",this.tooltip="",this.tooltipDirection="auto",this.onClick=e=>{e.stopPropagation()},this.onChange=()=>{this.value=this.nativeSelect.value,this.duetChange.emit({value:this.value,component:"duet-select"})},this.onBlur=e=>{this.duetBlur.emit({originalEvent:e,value:this.value,component:"duet-select"})},this.onFocus=e=>{this.duetFocus.emit({originalEvent:e,value:this.value,component:"duet-select"})},this.getDescribedBy=()=>{const e=[];return this.isCaptionVisible&&this.topCaptionId&&e.push(this.topCaptionId),this.accessibleDescribedBy&&e.push(this.accessibleDescribedBy),this.error&&e.push(this.errorId),e.length>0?e.join(" "):null}}valueChanged(){this.nativeSelect&&(this.nativeSelect.value=this.value),this.isCaptionVisible=!!this.caption}componentWillLoad(){s(this),this.isCaptionVisible=!!this.caption,n(this.element,"tooltip","duet-tooltip",1,!0),this.refresh()}componentDidRender(){d(this.element,this.proxyId,this.name,this.value,this.required,void 0)}async setFocus(e){this.nativeSelect&&this.nativeSelect.focus(e)}async refresh(){this.processedItems=c(this.items)}getSelectedItemLabel(){let e;return this.processedItems&&(e=u(this.processedItems,this.value)),e?e.label:this.placeholder||""}renderOption(e){return o("option",{"aria-label":e.ariaLabel,value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)}renderOptionGroup(e){return o("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((e=>this.renderOption(e))))}render(){const e=this.identifier||this.selectId;return o(i,{key:"a00ff9414c52c0db96b33b3b7fdf059ec86acfe5",onClick:this.onClick,class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand,[`duet-select-variation-${this.variation}`]:!0}},o("div",{key:"f35c3ed30822b3ebe4d413f49e1400e20a46712d",class:{"duet-select-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,[`duet-select-variation-${this.variation}`]:!0,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},o(r,{key:"fd43aa0091f7da7fac00aadba0acc92be0c5d952",theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:e},this.label),this.tooltip&&o("duet-tooltip",{key:"5b2515db85ff5d701ebff47fd4019d33cf473fd5",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),o("slot",{key:"2e05ecb6a0a98b5bc61e2f376ba5fcbf9118edf9",name:"tooltip"}),this.caption&&o("duet-caption",{key:"e841d3bccb810f16f78ebbc2b77506ba34ad7c61",id:this.topCaptionId,size:"medium"},this.caption),o("div",{key:"2e1b71e200d5cae0811c21ea6c8d1199da2f654c",class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&o("duet-caption",{key:"23c77b3402c8301dfa7ccc9be11a384597bb2ef9",id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),o("slot",{key:"09854808d5dfd54f24a19ced9de94ab111e1dd8a"}),o("select",{key:"a147ce96f44d928041c7e7f382e754b6ab204b29",ref:e=>this.nativeSelect=e,disabled:this.disabled,name:this.name,id:e,role:this.role,"aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required},this.placeholder&&o("option",{key:"b886953f516a374b6e7078d32e3c221cdbda631b",disabled:!0,selected:!0,value:""},this.placeholder),this.processedItems?this.processedItems.map((e=>p(e)?this.renderOptionGroup(e):this.renderOption(e))):o("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi.")),o("div",{key:"d49342461c777cfaddc460472b253a9485f2beac",class:{"duet-select":!0,[`duet-select-variation-${this.variation}`]:!0},"aria-hidden":"true"},o("span",{key:this.value,class:"duet-select-selected-value"},this.getSelectedItemLabel()),"default"===this.variation&&o("svg",{key:"99b037a310acccad7ece3a7f9e0d2871dc2f7855",role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"2729d72292cf8bf37346ff6fa788e97a0e4f048e",d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))||o("duet-icon",{key:"de52df34bc3806211ac281a1b99c17eeb57ffb18",theme:this.theme,name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"compact"===this.variation?"xxx-small":"xx-small"})),o("span",{key:"e51f276c829420868782720aaee2a095c55a2dc7",class:"duet-keep-container-height",role:"presention","aria-hidden":"true"},"_")),o("span",{key:"edd762e2bb0316b8b449520c81df47a0e3a65591",class:"duet-select-help",id:this.errorId,"aria-live":this.accessibleLiveError,"aria-atomic":"true","aria-relevant":"additions removals"},this.error&&o("span",{key:"b39b6f71ff3c12cd636226bc882cb38061ee1d93",class:"duet-select-error"},this.error))))}get element(){return a(this)}static get watchers(){return{value:["valueChanged"],items:["refresh"]}}};h.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(:not(.duet-m-0)){margin-right:16px !important;margin-bottom:12px !important}:host(:not(.duet-m-0)):last-child,:host(:not(.duet-m-0)):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(:not(.duet-m-0)):last-of-type{margin-right:16px !important}@media (min-width: 36em){:host(.duet-expand){width:100% !important}}:host(.duet-select-variation-tiny),:host(.duet-select-variation-compact){position:relative;top:-2px;width:72px;margin:0;vertical-align:baseline}:host(.duet-select-variation-compact){width:auto}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-select-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny{width:72px}.duet-select-wrapper{position:relative;width:100%;padding:15px 14px !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:400;line-height:1.25}.duet-theme-turva .duet-select-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-variation-tiny .duet-select-wrapper{width:81px;padding:0 !important}.duet-select-variation-compact .duet-select-wrapper{padding:0 !important;line-height:1}.duet-select-wrapper select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin: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:1rem;cursor:pointer;outline:none;border:0;opacity:0}.duet-theme-turva .duet-select-wrapper select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-wrapper select:hover+.duet-select{outline:2px solid;outline-color:rgb(98, 121, 138);outline-offset:-1px;border-color:rgb(127, 150, 165)}.duet-theme-turva .duet-select-wrapper select:hover+.duet-select,.duet-select-wrapper select:hover+.duet-select.duet-theme-turva,.duet-theme-turva2 .duet-select-wrapper select:hover+.duet-select,.duet-select-wrapper select:hover+.duet-select.duet-theme-turva2{outline-color:rgb(120, 145, 164)}.duet-theme-turva .duet-select-wrapper select:hover+.duet-select{border-color:rgb(143, 147, 158)}.has-error .duet-select-wrapper select:hover+.duet-select{outline:1px solid;outline-color:rgb(214, 28, 82);outline-offset:-1px}.duet-select-wrapper select:focus+.duet-select{outline:2px solid;outline-offset:0;outline-color:rgba(0, 119, 179, 0.8);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva .duet-select-wrapper select:focus+.duet-select,.duet-select-wrapper select:focus+.duet-select.duet-theme-turva,.duet-theme-turva2 .duet-select-wrapper select:focus+.duet-select,.duet-select-wrapper select:focus+.duet-select.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva .duet-select-wrapper select:focus+.duet-select{border-color:rgb(23, 28, 58)}.duet-theme-turva .duet-select-wrapper select:focus+.duet-select .duet-select-icon{color:rgb(23, 28, 58)}.duet-select-wrapper select:focus+.duet-select .duet-select-icon{color:rgb(0, 119, 179)}.has-error .duet-select-wrapper select:focus+.duet-select{outline:1px solid;outline-color:rgb(214, 28, 82);outline-offset:-1px}.duet-select-wrapper select[disabled]{cursor:default !important}.duet-select-wrapper select[disabled]+.duet-select{color:rgb(8, 42, 77) !important;cursor:default !important;outline:none !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-select-wrapper select[disabled]+.duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper span.duet-keep-container-height{opacity:0}.duet-select-variation-compact .duet-select-wrapper span.duet-keep-container-height{display:none}.duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;text-overflow:ellipsis;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.has-error .duet-select{border-color:rgb(214, 28, 82) !important}.has-error .duet-select .duet-select-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-select{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-select .duet-select-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-select{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(143, 147, 158)}.duet-select svg{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva .duet-select svg{color:rgb(23, 28, 58)}.duet-select-variation-tiny .duet-select,.duet-select-variation-compact .duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny .duet-select duet-icon,.duet-select-variation-compact .duet-select duet-icon{padding-left:10px}.duet-select-variation-compact .duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-select-help span{display:block;margin-top:8px}.duet-theme-turva .duet-select-help{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(143, 147, 158)}.has-error .duet-select-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-select-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}:host(.duet-theme-turva2) .duet-theme-turva .duet-select-wrapper select:hover+.duet-select{border-color:rgb(120, 145, 164)}:host(.duet-theme-turva2) .duet-theme-turva .duet-select-wrapper select:focus+.duet-select{border-color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-select-wrapper select:focus+.duet-select .duet-select-icon{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-theme-turva .duet-select-wrapper select[disabled]+.duet-select{color:rgb(23, 42, 59) !important;background:rgb(245, 246, 247) !important;border-color:rgb(245, 246, 247) !important;-webkit-text-fill-color:rgb(23, 42, 59) !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-select{color:rgb(23, 42, 59);border-color:rgb(120, 145, 164)}:host(.duet-theme-turva2) .duet-theme-turva .duet-select svg{color:rgb(23, 42, 59)}';export{h as duet_select}

package/lib/duet/p-6952b6c4.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as e,h as t,H as i,g as a}from"./p-BVAkfiYN.js";import{a as s}from"./p-DcQPCCbT.js";import{e as n,d as o}from"./p-B1B-PPrh.js";import{i as d}from"./p-BO8h6fkS.js";const r=class{constructor(t){e(this,t),this.mql=[window.matchMedia(s.replace(/'/g,""))],this.boundMqlFunctions=[],this.previousYScroll=0,this.hidden=!1,this.mobile=!0,this.bodyScroll=!0,this.theme="",this.hideOnScroll=!1,this.open=!1,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}}watchOpenStateHandler(e){e?(this.bodyScroll=!1,this.disableBodyScroll()):(this.enableBodyScroll(),this.bodyScroll=!0)}componentWillLoad(){d(this)}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)}checkScroll(){this.hideOnScroll&&(window.scrollY>this.previousYScroll?window.scrollY>100&&(this.hidden=!0):window.scrollY<150&&(this.hidden=!1),this.previousYScroll=window.scrollY)}render(){return t(i,{key:"463af77c5ac9d7a775876cfc005df160c5e7fdfa"},t("nav",{key:"fcbdbfc332d352007b1122ffa65cd6d13012a559",class:{"duet-submenu-bar":!0,"duet-theme-turva":"turva"===this.theme,hidden:this.hidden},"aria-label":this.accessibleLabel},this.hasItems&&t("button",{key:"98fadd59813f2aae19d4cb5d4734d73a98d4bb7e",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:"dc38b3df13d3a4d1b4a9c78c53a9fc68b932152e",class:"label"},t("slot",{key:"128302a4e4c2c6e68d9fd8cb96d1439db8daf800",name:"label"}),t("duet-icon",{key:"0d4d0b35713d68685084568f0f95f1818b8deaca",theme:this.theme,class:"caret",name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),t("div",{key:"7396ba0b29224cfa487e725604ff50dab010cdeb",class:{"menu-container":!0,hidden:!this.open},role:"presentation"},t("div",{key:"4b5178a06a8933dfb9be60276a1a893158c62aaa",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:"71ee3de51b625b340635a30fb39292e25ddfc116",class:"list",role:this.mobile?"presentation":"list"},t("slot",{key:"4baa81a1de7c328e826df2f752075a9c4b05af0f"}),t("div",{key:"38b755c720305c3627d82a5e53af380752616396",class:"list-padding"}))),t("duet-overlay",{key:"62afaa179b2175f4c4c6cd56c6773675cffc061c","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;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;pointer-events:none}:host *{pointer-events:auto}: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;top:0;z-index:1;background:rgb(240, 247, 250);transition:top 0.4s}.duet-submenu-bar.hidden{top:-200px}@media (min-width: 62em){.duet-submenu-bar{border-bottom:1px solid rgb(198, 225, 238)}}.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(8, 42, 77)}.duet-submenu-bar button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-submenu-bar button:focus,.duet-submenu-bar button:focus.duet-theme-turva,.duet-theme-turva2 .duet-submenu-bar button:focus,.duet-submenu-bar button:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-submenu-bar button.active .caret{transform:rotate(180deg)}.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{visibility:hidden;max-height:0;overflow:hidden}@media (min-width: 62em){.duet-submenu-bar .menu-container,.duet-submenu-bar .menu-container.hidden{position:static;z-index:auto;visibility:visible;max-height:unset;overflow:visible}}.duet-submenu-bar .items{visibility:visible;width:100%;height:70vh;overflow-y:scroll;background:rgb(240, 247, 250);border-bottom:1px solid rgb(181, 198, 208)}.duet-submenu-bar .items ::slotted(*){position:relative}.duet-submenu-bar .items.hidden{visibility:hidden;max-height:0;overflow:hidden;border-bottom:0 solid rgb(181, 198, 208)}.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;visibility:visible;flex-direction:row;align-items:center;justify-content:center;height:auto;max-height:unset;overflow:visible;border:0}.duet-submenu-bar .items .list-padding{display:none;padding-bottom:0}}.duet-submenu-bar.duet-theme-turva{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-submenu-bar.duet-theme-turva .items{background:rgb(245, 247, 250)}.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)}}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva{background:rgb(253, 247, 242);border-bottom-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .items{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-submenu-bar.duet-theme-turva .mobile-background{background:rgb(23, 42, 59)}';export{r as duet_submenu_bar}

package/lib/duet/p-69fcd700.entry.js

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