@duetds/components 10.2.1 → 10.2.2

package/lib/duet/{p-1dcde973.entry.js → p-56940710.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,c as t,h as i,H as c,g as o}from"./p-BEyqDEKQ.js";import{i as r}from"./p-BOvQtVMD.js";import{c as d}from"./p-Cfr_DJqU.js";import{s as a,u as n,h}from"./p-Db8rvjPI.js";import{g as u}from"./p-DBab1eZF.js";import"./p-C6E9F6QT.js";const s=class{constructor(i){e(this,i),this.duetChange=t(this,"duetChange",3),this.duetRemove=t(this,"duetRemove",3),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.focus=!1,this.chipId=d("DuetChip"),this.deleteLabels={fi:"Poista",en:"Remove",sv:"Ta bort"},this.selectedForDeletionLabels={fi:"Valittu, poista askelpalautinnäppäimellä",en:"Selected, remove with backspace",sv:"Valt, ta bort med backsteg"},this.inputChipHover=!1,this.inputChipDeleteFocus=!1,this.variation="button",this.size="medium",this.icon="",this.theme="",this.selected=!1,this.checked=!1,this.disabled=!1,this.accessiblePopup="false",this.enforceNoDisabledSelected=()=>{this.disabled&&this.checked&&(console.error("Duet error: pre-selected chip may not be disabled"),this.disabled=!1)},this.radioInputListenersRemove=e=>{e.removeEventListener("change",this.onRadioChange),e.removeEventListener("click",this.onRadioClick),e.removeEventListener("focus",this.onFocus),e.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=e=>{e.addEventListener("change",this.onRadioChange),e.addEventListener("click",this.onRadioClick),e.addEventListener("focus",this.onFocus),e.addEventListener("blur",this.onBlur)},this.radioInputSetUp=()=>{const e=this.element.querySelector("input"),t=e||document.createElement("input");t.slot="input",t.ariaDisabled=this.disabled?"true":void 0,t.id=this.identifier||this.chipId,t.type="radio",t.name=this.name,t.value=this.value,t.checked=this.checked,t.ariaLabel=this.element.textContent,e?this.radioInputListenersRemove(t):this.element.appendChild(t),this.radioInputListenersAdd(t),this.focusableElement=t},this.popupSetUp=()=>{const e=document.querySelector(`duet-popup-menu#${this.popup}`);if(e){this.popupElement=e,e.controller=this.element;const t=this.element.textContent,i=this.value;e.id||(e.id="popup-menu"),e.addEventListener("duetToggle",(e=>{this.popupOpen=e.detail.open}));const c=()=>{e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.active=!1}))};e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.addEventListener("click",(o=>{var r;const d=null!==(r=e.value)&&void 0!==r?r:e.innerText;e.active?(c(),this.element.textContent=t,this.value=i,this.checked=!1):(c(),e.active=!0,this.element.textContent=e.innerText,this.value=d,this.checked=!0),this.emitChange(o),setTimeout((()=>{this.popupElement.isOpen()&&this.popupElement.hide()}))}))}))}},this.onFocus=e=>{this.focus=!0,this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onBlur=e=>{this.focus=!1,this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.emitChange=e=>{this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onFilterChange=e=>{this.checked=!this.checked,this.emitChange(e)},this.onRadioChange=e=>{this.checked=this.focusableElement.checked,this.emitChange(e)},this.onRadioClick=e=>{this.disabled&&e.preventDefault()},this.onFilterClick=e=>{if(this.disabled)return e.stopPropagation(),void e.preventDefault();this.popupElement&&(e.stopPropagation(),e.preventDefault(),this.popupElement.toggle())},this.onRemoveClick=e=>{null==e||e.stopPropagation(),null==e||e.preventDefault(),this.duetRemove.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"}),this.element.remove()}}clearOtherRadioButtons(){"radio"===this.variation&&this.checked&&document.querySelectorAll(`duet-chip[variation="radio"][name="${this.name}"]`).forEach((e=>{e!==this.element&&(e.checked=!1)}))}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}componentWillLoad(){r(this),this.removeDisabledAttributeWhenFalse(),this.popupSetUp(),this.enforceNoDisabledSelected()}connectedCallback(){a(this)}disconnectedCallback(){n(this)}componentDidRender(){"radio"===this.variation&&this.radioInputSetUp()}getAccessibleExpanded(){return null!=this.accessibleExpanded?(!!this.accessibleExpanded).toString():this.popupElement?this.popupOpen?"true":"false":void 0}getAccessiblePopup(){return this.popupElement?"true":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0}getAccessibleDeleteLabel(){return`${u(this.deleteLabels)} ${this.element.textContent}`}getAccessibleInputChipLabel(){return`${this.element.textContent}${this.selected?` (${u(this.selectedForDeletionLabels)}) `:""},`}async setFocus(e){h(),setTimeout((()=>this.focusableElement.focus(e)),200)}async setDeleteFocus(){setTimeout((()=>this.deleteButtonElement.focus()),200)}async removeChip(){this.onRemoveClick()}render(){var e;const t=this.identifier||this.chipId,o={"duet-chip-container":!0,[`duet-chip-${this.variation}`]:!0,"duet-chip-focus":this.focus,"duet-chip-selected":this.selected,"duet-chip-hover":this.inputChipHover,"duet-chip-delete-focus":this.inputChipDeleteFocus,"duet-chip-has-icon":!!this.icon,"duet-chip-has-popup":"filter"===this.variation&&!!this.popupElement,"duet-theme-turva":"turva"===this.theme,"duet-chip-filter-checked":"filter"===this.variation&&this.checked,"duet-chip-radio-checked":"radio"===this.variation&&this.checked,"duet-chip-filter-popup-open":this.popupOpen,"duet-chip-disabled":this.disabled,[this.size]:!0},r={onFocus:this.onFocus,onBlur:this.onBlur,ref:e=>this.focusableElement=e};return i(c,{key:"e26aa34e15b03e670a0f3f0e0d4cc24a237434bd",class:{[this.variation]:!0}},"button"===this.variation&&i("span",{key:"9f57e595caa81d8d4b84394b3a4a49fbdf19da48",class:o},i("button",Object.assign({key:"d68d62140116bf1fbb975b9b6b0453ff209e02c1",id:t,"aria-label":this.accessibleLabel,"aria-haspopup":this.getAccessiblePopup(),"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,name:this.name,value:this.value,onClick:this.disabled?e=>e.stopPropagation():void 0},r),i("span",{key:"ddf0a95c86a07ebed9110017d6a0bd77e47a3e95",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"d6adb6765da92cb43ed0c408ecd8bea4221047a8",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"ce3208e6913557213ca536866493c7765bc2cb77"}))),"input"===this.variation&&i("span",{key:"75ec4e277b428b7e34bd5366b9a487c16c886ae9",class:o,"aria-label":this.getAccessibleInputChipLabel()},i("button",Object.assign({key:"92de738c0bd52efb610ecc97056827f0af9a1252",id:t,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel,onMouseOver:()=>this.inputChipHover=!0,onMouseOut:()=>this.inputChipHover=!1,onClick:()=>this.selected=!this.selected},r),i("span",{key:"ff2ae73783f77320559096261e367a6d5496c9fb",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"f8ac9cb89ed8e949a37944938652b62008fc19c7",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"aaf69ef9eb8e5b3f48a68e4a01a70b2272d469ae"})),i("button",{key:"fe3a6dcce274c4f812c58da61c30f97707ef5767",class:"duet-chip-remove-button","aria-label":this.getAccessibleDeleteLabel(),onClick:this.onRemoveClick,onFocus:()=>this.inputChipDeleteFocus=!0,onBlur:()=>this.inputChipDeleteFocus=!1,ref:e=>this.deleteButtonElement=e},i("duet-icon",{key:"e548beece645e839b0b43bfcd131764db993bf9f",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),"filter"===this.variation&&i("span",{key:"e5fd9ed10732bda6ab5ce6a44297a923c251badb",class:o},i("input",Object.assign({key:"86e4c71d067982fef1537d4ab02e9c28d20696b3","aria-haspopup":this.getAccessiblePopup(),"aria-controls":null===(e=this.popupElement)||void 0===e?void 0:e.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,id:t,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},r)),i("label",{key:"d7f775b63603946790ea8e4412cde73865c49683",htmlFor:t},this.icon&&i("span",{key:"274d90f5406d6dd2d7d7386b1b4bdec927781a5c",class:"duet-chip-icon-container"},i("duet-icon",{key:"5425392636f14e79e52edb733baec19b330be1b4",name:this.icon,size:"large"===this.size?"small":"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"34eadef6cfac6361f4069f673efd04df0c6de0cc",name:"messaging-checked-small",size:"large"===this.size?"x-small":"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"6f33a83d88ab32af90c49a61aa55459c1c6a4e27"}),this.popupElement&&i("span",{key:"efccfca32d5aefd8c0f6d8da8c39941f93fafa73",class:"duet-chip-popup-disclosure"},i("duet-icon",{key:"49d87cd5a7e0b1249c9b484ab6ffb949b32a9d0a",name:"action-arrow-down-small",size:"large"===this.size?"xx-small":"xxx-small",margin:"none",color:"currentColor"})))),"radio"===this.variation&&i("span",{key:"34755198707218679008f8d3f1345f378a9f1be8",class:o},i("slot",{key:"c2fec1770e3e9916e9a456519bdb73461d00e32c",name:"input"}),i("label",{key:"34286b6515f0c2f96d8ebb84f8c99a9ecdca76c2",htmlFor:t},this.icon&&i("span",{key:"5fbfe0a0c184a04844eccc440c042fae5f5321be",class:"duet-chip-icon-container"},i("duet-icon",{key:"c0ada34d07c59029ef1961d0d60f9e801e8e38cc",name:this.icon,size:"large"===this.size?"small":"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"4b2626e45a9078b5ea6993183f57c5a0bfdc38c8",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"a4b9352bda8b5f9e9ce1912d07159c77844a4580"}))))}get element(){return o(this)}static get watchers(){return{checked:["clearOtherRadioButtons"],disabled:["removeDisabledAttributeWhenFalse"]}}};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;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-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:not(:last-child){margin-right:8px !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:center;hyphens:none;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(199, 202, 207)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(98, 121, 138) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;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:600;line-height:1rem;color:rgb(8, 42, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:8px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:12px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:12px}.duet-chip-container duet-icon:not(.check-mark){visibility:visible;width:auto;transform:scaleX(1);transition:width 300ms ease, transform 300ms ease}.duet-chip-container duet-icon.check-mark{visibility:hidden;width:0;overflow:hidden;transform:scaleX(0);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(228, 241, 247);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(198, 225, 238)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){visibility:hidden;width:0;overflow:hidden;transform:scaleX(0);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{visibility:visible;width:auto;transform:scaleX(1);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(255, 241, 241);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(255, 213, 215)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(255, 241, 241);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover{border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover{background:rgb(255, 213, 215);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 185, 190);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 18px}.duet-chip-container.large.duet-chip-has-icon .duet-chip-icon-container{width:30px;padding-right:10px}.duet-chip-container.large .duet-chip-popup-disclosure{padding-right:6.5px;padding-left:14.5px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva2,.duet-theme-turva :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;appearance:none;cursor:pointer;border-width:2px;border-radius:8px;opacity:0}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva{color:rgb(23, 42, 59) !important;border-color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva:hover{border-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked{background:rgb(253, 247, 242);border-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover{background:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open{background:rgb(253, 247, 242);border-color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input:hover{border-color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected{border-color:rgb(230, 23, 64)}';export{s as duet_chip}
+import{r as e,c as t,h as i,H as c,g as o}from"./p-C43Ch0qc.js";import{i as r}from"./p-DU3IkyJW.js";import{c as d}from"./p-Cfr_DJqU.js";import{s as n,u as a,h}from"./p-Db8rvjPI.js";import{g as u}from"./p-xnGmYIhY.js";import"./p-C6E9F6QT.js";const s=class{constructor(i){e(this,i),this.duetChange=t(this,"duetChange",3),this.duetRemove=t(this,"duetRemove",3),this.duetFocus=t(this,"duetFocus",7),this.duetBlur=t(this,"duetBlur",7),this.focus=!1,this.chipId=d("DuetChip"),this.deleteLabels={fi:"Poista",en:"Remove",sv:"Ta bort"},this.selectedForDeletionLabels={fi:"Valittu, poista askelpalautinnäppäimellä",en:"Selected, remove with backspace",sv:"Valt, ta bort med backsteg"},this.inputChipHover=!1,this.inputChipDeleteFocus=!1,this.variation="button",this.size="medium",this.icon="",this.theme="",this.selected=!1,this.checked=!1,this.disabled=!1,this.accessiblePopup="false",this.enforceNoDisabledSelected=()=>{this.disabled&&this.checked&&(console.error("Duet error: pre-selected chip may not be disabled"),this.disabled=!1)},this.radioInputListenersRemove=e=>{e.removeEventListener("change",this.onRadioChange),e.removeEventListener("click",this.onRadioClick),e.removeEventListener("focus",this.onFocus),e.removeEventListener("blur",this.onBlur)},this.radioInputListenersAdd=e=>{e.addEventListener("change",this.onRadioChange),e.addEventListener("click",this.onRadioClick),e.addEventListener("focus",this.onFocus),e.addEventListener("blur",this.onBlur)},this.radioInputSetUp=()=>{const e=this.element.querySelector("input"),t=e||document.createElement("input");t.slot="input",t.ariaDisabled=this.disabled?"true":void 0,t.id=this.identifier||this.chipId,t.type="radio",t.name=this.name,t.value=this.value,t.checked=this.checked,t.ariaLabel=this.element.textContent,e?this.radioInputListenersRemove(t):this.element.appendChild(t),this.radioInputListenersAdd(t),this.focusableElement=t},this.popupSetUp=()=>{const e=document.querySelector(`duet-popup-menu#${this.popup}`);if(e){this.popupElement=e,e.controller=this.element;const t=this.element.textContent,i=this.value;e.id||(e.id="popup-menu"),e.addEventListener("duetToggle",(e=>{this.popupOpen=e.detail.open}));const c=()=>{e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.active=!1}))};e.querySelectorAll("duet-popup-menu-item").forEach((e=>{e.addEventListener("click",(o=>{var r;const d=null!==(r=e.value)&&void 0!==r?r:e.innerText;e.active?(c(),this.element.textContent=t,this.value=i,this.checked=!1):(c(),e.active=!0,this.element.textContent=e.innerText,this.value=d,this.checked=!0),this.emitChange(o),setTimeout((()=>{this.popupElement.isOpen()&&this.popupElement.hide()}))}))}))}},this.onFocus=e=>{this.focus=!0,this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onBlur=e=>{this.focus=!1,this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.emitChange=e=>{this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"})},this.onFilterChange=e=>{this.checked=!this.checked,this.emitChange(e)},this.onRadioChange=e=>{this.checked=this.focusableElement.checked,this.emitChange(e)},this.onRadioClick=e=>{this.disabled&&e.preventDefault()},this.onFilterClick=e=>{if(this.disabled)return e.stopPropagation(),void e.preventDefault();this.popupElement&&(e.stopPropagation(),e.preventDefault(),this.popupElement.toggle())},this.onRemoveClick=e=>{null==e||e.stopPropagation(),null==e||e.preventDefault(),this.duetRemove.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-chip"}),this.element.remove()}}clearOtherRadioButtons(){"radio"===this.variation&&this.checked&&document.querySelectorAll(`duet-chip[variation="radio"][name="${this.name}"]`).forEach((e=>{e!==this.element&&(e.checked=!1)}))}removeDisabledAttributeWhenFalse(){this.disabled||this.element.removeAttribute("disabled")}componentWillLoad(){r(this),this.removeDisabledAttributeWhenFalse(),this.popupSetUp(),this.enforceNoDisabledSelected()}connectedCallback(){n(this)}disconnectedCallback(){a(this)}componentDidRender(){"radio"===this.variation&&this.radioInputSetUp()}getAccessibleExpanded(){return null!=this.accessibleExpanded?(!!this.accessibleExpanded).toString():this.popupElement?this.popupOpen?"true":"false":void 0}getAccessiblePopup(){return this.popupElement?"true":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0}getAccessibleDeleteLabel(){return`${u(this.deleteLabels)} ${this.element.textContent}`}getAccessibleInputChipLabel(){return`${this.element.textContent}${this.selected?` (${u(this.selectedForDeletionLabels)}) `:""},`}async setFocus(e){h(),setTimeout((()=>this.focusableElement.focus(e)),200)}async setDeleteFocus(){setTimeout((()=>this.deleteButtonElement.focus()),200)}async removeChip(){this.onRemoveClick()}render(){var e;const t=this.identifier||this.chipId,o={"duet-chip-container":!0,[`duet-chip-${this.variation}`]:!0,"duet-chip-focus":this.focus,"duet-chip-selected":this.selected,"duet-chip-hover":this.inputChipHover,"duet-chip-delete-focus":this.inputChipDeleteFocus,"duet-chip-has-icon":!!this.icon,"duet-chip-has-popup":"filter"===this.variation&&!!this.popupElement,"duet-theme-turva":"turva"===this.theme,"duet-chip-filter-checked":"filter"===this.variation&&this.checked,"duet-chip-radio-checked":"radio"===this.variation&&this.checked,"duet-chip-filter-popup-open":this.popupOpen,"duet-chip-disabled":this.disabled,[this.size]:!0},r={onFocus:this.onFocus,onBlur:this.onBlur,ref:e=>this.focusableElement=e};return i(c,{key:"e26aa34e15b03e670a0f3f0e0d4cc24a237434bd",class:{[this.variation]:!0}},"button"===this.variation&&i("span",{key:"9f57e595caa81d8d4b84394b3a4a49fbdf19da48",class:o},i("button",Object.assign({key:"d68d62140116bf1fbb975b9b6b0453ff209e02c1",id:t,"aria-label":this.accessibleLabel,"aria-haspopup":this.getAccessiblePopup(),"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,name:this.name,value:this.value,onClick:this.disabled?e=>e.stopPropagation():void 0},r),i("span",{key:"ddf0a95c86a07ebed9110017d6a0bd77e47a3e95",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"d6adb6765da92cb43ed0c408ecd8bea4221047a8",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"ce3208e6913557213ca536866493c7765bc2cb77"}))),"input"===this.variation&&i("span",{key:"75ec4e277b428b7e34bd5366b9a487c16c886ae9",class:o,"aria-label":this.getAccessibleInputChipLabel()},i("button",Object.assign({key:"92de738c0bd52efb610ecc97056827f0af9a1252",id:t,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel,onMouseOver:()=>this.inputChipHover=!0,onMouseOut:()=>this.inputChipHover=!1,onClick:()=>this.selected=!this.selected},r),i("span",{key:"ff2ae73783f77320559096261e367a6d5496c9fb",class:"duet-chip-icon-container"},this.icon&&i("duet-icon",{key:"f8ac9cb89ed8e949a37944938652b62008fc19c7",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),i("slot",{key:"aaf69ef9eb8e5b3f48a68e4a01a70b2272d469ae"})),i("button",{key:"fe3a6dcce274c4f812c58da61c30f97707ef5767",class:"duet-chip-remove-button","aria-label":this.getAccessibleDeleteLabel(),onClick:this.onRemoveClick,onFocus:()=>this.inputChipDeleteFocus=!0,onBlur:()=>this.inputChipDeleteFocus=!1,ref:e=>this.deleteButtonElement=e},i("duet-icon",{key:"e548beece645e839b0b43bfcd131764db993bf9f",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),"filter"===this.variation&&i("span",{key:"e5fd9ed10732bda6ab5ce6a44297a923c251badb",class:o},i("input",Object.assign({key:"86e4c71d067982fef1537d4ab02e9c28d20696b3","aria-haspopup":this.getAccessiblePopup(),"aria-controls":null===(e=this.popupElement)||void 0===e?void 0:e.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":void 0,id:t,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},r)),i("label",{key:"d7f775b63603946790ea8e4412cde73865c49683",htmlFor:t},this.icon&&i("span",{key:"274d90f5406d6dd2d7d7386b1b4bdec927781a5c",class:"duet-chip-icon-container"},i("duet-icon",{key:"5425392636f14e79e52edb733baec19b330be1b4",name:this.icon,size:"large"===this.size?"small":"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"34eadef6cfac6361f4069f673efd04df0c6de0cc",name:"messaging-checked-small",size:"large"===this.size?"x-small":"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"6f33a83d88ab32af90c49a61aa55459c1c6a4e27"}),this.popupElement&&i("span",{key:"efccfca32d5aefd8c0f6d8da8c39941f93fafa73",class:"duet-chip-popup-disclosure"},i("duet-icon",{key:"49d87cd5a7e0b1249c9b484ab6ffb949b32a9d0a",name:"action-arrow-down-small",size:"large"===this.size?"xx-small":"xxx-small",margin:"none",color:"currentColor"})))),"radio"===this.variation&&i("span",{key:"34755198707218679008f8d3f1345f378a9f1be8",class:o},i("slot",{key:"c2fec1770e3e9916e9a456519bdb73461d00e32c",name:"input"}),i("label",{key:"34286b6515f0c2f96d8ebb84f8c99a9ecdca76c2",htmlFor:t},this.icon&&i("span",{key:"5fbfe0a0c184a04844eccc440c042fae5f5321be",class:"duet-chip-icon-container"},i("duet-icon",{key:"c0ada34d07c59029ef1961d0d60f9e801e8e38cc",name:this.icon,size:"large"===this.size?"small":"x-small",margin:"none",color:"currentColor"}),i("duet-icon",{key:"4b2626e45a9078b5ea6993183f57c5a0bfdc38c8",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),i("slot",{key:"a4b9352bda8b5f9e9ce1912d07159c77844a4580"}))))}get element(){return o(this)}static get watchers(){return{checked:["clearOtherRadioButtons"],disabled:["removeDisabledAttributeWhenFalse"]}}};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;margin-right:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-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:not(:last-child){margin-right:8px !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:center;hyphens:none;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(199, 202, 207)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(98, 121, 138) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;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:600;line-height:1rem;color:rgb(8, 42, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:8px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:12px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:12px}.duet-chip-container duet-icon:not(.check-mark){visibility:visible;width:auto;transform:scaleX(1);transition:width 300ms ease, transform 300ms ease}.duet-chip-container duet-icon.check-mark{visibility:hidden;width:0;overflow:hidden;transform:scaleX(0);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(228, 241, 247);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(198, 225, 238)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){visibility:hidden;width:0;overflow:hidden;transform:scaleX(0);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{visibility:visible;width:auto;transform:scaleX(1);transition:width 300ms ease, transform 300ms ease}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(255, 241, 241);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(255, 213, 215)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(255, 241, 241);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover{border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover{background:rgb(255, 213, 215);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 185, 190);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 18px}.duet-chip-container.large.duet-chip-has-icon .duet-chip-icon-container{width:30px;padding-right:10px}.duet-chip-container.large .duet-chip-popup-disclosure{padding-right:6.5px;padding-left:14.5px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva2,.duet-theme-turva :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;appearance:none;cursor:pointer;border-width:2px;border-radius:8px;opacity:0}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva{color:rgb(23, 42, 59) !important;border-color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva:hover{border-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked{background:rgb(253, 247, 242);border-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-checked:hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-radio-checked:hover{background:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-filter-popup-open{background:rgb(253, 247, 242);border-color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input:hover{border-color:rgb(178, 194, 205)}:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-hover,:host(.duet-theme-turva2) .duet-chip-container.duet-theme-turva.duet-chip-input.duet-chip-selected{border-color:rgb(230, 23, 64)}';export{s as duet_chip}

package/lib/duet/{p-9ad3562b.entry.js → p-5a6dcc11.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,h as t,g as i,H as a}from"./p-BEyqDEKQ.js";import{i as h}from"./p-BOvQtVMD.js";import{g as d}from"./p-D7VOYHjg.js";import"./p-C-hMrqKD.js";const r=class{constructor(t){e(this,t),this.theme="",this.margin="auto",this.color=""}componentWillLoad(){h(this)}render(){const e=d(this.color);return t("div",{key:"fc0e7562cb30da77115c7a07938f9d586df909d5",class:{"duet-m-0":"none"===this.margin,"duet-m-s":"small"===this.margin,"duet-divider":!0,"duet-theme-turva":"turva"===this.theme},style:{background:e}})}get element(){return i(this)}};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;display:block;width:100%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:var(--divider-margin, 36px) !important;margin-right:var(--divider-margin, 0);margin-bottom:var(--divider-margin, 28px);margin-left:var(--divider-margin, 0);background:rgb(212, 223, 229)}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:rgb(222, 224, 228)}:host(.duet-theme-turva2) .duet-divider.duet-theme-turva{background:rgb(212, 221, 226)}";const s=class{constructor(t){e(this,t),this.size="medium",this.direction="vertical",this.breakpoint=""}render(){return t(a,{key:"7fc6e73749913f00710655bd9f3245417e7ea2d4",class:{"duet-spacer":!0,"duet-spacer-xx-small":"xx-small"===this.breakpoint,"duet-spacer-x-small":"x-small"===this.breakpoint,"duet-spacer-small":"small"===this.breakpoint,"duet-spacer-medium":"medium"===this.breakpoint,"duet-spacer-large":"large"===this.breakpoint,"duet-spacer-x-large":"x-large"===this.breakpoint,"duet-spacer-xx-large":"xx-large"===this.breakpoint,[this.size]:!0,[`duet-spacer-${this.direction}`]:!0}})}};s.style=":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.duet-spacer-horizontal){display:inline-block;height:100% !important}:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.duet-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.duet-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.small){width:12px;min-width:12px}}:host(.duet-spacer-horizontal.medium){height:100%}:host(.duet-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.large){width:20px;min-width:20px}}:host(.duet-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.duet-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.duet-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.duet-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.duet-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.duet-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.duet-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.duet-spacer-vertical.small){height:12px;min-height:12px}}:host(.duet-spacer-vertical.medium){width:100%}:host(.duet-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.duet-spacer-vertical.large){height:20px;min-height:20px}}:host(.duet-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.duet-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.duet-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.duet-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.duet-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.duet-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.duet-spacer-xx-small){display:block}}:host(.duet-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.duet-spacer-x-small){display:block}}:host(.duet-spacer-small){display:none}@media (min-width: 36em){:host(.duet-spacer-small){display:block}}:host(.duet-spacer-medium){display:none}@media (min-width: 48em){:host(.duet-spacer-medium){display:block}}:host(.duet-spacer-large){display:none}@media (min-width: 62em){:host(.duet-spacer-large){display:block}}:host(.duet-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.duet-spacer-x-large){display:block}}:host(.duet-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.duet-spacer-xx-large){display:block}}";export{r as duet_divider,s as duet_spacer}
+import{r as e,h as t,g as i,H as a}from"./p-C43Ch0qc.js";import{i as h}from"./p-DU3IkyJW.js";import{g as d}from"./p-D7VOYHjg.js";import"./p-C-hMrqKD.js";const r=class{constructor(t){e(this,t),this.theme="",this.margin="auto",this.color=""}componentWillLoad(){h(this)}render(){const e=d(this.color);return t("div",{key:"fc0e7562cb30da77115c7a07938f9d586df909d5",class:{"duet-m-0":"none"===this.margin,"duet-m-s":"small"===this.margin,"duet-divider":!0,"duet-theme-turva":"turva"===this.theme},style:{background:e}})}get element(){return i(this)}};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;display:block;width:100%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:var(--divider-margin, 36px) !important;margin-right:var(--divider-margin, 0);margin-bottom:var(--divider-margin, 28px);margin-left:var(--divider-margin, 0);background:rgb(212, 223, 229)}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:rgb(222, 224, 228)}:host(.duet-theme-turva2) .duet-divider.duet-theme-turva{background:rgb(212, 221, 226)}";const s=class{constructor(t){e(this,t),this.size="medium",this.direction="vertical",this.breakpoint=""}render(){return t(a,{key:"7fc6e73749913f00710655bd9f3245417e7ea2d4",class:{"duet-spacer":!0,"duet-spacer-xx-small":"xx-small"===this.breakpoint,"duet-spacer-x-small":"x-small"===this.breakpoint,"duet-spacer-small":"small"===this.breakpoint,"duet-spacer-medium":"medium"===this.breakpoint,"duet-spacer-large":"large"===this.breakpoint,"duet-spacer-x-large":"x-large"===this.breakpoint,"duet-spacer-xx-large":"xx-large"===this.breakpoint,[this.size]:!0,[`duet-spacer-${this.direction}`]:!0}})}};s.style=":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.duet-spacer-horizontal){display:inline-block;height:100% !important}:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.duet-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.duet-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.small){width:12px;min-width:12px}}:host(.duet-spacer-horizontal.medium){height:100%}:host(.duet-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.large){width:20px;min-width:20px}}:host(.duet-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.duet-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.duet-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.duet-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.duet-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.duet-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.duet-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.duet-spacer-vertical.small){height:12px;min-height:12px}}:host(.duet-spacer-vertical.medium){width:100%}:host(.duet-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.duet-spacer-vertical.large){height:20px;min-height:20px}}:host(.duet-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.duet-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.duet-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.duet-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.duet-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.duet-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.duet-spacer-xx-small){display:block}}:host(.duet-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.duet-spacer-x-small){display:block}}:host(.duet-spacer-small){display:none}@media (min-width: 36em){:host(.duet-spacer-small){display:block}}:host(.duet-spacer-medium){display:none}@media (min-width: 48em){:host(.duet-spacer-medium){display:block}}:host(.duet-spacer-large){display:none}@media (min-width: 62em){:host(.duet-spacer-large){display:block}}:host(.duet-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.duet-spacer-x-large){display:block}}:host(.duet-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.duet-spacer-xx-large){display:block}}";export{r as duet_divider,s as duet_spacer}

package/lib/duet/{p-d49b80d5.entry.js → p-5ae613a3.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,c as t,h as s,H as o,g as i}from"./p-BEyqDEKQ.js";import{i as a}from"./p-BOvQtVMD.js";import{c as r}from"./p-Cfr_DJqU.js";import{i as n}from"./p-Db8rvjPI.js";import{a as h,g as l,c,d}from"./p-DBab1eZF.js";import"./p-C6E9F6QT.js";const m=class{constructor(s){e(this,s),this.duetToggle=t(this,"duetToggle",7),this.contentId=r("DuetShowMore"),this.buttonId=r("DuetShowMoreButton"),this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.buttonAriaOpen=!1,this.theme="",this.language=h(),this.showMoreLabelDefaults={fi:"Näytä lisää",sv:"Visa mer",en:"Show more"},this.showMoreLabel=l(this.showMoreLabelDefaults),this.showLessLabelDefaults={fi:"Näytä vähemmän",sv:"Visa mindre",en:"Show less"},this.showLessLabel=l(this.showLessLabelDefaults),this.showMoreAccessibleLabelDefaults={fi:"Näytä lisää tästä aiheesta",sv:"Visa mer om detta ämne",en:"Show more about this subject"},this.showMoreAccessibleLabel=l(this.showMoreAccessibleLabelDefaults),this.showLessAccessibleLabelDefaults={fi:"Näytä vähemmän tästä aiheesta",sv:"Visa mindre om detta ämne",en:"Show less about this subject"},this.showLessAccessibleLabel=l(this.showLessAccessibleLabelDefaults),this.margin="auto",this.buttonMargin="auto",this.buttonPadding="auto",this.open=!1,this.handleKeyDown=e=>{n(e)&&this.handleClick(e)},this.handleClick=e=>{e.preventDefault();const t=!this.open;this.open=t,t?(setTimeout((()=>{this.contentElement.focus()}),100),setTimeout((()=>{this.buttonAriaOpen=t}),500)):this.buttonAriaOpen=t,this.duetToggle.emit({component:"duet-show-more",originalEvent:e})}}componentWillLoad(){a(this),this.buttonAriaOpen=this.open}connectedCallback(){c(this,[{prop:"showMoreLabel",defaults:"showMoreLabelDefaults"},{prop:"showLessLabel",defaults:"showLessLabelDefaults"},{prop:"showMoreAccessibleLabel",defaults:"showMoreAccessibleLabelDefaults"},{prop:"showLessAccessibleLabel",defaults:"showLessAccessibleLabelDefaults"}])}disconnectedCallback(){d(this)}render(){return s(o,{key:"9b7b230463671d2192e210969a461b48251cae0e"},s("div",{key:"241c4328ff06cb3582ccef14dc4798dfdfa79f9e",class:{"duet-show-more":!0,"duet-theme-turva":"turva"===this.theme,"duet-m-0":"none"===this.margin,open:this.open}},s("div",{key:"ec5a0385c4fa9014a0d218ff6e9219be7412b0dd",ref:e=>this.contentElement=e,class:{content:!0,"duet-theme-turva":"turva"===this.theme},id:this.contentId,tabindex:this.open?"-1":""},s("div",{key:"55832cd10199162f413b2d99a4a1d2053ac4e665",class:{"slotted-content":!0}},s("slot",{key:"c6b5fdd8c48f8ace2e8bf1bba830c21a9e2a1bb1"}))),s("duet-button",{key:"7357d2b3e0aad58f27e4809cf8b727bee905f1e0",id:this.buttonId,variation:"plain","accessible-label":this.buttonAriaOpen?this.showLessAccessibleLabel:this.showMoreAccessibleLabel,"accessible-expanded":this.buttonAriaOpen?"true":"false","accessible-controls":this.contentId,accessiblePressed:this.isSafariBrowser?this.open:null,onClick:this.handleClick,onKeyDown:this.handleKeyDown,"icon-right":!0,icon:this.open?"action-arrow-up-small":"action-arrow-down-small","icon-size":"medium-small",size:"small",margin:this.buttonMargin,padding:this.buttonPadding,theme:"turva"===this.theme?"turva":"default"},s("span",{key:"762004e8bd6923114c75c638e6987f40e9bbf96d"},this.open?this.showLessLabel:this.showMoreLabel))))}get element(){return i(this)}};m.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}.duet-show-more{margin-bottom:16px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}.duet-show-more.duet-m-0{margin:0 !important}.duet-show-more .slotted-content{display:none}.duet-show-more.open .slotted-content{display:block}.duet-show-more .content:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-show-more .content:focus,.duet-show-more .content:focus.duet-theme-turva,.duet-theme-turva2 .duet-show-more .content:focus,.duet-show-more .content:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-show-more.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-show-more.duet-theme-turva{color:rgb(23, 42, 59)}';export{m as duet_show_more}
+import{r as e,c as t,h as s,H as o,g as i}from"./p-C43Ch0qc.js";import{i as a}from"./p-DU3IkyJW.js";import{c as n}from"./p-Cfr_DJqU.js";import{i as r}from"./p-Db8rvjPI.js";import{a as h,g as l,c,d}from"./p-xnGmYIhY.js";import"./p-C6E9F6QT.js";const m=class{constructor(s){e(this,s),this.duetToggle=t(this,"duetToggle",7),this.contentId=n("DuetShowMore"),this.buttonId=n("DuetShowMoreButton"),this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.buttonAriaOpen=!1,this.theme="",this.language=h(),this.showMoreLabelDefaults={fi:"Näytä lisää",sv:"Visa mer",en:"Show more"},this.showMoreLabel=l(this.showMoreLabelDefaults),this.showLessLabelDefaults={fi:"Näytä vähemmän",sv:"Visa mindre",en:"Show less"},this.showLessLabel=l(this.showLessLabelDefaults),this.showMoreAccessibleLabelDefaults={fi:"Näytä lisää tästä aiheesta",sv:"Visa mer om detta ämne",en:"Show more about this subject"},this.showMoreAccessibleLabel=l(this.showMoreAccessibleLabelDefaults),this.showLessAccessibleLabelDefaults={fi:"Näytä vähemmän tästä aiheesta",sv:"Visa mindre om detta ämne",en:"Show less about this subject"},this.showLessAccessibleLabel=l(this.showLessAccessibleLabelDefaults),this.margin="auto",this.buttonMargin="auto",this.buttonPadding="auto",this.open=!1,this.handleKeyDown=e=>{r(e)&&this.handleClick(e)},this.handleClick=e=>{e.preventDefault();const t=!this.open;this.open=t,t?(setTimeout((()=>{this.contentElement.focus()}),100),setTimeout((()=>{this.buttonAriaOpen=t}),500)):this.buttonAriaOpen=t,this.duetToggle.emit({component:"duet-show-more",originalEvent:e})}}componentWillLoad(){a(this),this.buttonAriaOpen=this.open}connectedCallback(){c(this,[{prop:"showMoreLabel",defaults:"showMoreLabelDefaults"},{prop:"showLessLabel",defaults:"showLessLabelDefaults"},{prop:"showMoreAccessibleLabel",defaults:"showMoreAccessibleLabelDefaults"},{prop:"showLessAccessibleLabel",defaults:"showLessAccessibleLabelDefaults"}])}disconnectedCallback(){d(this)}render(){return s(o,{key:"9b7b230463671d2192e210969a461b48251cae0e"},s("div",{key:"241c4328ff06cb3582ccef14dc4798dfdfa79f9e",class:{"duet-show-more":!0,"duet-theme-turva":"turva"===this.theme,"duet-m-0":"none"===this.margin,open:this.open}},s("div",{key:"ec5a0385c4fa9014a0d218ff6e9219be7412b0dd",ref:e=>this.contentElement=e,class:{content:!0,"duet-theme-turva":"turva"===this.theme},id:this.contentId,tabindex:this.open?"-1":""},s("div",{key:"55832cd10199162f413b2d99a4a1d2053ac4e665",class:{"slotted-content":!0}},s("slot",{key:"c6b5fdd8c48f8ace2e8bf1bba830c21a9e2a1bb1"}))),s("duet-button",{key:"7357d2b3e0aad58f27e4809cf8b727bee905f1e0",id:this.buttonId,variation:"plain","accessible-label":this.buttonAriaOpen?this.showLessAccessibleLabel:this.showMoreAccessibleLabel,"accessible-expanded":this.buttonAriaOpen?"true":"false","accessible-controls":this.contentId,accessiblePressed:this.isSafariBrowser?this.open:null,onClick:this.handleClick,onKeyDown:this.handleKeyDown,"icon-right":!0,icon:this.open?"action-arrow-up-small":"action-arrow-down-small","icon-size":"medium-small",size:"small",margin:this.buttonMargin,padding:this.buttonPadding,theme:"turva"===this.theme?"turva":"default"},s("span",{key:"762004e8bd6923114c75c638e6987f40e9bbf96d"},this.open?this.showLessLabel:this.showMoreLabel))))}get element(){return i(this)}};m.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}.duet-show-more{margin-bottom:16px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}.duet-show-more.duet-m-0{margin:0 !important}.duet-show-more .slotted-content{display:none}.duet-show-more.open .slotted-content{display:block}.duet-show-more .content:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-show-more .content:focus,.duet-show-more .content:focus.duet-theme-turva,.duet-theme-turva2 .duet-show-more .content:focus,.duet-show-more .content:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-show-more.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-theme-turva2) .duet-show-more.duet-theme-turva{color:rgb(23, 42, 59)}';export{m as duet_show_more}

package/lib/duet/{p-323fa45a.entry.js → p-600f1c04.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as a,c as e,h as d,F as t,H as i,g as r}from"./p-BEyqDEKQ.js";import{g as o}from"./p-DvwKrUS6.js";import{i as n}from"./p-BOvQtVMD.js";import{c as p}from"./p-Cfr_DJqU.js";import{i as m,s,u as c}from"./p-Db8rvjPI.js";import{a as u}from"./p-yNCV1XSS.js";import{s as l}from"./p-C6E9F6QT.js";import{g as x}from"./p-D7VOYHjg.js";import"./p-C-hMrqKD.js";const h=["h1","h2","h3","h4","h5","h6"],g="div";var b,f,w=o(f?b:(f=1,b={title:"action-arrow-up",tags:"action arrow up caret",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 17.939a.752.752 0 0 1-.53-1.281L10.94 5.94c.283-.284.659-.44 1.059-.44.401 0 .777.156 1.06.438l10.721 10.72a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22L12 7 1.28 17.719a.743.743 0 0 1-.53.22z"/></svg>'}));const v=class{constructor(d){a(this,d),this.duetToggle=e(this,"duetToggle",7),this.cardId=p("DuetCard"),this.heading="",this.secondaryHeading="",this.variation="default",this.collapsible=!1,this.open=!0,this.headingLevel="h2",this.iconColor="currentColor",this.background="gray-lightest",this.padding="small",this.margin="auto",this.theme="",this.shadowBreakpoint=void 0,this.togglePanel=a=>{a.preventDefault(),this.open=!this.open,this.duetToggle.emit({component:"duet-card",originalEvent:a})},this.handleKeyDown=a=>{m(a)&&this.togglePanel(a)}}componentWillLoad(){n(this),this.hasHeadingSlot=!!this.element.querySelector(":scope > [slot='heading']"),this.hasFooter=!!this.element.querySelector("[slot='footer']")}connectedCallback(){s(this)}disconnectedCallback(){c(this)}renderHeading(){var a;const e=l(this.headingLevel),i=[...h,g].some((a=>a===e))?e:"h2",r={backgroundColor:x(this.headingBackground)},o=d(t,null,d("div",{class:"duet-card-heading-grid"},this.icon&&d(t,null,d("duet-icon",{class:"duet-card-icon",name:this.icon,size:"medium",margin:"none",color:this.iconColor}),d("duet-spacer",{direction:"horizontal",size:"small"})),d("div",{class:"duet-card-heading-text"},this.heading?this.heading:d("slot",{name:"heading"})),this.secondaryHeading&&d(t,null,d("duet-spacer",{direction:"horizontal",size:"small"}),d("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--inline"},this.secondaryHeading)),this.collapsible&&d(t,null,d("duet-spacer",{direction:"horizontal",size:"small"}),d("duet-icon",{class:"duet-card-caret",icon:w.svg,size:"small",margin:"none",color:"currentColor"}))),this.secondaryHeading&&d("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--new-line"},this.secondaryHeading),d("slot",{name:"below-heading"}));if(this.collapsible){const e=null===(a=u(this.element,"heading"))||void 0===a?void 0:a.map((a=>a.textContent)).join(" ");return d(i,{style:r,class:"duet-card-heading duet-card-heading--collapsible",onClick:this.togglePanel,onKeyDown:this.handleKeyDown},d("button",{type:"button",class:{"duet-theme-turva":"turva"===this.theme},"aria-controls":this.cardId,"aria-expanded":this.open?"true":"false","aria-label":e},o))}return d(i,{style:r,class:"duet-card-heading"},o)}async setFocus(a){this.nativeCard&&this.nativeCard.focus(a)}render(){const a=this.url?"a":"div",e={backgroundColor:x(this.background)};return d(i,{key:"d92cd6fb922f1165e1d341221ac3f5433252606c",class:{"duet-m-0":"none"===this.margin,"duet-card-info":"info"===this.variation}},d(a,{key:"7f870fc5061cd48c3464bd19ecd780fbb33f3e78",href:this.url,style:e,ref:a=>this.nativeCard=a,"aria-label":this.accessibleLabel,class:{"duet-card":!0,[this.padding]:!0,[this.variation]:!0,[`shadow-${this.shadowBreakpoint}`]:!!this.shadowBreakpoint,"duet-p-0":"none"===this.padding,"duet-theme-turva":"turva"===this.theme,"duet-card-has-bg":"gray-lightest"!==this.background,"duet-card-has-icon":!!this.icon,"duet-card-collapsed":this.collapsible&&!this.open}},this.image&&d("div",{key:"fd6822d5747d2882842c9c2392b28d8b7a2693f2",class:"duet-card-image-mask"},d("img",{key:"a1952cf1f82a4f8593130d9990ef27a2a982e5d8",src:this.image,class:"duet-card-image",loading:"lazy",alt:this.imageAlt||"",role:this.imageAlt?null:"presentation"})),(this.heading||this.hasHeadingSlot)&&this.renderHeading(),d("div",{key:"a11237f14582fad87aaab15e4dccad5c6ffd7b0b",class:"duet-card-content",id:this.cardId},d("slot",{key:"80d250aa9dbb0f39a7683c6d2a1e1cdaca75cdd8"}),this.hasFooter&&d("div",{key:"87b27d7c69e3d5f3ab7bdb75cc76a1a11900ef0f",class:"duet-card-footer"},d("slot",{key:"1212e0d9a33349cf68c7b667069077e02ee30197",name:"footer"})))))}get element(){return r(this)}};v.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:20px !important;display:flex;width:100%;vertical-align:top}:host(.duet-card-info){margin-bottom:16px !important}:host(.duet-m-0){margin:0 !important}:host{--duet-card-border-radius:12px}@media (min-width: 36em){:host{--duet-card-border-radius:16px}}.duet-card{padding:20px !important;position:relative;display:flex;flex-direction:column;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-style:normal;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-decoration:none;border-radius:var(--duet-card-border-radius);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-card.duet-p-0{padding:0 !important}.duet-card.duet-m-0{margin:0 !important}.duet-card:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-card:focus,.duet-card:focus.duet-theme-turva,.duet-theme-turva2 .duet-card:focus,.duet-card:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}@media (max-width: 20.5em){.duet-card.shadow-xxx-small{box-shadow:none}}@media (max-width: 22.5em){.duet-card.shadow-xx-small{box-shadow:none}}@media (max-width: 35.9375em){.duet-card.shadow-x-small{box-shadow:none}}@media (min-width: 36em){.duet-card.shadow-small{box-shadow:none}}@media (min-width: 48em){.duet-card.shadow-medium{box-shadow:none}}@media (min-width: 62em){.duet-card.shadow-large{box-shadow:none}}@media (min-width: 64.0625em){.duet-card.shadow-x-large{box-shadow:none}}@media (min-width: 76.25em){.duet-card.shadow-xx-large{box-shadow:none}}@media (min-width: 106.25em){.duet-card.shadow-xxx-large{box-shadow:none}}@media (min-width: 36em){.duet-card{padding:28px !important}}.duet-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);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}@media (min-width: 36em){.duet-card.xx-small{padding:12px !important}}@media (min-width: 36em){.duet-card.x-small{padding:20px !important}}@media (min-width: 36em){.duet-card.medium{padding:28px !important}}@media (min-width: 48em){.duet-card.medium{padding:36px !important}}@media (min-width: 36em){.duet-card.large{padding:36px !important}}@media (min-width: 48em){.duet-card.large{padding:48px !important}}@media (min-width: 36em){.duet-card.x-large{padding:48px !important}}@media (min-width: 48em){.duet-card.x-large{padding:72px !important}}.duet-card.duet-card-collapsed{padding-bottom:0 !important}@media (min-width: 36em){.duet-card.duet-card-collapsed{padding-bottom:0 !important}}.duet-card.info{background:rgba(4, 81, 128, 0.04) !important;box-shadow:none}.duet-card.info.duet-theme-turva{background:rgba(23, 28, 58, 0.035) !important}.duet-card.plain{box-shadow:none}.duet-card.plain:not(.duet-card-has-bg){background:transparent !important}.duet-card-heading-grid{display:flex;flex-direction:row}.duet-card-icon{align-self:center}.duet-card-heading-text{flex:1;word-break:break-word}.duet-card-secondary-heading{font-size:1rem;font-weight:600;word-break:break-word}.duet-card-secondary-heading--inline{display:block;flex:1;align-self:flex-start;line-height:1.875;text-align:right}@media (max-width: 22.5em){.duet-card-secondary-heading--inline{display:none}}.duet-card-secondary-heading--new-line{display:none}@media (max-width: 22.5em){.duet-card-secondary-heading--new-line{display:block}}.duet-card-heading{position:relative;display:block;padding:16px 20px;margin:-20px -20px 20px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-weight:800;color:rgb(8, 42, 77);border-bottom:1px solid rgb(212, 223, 229);border-radius:var(--duet-card-border-radius) var(--duet-card-border-radius) 0 0}@media (min-width: 36em){.duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}.none .duet-card-heading{padding:0 !important;margin:0}}.duet-card-collapsed .duet-card-heading{border-radius:var(--duet-card-border-radius)}.duet-card-image-mask+.duet-card-heading{border-radius:0}.duet-card-heading.duet-card-heading--collapsible{cursor:pointer}.duet-card-heading.duet-card-heading--collapsible button{width:100%;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-align:left;cursor:pointer}.duet-card-heading.duet-card-heading--collapsible button:focus{outline:0}:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus,:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus,:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus{border-radius:var(--duet-card-border-radius)}.duet-card-collapsed .duet-card-heading{margin-bottom:0 !important;border-bottom:0 !important}.duet-theme-turva .duet-card-heading{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)}@media (min-width: 36em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 48em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 36em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}@media (min-width: 48em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}.medium .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.medium .duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}@media (min-width: 48em){.medium .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}.large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.large .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}@media (min-width: 48em){.large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}.x-large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.x-large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}@media (min-width: 48em){.x-large .duet-card-heading{padding:39px 72px 40px !important;margin:-72px -72px 48px}}.none .duet-card-heading{padding:0;margin:0}.duet-card-footer{padding:20px;margin:20px -20px -20px;font-size:0.875rem;line-height:1.25;background:rgb(245, 248, 250);border-bottom-right-radius:4px;border-bottom-left-radius:4px}.duet-theme-turva .duet-card-footer{background:rgb(245, 247, 250)}@media (min-width: 36em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 36em){.xx-small .duet-card-footer{padding:10px 20px 11px !important;padding-left:12px !important;margin:12px -12px -12px}}@media (min-width: 36em){.x-small .duet-card-footer{padding:15px 28px 16px !important;padding-left:20px !important;margin:20px -20px -20px}}@media (min-width: 36em){.medium .duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.medium .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 36em){.large .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 48em){.large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 36em){.x-large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 48em){.x-large .duet-card-footer{padding:39px 72px 40px !important;margin:48px -72px -72px}}.none .duet-card-footer{padding:0;margin:0}.duet-card-content{flex:1 1 auto;width:100%}.duet-card-collapsed .duet-card-content{display:none}.duet-card-caret{position:relative;top:6px;align-self:flex-start;transition:300ms ease}[aria-expanded=false] .duet-card-caret{transform:rotate(-180deg)}.duet-card-image-mask{position:relative;width:calc(100% + 40px);margin:-20px 0 20px -20px;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.small .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 36em){.medium .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 48em){.medium .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 28px -36px}}@media (min-width: 36em){.large .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 36px -36px}}@media (min-width: 48em){.large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 36em){.x-large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 48em){.x-large .duet-card-image-mask{width:calc(100% + 144px);margin:-72px 0 36px -72px}}.none .duet-card-image-mask{width:100%;padding:0;margin:0}.duet-card-image{display:block;width:102%;min-width:1px;max-width:102%;height:auto;min-height:1px;margin-left:-1%;transform:scale(1.0001);transition:transform 300ms ease}a.duet-card{transition:box-shadow 300ms ease, background-position 300ms ease}a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}a.duet-card:hover .duet-card-image{transform:scale(1.024)}.duet-theme-turva a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}a.duet-card:active{transform:translateY(1px);transition:none}:host(.duet-theme-turva2) .duet-card.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-card.duet-theme-turva.info{background:rgb(253, 247, 242) !important}:host(.duet-theme-turva2) .duet-card.duet-theme-turva .duet-card-heading{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-card.duet-theme-turva .duet-card-footer{background:rgb(245, 246, 247)}';export{v as duet_card}
+import{r as a,c as e,h as d,F as t,H as i,g as r}from"./p-C43Ch0qc.js";import{g as o}from"./p-DvwKrUS6.js";import{i as n}from"./p-DU3IkyJW.js";import{c as p}from"./p-Cfr_DJqU.js";import{i as m,s,u as c}from"./p-Db8rvjPI.js";import{a as u}from"./p-qbdvLxHT.js";import{s as l}from"./p-C6E9F6QT.js";import{g as x}from"./p-D7VOYHjg.js";import"./p-C-hMrqKD.js";const h=["h1","h2","h3","h4","h5","h6"],g="div";var b,f,w=o(f?b:(f=1,b={title:"action-arrow-up",tags:"action arrow up caret",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 17.939a.752.752 0 0 1-.53-1.281L10.94 5.94c.283-.284.659-.44 1.059-.44.401 0 .777.156 1.06.438l10.721 10.72a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22L12 7 1.28 17.719a.743.743 0 0 1-.53.22z"/></svg>'}));const v=class{constructor(d){a(this,d),this.duetToggle=e(this,"duetToggle",7),this.cardId=p("DuetCard"),this.heading="",this.secondaryHeading="",this.variation="default",this.collapsible=!1,this.open=!0,this.headingLevel="h2",this.iconColor="currentColor",this.background="gray-lightest",this.padding="small",this.margin="auto",this.theme="",this.shadowBreakpoint=void 0,this.togglePanel=a=>{a.preventDefault(),this.open=!this.open,this.duetToggle.emit({component:"duet-card",originalEvent:a})},this.handleKeyDown=a=>{m(a)&&this.togglePanel(a)}}componentWillLoad(){n(this),this.hasHeadingSlot=!!this.element.querySelector(":scope > [slot='heading']"),this.hasFooter=!!this.element.querySelector("[slot='footer']")}connectedCallback(){s(this)}disconnectedCallback(){c(this)}renderHeading(){var a;const e=l(this.headingLevel),i=[...h,g].some((a=>a===e))?e:"h2",r={backgroundColor:x(this.headingBackground)},o=d(t,null,d("div",{class:"duet-card-heading-grid"},this.icon&&d(t,null,d("duet-icon",{class:"duet-card-icon",name:this.icon,size:"medium",margin:"none",color:this.iconColor}),d("duet-spacer",{direction:"horizontal",size:"small"})),d("div",{class:"duet-card-heading-text"},this.heading?this.heading:d("slot",{name:"heading"})),this.secondaryHeading&&d(t,null,d("duet-spacer",{direction:"horizontal",size:"small"}),d("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--inline"},this.secondaryHeading)),this.collapsible&&d(t,null,d("duet-spacer",{direction:"horizontal",size:"small"}),d("duet-icon",{class:"duet-card-caret",icon:w.svg,size:"small",margin:"none",color:"currentColor"}))),this.secondaryHeading&&d("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--new-line"},this.secondaryHeading),d("slot",{name:"below-heading"}));if(this.collapsible){const e=null===(a=u(this.element,"heading"))||void 0===a?void 0:a.map((a=>a.textContent)).join(" ");return d(i,{style:r,class:"duet-card-heading duet-card-heading--collapsible",onClick:this.togglePanel,onKeyDown:this.handleKeyDown},d("button",{type:"button",class:{"duet-theme-turva":"turva"===this.theme},"aria-controls":this.cardId,"aria-expanded":this.open?"true":"false","aria-label":e},o))}return d(i,{style:r,class:"duet-card-heading"},o)}async setFocus(a){this.nativeCard&&this.nativeCard.focus(a)}render(){const a=this.url?"a":"div",e={backgroundColor:x(this.background)};return d(i,{key:"d92cd6fb922f1165e1d341221ac3f5433252606c",class:{"duet-m-0":"none"===this.margin,"duet-card-info":"info"===this.variation}},d(a,{key:"7f870fc5061cd48c3464bd19ecd780fbb33f3e78",href:this.url,style:e,ref:a=>this.nativeCard=a,"aria-label":this.accessibleLabel,class:{"duet-card":!0,[this.padding]:!0,[this.variation]:!0,[`shadow-${this.shadowBreakpoint}`]:!!this.shadowBreakpoint,"duet-p-0":"none"===this.padding,"duet-theme-turva":"turva"===this.theme,"duet-card-has-bg":"gray-lightest"!==this.background,"duet-card-has-icon":!!this.icon,"duet-card-collapsed":this.collapsible&&!this.open}},this.image&&d("div",{key:"fd6822d5747d2882842c9c2392b28d8b7a2693f2",class:"duet-card-image-mask"},d("img",{key:"a1952cf1f82a4f8593130d9990ef27a2a982e5d8",src:this.image,class:"duet-card-image",loading:"lazy",alt:this.imageAlt||"",role:this.imageAlt?null:"presentation"})),(this.heading||this.hasHeadingSlot)&&this.renderHeading(),d("div",{key:"a11237f14582fad87aaab15e4dccad5c6ffd7b0b",class:"duet-card-content",id:this.cardId},d("slot",{key:"80d250aa9dbb0f39a7683c6d2a1e1cdaca75cdd8"}),this.hasFooter&&d("div",{key:"87b27d7c69e3d5f3ab7bdb75cc76a1a11900ef0f",class:"duet-card-footer"},d("slot",{key:"1212e0d9a33349cf68c7b667069077e02ee30197",name:"footer"})))))}get element(){return r(this)}};v.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:20px !important;display:flex;width:100%;vertical-align:top}:host(.duet-card-info){margin-bottom:16px !important}:host(.duet-m-0){margin:0 !important}:host{--duet-card-border-radius:12px}@media (min-width: 36em){:host{--duet-card-border-radius:16px}}.duet-card{padding:20px !important;position:relative;display:flex;flex-direction:column;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-style:normal;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-decoration:none;border-radius:var(--duet-card-border-radius);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-card.duet-p-0{padding:0 !important}.duet-card.duet-m-0{margin:0 !important}.duet-card:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-card:focus,.duet-card:focus.duet-theme-turva,.duet-theme-turva2 .duet-card:focus,.duet-card:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}@media (max-width: 20.5em){.duet-card.shadow-xxx-small{box-shadow:none}}@media (max-width: 22.5em){.duet-card.shadow-xx-small{box-shadow:none}}@media (max-width: 35.9375em){.duet-card.shadow-x-small{box-shadow:none}}@media (min-width: 36em){.duet-card.shadow-small{box-shadow:none}}@media (min-width: 48em){.duet-card.shadow-medium{box-shadow:none}}@media (min-width: 62em){.duet-card.shadow-large{box-shadow:none}}@media (min-width: 64.0625em){.duet-card.shadow-x-large{box-shadow:none}}@media (min-width: 76.25em){.duet-card.shadow-xx-large{box-shadow:none}}@media (min-width: 106.25em){.duet-card.shadow-xxx-large{box-shadow:none}}@media (min-width: 36em){.duet-card{padding:28px !important}}.duet-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);box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}@media (min-width: 36em){.duet-card.xx-small{padding:12px !important}}@media (min-width: 36em){.duet-card.x-small{padding:20px !important}}@media (min-width: 36em){.duet-card.medium{padding:28px !important}}@media (min-width: 48em){.duet-card.medium{padding:36px !important}}@media (min-width: 36em){.duet-card.large{padding:36px !important}}@media (min-width: 48em){.duet-card.large{padding:48px !important}}@media (min-width: 36em){.duet-card.x-large{padding:48px !important}}@media (min-width: 48em){.duet-card.x-large{padding:72px !important}}.duet-card.duet-card-collapsed{padding-bottom:0 !important}@media (min-width: 36em){.duet-card.duet-card-collapsed{padding-bottom:0 !important}}.duet-card.info{background:rgba(4, 81, 128, 0.04) !important;box-shadow:none}.duet-card.info.duet-theme-turva{background:rgba(23, 28, 58, 0.035) !important}.duet-card.plain{box-shadow:none}.duet-card.plain:not(.duet-card-has-bg){background:transparent !important}.duet-card-heading-grid{display:flex;flex-direction:row}.duet-card-icon{align-self:center}.duet-card-heading-text{flex:1;word-break:break-word}.duet-card-secondary-heading{font-size:1rem;font-weight:600;word-break:break-word}.duet-card-secondary-heading--inline{display:block;flex:1;align-self:flex-start;line-height:1.875;text-align:right}@media (max-width: 22.5em){.duet-card-secondary-heading--inline{display:none}}.duet-card-secondary-heading--new-line{display:none}@media (max-width: 22.5em){.duet-card-secondary-heading--new-line{display:block}}.duet-card-heading{position:relative;display:block;padding:16px 20px;margin:-20px -20px 20px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-weight:800;color:rgb(8, 42, 77);border-bottom:1px solid rgb(212, 223, 229);border-radius:var(--duet-card-border-radius) var(--duet-card-border-radius) 0 0}@media (min-width: 36em){.duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}.none .duet-card-heading{padding:0 !important;margin:0}}.duet-card-collapsed .duet-card-heading{border-radius:var(--duet-card-border-radius)}.duet-card-image-mask+.duet-card-heading{border-radius:0}.duet-card-heading.duet-card-heading--collapsible{cursor:pointer}.duet-card-heading.duet-card-heading--collapsible button{width:100%;font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-align:left;cursor:pointer}.duet-card-heading.duet-card-heading--collapsible button:focus{outline:0}:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus,:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus,:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}:host(.user-is-tabbing) .duet-card-heading.duet-card-heading--collapsible button:focus{border-radius:var(--duet-card-border-radius)}.duet-card-collapsed .duet-card-heading{margin-bottom:0 !important;border-bottom:0 !important}.duet-theme-turva .duet-card-heading{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)}@media (min-width: 36em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 48em){.xx-small .duet-card-heading{padding:6px 12px 7px !important;margin:-12px -12px 12px}}@media (min-width: 36em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}@media (min-width: 48em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}.medium .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.medium .duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}@media (min-width: 48em){.medium .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}.large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.large .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}@media (min-width: 48em){.large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}.x-large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.x-large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}@media (min-width: 48em){.x-large .duet-card-heading{padding:39px 72px 40px !important;margin:-72px -72px 48px}}.none .duet-card-heading{padding:0;margin:0}.duet-card-footer{padding:20px;margin:20px -20px -20px;font-size:0.875rem;line-height:1.25;background:rgb(245, 248, 250);border-bottom-right-radius:4px;border-bottom-left-radius:4px}.duet-theme-turva .duet-card-footer{background:rgb(245, 247, 250)}@media (min-width: 36em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 36em){.xx-small .duet-card-footer{padding:10px 20px 11px !important;padding-left:12px !important;margin:12px -12px -12px}}@media (min-width: 36em){.x-small .duet-card-footer{padding:15px 28px 16px !important;padding-left:20px !important;margin:20px -20px -20px}}@media (min-width: 36em){.medium .duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.medium .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 36em){.large .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 48em){.large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 36em){.x-large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 48em){.x-large .duet-card-footer{padding:39px 72px 40px !important;margin:48px -72px -72px}}.none .duet-card-footer{padding:0;margin:0}.duet-card-content{flex:1 1 auto;width:100%}.duet-card-collapsed .duet-card-content{display:none}.duet-card-caret{position:relative;top:6px;align-self:flex-start;transition:300ms ease}[aria-expanded=false] .duet-card-caret{transform:rotate(-180deg)}.duet-card-image-mask{position:relative;width:calc(100% + 40px);margin:-20px 0 20px -20px;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.small .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 36em){.medium .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 48em){.medium .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 28px -36px}}@media (min-width: 36em){.large .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 36px -36px}}@media (min-width: 48em){.large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 36em){.x-large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 48em){.x-large .duet-card-image-mask{width:calc(100% + 144px);margin:-72px 0 36px -72px}}.none .duet-card-image-mask{width:100%;padding:0;margin:0}.duet-card-image{display:block;width:102%;min-width:1px;max-width:102%;height:auto;min-height:1px;margin-left:-1%;transform:scale(1.0001);transition:transform 300ms ease}a.duet-card{transition:box-shadow 300ms ease, background-position 300ms ease}a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}a.duet-card:hover .duet-card-image{transform:scale(1.024)}.duet-theme-turva a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}a.duet-card:active{transform:translateY(1px);transition:none}:host(.duet-theme-turva2) .duet-card.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-card.duet-theme-turva.info{background:rgb(253, 247, 242) !important}:host(.duet-theme-turva2) .duet-card.duet-theme-turva .duet-card-heading{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-card.duet-theme-turva .duet-card-footer{background:rgb(245, 246, 247)}';export{v as duet_card}

package/lib/duet/{p-0c0485ca.entry.js → p-61d59978.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,c as t,h as a,H as i}from"./p-BEyqDEKQ.js";import{i as n}from"./p-BOvQtVMD.js";const r=class{constructor(a){e(this,a),this.duetChange=t(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 a(i,{key:"70aa98d57c2361a70abfd51e859679df65f68027"},a("duet-visually-hidden",{key:"1c4899794b06709d24d5ff412141bf0e3714a8cb","aria-hidden":"true"},a("input",{key:"ec3827c684ffbb3a4299720ef07f4c8590d0d6ed",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}
+import{r as e,c as a,h as t,H as i}from"./p-C43Ch0qc.js";import{i as n}from"./p-DU3IkyJW.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:"70aa98d57c2361a70abfd51e859679df65f68027"},t("duet-visually-hidden",{key:"1c4899794b06709d24d5ff412141bf0e3714a8cb","aria-hidden":"true"},t("input",{key:"ec3827c684ffbb3a4299720ef07f4c8590d0d6ed",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-ef9c311e.entry.js → p-647dfc4c.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,h as t,H as a,g as r}from"./p-BEyqDEKQ.js";import{i as o}from"./p-BOvQtVMD.js";const n=class{constructor(t){e(this,t),this.theme="",this.variation="default"}componentWillLoad(){o(this)}render(){const e="primary"===this.variation||"negative"===this.variation||"turva"===this.theme&&"secondary"===this.variation?"primary":"secondary"===this.variation?"secondary":"default";return t(a,{key:"c860be4ffbc7d94876629c2039b767516ae67069"},t("nav",{key:"93355e73bf35ed26d242a3e08140140f09d4cbcf",class:{"duet-toolbar":!0,"duet-theme-turva":"turva"===this.theme,[e]:!0},"aria-label":this.accessibleLabel},t("div",{key:"a50a6a5ec9b49d85edcbc10a275264e95a6ad93b",class:"container"},t("div",{key:"d3187fa520b84678f46876238269b9e3f48aced4",class:"list",role:"list"},t("slot",{key:"d0a092e1c45ac428b73d549b94ac932e3f4e871e",name:"left"})),t("div",{key:"90c02bddb8937b6e48648a2b758211ab88ae4b00",class:"list",role:"list"},t("slot",{key:"8d66429a3b7a5d4ca4c3a570677c5fca14915108",name:"right"})))))}get element(){return r(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;position:relative;width:100%}.duet-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255)}.duet-toolbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;height:36px;margin:0 28px;border-bottom:1px solid rgb(212, 223, 229)}.duet-toolbar .list{display:flex;align-items:center;justify-content:space-between;height:100%;list-style-type:none}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.primary{background:rgb(0, 119, 179)}.duet-toolbar.primary .container{border-bottom:0}.duet-toolbar.secondary{background:rgb(8, 42, 77)}.duet-toolbar.secondary .container{border-bottom:0}.duet-toolbar.duet-theme-turva{background:rgb(255, 255, 255)}.duet-toolbar.duet-theme-turva .container{border-bottom:1px solid rgb(222, 224, 228)}.duet-toolbar.duet-theme-turva.primary{background:rgb(198, 12, 48)}.duet-toolbar.duet-theme-turva.primary .container{border-bottom:0}:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva .container{border-bottom-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva.primary{background:rgb(230, 23, 64)}";export{n as duet_toolbar}
+import{r as e,h as t,H as a,g as r}from"./p-C43Ch0qc.js";import{i as o}from"./p-DU3IkyJW.js";const n=class{constructor(t){e(this,t),this.theme="",this.variation="default"}componentWillLoad(){o(this)}render(){const e="primary"===this.variation||"negative"===this.variation||"turva"===this.theme&&"secondary"===this.variation?"primary":"secondary"===this.variation?"secondary":"default";return t(a,{key:"c860be4ffbc7d94876629c2039b767516ae67069"},t("nav",{key:"93355e73bf35ed26d242a3e08140140f09d4cbcf",class:{"duet-toolbar":!0,"duet-theme-turva":"turva"===this.theme,[e]:!0},"aria-label":this.accessibleLabel},t("div",{key:"a50a6a5ec9b49d85edcbc10a275264e95a6ad93b",class:"container"},t("div",{key:"d3187fa520b84678f46876238269b9e3f48aced4",class:"list",role:"list"},t("slot",{key:"d0a092e1c45ac428b73d549b94ac932e3f4e871e",name:"left"})),t("div",{key:"90c02bddb8937b6e48648a2b758211ab88ae4b00",class:"list",role:"list"},t("slot",{key:"8d66429a3b7a5d4ca4c3a570677c5fca14915108",name:"right"})))))}get element(){return r(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;position:relative;width:100%}.duet-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255)}.duet-toolbar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1384px;height:36px;margin:0 28px;border-bottom:1px solid rgb(212, 223, 229)}.duet-toolbar .list{display:flex;align-items:center;justify-content:space-between;height:100%;list-style-type:none}.duet-toolbar ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-toolbar.primary{background:rgb(0, 119, 179)}.duet-toolbar.primary .container{border-bottom:0}.duet-toolbar.secondary{background:rgb(8, 42, 77)}.duet-toolbar.secondary .container{border-bottom:0}.duet-toolbar.duet-theme-turva{background:rgb(255, 255, 255)}.duet-toolbar.duet-theme-turva .container{border-bottom:1px solid rgb(222, 224, 228)}.duet-toolbar.duet-theme-turva.primary{background:rgb(198, 12, 48)}.duet-toolbar.duet-theme-turva.primary .container{border-bottom:0}:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva .container{border-bottom-color:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-toolbar.duet-theme-turva.primary{background:rgb(230, 23, 64)}";export{n as duet_toolbar}

package/lib/duet/{p-e639afce.entry.js → p-68e0926f.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,c as t,h as i,g as a,H as r}from"./p-BEyqDEKQ.js";import{g as o}from"./p-DvwKrUS6.js";import{i as s}from"./p-BOvQtVMD.js";import{c as n}from"./p-Cfr_DJqU.js";import{i as d,s as p,u}from"./p-Db8rvjPI.js";import{e as c}from"./p-8RjiAqaE.js";import{a as h,g as b}from"./p-DBab1eZF.js";import"./p-C6E9F6QT.js";var l,m,g=o(m?l:(m=1,l={title:"action-edit-2",tags:"action edit 2 pen pencil",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'}));const f=class{constructor(i){e(this,i),this.duetStepClick=t(this,"duetStepClick",7),this.buttonId=n("DuetStepButton"),this.contentId=n("DuetStepContent"),this.theme="",this.roundedTop=!1,this.roundedBottom=!1,this.handleKeyDown=e=>{this.isClickDisabled()||d(e)&&(e.preventDefault(),this.handleStepClick(e))},this.handleClick=e=>{this.isClickDisabled()||this.handleStepClick(e)}}handleStepClick(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})}componentWillLoad(){s(this)}connectedCallback(){p(this)}disconnectedCallback(){u(this)}async setFocus(e={preventScroll:!0}){this.buttonElement.focus(e)}isClickDisabled(){return"complete"!==this.state}headingColor(){return"incomplete"!==this.state?"":"turva"!==this.theme?"gray-darker":"gray-dark-turva"}renderStepCounter(){return"complete"===this.state||"disabled"===this.state?i("div",{class:"duet-step-icon"},i("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:g.svg})):`${this.stepIndex+1} `}render(){return i("div",{key:"05fe55382b606ac6290eac4c1d367be79867e1c0",class:{"duet-step":!0,[`is-${this.state}`]:!0,"rounded-top":this.roundedTop,"rounded-bottom":this.roundedBottom,"duet-theme-turva":"turva"===this.theme}},i("div",{key:"d91175b1d04f510980579ab816591f4fbe06443a",class:"duet-step-heading",id:this.buttonId,role:"current"!==this.state?"button":"region","aria-current":"current"===this.state?"step":void 0,tabindex:"current"!==this.state?"0":void 0,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":("current"===this.state).toString(),"aria-controls":this.contentId,"aria-selected":("current"===this.state).toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:e=>this.buttonElement=e},i("div",{key:"36fa6274fd3778ffdf06930c3e2bfec351f98deb","aria-hidden":"true"},i("div",{key:"466172a0a1a89a812a3662dba416b698525bf90d",class:"duet-step-counter"},this.renderStepCounter())),i("duet-spacer",{key:"32c65b333bf51ecbfc5f07111ed48dcc42d38fcc",direction:"horizontal",size:"large",breakpoint:"small"}),i("duet-spacer",{key:"af1fcbed9aaf4ae897bbdb1bb5922539136ef824",direction:"horizontal",size:"medium",breakpoint:"x-small"}),i("div",{key:"17f37ca23ca6d1f693a69e5ba6dfb1825278dca3"},i("duet-heading",{key:"af962b921e329b246fb520dce97bf598584fc984",theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),i("duet-spacer",{key:"f5b5926af5fc39dc2c4b9bf556ce4de203ad4a26",direction:"horizontal",size:"large"}),i("div",{key:"c61808d6e02af405b0d33d5c026bb75118031ada",class:"duet-step-heading-slot"},i("slot",{key:"fcd25f6d9fdfd9791eb947942099fb1fbab6e2bc",name:"heading-content"}))),i("div",{key:"15725f6b9d35795e4ab8cf7d1f1fd317983a5eed",class:"duet-step-content-wrapper"},i("div",{key:"ddef3d8cb491c9712bd6be806e7d16059e2ae8e3",class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},i("slot",{key:"b773ce9a9b621ada546d3bc6af85cd3b6271e662"}))))}get element(){return a(this)}};f.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block}.duet-step{padding:20px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading{display:flex;align-items:center;border-radius:4px}.duet-step-heading:focus{outline:0}:host(.user-is-tabbing) .duet-step-heading:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-step-heading:focus,:host(.user-is-tabbing) .duet-step-heading:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-step-heading:focus,:host(.user-is-tabbing) .duet-step-heading:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-step-heading[aria-disabled=false]{cursor:pointer}.duet-step-heading:active{opacity:0.75}.is-complete .duet-step-heading:hover .duet-step-counter,.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#005f8f}.duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#9e0a26}.is-current .duet-step-heading{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading{margin-top:8px;margin-bottom:8px !important}:host(:first-of-type) .duet-step-heading{margin-top:0}:host(:last-of-type) .duet-step-heading{margin-bottom:0 !important}}.duet-step-counter{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter{width:40px;height:40px;line-height:40px}}.is-complete .duet-step-counter,.is-current .duet-step-counter,.is-disabled .duet-step-counter{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete .duet-step-counter,.duet-theme-turva.is-current .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-counter{background-color:rgb(198, 12, 48)}.is-incomplete .duet-step-counter{background-color:rgb(98, 121, 138)}.duet-theme-turva.is-incomplete .duet-step-counter{background-color:rgb(143, 147, 158)}.duet-step-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon{width:20px;height:20px}}.duet-step-icon duet-icon{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon duet-icon{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(212, 223, 229)}.duet-theme-turva .duet-step-content-wrapper{border-color:rgb(222, 224, 228)}:host(:last-of-type) .duet-step-content-wrapper{min-height:0;border:transparent}}.duet-step-content{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content{padding-bottom:28px}}.is-current .duet-step-content{display:block}.duet-step-heading-slot{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot{display:block}}:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-current .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-counter{background-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#b81233}:host(.duet-theme-turva2) .duet-theme-turva .duet-step-content-wrapper{border-color:rgb(251, 225, 209)}';const x=class{constructor(i){e(this,i),this.duetStepChange=t(this,"duetStepChange",7),this.language=h(),this.theme="",this.accessibleLive=b(c,this.language),this.margin="auto",this.backDisabled=!1,this.selected=0}currentStepChanged(e){if(isNaN(e))throw new Error(`step must be a number. got: ${e}`);if(e<0)throw new Error(`step must be not be less than zero. got: ${e}`);if(e>this.getSteps().length)throw new Error("step must not exceed total number of steps");this.updateStepState(),setTimeout((()=>this.setStepFocus()),50)}currentStepInvokedDisable(){this.updateStepState()}onDuetStepClick(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})}componentWillLoad(){s(this)}async connectedCallback(){this.childObserver=new MutationObserver(this.updateStepState.bind(this)),this.childObserver.observe(this.element,{childList:!0}),this.updateStepState()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0)}getSteps(){return Array.from(this.element.querySelectorAll("duet-step"))}setStepFocus(){this.getSteps()[this.selected].setFocus()}updateStepState(){const e=this.getSteps();e.forEach(((e,t)=>{let i;i=t<this.selected?this.backDisabled?"disabled":"complete":t>this.selected?"incomplete":"current",e.theme=this.theme,e.state=i,e.stepIndex=t}));const t=function(e,t){const i={};return t.forEach((e=>{const t=e.state;i[t]||(i[t]=[]),i[t].push(e)})),i}(0,e);Object.values(t).forEach((e=>{e.forEach(((t,i)=>{t.roundedTop=0===i,t.roundedBottom=i===e.length-1}))}))}formatAnnouncement(){const e=this.getSteps(),t=(this.selected+1).toString(10),i=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",i)}render(){return i(r,{key:"84ea9dd11aea73c62494d4002383477935446fca",class:{"duet-m-0":"none"===this.margin}},i("div",{key:"b86ccce71eb2f2ebda8642834800e4c2396c1e12",class:{"duet-stepper":!0,"duet-theme-turva":"turva"===this.theme}},i("duet-visually-hidden",{key:"a50b805e73ee6d83464b8b14e6facaa48b2f50bf","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),i("slot",{key:"bc720b6fd6ba51b646f3e8222a5572017472bd5c"})))}get element(){return a(this)}static get watchers(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}}};x.style=":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:rgb(255, 255, 255);border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}";export{f as duet_step,x as duet_stepper}
+import{r as e,c as t,h as i,g as a,H as r}from"./p-C43Ch0qc.js";import{g as o}from"./p-DvwKrUS6.js";import{i as s}from"./p-DU3IkyJW.js";import{c as n}from"./p-Cfr_DJqU.js";import{i as d,s as p,u}from"./p-Db8rvjPI.js";import{e as c}from"./p-8RjiAqaE.js";import{a as h,g as b}from"./p-xnGmYIhY.js";import"./p-C6E9F6QT.js";var l,m,g=o(m?l:(m=1,l={title:"action-edit-2",tags:"action edit 2 pen pencil",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'}));const f=class{constructor(i){e(this,i),this.duetStepClick=t(this,"duetStepClick",7),this.buttonId=n("DuetStepButton"),this.contentId=n("DuetStepContent"),this.theme="",this.roundedTop=!1,this.roundedBottom=!1,this.handleKeyDown=e=>{this.isClickDisabled()||d(e)&&(e.preventDefault(),this.handleStepClick(e))},this.handleClick=e=>{this.isClickDisabled()||this.handleStepClick(e)}}handleStepClick(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})}componentWillLoad(){s(this)}connectedCallback(){p(this)}disconnectedCallback(){u(this)}async setFocus(e={preventScroll:!0}){this.buttonElement.focus(e)}isClickDisabled(){return"complete"!==this.state}headingColor(){return"incomplete"!==this.state?"":"turva"!==this.theme?"gray-darker":"gray-dark-turva"}renderStepCounter(){return"complete"===this.state||"disabled"===this.state?i("div",{class:"duet-step-icon"},i("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:g.svg})):`${this.stepIndex+1} `}render(){return i("div",{key:"05fe55382b606ac6290eac4c1d367be79867e1c0",class:{"duet-step":!0,[`is-${this.state}`]:!0,"rounded-top":this.roundedTop,"rounded-bottom":this.roundedBottom,"duet-theme-turva":"turva"===this.theme}},i("div",{key:"d91175b1d04f510980579ab816591f4fbe06443a",class:"duet-step-heading",id:this.buttonId,role:"current"!==this.state?"button":"region","aria-current":"current"===this.state?"step":void 0,tabindex:"current"!==this.state?"0":void 0,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":("current"===this.state).toString(),"aria-controls":this.contentId,"aria-selected":("current"===this.state).toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:e=>this.buttonElement=e},i("div",{key:"36fa6274fd3778ffdf06930c3e2bfec351f98deb","aria-hidden":"true"},i("div",{key:"466172a0a1a89a812a3662dba416b698525bf90d",class:"duet-step-counter"},this.renderStepCounter())),i("duet-spacer",{key:"32c65b333bf51ecbfc5f07111ed48dcc42d38fcc",direction:"horizontal",size:"large",breakpoint:"small"}),i("duet-spacer",{key:"af1fcbed9aaf4ae897bbdb1bb5922539136ef824",direction:"horizontal",size:"medium",breakpoint:"x-small"}),i("div",{key:"17f37ca23ca6d1f693a69e5ba6dfb1825278dca3"},i("duet-heading",{key:"af962b921e329b246fb520dce97bf598584fc984",theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),i("duet-spacer",{key:"f5b5926af5fc39dc2c4b9bf556ce4de203ad4a26",direction:"horizontal",size:"large"}),i("div",{key:"c61808d6e02af405b0d33d5c026bb75118031ada",class:"duet-step-heading-slot"},i("slot",{key:"fcd25f6d9fdfd9791eb947942099fb1fbab6e2bc",name:"heading-content"}))),i("div",{key:"15725f6b9d35795e4ab8cf7d1f1fd317983a5eed",class:"duet-step-content-wrapper"},i("div",{key:"ddef3d8cb491c9712bd6be806e7d16059e2ae8e3",class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},i("slot",{key:"b773ce9a9b621ada546d3bc6af85cd3b6271e662"}))))}get element(){return a(this)}};f.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block}.duet-step{padding:20px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading{display:flex;align-items:center;border-radius:4px}.duet-step-heading:focus{outline:0}:host(.user-is-tabbing) .duet-step-heading:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-step-heading:focus,:host(.user-is-tabbing) .duet-step-heading:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-step-heading:focus,:host(.user-is-tabbing) .duet-step-heading:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}.duet-step-heading[aria-disabled=false]{cursor:pointer}.duet-step-heading:active{opacity:0.75}.is-complete .duet-step-heading:hover .duet-step-counter,.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#005f8f}.duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#9e0a26}.is-current .duet-step-heading{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading{margin-top:8px;margin-bottom:8px !important}:host(:first-of-type) .duet-step-heading{margin-top:0}:host(:last-of-type) .duet-step-heading{margin-bottom:0 !important}}.duet-step-counter{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter{width:40px;height:40px;line-height:40px}}.is-complete .duet-step-counter,.is-current .duet-step-counter,.is-disabled .duet-step-counter{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete .duet-step-counter,.duet-theme-turva.is-current .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-counter{background-color:rgb(198, 12, 48)}.is-incomplete .duet-step-counter{background-color:rgb(98, 121, 138)}.duet-theme-turva.is-incomplete .duet-step-counter{background-color:rgb(143, 147, 158)}.duet-step-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon{width:20px;height:20px}}.duet-step-icon duet-icon{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon duet-icon{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(212, 223, 229)}.duet-theme-turva .duet-step-content-wrapper{border-color:rgb(222, 224, 228)}:host(:last-of-type) .duet-step-content-wrapper{min-height:0;border:transparent}}.duet-step-content{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content{padding-bottom:28px}}.is-current .duet-step-content{display:block}.duet-step-heading-slot{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot{display:block}}:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-current .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-counter{background-color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,:host(.duet-theme-turva2) .duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#b81233}:host(.duet-theme-turva2) .duet-theme-turva .duet-step-content-wrapper{border-color:rgb(251, 225, 209)}';const x=class{constructor(i){e(this,i),this.duetStepChange=t(this,"duetStepChange",7),this.language=h(),this.theme="",this.accessibleLive=b(c,this.language),this.margin="auto",this.backDisabled=!1,this.selected=0}currentStepChanged(e){if(isNaN(e))throw new Error(`step must be a number. got: ${e}`);if(e<0)throw new Error(`step must be not be less than zero. got: ${e}`);if(e>this.getSteps().length)throw new Error("step must not exceed total number of steps");this.updateStepState(),setTimeout((()=>this.setStepFocus()),50)}currentStepInvokedDisable(){this.updateStepState()}onDuetStepClick(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})}componentWillLoad(){s(this)}async connectedCallback(){this.childObserver=new MutationObserver(this.updateStepState.bind(this)),this.childObserver.observe(this.element,{childList:!0}),this.updateStepState()}disconnectedCallback(){this.childObserver&&(this.childObserver.disconnect(),this.childObserver=void 0)}getSteps(){return Array.from(this.element.querySelectorAll("duet-step"))}setStepFocus(){this.getSteps()[this.selected].setFocus()}updateStepState(){const e=this.getSteps();e.forEach(((e,t)=>{let i;i=t<this.selected?this.backDisabled?"disabled":"complete":t>this.selected?"incomplete":"current",e.theme=this.theme,e.state=i,e.stepIndex=t}));const t=function(e,t){const i={};return t.forEach((e=>{const t=e.state;i[t]||(i[t]=[]),i[t].push(e)})),i}(0,e);Object.values(t).forEach((e=>{e.forEach(((t,i)=>{t.roundedTop=0===i,t.roundedBottom=i===e.length-1}))}))}formatAnnouncement(){const e=this.getSteps(),t=(this.selected+1).toString(10),i=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",i)}render(){return i(r,{key:"84ea9dd11aea73c62494d4002383477935446fca",class:{"duet-m-0":"none"===this.margin}},i("div",{key:"b86ccce71eb2f2ebda8642834800e4c2396c1e12",class:{"duet-stepper":!0,"duet-theme-turva":"turva"===this.theme}},i("duet-visually-hidden",{key:"a50b805e73ee6d83464b8b14e6facaa48b2f50bf","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),i("slot",{key:"bc720b6fd6ba51b646f3e8222a5572017472bd5c"})))}get element(){return a(this)}static get watchers(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}}};x.style=":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:rgb(255, 255, 255);border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}";export{f as duet_step,x as duet_stepper}

package/lib/duet/{p-953910c3.entry.js → p-6d216091.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as t,c as e,h as i,H as s,g as o}from"./p-BEyqDEKQ.js";import{o as n}from"./p-C-hMrqKD.js";import{M as a,z as r,o as h,f as u,s as p}from"./p-B_NkY9T0.js";import{i as d}from"./p-BOvQtVMD.js";import{s as l}from"./p-CsGZzH1g.js";import{f as c}from"./p-DRpZDk0L.js";import{g as m,a as b,e as f,b as g}from"./p-Db8rvjPI.js";import{a as v}from"./p-DBab1eZF.js";import{T as x}from"./p-CooAqTCj.js";import{n as y}from"./p-vVCYtBMj.js";import"./p-yNCV1XSS.js";import"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const k=class{constructor(i){t(this,i),this.duetToggle=e(this,"duetToggle",7),this.filterLabel={en:"Filter menu",fi:"Suodata valikkoa",sv:"Filtrera meny"},this.filterResultCountLabel={en:"items match filter",fi:"kohtaa vastaa suodatinta",sv:"menyalternativ matchar filtret"},this.disconnectController=new AbortController,this.eventListenerController=new AbortController,this.open=!1,this.language=v(),this.accessibleRole="menu",this.theme="",this.placement="bottom-start",this.forcePlacement=!1,this.allowVerticalFlip=!0,this.position="absolute",this.mainAxisOffset=0,this.crossAxisOffset=0,this.controllerIcon="action-arrow-down-small",this.setOpenButton=t=>{let e,i;if(t||null===t)e=t,i=!1;else{if(e="string"==typeof this.controller?"string"==typeof this.controller?document.getElementById(this.controller):void 0:this.controller,e&&this.openButton===e)return;i=!0}if(this.eventListenerController&&this.eventListenerController.abort(),!e)return this.openButton&&this.controllerIcon&&this.openButton.removeAttribute("trailing-icon"),void(this.openButton=void 0);try{const t=e;l(t,!1),this.controllerIcon&&t.setAttribute("trailing-icon","action-arrow-down-small"),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)}},this.openButtonEventListener=()=>{this.toggle()},this.updatePlacement=async()=>{if(!this.openButton)return;const t=[h({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),this.allowVerticalFlip&&u(),p({padding:5})].filter(Boolean),e=await a(this.openButton,this.menuElement,{middleware:t,placement:this.placement,strategy:this.position});this.menuY=e.y,this.menuX=e.x},this.getNonFilteredItems=()=>this.showFilterInput?this.itemElements.filter((t=>"none"!==t.style.display)):this.itemElements,this.filterItems=()=>{var t;const e=null===(t=this.filterInput.value)||void 0===t?void 0:t.toLocaleLowerCase(),i=this.itemElements;i.forEach((t=>{var i;t.style.display=!e||t.textContent.toLowerCase().includes(e)||(null===(i=t.value)||void 0===i?void 0:i.toLowerCase().includes(e))?"":"none"})),this.filterResultCount=i.filter((t=>"none"!==t.style.display)).length},this.handleKeyDownOnFilter=t=>{var e;m(t)&&(null===(e=this.getNonFilteredItems()[0])||void 0===e||e.setFocus())}}get opener(){return this.controller}set opener(t){this.controller=t}componentWillLoad(){d(this)}componentDidLoad(){this.updatePlacement()}connectedCallback(){this.disconnectController&&this.disconnectController.signal.aborted&&(this.disconnectController=new AbortController),this.teleport||(this.teleport=new x(this.element)),this.teleport.isActive?(this.teleport.observeDeletion(),this.setOpenButton()):this.teleport.activate()}disconnectedCallback(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.disconnectController&&this.disconnectController.abort(),this.setOpenButton(null)}handleKeyUp(t){this.open&&b(t)&&this.hide()}async handleKeyDown(t){const e=this.getNonFilteredItems();if(this.open){if(m(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(i<e.length-1?e[i+1].setFocus():e[0].setFocus())}if(f(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(0===i?this.showFilterInput?this.filterInput.setFocus():e[e.length-1].setFocus():e[i-1].setFocus())}g(t)&&"menu"===this.accessibleRole&&(t.preventDefault(),this.hide())}}handleClick(t){const e=t.composedPath().every((t=>t!==this.element&&t!==this.openButton));this.open&&e&&this.hide()}async isOpen(){return this.open}async show(){this.open=!0}async hide(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.open=!1}async toggle(){this.open?this.hide():this.show()}handleOpenChange(t,e){if(!!t!=!!e)if(this.openButton&&l(this.openButton,this.open),this.open&&!e){const t={ancestorScroll:!this.forcePlacement};"listbox"!==this.accessibleRole&&this.teleport.makeSiblingsInert(),this.updatePlacement(),this.menuElement&&this.openButton&&(this.autoUpdateCleanup=r(this.openButton,this.menuElement,this.updatePlacement,t)),this.showFilterInput&&(this.filterInput.value="",this.filterItems()),setTimeout((()=>{"menu"===this.accessibleRole&&this.itemElements[0].setFocus(),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"})}),200)}else!this.open&&e&&(this.autoUpdateCleanup&&this.autoUpdateCleanup(),setTimeout((()=>{"menu"===this.accessibleRole&&c(this.openButton),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"}),"listbox"!==this.accessibleRole&&this.teleport.removeInertFromSiblings()}),200))}handleControllerChange(t,e){t!==e&&("string"==typeof t?this.setOpenButton():this.setOpenButton(t))}get itemElements(){return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"))}getAllPrecedingMatchingSiblings(t,e){const i=t.previousElementSibling;if(i){const t=this.getAllPrecedingMatchingSiblings(i,e);return(null==i?void 0:i.matches(e))&&t.push(i),t}return[]}get popupMenuStyleHeight(){var t;const e=Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item, :scope duet-notification")).filter((t=>"none"!==t.style.display));if(e.length>0&&this.scrollLimit){const i=e.slice(0,this.scrollLimit-1);return`${i.reduce(((t,e)=>t+e.offsetHeight),0)+((null===(t=this.filterInput)||void 0===t?void 0:t.offsetHeight)||0)+17*this.getAllPrecedingMatchingSiblings(i[i.length-1],"duet-divider").length+2*Number(n.replace("px",""))}px`}return"auto"}async getFocusedItemIndex(){const t=this.getNonFilteredItems();for(let e=0;e<t.length;e++)if(await t[e].isFocused())return e;return-1}render(){return i(s,{key:"38d773eb5b1edc25cd44868b2dbd1266c91a89ed",role:"menu"===this.accessibleRole?"application":null},i("div",{key:"91ceb69caae39a31363ad719d005dccd3b1c8ee2",ref:t=>{this.menuElement=t},style:{top:`${this.menuY}px`,left:`${this.menuX}px`,position:this.position,overflowY:"auto",height:this.popupMenuStyleHeight},class:{open:this.open,"duet-popup-menu-list":!0,"duet-theme-turva":"turva"===this.theme,"scroll-visible":this.scrollLimit<this.itemElements.length},role:this.accessibleRole,"aria-label":this.accessibleLabel},this.showFilterInput&&i("div",{key:"8d88b2ea6b9530a3447e4a453e8bb8b7309db2da"},i("duet-input",{key:"254c2fe75f20cfa1af4154f31091f547ba034971",ref:t=>this.filterInput=t,label:this.filterLabel[this.language],"label-hidden":!0,expand:!0,margin:"none",type:"search",onDuetInput:this.filterItems,onKeyDown:this.handleKeyDownOnFilter}),i("duet-visually-hidden",{key:"cf6b107594e63b231df20558506b2a3b024b4731"},i("span",{key:"b4f212123e9d319d2dfcf7b8d57e5f6e63d92e64",role:"status"},`\n                  ${this.filterResultCount}/${this.itemElements.length}\n                  ${this.filterResultCountLabel[this.language]}\n                `)),i("duet-spacer",{key:"e123ca800b6c0ecd7f64099afde69f76ba837235",size:"xx-small"})),i("slot",{key:"5fe85d5c618f5256a29d3d46155b2ea23e00525d"})))}get element(){return o(this)}static get watchers(){return{open:["handleOpenChange"],controller:["handleControllerChange"]}}};k.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-popup-menu-list{position:absolute;top:0;left:0;z-index:950;visibility:hidden !important;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(8, 42, 77);list-style:none;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transform:scaleY(0);transform-origin:top center;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.scroll-visible{overflow-y:scroll;scroll-margin:20px}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}::slotted(duet-notification){max-width:360px}slot{--divider-margin:var(--space-x-small, 8px)}:host(.duet-theme-turva2) .duet-popup-menu-list.duet-theme-turva{color:rgb(23, 42, 59) !important}";const w=class{constructor(i){t(this,i),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.focus=!1,this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.accessibleRole="menuitem",this.theme="",this.external=!1,this.targetLanguage=void 0,this.value=void 0,this.leadingIcon=void 0,this.leadingIconColor=void 0,this.trailingIcon=void 0,this.trailingText=void 0,this.active=!1,this.activeDescendant=!1,this.onFocus=t=>{this.focus=!0,this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})},this.onBlur=t=>{this.focus=!1,this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})}}componentWillLoad(){d(this)}async setFocus(t){setTimeout((()=>this.itemElement.focus(t)),200)}async isFocused(){return this.focus}render(){const t=this.url?"a":"button";return i(s,{key:"db95c4e9fb0aa71e489935fd47c3f7ac2ff56a19",role:"menuitem"===this.accessibleRole&&this.isSafariBrowser?null:this.accessibleRole},i(t,{key:"7a082c08242605aa154211c91f25932d33478543",ref:t=>this.itemElement=t,tabIndex:"listitem"===this.accessibleRole?0:-1,onFocus:this.onFocus,onBlur:this.onBlur,role:"a"===t?"link":"button","aria-label":this.accessibleLabel,class:{"duet-popup-menu-item":!0,active:this.active,"duet-theme-turva":"turva"===this.theme,"active-descendant":this.activeDescendant},value:this.value,href:this.url,target:this.external?"_blank":void 0,rel:this.external?"noopener":void 0,lang:"button"===t?void 0:this.targetLanguage,hreflang:"button"===t?void 0:this.targetLanguage},this.leadingIcon&&i("duet-icon",{key:"b3a98a07f252dfe67ce170caebca0f42ab683571",name:this.leadingIcon,size:"x-small",color:this.leadingIconColor?this.leadingIconColor:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),i("span",{key:"bda00beb4a4dc78a60830870a639a01dc99fcf5f",class:"duet-popup-menu-item-label"},i("slot",{key:"7c23f4c1c0b3ef2ff6d3cc555a0dedbbd8ffcfad"})),(this.trailingIcon||this.active||this.url&&this.external)&&i("duet-icon",{key:"dca34adebe0f4c93d78b00fa32796a139a3a86b7",name:this.url&&this.external?y.title:this.active?"messaging-checked-small":this.trailingIcon,size:this.url&&this.external||this.active?"xx-small":"x-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&i("span",{key:"c6fc39d5f1aacf715990e749d2f559761d51344f",class:"duet-popup-menu-item-trailing"},this.trailingText)))}get element(){return o(this)}};w.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:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{position:relative;z-index:1;display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding: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:left;text-decoration:none;cursor:pointer;border-radius:4px}.duet-popup-menu-item:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva,.duet-theme-turva2 .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-popup-menu-item.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-popup-menu-item.active{z-index:0;background:rgb(240, 247, 250)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(222, 224, 228)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva,.duet-theme-turva2 .active-descendant,.active-descendant.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}:host(.duet-theme-turva2) .duet-popup-menu-item.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-popup-menu-item.active.duet-theme-turva{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-popup-menu-item:hover.duet-theme-turva{background:rgb(251, 235, 225)}';export{k as duet_popup_menu,w as duet_popup_menu_item}
+import{r as t,c as e,h as i,H as s,g as o}from"./p-C43Ch0qc.js";import{o as n}from"./p-C-hMrqKD.js";import{M as a,z as r,o as h,f as u,s as p}from"./p-B_NkY9T0.js";import{i as d}from"./p-DU3IkyJW.js";import{s as l}from"./p-Bq49hpkX.js";import{f as c}from"./p-BSGleVmo.js";import{g as m,a as b,e as f,b as g}from"./p-Db8rvjPI.js";import{a as v}from"./p-xnGmYIhY.js";import{T as x}from"./p-CooAqTCj.js";import{n as y}from"./p-vVCYtBMj.js";import"./p-qbdvLxHT.js";import"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const k=class{constructor(i){t(this,i),this.duetToggle=e(this,"duetToggle",7),this.filterLabel={en:"Filter menu",fi:"Suodata valikkoa",sv:"Filtrera meny"},this.filterResultCountLabel={en:"items match filter",fi:"kohtaa vastaa suodatinta",sv:"menyalternativ matchar filtret"},this.disconnectController=new AbortController,this.eventListenerController=new AbortController,this.open=!1,this.language=v(),this.accessibleRole="menu",this.theme="",this.placement="bottom-start",this.forcePlacement=!1,this.allowVerticalFlip=!0,this.position="absolute",this.mainAxisOffset=0,this.crossAxisOffset=0,this.controllerIcon="action-arrow-down-small",this.setOpenButton=t=>{let e,i;if(t||null===t)e=t,i=!1;else{if(e="string"==typeof this.controller?"string"==typeof this.controller?document.getElementById(this.controller):void 0:this.controller,e&&this.openButton===e)return;i=!0}if(this.eventListenerController&&this.eventListenerController.abort(),!e)return this.openButton&&this.controllerIcon&&this.openButton.removeAttribute("trailing-icon"),void(this.openButton=void 0);try{const t=e;l(t,!1),this.controllerIcon&&t.setAttribute("trailing-icon","action-arrow-down-small"),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)}},this.openButtonEventListener=()=>{this.toggle()},this.updatePlacement=async()=>{if(!this.openButton)return;const t=[h({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),this.allowVerticalFlip&&u(),p({padding:5})].filter(Boolean),e=await a(this.openButton,this.menuElement,{middleware:t,placement:this.placement,strategy:this.position});this.menuY=e.y,this.menuX=e.x},this.getNonFilteredItems=()=>this.showFilterInput?this.itemElements.filter((t=>"none"!==t.style.display)):this.itemElements,this.filterItems=()=>{var t;const e=null===(t=this.filterInput.value)||void 0===t?void 0:t.toLocaleLowerCase(),i=this.itemElements;i.forEach((t=>{var i;t.style.display=!e||t.textContent.toLowerCase().includes(e)||(null===(i=t.value)||void 0===i?void 0:i.toLowerCase().includes(e))?"":"none"})),this.filterResultCount=i.filter((t=>"none"!==t.style.display)).length},this.handleKeyDownOnFilter=t=>{var e;m(t)&&(null===(e=this.getNonFilteredItems()[0])||void 0===e||e.setFocus())}}get opener(){return this.controller}set opener(t){this.controller=t}componentWillLoad(){d(this)}componentDidLoad(){this.updatePlacement()}connectedCallback(){this.disconnectController&&this.disconnectController.signal.aborted&&(this.disconnectController=new AbortController),this.teleport||(this.teleport=new x(this.element)),this.teleport.isActive?(this.teleport.observeDeletion(),this.setOpenButton()):this.teleport.activate()}disconnectedCallback(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.disconnectController&&this.disconnectController.abort(),this.setOpenButton(null)}handleKeyUp(t){this.open&&b(t)&&this.hide()}async handleKeyDown(t){const e=this.getNonFilteredItems();if(this.open){if(m(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(i<e.length-1?e[i+1].setFocus():e[0].setFocus())}if(f(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(0===i?this.showFilterInput?this.filterInput.setFocus():e[e.length-1].setFocus():e[i-1].setFocus())}g(t)&&"menu"===this.accessibleRole&&(t.preventDefault(),this.hide())}}handleClick(t){const e=t.composedPath().every((t=>t!==this.element&&t!==this.openButton));this.open&&e&&this.hide()}async isOpen(){return this.open}async show(){this.open=!0}async hide(){this.autoUpdateCleanup&&this.autoUpdateCleanup(),this.open=!1}async toggle(){this.open?this.hide():this.show()}handleOpenChange(t,e){if(!!t!=!!e)if(this.openButton&&l(this.openButton,this.open),this.open&&!e){const t={ancestorScroll:!this.forcePlacement};"listbox"!==this.accessibleRole&&this.teleport.makeSiblingsInert(),this.updatePlacement(),this.menuElement&&this.openButton&&(this.autoUpdateCleanup=r(this.openButton,this.menuElement,this.updatePlacement,t)),this.showFilterInput&&(this.filterInput.value="",this.filterItems()),setTimeout((()=>{"menu"===this.accessibleRole&&this.itemElements[0].setFocus(),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"})}),200)}else!this.open&&e&&(this.autoUpdateCleanup&&this.autoUpdateCleanup(),setTimeout((()=>{"menu"===this.accessibleRole&&c(this.openButton),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"}),"listbox"!==this.accessibleRole&&this.teleport.removeInertFromSiblings()}),200))}handleControllerChange(t,e){t!==e&&("string"==typeof t?this.setOpenButton():this.setOpenButton(t))}get itemElements(){return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"))}getAllPrecedingMatchingSiblings(t,e){const i=t.previousElementSibling;if(i){const t=this.getAllPrecedingMatchingSiblings(i,e);return(null==i?void 0:i.matches(e))&&t.push(i),t}return[]}get popupMenuStyleHeight(){var t;const e=Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item, :scope duet-notification")).filter((t=>"none"!==t.style.display));if(e.length>0&&this.scrollLimit){const i=e.slice(0,this.scrollLimit-1);return`${i.reduce(((t,e)=>t+e.offsetHeight),0)+((null===(t=this.filterInput)||void 0===t?void 0:t.offsetHeight)||0)+17*this.getAllPrecedingMatchingSiblings(i[i.length-1],"duet-divider").length+2*Number(n.replace("px",""))}px`}return"auto"}async getFocusedItemIndex(){const t=this.getNonFilteredItems();for(let e=0;e<t.length;e++)if(await t[e].isFocused())return e;return-1}render(){return i(s,{key:"38d773eb5b1edc25cd44868b2dbd1266c91a89ed",role:"menu"===this.accessibleRole?"application":null},i("div",{key:"91ceb69caae39a31363ad719d005dccd3b1c8ee2",ref:t=>{this.menuElement=t},style:{top:`${this.menuY}px`,left:`${this.menuX}px`,position:this.position,overflowY:"auto",height:this.popupMenuStyleHeight},class:{open:this.open,"duet-popup-menu-list":!0,"duet-theme-turva":"turva"===this.theme,"scroll-visible":this.scrollLimit<this.itemElements.length},role:this.accessibleRole,"aria-label":this.accessibleLabel},this.showFilterInput&&i("div",{key:"8d88b2ea6b9530a3447e4a453e8bb8b7309db2da"},i("duet-input",{key:"254c2fe75f20cfa1af4154f31091f547ba034971",ref:t=>this.filterInput=t,label:this.filterLabel[this.language],"label-hidden":!0,expand:!0,margin:"none",type:"search",onDuetInput:this.filterItems,onKeyDown:this.handleKeyDownOnFilter}),i("duet-visually-hidden",{key:"cf6b107594e63b231df20558506b2a3b024b4731"},i("span",{key:"b4f212123e9d319d2dfcf7b8d57e5f6e63d92e64",role:"status"},`\n                  ${this.filterResultCount}/${this.itemElements.length}\n                  ${this.filterResultCountLabel[this.language]}\n                `)),i("duet-spacer",{key:"e123ca800b6c0ecd7f64099afde69f76ba837235",size:"xx-small"})),i("slot",{key:"5fe85d5c618f5256a29d3d46155b2ea23e00525d"})))}get element(){return o(this)}static get watchers(){return{open:["handleOpenChange"],controller:["handleControllerChange"]}}};k.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-popup-menu-list{position:absolute;top:0;left:0;z-index:950;visibility:hidden !important;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(8, 42, 77);list-style:none;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transform:scaleY(0);transform-origin:top center;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.scroll-visible{overflow-y:scroll;scroll-margin:20px}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}::slotted(duet-notification){max-width:360px}slot{--divider-margin:var(--space-x-small, 8px)}:host(.duet-theme-turva2) .duet-popup-menu-list.duet-theme-turva{color:rgb(23, 42, 59) !important}";const w=class{constructor(i){t(this,i),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.focus=!1,this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.accessibleRole="menuitem",this.theme="",this.external=!1,this.targetLanguage=void 0,this.value=void 0,this.leadingIcon=void 0,this.leadingIconColor=void 0,this.trailingIcon=void 0,this.trailingText=void 0,this.active=!1,this.activeDescendant=!1,this.onFocus=t=>{this.focus=!0,this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})},this.onBlur=t=>{this.focus=!1,this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-popup-menu-item"})}}componentWillLoad(){d(this)}async setFocus(t){setTimeout((()=>this.itemElement.focus(t)),200)}async isFocused(){return this.focus}render(){const t=this.url?"a":"button";return i(s,{key:"db95c4e9fb0aa71e489935fd47c3f7ac2ff56a19",role:"menuitem"===this.accessibleRole&&this.isSafariBrowser?null:this.accessibleRole},i(t,{key:"7a082c08242605aa154211c91f25932d33478543",ref:t=>this.itemElement=t,tabIndex:"listitem"===this.accessibleRole?0:-1,onFocus:this.onFocus,onBlur:this.onBlur,role:"a"===t?"link":"button","aria-label":this.accessibleLabel,class:{"duet-popup-menu-item":!0,active:this.active,"duet-theme-turva":"turva"===this.theme,"active-descendant":this.activeDescendant},value:this.value,href:this.url,target:this.external?"_blank":void 0,rel:this.external?"noopener":void 0,lang:"button"===t?void 0:this.targetLanguage,hreflang:"button"===t?void 0:this.targetLanguage},this.leadingIcon&&i("duet-icon",{key:"b3a98a07f252dfe67ce170caebca0f42ab683571",name:this.leadingIcon,size:"x-small",color:this.leadingIconColor?this.leadingIconColor:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),i("span",{key:"bda00beb4a4dc78a60830870a639a01dc99fcf5f",class:"duet-popup-menu-item-label"},i("slot",{key:"7c23f4c1c0b3ef2ff6d3cc555a0dedbbd8ffcfad"})),(this.trailingIcon||this.active||this.url&&this.external)&&i("duet-icon",{key:"dca34adebe0f4c93d78b00fa32796a139a3a86b7",name:this.url&&this.external?y.title:this.active?"messaging-checked-small":this.trailingIcon,size:this.url&&this.external||this.active?"xx-small":"x-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&i("span",{key:"c6fc39d5f1aacf715990e749d2f559761d51344f",class:"duet-popup-menu-item-trailing"},this.trailingText)))}get element(){return o(this)}};w.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:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{position:relative;z-index:1;display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding: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:left;text-decoration:none;cursor:pointer;border-radius:4px}.duet-popup-menu-item:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva,.duet-theme-turva2 .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-popup-menu-item.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-popup-menu-item.active{z-index:0;background:rgb(240, 247, 250)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(222, 224, 228)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva,.duet-theme-turva2 .active-descendant,.active-descendant.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}:host(.duet-theme-turva2) .duet-popup-menu-item.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-popup-menu-item.active.duet-theme-turva{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-popup-menu-item:hover.duet-theme-turva{background:rgb(251, 235, 225)}';export{k as duet_popup_menu,w as duet_popup_menu_item}

package/lib/duet/{p-7c5559aa.entry.js → p-6fb45a05.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,h as t,H as a,g as i}from"./p-BEyqDEKQ.js";import{n as r}from"./p-vVCYtBMj.js";import{a as o}from"./p-8RjiAqaE.js";import{i as u}from"./p-BOvQtVMD.js";import{g as s}from"./p-CsGZzH1g.js";import{a as n}from"./p-Db8rvjPI.js";import{g as b,c as m,d}from"./p-DBab1eZF.js";import"./p-DvwKrUS6.js";import"./p-yNCV1XSS.js";import"./p-C6E9F6QT.js";const c=class{constructor(t){e(this,t),this.theme="",this.active=!1,this.leadingIcon=void 0,this.trailingIcon=void 0,this.accessiblePopup="false",this.accessibleLabelExternalDefaults=o,this.accessibleLabelExternal=b(this.accessibleLabelExternalDefaults),this.external=!1}componentWillLoad(){u(this)}connectedCallback(){m(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})}disconnectedCallback(){d(this)}handleEscape(e){if(n(e)){const e=this.element.closest("duet-submenu-bar");e.open=!1,e.setFocus()}}async setFocus(e){setTimeout((()=>this.itemElement.focus(e)),200)}render(){const e=this.url?"link":"button";return t(a,{key:"7ee97d49c78004d4ae845e940fb03e6e1ee75bd7",role:"listitem"},t(this.url?"a":"button",{key:"dcc4541376b094f3eec8ce84465cdd2c77978bf8",target:this.url?this.external?"_blank":"_self":null,ref:e=>this.itemElement=e,class:{"duet-submenu-bar-item":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.url,onKeyUp:e=>this.handleEscape(e),"aria-current":this.active?"true":"false","aria-label":this.url&&s(this)||this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,role:e,rel:this.external?"noopener":void 0},this.leadingIcon&&t("duet-icon",{key:"74e7c4f39e27a8c9030d02bf33f50ded7220f588",class:"leading-icon",theme:this.theme,name:this.leadingIcon,size:"auto",margin:"none",color:"currentColor"}),t("div",{key:"ab00e171bc83993c2580c25bbdfa3b77ea58ee89",class:"label"},t("span",{key:"0cb9766ca34e699f99c1ec699ce0a7d9be8fb0ad",class:"label-text"},t("slot",{key:"1e7f21511c1dbfb21780b7828397ddb3564c96e5"})),(this.trailingIcon||this.external)&&t("duet-icon",{key:"698c894c3987de2c8c645234e25f600ecf33d8c2",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":"action-arrow-down-small"===this.trailingIcon,"external-icon":!!this.external,rotate:"action-arrow-down-small"===this.trailingIcon&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.external?r.title:"",margin:"none",size:"auto",color:"currentColor"}))))}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;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-item{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1.25;color:rgb(0, 75, 129);text-align:center;white-space:nowrap;text-decoration:none;cursor:pointer}.duet-submenu-bar-item:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-submenu-bar-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva,.duet-theme-turva2 .duet-submenu-bar-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva2{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-submenu-bar-item .label{display:flex;gap:5px;align-items:center;justify-content:center}.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:16px;height:16px}}.duet-submenu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-submenu-bar-item .external-icon{width:10px;height:10px}.duet-submenu-bar-item .trailing-icon{position:absolute;right:12px}.duet-submenu-bar-item[aria-expanded=true]{background:rgb(228, 241, 247)}.duet-submenu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-submenu-bar-item.active{color:rgb(0, 119, 179)}.duet-submenu-bar-item.active.duet-theme-turva{color:rgb(126, 2, 35)}.duet-submenu-bar-item.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}.duet-submenu-bar-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-item:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-submenu-bar-item.active.duet-theme-turva{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover{color:rgb(23, 42, 59);background:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover.active{color:rgb(230, 23, 64)}';export{c as duet_submenu_bar_item}
+import{r as e,h as t,H as a,g as i}from"./p-C43Ch0qc.js";import{n as r}from"./p-vVCYtBMj.js";import{a as o}from"./p-8RjiAqaE.js";import{i as u}from"./p-DU3IkyJW.js";import{g as n}from"./p-Bq49hpkX.js";import{a as s}from"./p-Db8rvjPI.js";import{g as b,c as m,d}from"./p-xnGmYIhY.js";import"./p-DvwKrUS6.js";import"./p-qbdvLxHT.js";import"./p-C6E9F6QT.js";const c=class{constructor(t){e(this,t),this.theme="",this.active=!1,this.leadingIcon=void 0,this.trailingIcon=void 0,this.accessiblePopup="false",this.accessibleLabelExternalDefaults=o,this.accessibleLabelExternal=b(this.accessibleLabelExternalDefaults),this.external=!1}componentWillLoad(){u(this)}connectedCallback(){m(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})}disconnectedCallback(){d(this)}handleEscape(e){if(s(e)){const e=this.element.closest("duet-submenu-bar");e.open=!1,e.setFocus()}}async setFocus(e){setTimeout((()=>this.itemElement.focus(e)),200)}render(){const e=this.url?"link":"button";return t(a,{key:"7ee97d49c78004d4ae845e940fb03e6e1ee75bd7",role:"listitem"},t(this.url?"a":"button",{key:"dcc4541376b094f3eec8ce84465cdd2c77978bf8",target:this.url?this.external?"_blank":"_self":null,ref:e=>this.itemElement=e,class:{"duet-submenu-bar-item":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.url,onKeyUp:e=>this.handleEscape(e),"aria-current":this.active?"true":"false","aria-label":this.url&&n(this)||this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,role:e,rel:this.external?"noopener":void 0},this.leadingIcon&&t("duet-icon",{key:"74e7c4f39e27a8c9030d02bf33f50ded7220f588",class:"leading-icon",theme:this.theme,name:this.leadingIcon,size:"auto",margin:"none",color:"currentColor"}),t("div",{key:"ab00e171bc83993c2580c25bbdfa3b77ea58ee89",class:"label"},t("span",{key:"0cb9766ca34e699f99c1ec699ce0a7d9be8fb0ad",class:"label-text"},t("slot",{key:"1e7f21511c1dbfb21780b7828397ddb3564c96e5"})),(this.trailingIcon||this.external)&&t("duet-icon",{key:"698c894c3987de2c8c645234e25f600ecf33d8c2",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":"action-arrow-down-small"===this.trailingIcon,"external-icon":!!this.external,rotate:"action-arrow-down-small"===this.trailingIcon&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.external?r.title:"",margin:"none",size:"auto",color:"currentColor"}))))}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;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-item{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1.25;color:rgb(0, 75, 129);text-align:center;white-space:nowrap;text-decoration:none;cursor:pointer}.duet-submenu-bar-item:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-submenu-bar-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva,.duet-theme-turva2 .duet-submenu-bar-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva2{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-submenu-bar-item .label{display:flex;gap:5px;align-items:center;justify-content:center}.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:16px;height:16px}}.duet-submenu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-submenu-bar-item .external-icon{width:10px;height:10px}.duet-submenu-bar-item .trailing-icon{position:absolute;right:12px}.duet-submenu-bar-item[aria-expanded=true]{background:rgb(228, 241, 247)}.duet-submenu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-submenu-bar-item.active{color:rgb(0, 119, 179)}.duet-submenu-bar-item.active.duet-theme-turva{color:rgb(126, 2, 35)}.duet-submenu-bar-item.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px);transition:300ms ease}.duet-submenu-bar-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-item:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-submenu-bar-item.active.duet-theme-turva{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover{color:rgb(23, 42, 59);background:rgb(251, 225, 209)}:host(.duet-theme-turva2) .duet-submenu-bar-item.duet-theme-turva:hover.active{color:rgb(230, 23, 64)}';export{c as duet_submenu_bar_item}

package/lib/duet/{p-8f39b76a.entry.js → p-6ff61fdd.entry.js}

@@ -1,4 +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-BEyqDEKQ.js";import{i as a}from"./p-BOvQtVMD.js";import{e as d,d as n}from"./p-C6CAT054.js";import{s as r}from"./p-CsGZzH1g.js";import{f as l,F as h}from"./p-DRpZDk0L.js";import{a as u}from"./p-Db8rvjPI.js";import{a as c,c as p,d as b,g as m}from"./p-DBab1eZF.js";import{h as g}from"./p-yNCV1XSS.js";import{T as f}from"./p-CooAqTCj.js";import{g as y}from"./p-D7VOYHjg.js";import"./p-C6E9F6QT.js";import"./p-C-hMrqKD.js";const v=class{constructor(i){t(this,i),this.duetSlideoutEvent=e(this,"duetSlideoutEvent",7),this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"},this.topLevelOpenMenuBarLangObject={en:"Exit this menu to find top level items",fi:"Poistu tästä valikosta löytääksesi ylätason kohteet",sv:"Stäng den här menyn för att hitta objekt på toppnivå"},this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.hasStickyHeaderSlot=!1,this.disconnectController=new AbortController,this.eventListenerController=new AbortController,this.language=c(),this.displaying=!1,this.openPanel=!1,this.theme="",this.accessibleRole="menubar",this.open=!1,this.backgroundColor="gray-lightest",this.modal=!0,this.setOpenButton=t=>{let e,i;if(t||null===t)e=t,i=!1;else{if(e="string"==typeof this.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;r(t,!1),this.openButton=t,i&&!this.disconnectController.signal.aborted&&(this.eventListenerController=new AbortController,this.openButton.addEventListener("click",this.openButtonEventListener,{signal:this.eventListenerController.signal}))}catch(t){console.error(t)}else this.openButton=void 0},this.setStickHeaderStyleMutations=(t=!1)=>{this.element.querySelectorAll('[slot="sticky-header"] duet-tab-group').forEach((e=>{e.style.position=t?null:"relative",e.style.top=t?null:"1px",e.switchLargeBreakpoint="always"}))},this.openButtonEventListener=t=>{this.onClick(t)},this.getOpenPanel=()=>this.element.querySelector("duet-slideout-panel[open]"),this.toggleMenu=t=>{this.open=!this.open,this.duetSlideoutEvent.emit({originalEvent:t,data:{element:this.element,open:this.open},component:"duet-slideout"})},this.onClick=t=>{this.toggleMenu(t)}}get controller(){return this.opener}set controller(t){this.opener=t}componentWillLoad(){a(this),this.hasStickyHeaderSlot=g(this.element,"sticky-header")}connectedCallback(){p(this),this.disconnectController&&this.disconnectController.signal.aborted&&(this.disconnectController=new AbortController),this.teleport||(this.teleport=new f(this.element)),this.teleport.isActive?(this.teleport.observeDeletion(),this.setStickHeaderStyleMutations(),this.mutationObserver||(this.mutationObserver=new MutationObserver((()=>{this.openPanel=!!this.getOpenPanel()}))),this.mutationObserver&&this.mutationObserver.observe(this.element,{childList:!0,attributeFilter:["open"],subtree:!0}),this.setOpenButton()):this.teleport.activate()}disconnectedCallback(){b(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&&r(this.openButton,!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&&r(this.openButton,!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){u(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:y(this.backgroundColor,this.theme)},e=m(this.topLevelOpenMenuBarLangObject),s=m(this.exitLangObject);return i(o,{key:"caa2d4aaf502159fc88254ad81019fdc23d03077"},i("div",{key:"d8608bf34db74e3ac3e652024f689db40af9284d",class:{"duet-slideout":!0,"duet-theme-turva":"turva"===this.theme}},this.modal&&i("duet-overlay",{key:"10f8e7f301624b2fcad5ce710cd75e6febcba1bd",visible:this.open,zIndex:"600"}),i("div",{key:"5e841060cbb940a91266cb5e42d12a16bda8097b",ref:t=>this.dialog=t,tabindex:"-1",role:"dialog",id:"dialog","aria-labelledby":"button","aria-modal":!this.isSafariBrowser,"aria-flowto":"slot-container",class:{dialog:!0,hidden:!this.open,modal:this.modal},style:t},i(h,{key:"72270e11e6c5fcbb6f8c55456975c88adb9ba213",moveFocusTo:this.closeButton}),i("div",{key:"f88bb02a237361ab0bde75663eb99b659c1c6471",class:{"top-container":!0,"has-sticky-header-slot":this.hasStickyHeaderSlot}},i("div",{key:"ad57422ab4f6f14528a487c4a7bf98568fa2ca35",class:"top"},i("button",{key:"23ff1871ebc24e6ee03e3bbeb4593c2099b545d6",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:"15cfafb84a258a1005eac6d28f49b838b7c1ed9f",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),i("div",{key:"32b724d54613edd0646672ed0fc79c1ae414f4c1",class:"sticky-header"},i("slot",{key:"e6750058c55d427d89eeecb7c99a0327ad3c72c2",name:"sticky-header"}))),i("div",{key:"ed3a11356f224d5d0305f13ed63db838d7ca6e00",id:"slot-container",role:this.accessibleRole,"aria-label":this.openPanel?e:null,class:{items:!0}},i("slot",{key:"3255a6c639d8c8c13044f72cd55fa3132ea99545"})),i(h,{key:"461421f76f88fd46a741033acb090e753aef8f1c",moveFocusTo:this.closeButton}))))}get element(){return s(this)}static get watchers(){return{open:["handleOpenChange"],opener:["handleOpenerChange"]}}};v.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute;height:100%}::slotted(*){position:relative;visibility:hidden;width:100%;opacity:0;transition:opacity 300ms ease;transition-delay:300ms}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77)}.duet-slideout.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{v as duet_slideout}
+import{r as t,c as e,h as i,H as o,g as s}from"./p-C43Ch0qc.js";import{i as a}from"./p-DU3IkyJW.js";import{e as d,d as n}from"./p-C6CAT054.js";import{s as l}from"./p-Bq49hpkX.js";import{f as r,F as h}from"./p-BSGleVmo.js";import{a as u}from"./p-Db8rvjPI.js";import{a as c,c as p,d as b,g as m}from"./p-xnGmYIhY.js";import{h as g}from"./p-qbdvLxHT.js";import{T as f}from"./p-CooAqTCj.js";import{g as y}from"./p-D7VOYHjg.js";import"./p-C6E9F6QT.js";import"./p-C-hMrqKD.js";const v=class{constructor(i){t(this,i),this.duetSlideoutEvent=e(this,"duetSlideoutEvent",7),this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"},this.topLevelOpenMenuBarLangObject={en:"Exit this menu to find top level items",fi:"Poistu tästä valikosta löytääksesi ylätason kohteet",sv:"Stäng den här menyn för att hitta objekt på toppnivå"},this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.hasStickyHeaderSlot=!1,this.disconnectController=new AbortController,this.eventListenerController=new AbortController,this.language=c(),this.displaying=!1,this.openPanel=!1,this.theme="",this.accessibleRole="menubar",this.open=!1,this.backgroundColor="gray-lightest",this.modal=!0,this.setOpenButton=t=>{let e,i;if(t||null===t)e=t,i=!1;else{if(e="string"==typeof this.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;l(t,!1),this.openButton=t,i&&!this.disconnectController.signal.aborted&&(this.eventListenerController=new AbortController,this.openButton.addEventListener("click",this.openButtonEventListener,{signal:this.eventListenerController.signal}))}catch(t){console.error(t)}else this.openButton=void 0},this.setStickHeaderStyleMutations=(t=!1)=>{this.element.querySelectorAll('[slot="sticky-header"] duet-tab-group').forEach((e=>{e.style.position=t?null:"relative",e.style.top=t?null:"1px",e.switchLargeBreakpoint="always"}))},this.openButtonEventListener=t=>{this.onClick(t)},this.getOpenPanel=()=>this.element.querySelector("duet-slideout-panel[open]"),this.toggleMenu=t=>{this.open=!this.open,this.duetSlideoutEvent.emit({originalEvent:t,data:{element:this.element,open:this.open},component:"duet-slideout"})},this.onClick=t=>{this.toggleMenu(t)}}get controller(){return this.opener}set controller(t){this.opener=t}componentWillLoad(){a(this),this.hasStickyHeaderSlot=g(this.element,"sticky-header")}connectedCallback(){p(this),this.disconnectController&&this.disconnectController.signal.aborted&&(this.disconnectController=new AbortController),this.teleport||(this.teleport=new f(this.element)),this.teleport.isActive?(this.teleport.observeDeletion(),this.setStickHeaderStyleMutations(),this.mutationObserver||(this.mutationObserver=new MutationObserver((()=>{this.openPanel=!!this.getOpenPanel()}))),this.mutationObserver&&this.mutationObserver.observe(this.element,{childList:!0,attributeFilter:["open"],subtree:!0}),this.setOpenButton()):this.teleport.activate()}disconnectedCallback(){b(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&&l(this.openButton,!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&&l(this.openButton,!1),setTimeout((()=>{r(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){u(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:y(this.backgroundColor,this.theme)},e=m(this.topLevelOpenMenuBarLangObject),s=m(this.exitLangObject);return i(o,{key:"caa2d4aaf502159fc88254ad81019fdc23d03077"},i("div",{key:"d8608bf34db74e3ac3e652024f689db40af9284d",class:{"duet-slideout":!0,"duet-theme-turva":"turva"===this.theme}},this.modal&&i("duet-overlay",{key:"10f8e7f301624b2fcad5ce710cd75e6febcba1bd",visible:this.open,zIndex:"600"}),i("div",{key:"5e841060cbb940a91266cb5e42d12a16bda8097b",ref:t=>this.dialog=t,tabindex:"-1",role:"dialog",id:"dialog","aria-labelledby":"button","aria-modal":!this.isSafariBrowser,"aria-flowto":"slot-container",class:{dialog:!0,hidden:!this.open,modal:this.modal},style:t},i(h,{key:"72270e11e6c5fcbb6f8c55456975c88adb9ba213",moveFocusTo:this.closeButton}),i("div",{key:"f88bb02a237361ab0bde75663eb99b659c1c6471",class:{"top-container":!0,"has-sticky-header-slot":this.hasStickyHeaderSlot}},i("div",{key:"ad57422ab4f6f14528a487c4a7bf98568fa2ca35",class:"top"},i("button",{key:"23ff1871ebc24e6ee03e3bbeb4593c2099b545d6",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:"15cfafb84a258a1005eac6d28f49b838b7c1ed9f",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),i("div",{key:"32b724d54613edd0646672ed0fc79c1ae414f4c1",class:"sticky-header"},i("slot",{key:"e6750058c55d427d89eeecb7c99a0327ad3c72c2",name:"sticky-header"}))),i("div",{key:"ed3a11356f224d5d0305f13ed63db838d7ca6e00",id:"slot-container",role:this.accessibleRole,"aria-label":this.openPanel?e:null,class:{items:!0}},i("slot",{key:"3255a6c639d8c8c13044f72cd55fa3132ea99545"})),i(h,{key:"461421f76f88fd46a741033acb090e753aef8f1c",moveFocusTo:this.closeButton}))))}get element(){return s(this)}static get watchers(){return{open:["handleOpenChange"],opener:["handleOpenerChange"]}}};v.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute;height:100%}::slotted(*){position:relative;visibility:hidden;width:100%;opacity:0;transition:opacity 300ms ease;transition-delay:300ms}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77)}.duet-slideout.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{v as duet_slideout}

package/lib/duet/{p-ba84bc30.entry.js → p-731a11aa.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,h as t,H as r,g as a}from"./p-BEyqDEKQ.js";import{g as i}from"./p-DvwKrUS6.js";import{i as o}from"./p-BOvQtVMD.js";import{s,u as n}from"./p-Db8rvjPI.js";var c,d,b=i(d?c:(d=1,c={title:"action-arrow-right-small",tags:"action arrow right small caret",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z"/></svg>'}));const l=class{constructor(t){e(this,t),this.theme="",this.href="",this.icon="arrow-right-small-icon",this.iconSize="x-small",this.hasSlottedContent=!1}componentWillLoad(){o(this)}connectedCallback(){s(this),this.hasSlottedContent=Array.from(this.element.childNodes).length>0}disconnectedCallback(){n(this)}render(){const e=this.href?"a":"span";return t(r,{key:"941cfe85ceb3fa1921b6afe71d2885f36a071966",role:"listitem"},t("div",{key:"30ae1fd0a1a013d6fc7e2c318248c1c6eec5bbe5",class:"container"},"arrow-right-small-icon"===this.icon&&t("duet-icon",{key:"074eaae1ca2fa2797b8eba7a1354b0d815b1936d",class:"duet-breadrumbs-arrow",size:"auto",icon:b.svg,margin:"none",color:"currentColor"}),t(e,{key:"a69cd43b3f81311c55e245d1e292315cf885a972",class:{"duet-breadcrumb":!0,"duet-theme-turva":"turva"===this.theme,"icon-only":this.icon&&!this.hasSlottedContent},href:this.href||void 0,"aria-label":this.accessibleLabel||this.element.textContent,"aria-current":this.href?void 0:"page"},"arrow-right-small-icon"!==this.icon&&this.icon&&[t("duet-icon",{key:"bb4d4379b6b38d5f5a8a8852a3e8ae320b72a48a",size:this.iconSize,name:this.icon,margin:"none",color:"currentColor"}),this.hasSlottedContent&&t("duet-spacer",{key:"72e99845589045f22bfd119623a79c3f0206b812",size:"x-small",direction:"horizontal"})],t("slot",{key:"3190e7c4331c2856b71b54a5bdf6232b332dfa00"}))))}get element(){return a(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;display:list-item;width:auto}.container{display:flex;align-items:center}.hide{display:none}.duet-breadrumbs-arrow{display:block;align-items:center;justify-content:center;width:0.375rem;min-width:0.375rem;height:0.375rem;min-height:0.375rem}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;padding:10px 8px;font-size:0.875rem;font-weight:inherit;line-height:1.25;color:inherit;text-decoration:none}.duet-breadcrumb:focus{outline:0}:host(.user-is-tabbing) .duet-breadcrumb:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-breadcrumb:focus,:host(.user-is-tabbing) .duet-breadcrumb:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-breadcrumb:focus,:host(.user-is-tabbing) .duet-breadcrumb:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}";export{l as duet_breadcrumb}
+import{r as e,h as t,H as r,g as a}from"./p-C43Ch0qc.js";import{g as i}from"./p-DvwKrUS6.js";import{i as o}from"./p-DU3IkyJW.js";import{s,u as n}from"./p-Db8rvjPI.js";var c,d,b=i(d?c:(d=1,c={title:"action-arrow-right-small",tags:"action arrow right small caret",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M19.5 12a2.3 2.3 0 0 1-.78 1.729L7.568 23.54a1.847 1.847 0 0 1-2.439-2.773l9.752-8.579a.25.25 0 0 0 0-.376L5.129 3.233A1.847 1.847 0 0 1 7.568.46l11.148 9.808A2.31 2.31 0 0 1 19.5 12z"/></svg>'}));const l=class{constructor(t){e(this,t),this.theme="",this.href="",this.icon="arrow-right-small-icon",this.iconSize="x-small",this.hasSlottedContent=!1}componentWillLoad(){o(this)}connectedCallback(){s(this),this.hasSlottedContent=Array.from(this.element.childNodes).length>0}disconnectedCallback(){n(this)}render(){const e=this.href?"a":"span";return t(r,{key:"941cfe85ceb3fa1921b6afe71d2885f36a071966",role:"listitem"},t("div",{key:"30ae1fd0a1a013d6fc7e2c318248c1c6eec5bbe5",class:"container"},"arrow-right-small-icon"===this.icon&&t("duet-icon",{key:"074eaae1ca2fa2797b8eba7a1354b0d815b1936d",class:"duet-breadrumbs-arrow",size:"auto",icon:b.svg,margin:"none",color:"currentColor"}),t(e,{key:"a69cd43b3f81311c55e245d1e292315cf885a972",class:{"duet-breadcrumb":!0,"duet-theme-turva":"turva"===this.theme,"icon-only":this.icon&&!this.hasSlottedContent},href:this.href||void 0,"aria-label":this.accessibleLabel||this.element.textContent,"aria-current":this.href?void 0:"page"},"arrow-right-small-icon"!==this.icon&&this.icon&&[t("duet-icon",{key:"bb4d4379b6b38d5f5a8a8852a3e8ae320b72a48a",size:this.iconSize,name:this.icon,margin:"none",color:"currentColor"}),this.hasSlottedContent&&t("duet-spacer",{key:"72e99845589045f22bfd119623a79c3f0206b812",size:"x-small",direction:"horizontal"})],t("slot",{key:"3190e7c4331c2856b71b54a5bdf6232b332dfa00"}))))}get element(){return a(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;display:list-item;width:auto}.container{display:flex;align-items:center}.hide{display:none}.duet-breadrumbs-arrow{display:block;align-items:center;justify-content:center;width:0.375rem;min-width:0.375rem;height:0.375rem;min-height:0.375rem}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;padding:10px 8px;font-size:0.875rem;font-weight:inherit;line-height:1.25;color:inherit;text-decoration:none}.duet-breadcrumb:focus{outline:0}:host(.user-is-tabbing) .duet-breadcrumb:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-breadcrumb:focus,:host(.user-is-tabbing) .duet-breadcrumb:focus.duet-theme-turva,.duet-theme-turva2 :host(.user-is-tabbing) .duet-breadcrumb:focus,:host(.user-is-tabbing) .duet-breadcrumb:focus.duet-theme-turva2{outline-color:rgba(53, 79, 101, 0.8)}";export{l as duet_breadcrumb}