@duetds/components 10.4.0 → 10.6.0

package/lib/duet/{p-d181c624.entry.js → p-4e5532c8.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,h as n,H as t,g as a}from"./p-Cwhi6_oZ.js";import{i as o}from"./p-D2EBd3cT.js";const i=class{constructor(n){e(this,n),this.theme="",this.variation="default",this.background="auto",this.icon="messaging-question",this.heading="",this.padding="medium",this.size="medium"}componentWillLoad(){o(this)}getIcon(){const e="small"===this.size?"large":"x-large";return"warning"===this.variation?n("duet-status-icon",{variation:"warning",size:e,strong:!0}):n("duet-icon",{color:"currentColor",name:this.icon,size:e})}render(){return n(t,{key:"83c41a104ebe8f29f18a2d0754a822981edd2204"},n("div",{key:"c2b928a204ec58089c46368f0e7a73f2f6880633",class:{"duet-empty-state":!0,[this.variation]:!0,[`padding-${this.padding}`]:!0,"duet-theme-turva":"turva"===this.theme,"duet-no-background":"none"===this.background}},"none"!==this.icon&&this.getIcon(),this.heading&&n("div",{key:"8b6f183f2022ef6a5d00b93cb4b345d93e310d45"},n("strong",{key:"fd7369964488e3821b00cbf3493fa873ee5a969e",class:"duet-empty-state-heading"},this.heading),n("duet-spacer",{key:"7b96f48b9587efa581fc84b2205a32e839e03ee7",size:"x-small"})),n("div",{key:"ea6a1f4c70a824c705e8f644f8e58f9768db8317"},n("slot",{key:"77c8aa58fa27abf0635ea22f22fd7d5c06d151dc"}))))}get element(){return a(this)}};i.style='*,\n*::after,\n*::before {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  border: 0;\n}\n\n:host {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.duet-empty-state {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  width: 100%;\n  height: 100%;\n  padding: 48px;\n  color: rgb(8, 42, 77);\n  text-align: center;\n  background: rgb(245, 248, 250);\n  border-radius: 12px;\n}\n.duet-empty-state.padding-small {\n  padding: 36px;\n}\n.duet-empty-state.padding-large {\n  padding: 72px;\n}\n.duet-empty-state.warning {\n  background: rgb(255, 247, 221);\n}\n.duet-empty-state.duet-no-background {\n  background: none;\n}\n.duet-empty-state > div {\n  max-width: 800px;\n  margin: auto;\n}\n.duet-empty-state .duet-empty-state-heading {\n  font-size: 4vw;\n  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n  font-style: normal;\n  font-weight: 600;\n  line-height: 1.25;\n  color: rgb(8, 42, 77);\n  letter-spacing: 0;\n}\n@media (max-width: 27.5rem) {\n  .duet-empty-state .duet-empty-state-heading {\n    font-size: 1.1rem;\n  }\n}\n@media (min-width: 28.4090909091rem) {\n  .duet-empty-state .duet-empty-state-heading {\n    font-size: 1.1363636364rem;\n  }\n}\n@container (width < 576px) {\n  .duet-empty-state {\n    padding: 36px;\n  }\n  .duet-empty-state.padding-small {\n    padding: 28px;\n  }\n  .duet-empty-state.padding-large {\n    padding: 48px;\n  }\n}\n\n.duet-theme-turva.duet-empty-state {\n  color: rgb(23, 42, 59);\n}\n.duet-theme-turva.duet-empty-state:not(.warning):not(.duet-no-background) {\n  background: rgb(245, 246, 247);\n}\n.duet-theme-turva.duet-empty-state .duet-empty-state-heading {\n  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n  font-weight: 700;\n  color: rgb(23, 42, 59);\n}';export{i as duet_empty_state}
+import{r as e,h as n,H as t,g as a}from"./p-D3450NfA.js";import{i as d}from"./p-KbNgo0QF.js";const o=class{constructor(n){e(this,n),this.theme="",this.variation="default",this.background="auto",this.icon="messaging-question",this.heading="",this.padding="medium",this.size="medium"}componentWillLoad(){d(this)}getIcon(){const e="small"===this.size?"large":"x-large";return"warning"===this.variation?n("duet-status-icon",{variation:"warning",size:e,strong:!0}):n("duet-icon",{color:"currentColor",name:this.icon,size:e})}render(){return n(t,{key:"bf9aa87672aa22b4e89cc0014f6918fd8389981f"},n("div",{key:"21e1d1af1326ef9709a99695809cb6025bd8431a",class:{"duet-empty-state":!0,[this.variation]:!0,[`padding-${this.padding}`]:!0,"duet-theme-turva":"turva"===this.theme,"duet-no-background":"none"===this.background}},"none"!==this.icon&&this.getIcon(),this.heading&&n("div",{key:"dc994018199345c865ee6d242349dadd99f71b36"},n("strong",{key:"4e758372f9785d9f54bfe969ddcb90a0ae1fee6d",class:"duet-empty-state-heading"},this.heading),n("duet-spacer",{key:"7eedd7853ef4ea89bb434dc55a488132fa8a30ef",size:"x-small"})),n("div",{key:"4d1817b68cd9e88627eb1725a06cd510ea10ed61"},n("slot",{key:"4db106ff0912e6896ca74071580223340fb3df14"}))))}get element(){return a(this)}};o.style='*,\n*::after,\n*::before {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  border: 0;\n}\n\n:host {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.duet-empty-state {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  width: 100%;\n  height: 100%;\n  padding: 48px;\n  color: rgb(8, 42, 77);\n  text-align: center;\n  background: rgb(245, 248, 250);\n  border-radius: 12px;\n}\n.duet-empty-state.padding-small {\n  padding: 36px;\n}\n.duet-empty-state.padding-large {\n  padding: 72px;\n}\n.duet-empty-state.warning {\n  background: rgb(255, 247, 221);\n}\n.duet-empty-state.duet-no-background {\n  background: none;\n}\n.duet-empty-state > div {\n  max-width: 800px;\n  margin: auto;\n}\n.duet-empty-state .duet-empty-state-heading {\n  font-size: 4vw;\n  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n  font-style: normal;\n  font-weight: 600;\n  line-height: 1.25;\n  color: rgb(8, 42, 77);\n  letter-spacing: 0;\n}\n@media (max-width: 27.5rem) {\n  .duet-empty-state .duet-empty-state-heading {\n    font-size: 1.1rem;\n  }\n}\n@media (min-width: 28.4090909091rem) {\n  .duet-empty-state .duet-empty-state-heading {\n    font-size: 1.1363636364rem;\n  }\n}\n@container (width < 576px) {\n  .duet-empty-state {\n    padding: 36px;\n  }\n  .duet-empty-state.padding-small {\n    padding: 28px;\n  }\n  .duet-empty-state.padding-large {\n    padding: 48px;\n  }\n}\n\n.duet-theme-turva.duet-empty-state {\n  color: rgb(23, 42, 59);\n}\n.duet-theme-turva.duet-empty-state:not(.warning):not(.duet-no-background) {\n  background: rgb(245, 246, 247);\n}\n.duet-theme-turva.duet-empty-state .duet-empty-state-heading {\n  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n  font-weight: 700;\n  color: rgb(23, 42, 59);\n}';export{o as duet_empty_state}

package/lib/duet/{p-3bd45b5b.entry.js → p-512d18c8.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as t,c as e,h as i,H as a,g as o}from"./p-Cwhi6_oZ.js";import{i as r}from"./p-D2EBd3cT.js";import{b as d,c as s}from"./p-8RjiAqaE.js";import{a as n}from"./p-DWIjWGAD.js";import{D as l}from"./p-CtBx3Trd.js";import{c as u}from"./p-Cfr_DJqU.js";import{s as h,u as p}from"./p-Db8rvjPI.js";import{p as c}from"./p--fmK3qPb.js";import"./p-C6E9F6QT.js";const b=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",3),this.toggleId=u("DuetToggle"),this.proxyId=u("DuetToggle"),this.theme="",this.margin="auto",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.loading=!1,this.label="label",this.labelHidden=!1,this.labelPosition="top",this.required=!1,this.disabled=!1,this.checked=!1,this.onClick=t=>{t.preventDefault(),this.setFocus(),this.checked=!this.checked}}setLoadingState(){this.loadingComplete=!this.loading}checkedChanged(t){this.duetChange.emit({checked:t,value:this.value,component:"duet-toggle"})}componentWillLoad(){r(this),void 0===this.value&&(this.value=this.identifier)}connectedCallback(){h(this)}disconnectedCallback(){p(this)}componentDidRender(){c(this.element,this.proxyId,this.name,this.value,this.required,this.checked)}async setFocus(t){this.nativeInput.focus(t)}render(){const t=this.identifier||this.toggleId;return i(a,{key:"59feea89498c2b31bdeb767328bffb2d92c81856",onClick:this.disabled||this.loading?void 0:this.onClick,class:{"duet-m-0":"none"===this.margin,"duet-toggle-is-disabled":this.disabled,"duet-toggle-is-loading":this.loading}},i("div",{key:"7d66f262fd726f6552ccc0b4fcf7d65f79168bec",class:{"duet-toggle":!0,"duet-theme-turva":"turva"===this.theme,"duet-side-label":"top"!==this.labelPosition,"duet-reverse-label":"right"===this.labelPosition,"duet-label-hidden":this.labelHidden,"duet-toggle-is-disabled":this.disabled,"duet-toggle-is-loading":this.loading}},i(l,{key:"b51094e9ff80a2d2d38d62207031e882e22c6594",theme:this.theme,color:this.labelColor,weight:this.labelWeight,for:t,margin:"top"===this.labelPosition?"auto":"none"},this.label),i("div",{key:"e43214898c9e9db3cdbff5a9bebb6a4123a1f60a",class:"duet-switch"},i("input",{key:"e7c74dafd11c4afc1bee288239f0e7fd3a07259d",type:"checkbox",value:this.value,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,id:t,role:this.role,name:this.name,checked:this.checked,required:this.required,disabled:this.disabled||this.loading,ref:t=>this.nativeInput=t}),i("div",{key:"a44ada35c0d948eb093047aa5ebbfbdcd06d8da2",class:{"duet-slider":!0,"duet-theme-turva":"turva"===this.theme}}),this.loading&&i("duet-spinner",{key:"8e3400e0d490ca097597adb600b7a6560593c4f8",color:"primary"}))),this.loading&&i("duet-visually-hidden",{key:"8cf3c405c4765f07b0e96359f88e527d0070be46","aria-live":"polite"},this.accessibleLabelLoading||s[n()]),this.loadingComplete&&i("duet-visually-hidden",{key:"5738bb3897bc0b07ef73299a6d12901c8c8be40c","aria-live":"polite"},this.accessibleLabelComplete||d[n()]))}get element(){return o(this)}static get watchers(){return{loading:["setLoadingState"],checked:["checkedChanged"]}}};b.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{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;-webkit-user-select:none;user-select:none;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent;cursor:pointer}: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(.duet-m-0){margin:0 !important}:host(.duet-toggle-is-disabled){cursor:not-allowed}:host(.duet-toggle-is-loading){cursor:wait}.duet-side-label{display:flex;gap:12px;align-items:center}.duet-reverse-label{flex-direction:row-reverse}.duet-switch{position:relative;display:block;width:48px;height:28px}.duet-switch input{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important}.duet-switch input:checked+.duet-slider{background-color:rgb(0, 119, 179);box-shadow:none}.duet-switch input:checked+.duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #004467;transform:translateX(20px)}.duet-switch input:disabled+.duet-slider::before{box-shadow:none}.duet-switch input:disabled:not(:checked)+.duet-slider{background:#bfcbd2}.duet-switch input:disabled:not(:checked)+.duet-slider::before{background:rgb(255, 255, 255);box-shadow:none}.duet-switch input:disabled:checked+.duet-slider{background:#80bbd9}:host(.user-is-tabbing) .duet-switch input:focus+.duet-slider{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-switch input:focus+.duet-slider,:host(.user-is-tabbing) .duet-switch input:focus+.duet-slider.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgb(127, 150, 165);border-radius:24px;transition:background-color 300ms ease}.duet-slider::before{position:absolute;bottom:2px;left:2px;width:24px;height:24px;content:"";background-color:rgb(255, 255, 255);border-radius:50%;box-shadow:1px 0 2px 0 #5d6266;transition:300ms ease}.duet-toggle-is-loading .duet-slider::before{transform:translateX(10px) !important}.duet-toggle-is-loading .duet-slider{cursor:wait}.duet-toggle-is-disabled .duet-slider{cursor:not-allowed}duet-spinner{margin:2px;cursor:wait;transform:translate(-2px, -2px) scale(80%)}.duet-label-hidden .duet-internal-label{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important}.duet-theme-turva .duet-switch input:checked+.duet-slider{background-color:rgb(230, 23, 64)}.duet-theme-turva .duet-switch input:checked+.duet-slider::before{box-shadow:-1px 0 2px #890e26;transform:translateX(20px)}.duet-theme-turva .duet-switch input:disabled:checked+.duet-slider{background:#f38ba0}.duet-theme-turva .duet-switch input:disabled+.duet-slider::before{box-shadow:none}.duet-theme-turva .duet-switch input:disabled:not(:checked)+.duet-slider{background:#bcc8d2}.duet-theme-turva .duet-switch input:disabled:not(:checked)+.duet-slider::before{background:rgb(255, 255, 255)}.duet-theme-turva .duet-switch input:disabled:checked+.duet-slider{background:#f38ba0}.duet-theme-turva .duet-slider{background-color:rgb(120, 145, 164)}.duet-theme-turva .duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:1px 0 2px 0 #00334d}';export{b as duet_toggle}
+import{r as t,c as e,h as i,H as a,g as o}from"./p-D3450NfA.js";import{i as r}from"./p-KbNgo0QF.js";import{b as d,c as s}from"./p-8RjiAqaE.js";import{a as n}from"./p-D9N9LBeD.js";import{D as l}from"./p-BDgGHTHh.js";import{c as u}from"./p-Cfr_DJqU.js";import{s as h,u as p}from"./p-BaefVzkx.js";import{p as c}from"./p-CcoGR9T9.js";import"./p-C6E9F6QT.js";const b=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",3),this.toggleId=u("DuetToggle"),this.proxyId=u("DuetToggle"),this.theme="",this.margin="auto",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.loading=!1,this.label="label",this.labelHidden=!1,this.labelPosition="top",this.required=!1,this.disabled=!1,this.checked=!1,this.onClick=t=>{t.preventDefault(),this.setFocus(),this.checked=!this.checked}}setLoadingState(){this.loadingComplete=!this.loading}checkedChanged(t){this.duetChange.emit({checked:t,value:this.value,component:"duet-toggle"})}componentWillLoad(){r(this),void 0===this.value&&(this.value=this.identifier)}connectedCallback(){h(this)}disconnectedCallback(){p(this)}componentDidRender(){c(this.element,this.proxyId,this.name,this.value,this.required,this.checked)}async setFocus(t){this.nativeInput.focus(t)}render(){const t=this.identifier||this.toggleId;return i(a,{key:"ba421a50fdc02e229fa28f85ff056b7871a49622",onClick:this.disabled||this.loading?void 0:this.onClick,class:{"duet-m-0":"none"===this.margin,"duet-toggle-is-disabled":this.disabled,"duet-toggle-is-loading":this.loading}},i("div",{key:"81bcd7c487268f6f79e227a5964049c31c50537e",class:{"duet-toggle":!0,"duet-theme-turva":"turva"===this.theme,"duet-side-label":"top"!==this.labelPosition,"duet-reverse-label":"right"===this.labelPosition,"duet-label-hidden":this.labelHidden,"duet-toggle-is-disabled":this.disabled,"duet-toggle-is-loading":this.loading}},i(l,{key:"9a9c911786434d7324b8e88a8d908102a433b4f6",theme:this.theme,color:this.labelColor,weight:this.labelWeight,for:t,margin:"top"===this.labelPosition?"auto":"none"},this.label),i("div",{key:"de416640cd8c34241f9f8f014c71f0ec664a16a7",class:"duet-switch"},i("input",{key:"d420b3d44b53e0daf276c9a7cabde816bff13fa2",type:"checkbox",value:this.value,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,id:t,role:this.role,name:this.name,checked:this.checked,required:this.required,disabled:this.disabled||this.loading,ref:t=>this.nativeInput=t}),i("div",{key:"5def29eef95fba6e68134ce1c9061404bd390760",class:{"duet-slider":!0,"duet-theme-turva":"turva"===this.theme}}),this.loading&&i("duet-spinner",{key:"1bf177270fc0d8e66aae450110abe9ca2340c156",color:"primary"}))),this.loading&&i("duet-visually-hidden",{key:"101bf2c1752bbd1a263128aa1501b63938fee3d3","aria-live":"polite"},this.accessibleLabelLoading||s[n()]),this.loadingComplete&&i("duet-visually-hidden",{key:"d1e8b6bf58b301f82fee88b83a5591e146a16d86","aria-live":"polite"},this.accessibleLabelComplete||d[n()]))}get element(){return o(this)}static get watchers(){return{loading:["setLoadingState"],checked:["checkedChanged"]}}};b.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{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;-webkit-user-select:none;user-select:none;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent;cursor:pointer}: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(.duet-m-0){margin:0 !important}:host(.duet-toggle-is-disabled){cursor:not-allowed}:host(.duet-toggle-is-loading){cursor:wait}.duet-side-label{display:flex;gap:12px;align-items:center}.duet-reverse-label{flex-direction:row-reverse}.duet-switch{position:relative;display:block;width:48px;height:28px}.duet-switch input{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important}.duet-switch input:checked+.duet-slider{background-color:rgb(0, 119, 179);box-shadow:none}.duet-switch input:checked+.duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #004467;transform:translateX(20px)}.duet-switch input:disabled+.duet-slider::before{box-shadow:none}.duet-switch input:disabled:not(:checked)+.duet-slider{background:#bfcbd2}.duet-switch input:disabled:not(:checked)+.duet-slider::before{background:rgb(255, 255, 255);box-shadow:none}.duet-switch input:disabled:checked+.duet-slider{background:#80bbd9}:host(.user-is-tabbing) .duet-switch input:focus+.duet-slider{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-switch input:focus+.duet-slider,:host(.user-is-tabbing) .duet-switch input:focus+.duet-slider.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgb(127, 150, 165);border-radius:24px;transition:background-color 300ms ease}.duet-slider::before{position:absolute;bottom:2px;left:2px;width:24px;height:24px;content:"";background-color:rgb(255, 255, 255);border-radius:50%;box-shadow:1px 0 2px 0 #5d6266;transition:300ms ease}.duet-toggle-is-loading .duet-slider::before{transform:translateX(10px) !important}.duet-toggle-is-loading .duet-slider{cursor:wait}.duet-toggle-is-disabled .duet-slider{cursor:not-allowed}duet-spinner{margin:2px;cursor:wait;transform:translate(-2px, -2px) scale(80%)}.duet-label-hidden .duet-internal-label{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important}.duet-theme-turva .duet-switch input:checked+.duet-slider{background-color:rgb(230, 23, 64)}.duet-theme-turva .duet-switch input:checked+.duet-slider::before{box-shadow:-1px 0 2px #890e26;transform:translateX(20px)}.duet-theme-turva .duet-switch input:disabled:checked+.duet-slider{background:#f38ba0}.duet-theme-turva .duet-switch input:disabled+.duet-slider::before{box-shadow:none}.duet-theme-turva .duet-switch input:disabled:not(:checked)+.duet-slider{background:#bcc8d2}.duet-theme-turva .duet-switch input:disabled:not(:checked)+.duet-slider::before{background:rgb(255, 255, 255)}.duet-theme-turva .duet-switch input:disabled:checked+.duet-slider{background:#f38ba0}.duet-theme-turva .duet-slider{background-color:rgb(120, 145, 164)}.duet-theme-turva .duet-slider::before{background-color:rgb(255, 255, 255);box-shadow:1px 0 2px 0 #00334d}';export{b as duet_toggle}

package/lib/duet/p-555e0c78.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as e,h as t,H as n,g as r}from"./p-D3450NfA.js";import{i as a}from"./p-KbNgo0QF.js";import{g as i}from"./p-D9N9LBeD.js";import"./p-C6E9F6QT.js";const o=class{constructor(t){e(this,t),this.defaultLabels={new:{fi:"Uutta sisältöä",en:"New content",sv:"Nyt innehålle"},change:{fi:"Muuttunutta sisältöä",en:"Changed content",sv:"Ändrat innehålle"},error:{fi:"Sisältää virheen",en:"Contains error",sv:"Innehåller ett fel"},success:{fi:"Onnistunut toiminto",en:"Completed successfully",sv:"Lyckad åtgärd"}},this.variation="change",this.theme="",this.getAccessibleLabel=()=>this.accessibleLabel||i(this.defaultLabels[this.variation])}componentWillLoad(){a(this)}render(){return t(n,{key:"329e985ec026dde828ee0e4f896bbbf68054a4ce"},t("span",{key:"688c53ea00e20e7c2aa612ed6cdaede9a83655f9",class:{"duet-indicator":!0,[`duet-indicator-${this.variation}`]:!0,"duet-theme-turva":"turva"===this.theme}}),t("duet-visually-hidden",{key:"37a42c32af9d6d46946d30239592a4794e16de93"},this.getAccessibleLabel()))}get element(){return r(this)}};o.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}.duet-indicator{position:absolute;top:0;right:0;display:inline-block;width:8px;height:8px;border-radius:50%}.duet-indicator-new{background:rgb(0, 119, 179)}.duet-indicator-change{background:rgb(247, 178, 40)}.duet-indicator-error{background:rgb(185, 16, 74)}.duet-indicator-success{background:rgb(29, 106, 88)}.duet-indicator-new.duet-theme-turva{background-color:rgb(230, 23, 64)}";export{o as duet_indicator}

package/lib/duet/{p-13b7f4e0.entry.js → p-5b322a86.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as t,h as s,H as i,g as h}from"./p-Cwhi6_oZ.js";const r=class{constructor(s){t(this,s),this.statusMessage=null,this.statusMessageLabel=null,this.accessibleAriaLive="polite",this.valid=void 0,this.total=void 0,this.invalid=void 0,this.inprogress=void 0,this.replacePlaceHolders=t=>{const s=t=>t>1?`${t} ${this.statusMessageLabel.files}`:`${t} ${this.statusMessageLabel.file}`;return t.replace("{filesUploaded}",s(this.valid)).replace("{filesInProgress}",s(this.inprogress)).replace("{filesTotal}",s(this.total)).replace("{filesWithErrors}",s(this.invalid))},this.getStatusMessage=()=>{const{done:t,inProgress:s,doneWithErrors:i,inProgressWithErrors:h}=this.statusMessageLabel,r=this.invalid>0,e=this.inprogress>0,a=this.valid+this.invalid===this.total&&!e;this.valid!==this.total||e||r?this.inprogress>0&&r?this.statusMessage=this.replacePlaceHolders(h):e?this.statusMessage=this.replacePlaceHolders(s):a&&(this.statusMessage=this.replacePlaceHolders(i)):this.statusMessage=this.replacePlaceHolders(t)}}watchHandler(t,s){t!==s&&this.getStatusMessage()}render(){return s(i,{key:"dfba0ccef69bd34b3c4f8980caa95375ed480f83",role:"status","aria-live":"assertive","aria-atomic":"true","aria-relevant":"all"},s("duet-visually-hidden",{key:"20bd47d50fbc2097aae0656ffb367299284ff441"},this.statusMessage))}get element(){return h(this)}static get watchers(){return{valid:["watchHandler"],invalid:["watchHandler"],inprogress:["watchHandler"],total:["watchHandler"]}}};export{r as duet_upload_aria_status}
+import{r as t,h as s,H as i,g as e}from"./p-D3450NfA.js";const r=class{constructor(s){t(this,s),this.statusMessage=null,this.statusMessageLabel=null,this.accessibleAriaLive="polite",this.valid=void 0,this.total=void 0,this.invalid=void 0,this.inprogress=void 0,this.replacePlaceHolders=t=>{const s=t=>t>1?`${t} ${this.statusMessageLabel.files}`:`${t} ${this.statusMessageLabel.file}`;return t.replace("{filesUploaded}",s(this.valid)).replace("{filesInProgress}",s(this.inprogress)).replace("{filesTotal}",s(this.total)).replace("{filesWithErrors}",s(this.invalid))},this.getStatusMessage=()=>{const{done:t,inProgress:s,doneWithErrors:i,inProgressWithErrors:e}=this.statusMessageLabel,r=this.invalid>0,h=this.inprogress>0,a=this.valid+this.invalid===this.total&&!h;this.valid!==this.total||h||r?this.inprogress>0&&r?this.statusMessage=this.replacePlaceHolders(e):h?this.statusMessage=this.replacePlaceHolders(s):a&&(this.statusMessage=this.replacePlaceHolders(i)):this.statusMessage=this.replacePlaceHolders(t)}}watchHandler(t,s){t!==s&&this.getStatusMessage()}render(){return s(i,{key:"5287943c19687aeea0e9b06a40e5650ff04cac6d",role:"status","aria-live":"assertive","aria-atomic":"true","aria-relevant":"all"},s("duet-visually-hidden",{key:"642e4b4e31d449ef0fb6ad1ec988d6e5d175f179"},this.statusMessage))}get element(){return e(this)}static get watchers(){return{valid:["watchHandler"],invalid:["watchHandler"],inprogress:["watchHandler"],total:["watchHandler"]}}};export{r as duet_upload_aria_status}

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

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as t,c as e,h as o,H as n,g as u}from"./p-D3450NfA.js";import{i as r}from"./p-KbNgo0QF.js";import{a as i,c as d}from"./p-8RjiAqaE.js";import{a,g as b,c as s,d as l}from"./p-D9N9LBeD.js";import{g as p}from"./p-DYmL1tSl.js";import"./p-C6E9F6QT.js";import"./p-kkZE1C6Z.js";const h=class{constructor(o){t(this,o),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.accessiblePopup="false",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.loading=!1,this.variation="default",this.negative=!1,this.theme="",this.margin="auto",this.padding="auto",this.centerText=!1,this.wrapping="auto",this.expand=!1,this.fixed=!1,this.disabled=!1,this.submit=!1,this.external=!1,this.language=a(),this.accessibleLabelExternalDefaults=i,this.accessibleLabelExternal=b(this.accessibleLabelExternalDefaults),this.accessibleLabelLoadingDefaults=d,this.accessibleLabelLoading=b(this.accessibleLabelLoadingDefaults),this.icon="",this.color="",this.iconRight=!1,this.iconSize="medium",this.size="medium",this.iconOnly=!1,this.proxyButtonSetUp=()=>{const t=this.element.querySelector("button[slot=proxybutton]"),e=t||document.createElement("button");if(this.url)return t&&t.remove(),void(this.proxyButton=null);e.setAttribute("slot","proxybutton"),e.style.display="none",e.type=this.getButtonType(),e.disabled=this.disabled,e.setAttribute("form",this.form),this.form||e.removeAttribute("form"),null!=this.name?e.name=this.name:e.removeAttribute("name"),null!=this.value?e.value=this.value:e.removeAttribute("value"),t||this.element.appendChild(e),this.proxyButton=e},this.handleClick=t=>{this.submit&&!this.url&&(this.element.closest("form")||this.form)&&(t.stopPropagation(),t.preventDefault(),this.proxyButton.click())},this.onFocus=()=>{this.duetFocus.emit()},this.onBlur=()=>{this.duetBlur.emit()}}componentWillLoad(){r(this),this.url&&this.external&&this.icon&&console.warn("[DUET]: Button used as an external link will override any icon that is set")}connectedCallback(){s(this,[{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"},{prop:"accessibleLabelLoading",defaults:"accessibleLabelLoadingDefaults"}])}disconnectedCallback(){l(this)}componentDidRender(){!1===this.disabled&&this.element.removeAttribute("disabled"),this.submit&&this.proxyButtonSetUp()}getButtonType(){return this.submit?"submit":"button"}getButtonIconSize(){switch(this.iconSize){case"small":return"small";case"medium-small":return"medium-small";case"medium":default:return"medium";case"large":return"large"}}async setFocus(t){this.nativeButton&&this.nativeButton.focus(t)}render(){var t,e;const u=this.external&&this.url,r=u?"action-new-window":this.icon,i=!!u||this.iconRight,d=o("span",{class:{"duet-button-contents":!0,"icon-right":i},style:{color:p(this.color,this.theme)}},r&&o("span",{"aria-hidden":"true",class:{"duet-button-icon":!0,left:!i,right:i,[this.getButtonIconSize()]:!0}},o("duet-icon",{size:"auto",margin:"none",name:r,color:"currentColor"})),o("span",{class:"duet-button-contents-slot"},o("slot",null))),a="medium"==this.size||"small"==this.size||"x-small"==this.size?this.size:"medium",b={onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.nativeButton=t,id:this.identifier,class:{"duet-m-0":"none"===this.margin,"duet-p-0":"none"===this.padding,"duet-no-wrap":"none"===this.wrapping,"duet-button":!0,"duet-button-is-small":"small"===this.size,[`duet-button-size-${a}`]:!0,"duet-button-icon-only":this.iconOnly,"duet-button-text-center":this.centerText,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0,"input-button":null===(t=this.variation)||void 0===t?void 0:t.startsWith("input-button"),disabled:this.disabled,icon:!!r,"icon-right":i,"icon-left":!!r&&!i,[this.getButtonIconSize()]:!0},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription};return o(n,{class:{"duet-m-0":"none"===this.margin,"duet-small":"small"===this.size,"duet-x-small":"x-small"===this.size,"duet-fixed":this.fixed||"plain"===this.variation,"duet-expand":this.expand,[this.variation]:!0,"input-button":null===(e=this.variation)||void 0===e?void 0:e.startsWith("input-button")}},o("span",{onClick:this.handleClick,class:{"duet-button-container":!0,"duet-button-is-loading":this.loading,"duet-theme-turva":"turva"===this.theme,"duet-button-negative":this.negative||"negative"===this.variation,[this.variation]:!0}},this.url?o("a",Object.assign({},b,{href:this.url,target:this.external?"_blank":"_self",rel:this.external?"noopener":void 0}),d,this.external&&o("duet-visually-hidden",null,", ",this.accessibleLabelExternal)):o("button",Object.assign({},b,{type:this.getButtonType(),disabled:this.disabled,name:this.name,value:this.value,"aria-pressed":null!=this.accessiblePressed?this.accessiblePressed.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,"aria-disabled":this.disabled}),d,this.loading&&o("duet-visually-hidden",null," ",this.accessibleLabelLoading," ")),this.loading&&o("duet-spinner",{color:(()=>this.disabled?"primary":"destructive-secondary"===this.variation?"color-status-foreground-danger-primary":"default"===this.variation||this.variation.includes("secondary")?"primary":this.variation.includes("destructive")?"gray-lightest":"currentColor")()})),o("slot",{name:"proxybutton"}))}get element(){return u(this)}};h.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;font-size:0;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}@media (max-width: 35.9375em){:host{width:100%}}:host(.square){margin-right:12px !important}:host(.square):last-child,:host(.square):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.square):last-of-type:not(:last-child){margin-right:12px !important}:host(.input-button){z-index:250}:host(.duet-small),:host(.duet-x-small){margin-right:4px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type,:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.duet-small):last-of-type:not(:last-child),[alignment=form-distribute]>:host(.duet-x-small):last-of-type:not(:last-child){margin-right:4px !important}@media (max-width: 35.9375em){:host(.duet-small),:host(.duet-x-small){width:auto}}:host(.duet-x-small){margin-right:2px !important}:host(.duet-x-small):last-child,:host(.duet-x-small):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.duet-x-small):last-of-type:not(:last-child){margin-right:2px !important}:host(.square.duet-small),:host(.square.duet-x-small){margin-right:8px !important}:host(.square.duet-small):last-child,:host(.square.duet-small):last-of-type,:host(.square.duet-x-small):last-child,:host(.square.duet-x-small):last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host(.square.duet-small):last-of-type:not(:last-child),[alignment=form-distribute]>:host(.square.duet-x-small):last-of-type:not(:last-child){margin-right:8px !important}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;display:block;width:100%}.duet-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;align-items:center;width:100%;min-width:8rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.1;color:rgb(0, 119, 179) !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:1px;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, padding 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-button:focus,.duet-button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-button.duet-button-size-medium{height:50px;padding-right:30px;padding-left:30px;font-size:1rem;border-radius:25px}.duet-button.duet-button-size-medium.square{border-radius:12.5px}.duet-button.duet-button-size-medium.icon-left{padding-left:24px}.duet-button.duet-button-size-medium.icon-right{padding-right:24px}.duet-button.duet-button-size-small{height:40px;padding-right:20px;padding-left:20px;font-size:0.875rem;border-radius:20px}.duet-button.duet-button-size-small.square{border-radius:10px}.duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-button.duet-button-size-x-small{height:32px;padding-right:12px;padding-left:12px;font-size:0.75rem;border-radius:8px}.duet-button.duet-button-size-x-small.icon-left{padding-left:10px}.duet-button.duet-button-size-x-small.icon-right{padding-right:10px}.duet-button.plain.duet-p-0{height:auto}.duet-button:not(.input-button-primary,.input-button-secondary,.input-button-embedded){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){min-width:48px}.duet-button.duet-button-is-small:not(.duet-button-icon-only).plain{padding-right:0 !important;padding-left:0 !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).duet-p-0{padding:0 !important}.duet-button .duet-button-contents{position:relative;display:flex;gap:10px;align-items:center;margin:0 auto;pointer-events:none}.duet-button .duet-button-contents.icon-right{flex-direction:row-reverse}.duet-button .duet-button-contents .duet-button-contents-slot{position:relative;top:0}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{display:flex;align-items:center}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button:active:not([disabled]){opacity:0.75;transition:none}.duet-button.default{background:rgb(255, 255, 255);border-color:rgb(181, 198, 208)}.duet-button.default:hover{outline:2px solid rgb(0, 119, 179);outline-offset:-2px;border-color:rgb(0, 119, 179)}.duet-button.default.duet-button-negative{background-color:rgb(255, 255, 255)}.duet-button.default.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-button.primary,.duet-button.input-button-primary,.duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-button.primary:hover,.duet-button.input-button-primary:hover,.duet-button.input-button-left-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-button.secondary,.duet-button.input-button-secondary,.duet-button.input-button-left-secondary,.duet-button.input-button-embedded{color:rgb(8, 42, 77) !important;background:transparent;border-color:rgb(8, 42, 77)}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover,.duet-button.input-button-left-secondary:hover,.duet-button.input-button-embedded:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179);outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-button.secondary:hover,.duet-button.secondary:hover.duet-theme-turva,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-button.input-button-secondary:hover.duet-theme-turva,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-button.input-button-left-secondary:hover.duet-theme-turva,.duet-theme-turva .duet-button.input-button-embedded:hover,.duet-button.input-button-embedded:hover.duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative,.duet-button.input-button-left-secondary.duet-button-negative,.duet-button.input-button-embedded.duet-button-negative{color:rgb(212, 223, 229) !important;border-color:rgb(255, 255, 255)}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover,.duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(0, 119, 179) !important;border-color:rgb(0, 119, 179)}.duet-button.input-button-embedded{width:40px;min-width:40px !important;min-height:40px !important;margin:4px !important;border-width:0 !important;border-radius:4px !important}.duet-button.input-button{height:auto}.duet-button.negative{color:rgb(8, 42, 77) !important;background:rgb(255, 255, 255);border-color:rgb(255, 255, 255)}.duet-button.negative:hover{color:rgb(255, 255, 255) !important;background:transparent;border-color:rgb(255, 255, 255)}.duet-button.duet-button-negative:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(255, 255, 255, 0.8)}.duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-button.destructive-primary:hover{background:#ab1642;border-color:#ab1642;box-shadow:0 4px 20px 0 rgba(34, 34, 34, 0.1)}.duet-button.destructive,.duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-button.plain.duet-p-0 .duet-button-contents{height:auto}.duet-button.plain[disabled],.duet-button.plain[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;background:transparent !important;border-color:transparent !important}.duet-button.plain:hover{color:rgb(0, 75, 129) !important;background:transparent !important}.duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-button.plain.duet-button-negative:hover{color:rgba(255, 255, 255, 0.8) !important}.duet-button.plain.duet-button-icon-only:focus{outline-offset:1px}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded,.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents,.duet-button.duet-button.input-button-embedded .duet-button-contents,.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-secondary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-embedded .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-primary .duet-button-contents.icon-right,.duet-button.duet-button.input-button-left-secondary .duet-button-contents.icon-right{padding:0 16px}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.large,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.medium,.duet-button.duet-button.input-button-embedded .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-embedded{border-left-width:0}.duet-button.duet-button.input-button-left-primary,.duet-button.duet-button.input-button-left-secondary{border-top-left-radius:4px !important;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px !important}.duet-button.duet-button.input-button-left-primary .duet-button-contents,.duet-button.duet-button.input-button-left-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-secondary,.duet-button.duet-button.input-button-left-secondary{border-color:rgb(127, 150, 165)}.duet-button.square{width:52px;min-width:auto !important;padding:0 !important;font-size:1rem;border-color:rgb(181, 198, 208);border-width:1px}.duet-button.square.duet-button-size-small{width:42px;font-size:0.875rem}.duet-button.square.duet-button-size-x-small{width:34px;font-size:0.875rem}.duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179);border-color:rgb(0, 119, 179)}.duet-button.square:hover{outline:2px solid rgb(0, 119, 179);outline-offset:-2px;border-color:rgb(0, 119, 179)}.duet-button.square .duet-button-contents{gap:0}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:rgb(98, 121, 138) !important;cursor:not-allowed;outline:none !important;outline-color:rgb(212, 223, 229) !important;outline-color:rgb(212, 223, 229) !important;background:rgb(212, 223, 229) !important;border-color:rgb(212, 223, 229) !important;box-shadow:none !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:rgb(255, 255, 255)}.duet-button-is-loading.default{color:rgb(0, 119, 179)}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}.duet-theme-turva .duet-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(230, 23, 64) !important;border-radius:8px}.duet-theme-turva .duet-button.duet-button-size-medium{padding-right:24px;padding-left:24px;border-radius:8px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-left{padding-left:14px}.duet-theme-turva .duet-button.duet-button-size-medium.icon-right{padding-right:14px}.duet-theme-turva .duet-button.duet-button-size-small{padding-right:18px;padding-left:18px;border-radius:8px}.duet-theme-turva .duet-button.duet-button-size-small.icon-left{padding-left:18px}.duet-theme-turva .duet-button.duet-button-size-small.icon-right{padding-right:18px}.duet-theme-turva .duet-button.default{color:rgb(230, 23, 64) !important;border-color:rgb(178, 194, 205)}.duet-theme-turva .duet-button.default:hover{outline-color:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:rgb(251, 225, 209) !important}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:rgb(230, 23, 64) !important;border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary,.duet-theme-turva .duet-button.input-button-left-primary{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover,.duet-theme-turva .duet-button.input-button-left-primary:hover{background:rgb(140, 0, 30);border-color:rgb(140, 0, 30)}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary,.duet-theme-turva .duet-button.input-button-left-secondary,.duet-theme-turva .duet-button.input-button-embedded{color:rgb(23, 42, 59) !important;border-color:rgb(23, 42, 59)}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover,.duet-theme-turva .duet-button.input-button-left-secondary:hover,.duet-theme-turva .duet-button.input-button-embedded:hover{color:rgb(230, 23, 64) !important;border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative{color:rgb(251, 225, 209) !important}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-left-secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-embedded.duet-button-negative:hover{color:rgb(230, 23, 64) !important;border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.duet-button.input-button-primary,.duet-theme-turva .duet-button.duet-button.input-button-secondary,.duet-theme-turva .duet-button.duet-button.input-button-embedded{border-top-left-radius:0;border-bottom-left-radius:0}.duet-theme-turva .duet-button.duet-button.input-button-left-primary,.duet-theme-turva .duet-button.duet-button.input-button-left-secondary{border-top-right-radius:0;border-bottom-right-radius:0}.duet-theme-turva .duet-button.duet-button.input-button-secondary,.duet-theme-turva .duet-button.duet-button.input-button-left-secondary{border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-button.negative{color:rgb(23, 42, 59) !important}.duet-theme-turva .duet-button.negative:hover{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.destructive-primary{color:rgb(255, 255, 255) !important;background:rgb(214, 28, 82);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#ab1642}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255);border-color:rgb(214, 28, 82)}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:rgb(255, 255, 255) !important;background:#ab1642;border-color:#ab1642}.duet-theme-turva .duet-button.plain{color:rgb(230, 23, 64) !important;background:transparent;border-color:transparent}.duet-theme-turva .duet-button.plain.duet-button-negative{color:rgb(255, 255, 255) !important}.duet-theme-turva .duet-button.plain:hover{color:rgb(140, 0, 30) !important}.duet-theme-turva .duet-button.plain[disabled],.duet-theme-turva .duet-button.plain[disabled]:hover{color:rgb(95, 122, 143) !important;cursor:not-allowed;background:transparent !important;border-color:rgb(251, 225, 209) !important}.duet-theme-turva .duet-button.square{border-color:rgb(212, 221, 226)}.duet-theme-turva .duet-button.square.duet-button-negative{color:rgb(255, 255, 255) !important;background:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button.square:hover{outline-color:rgb(230, 23, 64);border-color:rgb(230, 23, 64)}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:rgb(120, 145, 164) !important;cursor:not-allowed;outline-color:rgb(212, 221, 226) !important;background:rgb(212, 221, 226) !important;border-color:rgb(212, 221, 226) !important}.duet-theme-turva .duet-button-is-loading.default{color:rgb(230, 23, 64)}';const m=class{constructor(e){t(this,e),this.size="small"}componentWillLoad(){this.color||this.theme||(this.color="gray-lightest"),r(this)}render(){const t=this.color&&"currentColor"===this.color?"currentColor":p(this.color,this.theme);return o(n,{key:"f8c4a6b68356300f7738d2c59038d47abdf54124"},o("div",{key:"a8aeaf976bec157057a095337bcad89d26eebd8a",class:{"duet-spinner":!0,[this.size]:!0,"duet-theme-turva":"turva"===this.theme},style:{color:t},"aria-label":this.accessibleLabel}))}get element(){return u(this)}};m.style=':host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;position:absolute;top:50%;left:50%;z-index:800;max-width:100%}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.duet-spinner{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:800;width:24px;height:24px;color:rgb(0, 119, 179);border:2px solid transparent;border-left:2px solid currentColor;border-radius:50%;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%;animation:duetRotate 0.6s linear infinite}.duet-spinner::after{position:absolute;top:50%;left:50%;z-index:200;box-sizing:content-box;width:100%;height:100%;overflow:hidden;content:"";border:2px solid currentColor;border-radius:50%;opacity:0.3;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%}.duet-spinner.medium{width:36px;height:36px;border-width:4px}.duet-spinner.medium::after{border-width:4px}.duet-spinner.large{width:72px;height:72px;border-width:8px}.duet-spinner.large::after{border-width:8px}@keyframes duetRotate{0%{transform:translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%)}100%{transform:translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%)}}.duet-theme-turva.duet-spinner{color:rgb(230, 23, 64)}';export{h as duet_button,m as duet_spinner}

package/lib/duet/{p-f210e405.entry.js → p-61abccd4.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,c as t,h as o,F as i,g as r}from"./p-Cwhi6_oZ.js";import{n as a}from"./p-vVCYtBMj.js";import{a as d}from"./p-8RjiAqaE.js";import{i as n}from"./p-D2EBd3cT.js";import{s,u as l}from"./p-Db8rvjPI.js";import{a as p,g as m,c as u,d as f}from"./p-DWIjWGAD.js";import{h}from"./p--fmK3qPb.js";import{p as c}from"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const g={fi:{lahi:"© LähiTapiola",turva:"© Turva"},sv:{lahi:"© LokalTapiola",turva:"© Turva"},en:{lahi:"© LocalTapiola",turva:"© Turva"}},b=(e,t)=>({component:"duet-footer",data:t,originalEvent:e}),x=class{constructor(o){e(this,o),this.duetChange=t(this,"duetChange",3),this.duetLogoClick=t(this,"duetLogoClick",7),this.duetMenuClick=t(this,"duetMenuClick",7),this.duetItemClick=t(this,"duetItemClick",7),this.duetAnalytics=t(this,"duetAnalytics",7),this.duetEvent=t(this,"duetEvent",7),this.processedMainItem=null,this.processedItems=null,this.processedMenu=null,this.theme="",this.variation="default",this.margin="auto",this.logoHref="/",this.language=p(),this.accessibleLabelExternalDefaults=d,this.accessibleLabelExternal=m(this.accessibleLabelExternalDefaults),this.handleClick=e=>{e.data.analyticsId&&this.duetAnalytics.emit({component:"duet-footer",analyticsId:e.data.analyticsId}),this.duetChange.emit(e)},this.handleLogoClick=e=>{const t=b(e,{href:this.logoHref,label:"logo"});this.duetLogoClick.emit(t),this.handleClick(t)},this.handleMenuClick=(e,t)=>{const o=b(e,t);this.handleClick(o),this.duetMenuClick.emit(o)},this.handleItemClick=(e,t)=>{const o=b(e,t);this.handleClick(o),this.duetItemClick.emit(o)},this.emitDuetEvent=(e,t)=>{this.duetEvent.emit({component:"duet-footer",data:t,originalEvent:e})},this.setDataAttributes=(e,t)=>{if(t.data)for(const o in t.data)e.dataset[o]=t.data[o]}}componentWillLoad(){n(this),this.refresh(),this.hasInfoSlot=h(this.element,"info")}connectedCallback(){u(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"}),s(this)}disconnectedCallback(){f(this),l(this)}async refresh(){this.processedItems=c(this.items),this.processedMenu=c(this.menu)}getTopItemButtonIcon(e){var t,o;if(!e.href||!e.external)return(null===(t=e.href)||void 0===t?void 0:t.startsWith("tel:"))?"form-tel":(null===(o=e.href)||void 0===o?void 0:o.startsWith("mailto:"))?"navigation-message":"navigation-arrow-right"}isMessagingLink(e){return(null==e?void 0:e.startsWith("tel:"))||(null==e?void 0:e.startsWith("mailto:"))}render(){const e=m(g,this.language),t="turva"===this.theme?e.turva:e.lahi;return o("footer",{key:"803a027abb0c9d387f880a40cf4fa48cfdc96ab0",class:{"duet-footer":!0,"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-footer-simple":"simple"===this.variation},"aria-label":this.accessibleLabel},o("div",{key:"46da624a2ea71bc94e7029110f2aa4b264e21a0b",class:"duet-footer-wrapper"},"simple"!==this.variation&&o("div",{key:"bb5d3de968dc4d893e002294a3ab5106ca3676ad",class:{"duet-footer-top":!0,"duet-has-info":this.hasInfoSlot},part:"top"},o("div",{key:"a3c27f3c9fbf54263b0e632307fe2ed39aeb9e46",class:"footer-top-logo"},o("duet-logo",{key:"5f7440b81f78389724830f3e843c71de140ae05d",href:this.logoHref,onClick:this.handleLogoClick,size:"large",inverse:!0,language:this.language,theme:this.theme})),o("div",{key:"f0a8b5cdda02fbd0fbff1015320572900e12a16e",class:"footer-top-right-container"},o("slot",{key:"2c9e48c0350b76dbb74c59cfbca727d1c579b7a5",name:"info"}),o("div",{key:"4df2f42f2dc49b084a94de90de892adac97866c9",class:"footer-top-items"},this.processedItems&&this.processedItems.map(((e,t)=>o(i,null,t>0&&o("duet-spacer",{size:"x-large",direction:"horizontal"}),o("duet-button",{ref:t=>this.setDataAttributes(t,e),theme:this.theme,id:e.id,class:"duet-footer-link",variation:"plain",margin:"none",fixed:!0,negative:!0,url:e.href,external:e.external,icon:this.getTopItemButtonIcon(e),"icon-right":!this.isMessagingLink(e.href),"icon-size":this.isMessagingLink(e.href)?"medium":"medium-small",onClick:t=>this.handleItemClick(t,e),onMouseEnter:t=>this.emitDuetEvent(t,e),onTouchStart:t=>this.emitDuetEvent(t,e)},e.label))))))),o("slot",{key:"51d5f56fe14519205709b1cb02bcfa1b87e6a3c2",name:"extra"}),o("p",{key:"3e2b620a21d109d0f4119d5b2a8a1a5c1404ec5c",class:"duet-footer-menu",part:"menu"},o("span",{key:"9a5becef9ceb454715ee6f560e3f9df8ae72357a",class:"duet-footer-copyright"},`${t} ${(new Date).getFullYear()}`),o("span",{key:"34b3c5e0d44b6a0497b7983ddde14380175618cc",class:"duet-footer-menu-links"},this.processedMenu&&o(i,{key:"d7defe3bd130ba7fb71731f71860351dbca3d726"},this.processedMenu.map((e=>o("a",{ref:t=>this.setDataAttributes(t,e),href:e.href,id:e.id,target:e.external?"_blank":"_self",onClick:t=>this.handleMenuClick(t,e),onMouseEnter:t=>this.emitDuetEvent(t,e),onTouchStart:t=>this.emitDuetEvent(t,e)},e.label,e.external&&o(i,null,o("duet-visually-hidden",null,", ",this.accessibleLabelExternal),o("span",{class:"duet-footer-external"},o("duet-icon",{icon:a.svg,size:"xx-small",margin:"none",color:"currentColor"}))),o("span",{class:"duet-footer-divider",role:"presentation","aria-hidden":"true"},"/"))))))),o("p",{key:"4c708db5c94a113edcda458bd9375cdb382a3237",class:"duet-footer-copyright duet-footer-copyright-mobile"},`${t} ${(new Date).getFullYear()}`)))}get element(){return r(this)}static get watchers(){return{menu:["refresh"],items:["refresh"]}}};x.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;flex-shrink:0;width:100%}::slotted([slot=info]){padding:0 28px;margin-top:0;margin-bottom:16px}@media (min-width: 62em){::slotted([slot=info]){padding:0;margin-top:calc(20px - 0.5em);margin-bottom:0}}.duet-footer{display:block;width:100%;padding-top:24px;padding-bottom:16px;margin-top:48px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(255, 255, 255);text-align:left;background:rgb(8, 42, 77)}.duet-footer.duet-p-0{padding:0 !important}.duet-footer.duet-m-0{margin:0 !important}@media (min-width: 62em){.duet-footer{padding-top:48px;padding-bottom:36px}}.duet-footer a{color:rgb(255, 255, 255);text-decoration:none}.duet-footer a:focus{outline:0}:host(.user-is-tabbing) .duet-footer a:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-footer a:focus,:host(.user-is-tabbing) .duet-footer a:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-footer a{border-radius:4px}}.duet-footer-wrapper{position:relative;margin:0 auto}@media (min-width: 62em){.duet-footer-wrapper{padding:0 72px 0 48px}}@media (min-width: 76.25em){.duet-footer-wrapper{max-width:1110px;padding:0 20px 0 0}}.duet-footer-top{width:100%}@media (min-width: 62em){.duet-footer-top{display:flex;flex-direction:row;align-items:center}.duet-footer-top.duet-has-info{align-items:flex-start}}.duet-footer-top .footer-top-logo{flex-grow:1}.duet-footer-top .footer-top-right-container{flex-grow:1}@media (min-width: 62em){.duet-footer-top .footer-top-right-container{text-align:right}}.duet-footer-top .footer-top-items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-left:28px}@media (min-width: 62em){.duet-footer-top .footer-top-items{flex-direction:row;justify-content:flex-end}}duet-logo{margin-bottom:24px;margin-left:16px !important}@media (min-width: 62em){duet-logo{margin-bottom:0;margin-left:0 !important}}.duet-footer-link{padding:16px !important;display:flex;flex-direction:row;align-items:center;width:100%;font-weight:600;border-bottom:1px solid rgba(255, 255, 255, 0.2);transition:background-color 300ms ease}@media (min-width: 36em){.duet-footer-link{padding-right:20px !important;padding-left:28px !important}}@media (min-width: 62em){.duet-footer-link{width:auto;min-width:0;padding-right:0 !important;padding-left:0 !important;border:0}}.duet-footer-link:first-of-type{margin-top:20px;border-top:1px solid rgba(255, 255, 255, 0.2)}@media (min-width: 62em){.duet-footer-link:first-of-type{margin:0;border:0}}.duet-footer-link span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duet-footer-link:hover{background:rgba(0, 0, 0, 0.1)}@media (min-width: 62em){.duet-footer-link:hover{background:transparent}}.duet-footer-menu{padding:20px !important;display:flex;gap:2rem;padding-left:28px !important;font-size:0.875rem}@media (min-width: 36em){.duet-footer-menu{padding:28px !important}}@media (min-width: 62em){.duet-footer-menu{padding-right:0 !important;padding-left:8px !important}}.duet-footer-menu a{display:inline-block;overflow-wrap:break-word;text-decoration:none}.duet-footer-menu a:hover,.duet-footer-menu a:focus{text-decoration:underline}.duet-footer-menu a:hover .duet-footer-divider,.duet-footer-menu a:focus .duet-footer-divider{text-decoration:none}.duet-footer-menu .duet-footer-divider{display:inline-block;margin:0 8px}.duet-footer-menu .duet-footer-divider-copyright{display:none}.duet-footer-menu .duet-footer-menu-links{display:block;flex:1}@media (min-width: 62em){.duet-footer-menu .duet-footer-menu-links{text-align:right}}.duet-footer-menu a:last-of-type .duet-footer-divider{display:none}.duet-footer-copyright{display:none;font-size:0.875rem;color:rgb(255, 255, 255)}@media (min-width: 62em){.duet-footer-copyright{display:inline}}.duet-footer-copyright.duet-footer-copyright-mobile{display:block;padding-top:0.5rem;padding-bottom:1.25rem;padding-left:28px;text-align:left}@media (min-width: 62em){.duet-footer-copyright.duet-footer-copyright-mobile{display:none}}.duet-footer-simple{padding:0;margin:0;margin-top:16px;color:rgb(8, 42, 77);background:transparent !important;border-top:1px solid rgb(212, 223, 229)}.duet-footer-simple .duet-footer-wrapper{max-width:100%;padding:0 20px;margin:0}@media (min-width: 62em){.duet-footer-simple .duet-footer-wrapper{padding:0 36px}}@media (min-width: 106.25em){.duet-footer-simple .duet-footer-wrapper{padding:0 48px}}.duet-footer-simple .duet-footer-copyright,.duet-footer-simple .duet-footer-menu a{color:rgb(8, 42, 77)}.duet-footer-simple .duet-footer-menu{padding:20px 0 !important}.duet-footer-simple .duet-footer-copyright-mobile{padding-left:0}.duet-footer-simple.duet-theme-turva{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 42, 59)}.duet-footer-external{display:inline-block;margin-left:4px;color:rgb(0, 119, 179)}.duet-footer.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background:rgb(230, 23, 64)}.duet-footer-simple.duet-theme-turva{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 42, 59)}.duet-footer-simple.duet-theme-turva .duet-footer-external{color:rgb(230, 23, 64)}.duet-theme-turva .duet-footer-external{color:rgb(255, 255, 255)}.duet-theme-turva duet-logo{margin-left:28px !important}@media (min-width: 62em){.duet-theme-turva duet-logo{margin-left:0 !important}}@media (min-width: 62em){.duet-theme-turva ::slotted([slot=info]){margin-top:4px}}';export{x as duet_footer}
+import{r as e,c as t,h as o,F as i,g as r}from"./p-D3450NfA.js";import{n as a}from"./p-vVCYtBMj.js";import{a as d}from"./p-8RjiAqaE.js";import{i as n}from"./p-KbNgo0QF.js";import{s,u as l}from"./p-BaefVzkx.js";import{a as p,g as m,c as u,d as f}from"./p-D9N9LBeD.js";import{h}from"./p-CcoGR9T9.js";import{p as c}from"./p-C6E9F6QT.js";import"./p-DvwKrUS6.js";const g={fi:{lahi:"© LähiTapiola",turva:"© Turva"},sv:{lahi:"© LokalTapiola",turva:"© Turva"},en:{lahi:"© LocalTapiola",turva:"© Turva"}},b=(e,t)=>({component:"duet-footer",data:t,originalEvent:e}),x=class{constructor(o){e(this,o),this.duetChange=t(this,"duetChange",3),this.duetLogoClick=t(this,"duetLogoClick",7),this.duetMenuClick=t(this,"duetMenuClick",7),this.duetItemClick=t(this,"duetItemClick",7),this.duetAnalytics=t(this,"duetAnalytics",7),this.duetEvent=t(this,"duetEvent",7),this.processedMainItem=null,this.processedItems=null,this.processedMenu=null,this.theme="",this.variation="default",this.margin="auto",this.logoHref="/",this.language=p(),this.accessibleLabelExternalDefaults=d,this.accessibleLabelExternal=m(this.accessibleLabelExternalDefaults),this.handleClick=e=>{e.data.analyticsId&&this.duetAnalytics.emit({component:"duet-footer",analyticsId:e.data.analyticsId}),this.duetChange.emit(e)},this.handleLogoClick=e=>{const t=b(e,{href:this.logoHref,label:"logo"});this.duetLogoClick.emit(t),this.handleClick(t)},this.handleMenuClick=(e,t)=>{const o=b(e,t);this.handleClick(o),this.duetMenuClick.emit(o)},this.handleItemClick=(e,t)=>{const o=b(e,t);this.handleClick(o),this.duetItemClick.emit(o)},this.emitDuetEvent=(e,t)=>{this.duetEvent.emit({component:"duet-footer",data:t,originalEvent:e})},this.setDataAttributes=(e,t)=>{if(t.data)for(const o in t.data)e.dataset[o]=t.data[o]}}componentWillLoad(){n(this),this.refresh(),this.hasInfoSlot=h(this.element,"info")}connectedCallback(){u(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"}),s(this)}disconnectedCallback(){f(this),l(this)}async refresh(){this.processedItems=c(this.items),this.processedMenu=c(this.menu)}getTopItemButtonIcon(e){var t,o;if(!e.href||!e.external)return(null===(t=e.href)||void 0===t?void 0:t.startsWith("tel:"))?"form-tel":(null===(o=e.href)||void 0===o?void 0:o.startsWith("mailto:"))?"navigation-message":"navigation-arrow-right"}isMessagingLink(e){return(null==e?void 0:e.startsWith("tel:"))||(null==e?void 0:e.startsWith("mailto:"))}render(){const e=m(g,this.language),t="turva"===this.theme?e.turva:e.lahi;return o("footer",{key:"41644e999245cd90d4c97839293f95bfa5d9d250",class:{"duet-footer":!0,"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-footer-simple":"simple"===this.variation},"aria-label":this.accessibleLabel},o("div",{key:"5cc2520a6657b134143ef4b54e8bc25cb4ec6f3f",class:"duet-footer-wrapper"},"simple"!==this.variation&&o("div",{key:"6172bf0124114fa0d1447d4cde52541c06513707",class:{"duet-footer-top":!0,"duet-has-info":this.hasInfoSlot},part:"top"},o("div",{key:"8d7fa0e35487812a06867478b0d8c717e8cbc295",class:"footer-top-logo"},o("duet-logo",{key:"88a405f43f8923aec01dfbe7637d8b693c24ee94",href:this.logoHref,onClick:this.handleLogoClick,size:"large",inverse:!0,language:this.language,theme:this.theme})),o("div",{key:"0945fb2a21d2621abd034763e50d30f047fa7734",class:"footer-top-right-container"},o("slot",{key:"73eb607d6eae88968f7066c951f5f8ddf326f55e",name:"info"}),o("div",{key:"1c142d6053b4b3f9b0bae03289e9ad79849cade6",class:"footer-top-items"},this.processedItems&&this.processedItems.map(((e,t)=>o(i,null,t>0&&o("duet-spacer",{size:"x-large",direction:"horizontal"}),o("duet-button",{ref:t=>this.setDataAttributes(t,e),theme:this.theme,id:e.id,class:"duet-footer-link",variation:"plain",margin:"none",fixed:!0,negative:!0,url:e.href,external:e.external,icon:this.getTopItemButtonIcon(e),"icon-right":!this.isMessagingLink(e.href),"icon-size":this.isMessagingLink(e.href)?"medium":"medium-small",onClick:t=>this.handleItemClick(t,e),onMouseEnter:t=>this.emitDuetEvent(t,e),onTouchStart:t=>this.emitDuetEvent(t,e)},e.label))))))),o("slot",{key:"86fc7e14e4fb80b35c4e81659c9e3b35d6c965c7",name:"extra"}),o("p",{key:"f5ddbb6a4cbf19f70259d96ef786cd6b068f503f",class:"duet-footer-menu",part:"menu"},o("span",{key:"9e2390e03d199fc50f6fb67181734a4ba71a38b8",class:"duet-footer-copyright"},`${t} ${(new Date).getFullYear()}`),o("span",{key:"c7b6bc951c3d2dc81abfcc4eac43d6d9061e9421",class:"duet-footer-menu-links"},this.processedMenu&&o(i,{key:"87ef405d79957865d7cfd81f07fb400b9aa2ab1a"},this.processedMenu.map((e=>o("a",{ref:t=>this.setDataAttributes(t,e),href:e.href,id:e.id,target:e.external?"_blank":"_self",onClick:t=>this.handleMenuClick(t,e),onMouseEnter:t=>this.emitDuetEvent(t,e),onTouchStart:t=>this.emitDuetEvent(t,e)},e.label,e.external&&o(i,null,o("duet-visually-hidden",null,", ",this.accessibleLabelExternal),o("span",{class:"duet-footer-external"},o("duet-icon",{icon:a.svg,size:"xx-small",margin:"none",color:"currentColor"}))),o("span",{class:"duet-footer-divider",role:"presentation","aria-hidden":"true"},"/"))))))),o("p",{key:"53c2ae3a42969730299aa948b8b6d42e9d765d32",class:"duet-footer-copyright duet-footer-copyright-mobile"},`${t} ${(new Date).getFullYear()}`)))}get element(){return r(this)}static get watchers(){return{menu:["refresh"],items:["refresh"]}}};x.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;flex-shrink:0;width:100%}::slotted([slot=info]){padding:0 28px;margin-top:0;margin-bottom:16px}@media (min-width: 62em){::slotted([slot=info]){padding:0;margin-top:calc(20px - 0.5em);margin-bottom:0}}.duet-footer{display:block;width:100%;padding-top:24px;padding-bottom:16px;margin-top:48px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(255, 255, 255);text-align:left;background:rgb(8, 42, 77)}.duet-footer.duet-p-0{padding:0 !important}.duet-footer.duet-m-0{margin:0 !important}@media (min-width: 62em){.duet-footer{padding-top:48px;padding-bottom:36px}}.duet-footer a{color:rgb(255, 255, 255);text-decoration:none}.duet-footer a:focus{outline:0}:host(.user-is-tabbing) .duet-footer a:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-footer a:focus,:host(.user-is-tabbing) .duet-footer a:focus.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}@media (min-width: 62em){.duet-footer a{border-radius:4px}}.duet-footer-wrapper{position:relative;margin:0 auto}@media (min-width: 62em){.duet-footer-wrapper{padding:0 72px 0 48px}}@media (min-width: 76.25em){.duet-footer-wrapper{max-width:1110px;padding:0 20px 0 0}}.duet-footer-top{width:100%}@media (min-width: 62em){.duet-footer-top{display:flex;flex-direction:row;align-items:center}.duet-footer-top.duet-has-info{align-items:flex-start}}.duet-footer-top .footer-top-logo{flex-grow:1}.duet-footer-top .footer-top-right-container{flex-grow:1}@media (min-width: 62em){.duet-footer-top .footer-top-right-container{text-align:right}}.duet-footer-top .footer-top-items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-left:28px}@media (min-width: 62em){.duet-footer-top .footer-top-items{flex-direction:row;justify-content:flex-end}}duet-logo{margin-bottom:24px;margin-left:16px !important}@media (min-width: 62em){duet-logo{margin-bottom:0;margin-left:0 !important}}.duet-footer-link{padding:16px !important;display:flex;flex-direction:row;align-items:center;width:100%;font-weight:600;border-bottom:1px solid rgba(255, 255, 255, 0.2);transition:background-color 300ms ease}@media (min-width: 36em){.duet-footer-link{padding-right:20px !important;padding-left:28px !important}}@media (min-width: 62em){.duet-footer-link{width:auto;min-width:0;padding-right:0 !important;padding-left:0 !important;border:0}}.duet-footer-link:first-of-type{margin-top:20px;border-top:1px solid rgba(255, 255, 255, 0.2)}@media (min-width: 62em){.duet-footer-link:first-of-type{margin:0;border:0}}.duet-footer-link span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duet-footer-link:hover{background:rgba(0, 0, 0, 0.1)}@media (min-width: 62em){.duet-footer-link:hover{background:transparent}}.duet-footer-menu{padding:20px !important;display:flex;gap:2rem;padding-left:28px !important;font-size:0.875rem}@media (min-width: 36em){.duet-footer-menu{padding:28px !important}}@media (min-width: 62em){.duet-footer-menu{padding-right:0 !important;padding-left:8px !important}}.duet-footer-menu a{display:inline-block;overflow-wrap:break-word;text-decoration:none}.duet-footer-menu a:hover,.duet-footer-menu a:focus{text-decoration:underline}.duet-footer-menu a:hover .duet-footer-divider,.duet-footer-menu a:focus .duet-footer-divider{text-decoration:none}.duet-footer-menu .duet-footer-divider{display:inline-block;margin:0 8px}.duet-footer-menu .duet-footer-divider-copyright{display:none}.duet-footer-menu .duet-footer-menu-links{display:block;flex:1}@media (min-width: 62em){.duet-footer-menu .duet-footer-menu-links{text-align:right}}.duet-footer-menu a:last-of-type .duet-footer-divider{display:none}.duet-footer-copyright{display:none;font-size:0.875rem;color:rgb(255, 255, 255)}@media (min-width: 62em){.duet-footer-copyright{display:inline}}.duet-footer-copyright.duet-footer-copyright-mobile{display:block;padding-top:0.5rem;padding-bottom:1.25rem;padding-left:28px;text-align:left}@media (min-width: 62em){.duet-footer-copyright.duet-footer-copyright-mobile{display:none}}.duet-footer-simple{padding:0;margin:0;margin-top:16px;color:rgb(8, 42, 77);background:transparent !important;border-top:1px solid rgb(212, 223, 229)}.duet-footer-simple .duet-footer-wrapper{max-width:100%;padding:0 20px;margin:0}@media (min-width: 62em){.duet-footer-simple .duet-footer-wrapper{padding:0 36px}}@media (min-width: 106.25em){.duet-footer-simple .duet-footer-wrapper{padding:0 48px}}.duet-footer-simple .duet-footer-copyright,.duet-footer-simple .duet-footer-menu a{color:rgb(8, 42, 77)}.duet-footer-simple .duet-footer-menu{padding:20px 0 !important}.duet-footer-simple .duet-footer-copyright-mobile{padding-left:0}.duet-footer-simple.duet-theme-turva{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 42, 59)}.duet-footer-external{display:inline-block;margin-left:4px;color:rgb(0, 119, 179)}.duet-footer.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background:rgb(230, 23, 64)}.duet-footer-simple.duet-theme-turva{color:rgb(23, 42, 59);border-color:rgb(212, 221, 226)}.duet-footer-simple.duet-theme-turva .duet-footer-copyright,.duet-footer-simple.duet-theme-turva .duet-footer-menu a{color:rgb(23, 42, 59)}.duet-footer-simple.duet-theme-turva .duet-footer-external{color:rgb(230, 23, 64)}.duet-theme-turva .duet-footer-external{color:rgb(255, 255, 255)}.duet-theme-turva duet-logo{margin-left:28px !important}@media (min-width: 62em){.duet-theme-turva duet-logo{margin-left:0 !important}}@media (min-width: 62em){.duet-theme-turva ::slotted([slot=info]){margin-top:4px}}';export{x as duet_footer}

package/lib/duet/p-6a11ba26.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as M,h as N,g}from"./p-D3450NfA.js";import{i as j}from"./p-KbNgo0QF.js";import{h as D,c as I}from"./p-CcoGR9T9.js";const e=class{constructor(N){M(this,N),this.hasButtonSlot=!1,this.theme="",this.shape="auto",this.icon="",this.iconBackground="default",this.layout="narrow"}componentWillLoad(){j(this),this.hasButtonSlot=D(this.element,"button"),I(this.element,"button","duet-button[variation=plain]")}progressIndicator(){return N("div",{class:"progress-indicator"},Array.from({length:Math.ceil(this.progressTotalSteps)},((M,g)=>N("div",{class:{"progress-step":!0,active:g+1<=this.progressCurrentStep}}))))}render(){const M="narrow"===this.layout?"narrow":"fluid"===this.layout?"fluid":"auto";return N("div",{key:"52d02a4dce3ed0bfe7d0281e536c14b7d2d7af02",class:{"duet-page-heading":!0,"duet-theme-turva":"turva"===this.theme,"has-icon":!!this.icon,[M]:!0}},N("div",{key:"5b8730f3424abb59a4f112a8cf4f820d3ea18f8b",class:"background"},"turva"===this.theme&&N("div",{key:"38b4170db541d4a236704fb6b27740c33919ef83",class:"background-mask"}),"turva"!==this.theme&&"none"!==this.shape&&N("div",{key:"4b4724634d1e265f5647dcd33721a98867e8bd60",class:"brand-shape"}),"turva"!==this.theme&&"none"!==this.shape&&N("div",{key:"26f7bc99f46804ee1102ce912f6ca77d339be248",class:"brand-shape second-shape"}),this.icon&&N("div",{key:"4f2aa62fb0c1db1e07c64e15a089091ec2eab04c",class:{"brand-shaped-icon":!0,"secondary-background":"secondary"===this.iconBackground&&"turva"!==this.theme}},N("duet-icon",{key:"0b654e7123f11229e0c685e0b81a46697a02b292",background:"none",name:this.icon,margin:"none",size:"auto",responsive:!1}))),N("div",{key:"b6d28fa2f26538252371352175a8a9bba5cc8957",class:{heading:!0,"has-back-button":this.hasButtonSlot}},N("slot",{key:"283f4783659934a188371693ff2f418b256f43c3",name:"heading"}),this.hasButtonSlot&&N("div",{key:"bf572a5c8cb71cfb3fba0090e4ca0279b0f9e8f2",class:"button-container"},N("slot",{key:"a78e5b2921240203bcd7572825e46b8a49c236cf",name:"button"})),void 0!==this.progressCurrentStep&&this.progressTotalSteps>0&&N("div",{key:"e0d6bae844200dbd0cc4264186c178e9cbcc4c3a"},N("duet-spacer",{key:"5e02b1d6f9d9ae5133ec857b69da04d73159a213",size:"large"}),N("div",{key:"8b14ec6f1cda71d6a69236e9256faa91519da39e",role:"presentation"},this.progressIndicator()))))}get element(){return g(this)}};e.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-page-heading{position:relative;display:block;width:100%;margin:0 auto;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";color:rgb(8, 42, 77)}.duet-page-heading.duet-p-0{padding:0 !important}.duet-page-heading.duet-m-0{margin:0 !important}.duet-page-heading.auto{overflow:visible}.duet-page-heading.auto .heading,.duet-page-heading.auto .background{max-width:none}.duet-page-heading.fluid,.duet-page-heading.narrow{padding:0 16px}@media (min-width: 36em){.duet-page-heading.fluid{padding:0 28px}}@media (min-width: 62em){.duet-page-heading.fluid{padding:0 56px}}@media (min-width: 76.25em){.duet-page-heading.fluid{max-width:1110px;padding:0}}.duet-page-heading.narrow{max-width:888px}@media (min-width: 36em){.duet-page-heading.narrow{padding:0 48px}}@media (min-width: 48em){.duet-page-heading.narrow{padding:0 72px}}.duet-page-heading .heading{max-width:744px;padding:48px 90px 16px 0}.duet-page-heading .heading.has-back-button{padding-top:72px}@media (min-width: 48em){.duet-page-heading .heading{padding:72px 150px 40px 0}.duet-page-heading .heading.has-back-button{padding-top:94px}}.duet-page-heading:not(.has-icon) .heading{padding-right:0}.duet-page-heading .background{position:absolute;top:0;right:0;left:0;width:100%;max-width:744px;height:104px;margin:0 auto;margin:0 auto}@media (min-width: 48em){.duet-page-heading .background{height:165px}}.duet-page-heading .background .background-mask{position:absolute;top:-20px;right:0;display:block;width:286px;height:331px;pointer-events:none;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");background-repeat:no-repeat;background-size:contain}@media (min-width: 48em){.duet-page-heading .background .background-mask{top:-40px;width:502px;height:577px}}.duet-page-heading .background .brand-shape{position:absolute;top:-157px;right:-20px;width:185px;height:185px;background:rgb(0, 119, 179);border-radius:20%;mix-blend-mode:normal;opacity:0.2;transform:rotate(7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shape{top:-280px;right:-40px;width:325px;height:325px}}.duet-page-heading .background .brand-shape.second-shape{top:-182px;right:100px;width:207px;height:207px;background:rgb(11, 114, 136);opacity:0.1}@media (min-width: 48em){.duet-page-heading .background .brand-shape.second-shape{top:-325px;right:200px;width:365px;height:365px}}.duet-page-heading .background .brand-shaped-icon{position:absolute;top:20px;right:16px;display:flex;align-items:center;justify-content:center;width:85px;width:60px;height:85px;height:60px;background:rgba(0, 119, 179, 0.9);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}.duet-page-heading .background .brand-shaped-icon.secondary-background{background:rgba(8, 42, 77, 0.85)}@media (min-width: 48em){.duet-page-heading .background .brand-shaped-icon{right:36px;width:93px;height:93px}}.duet-page-heading .background .brand-shaped-icon duet-icon{width:60px;height:60px;transform:rotate(-7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shaped-icon duet-icon{width:75px;height:75px}}.duet-page-heading .progress-indicator{display:flex;flex-direction:row;gap:4px}.duet-page-heading .progress-step{width:100%;height:4px;background-color:rgb(181, 198, 208);border-radius:2px}.duet-page-heading .progress-step.active{background-color:rgb(0, 119, 179)}.duet-page-heading .button-container{position:absolute;top:20px;left:0}@media (min-width: 48em){.duet-page-heading .button-container{top:36px}}.duet-page-heading.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(8, 42, 77)}.duet-page-heading.duet-theme-turva .background .background-mask{background-image:none}.duet-page-heading.duet-theme-turva .brand-shaped-icon{background:rgb(23, 42, 59);border-radius:16%;-webkit-mask-image:none;mask-image:none;transform:rotate(0)}.duet-page-heading.duet-theme-turva .brand-shaped-icon duet-icon{top:0;transform:rotate(0)}.duet-page-heading.duet-theme-turva .progress-step{background-color:rgb(178, 194, 205)}.duet-page-heading.duet-theme-turva .progress-step.active{background-color:rgb(230, 23, 64)}';export{e as duet_page_heading}

package/lib/duet/p-6bd78205.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as t,c as e,h as i,H as o,g as l}from"./p-D3450NfA.js";import{D as s}from"./p-BDgGHTHh.js";import{i as a}from"./p-KbNgo0QF.js";import{c as r}from"./p-Cfr_DJqU.js";import{a as n,b as u,c,d,e as m,f as h,g as p}from"./p-BaefVzkx.js";import{a as b,c as g,d as f}from"./p-D9N9LBeD.js";import{c as x}from"./p-CcoGR9T9.js";import{p as v}from"./p-C6E9F6QT.js";const y=class{constructor(i){t(this,i),this.duetChange=e(this,"duetChange",3),this.duetFocus=e(this,"duetFocus",7),this.duetBlur=e(this,"duetBlur",7),this.errorId=r("DuetError"),this.labelId=r("DuetLabel"),this.topCaptionId=r("DuetCaptionTop"),this.selectedLangObject={en:"selected",fi:"valittu",sv:"vald"},this.selectAllLabel={en:"Select all",fi:"Valitse kaikki",sv:"Välj alla"},this.clearAllLabel={en:"Clear all",fi:"Tyhjennä kaikki",sv:"Rensa alla"},this.placeholderLabel={en:"Hint",fi:"Vihje",sv:"Tips"},this.processedItems=[],this.processedGroups=[],this.checkboxesVisible=!1,this.activeDescendant="",this.language=b(),this.margin="auto",this.error="",this.accessibleLiveError="polite",this.expand=!1,this.value=[],this.theme="",this.labelHidden=!1,this.identifier=r("DuetMultiselect"),this.allControls=!1,this.placeholder="",this.disabled=!1,this.label="label",this.tooltip="",this.tooltipDirection="auto",this.onChange=t=>{this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onFocus=t=>{this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-multiselect"})},this.onMultiselectKeyDown=t=>{(n(t)||u(t))&&this.checkboxesVisible&&(this.checkboxesVisible=!1,this.multiselectElement.focus(),t.preventDefault())},this.onMultiselectInputKeyDown=t=>{c(t)&&(t.preventDefault(),this.toggleCheckboxes(),setTimeout((()=>{if(this.checkboxesVisible){const t=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(this.allControls?-2:0)}`);t&&t.focus()}}),200))},this.onCheckboxKeyDown=(t,e)=>{let i;d(t)||m(t)?i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e-1)}`):(h(t)||p(t))&&(i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e+1)}`)),i&&(i.focus(),t.preventDefault(),this.activeDescendant=i.id)},this.toggleCheckboxes=()=>{this.checkboxesVisible=!this.checkboxesVisible},this.toggleCheckbox=(t,e)=>{this.value=function(t,e){return t.includes(e)?t.filter((t=>t!==e)):[...t,e]}(this.value,e),this.onChange(t)},this.handleSelectAllClick=t=>{this.value=this.processedItems,this.onChange(t)},this.handleClearAllClick=t=>{this.value=[],this.onChange(t)},this.getOptionIdentifier=t=>`${this.identifier}-option-${t}`,this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),t.length>0?t.join(" "):null}}handleFocus(t){t.composedPath().every((t=>t!==this.element))&&(this.checkboxesVisible=!1)}componentWillLoad(){a(this),this.isCaptionVisible=!!this.caption,x(this.element,"tooltip","duet-tooltip",1,!0),this.refresh()}connectedCallback(){g(this)}disconnectedCallback(){f(this)}async setFocus(t){this.multiselectElement&&this.multiselectElement.focus(t)}async selectWithValues(t){const e=this.processedItems.filter((e=>t.includes(e.value)));this.value=Array.from(new Set([...this.value,...e]))}async refresh(){const t=v(this.items);this.processedItems=[],this.processedGroups=[],t&&0!==t.length&&(this.processedGroups=void 0!==t[0].items?t:[{label:"",items:t}],this.processedGroups.forEach((t=>t.items.forEach((t=>this.processedItems.push(t))))))}render(){var t;return i(o,{key:"4b8d1905f6d83802479254ed818eddc225a07884",class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand}},i("div",{key:"5448159c21e1975424169c66faa9442471e97390",class:{"duet-multiselect-container":!0,"duet-label-hidden":this.labelHidden,"duet-theme-turva":"turva"===this.theme,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error},onKeyDown:t=>this.onMultiselectKeyDown(t)},i(s,{key:"572ae7df62eeb7870c958fa8812a032f685252c1",theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:this.identifier},this.label),this.tooltip&&i("duet-tooltip",{key:"d6ce07a6fe3994af5ff7e8639febe7380738853e",class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"cabbf0070861de762ff0e7b1fa390fc021c6e56c",name:"tooltip"}),this.caption&&i("duet-caption",{key:"501998a95ac97a8e41aff3f77bb3caef192dcc07",id:this.topCaptionId,size:"medium"},this.caption),i("div",{key:"c32972b8bff8afd700203c2906a1b49b7656555f",class:"duet-multiselect-wrapper"},i("button",{key:"07e7b36d4264aaff222086f518aeeef2c1f9e7d1",id:this.identifier,ref:t=>this.multiselectElement=t,class:{"duet-multiselect":!0,"duet-multiselect-active":this.checkboxesVisible},tabindex:"0",onClick:()=>this.toggleCheckboxes(),onFocus:t=>this.onFocus(t),onBlur:t=>this.onBlur(t),role:"combobox","aria-expanded":this.checkboxesVisible?"true":"false","aria-haspopup":"listbox","aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-owns":`${this.identifier}-checkboxes`,onKeyDown:t=>this.onMultiselectInputKeyDown(t),disabled:this.disabled},i("span",{key:"aaa61bce02a50eca851f48da7ee461474bbae0f3",role:"textbox","aria-readonly":"true","aria-multiline":"false","aria-autocomplete":"none","aria-controls":`${this.identifier}-checkboxes`,"aria-label":this.placeholderLabel[this.language],class:"duet-multiselect-label"},this.placeholder),this.value&&this.value.length>0&&i("span",{key:"b869479691f3a394d89f8720efd7868c13f5fbec",class:"duet-multiselect-badge"},this.value.length,i("duet-visually-hidden",{key:"fcbb5b6dd4b0dc6f4abae50aec12eb21da92d0f4"},this.selectedLangObject[this.language],","," ",Array.isArray(this.value)?this.value.map((t=>t.label)).join(", "):"")),i("svg",{key:"68dc4a3ad25722f3a39628147244ce459a17d6c5",class:{"duet-multiselect-icon":!0,"duet-multiselect-icon--rotate":this.checkboxesVisible},fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"8aeddd5a385ca37e54869993b90bd1838449d526",d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))),i("div",{key:"f46a4bb216b778776acfa1aff5a9867afa236789",id:`${this.identifier}-checkboxes`,role:"listbox",class:{"duet-multiselect-checkboxes":!0,"duet-multiselect-checkboxes-active":this.checkboxesVisible},"aria-activedescendant":this.activeDescendant,"aria-multiselectable":"true"},(null===(t=this.processedItems)||void 0===t?void 0:t.length)&&this.allControls&&i("div",{key:"3907f7054436f56ed50866ab0e191c00c2dd17d7",class:"duet-multiselect-all-control-buttons"},i("button",{key:"e502215643ea66e08be0b55c3ba1deeed79bdaad",class:"duet-multiselect-select-all",onClick:this.handleSelectAllClick,id:this.getOptionIdentifier(-2),onKeyDown:t=>this.onCheckboxKeyDown(t,-2)},this.selectAllLabel[this.language]),i("button",{key:"a63b642a9e24bc18d88e567f1b6c480f074ad578",class:"duet-multiselect-clear-all",onClick:this.handleClearAllClick,id:this.getOptionIdentifier(-1),onKeyDown:t=>this.onCheckboxKeyDown(t,-1)},this.clearAllLabel[this.language])),this.processedItems&&this.processedGroups.map((t=>i("fieldset",null,t.label&&i("legend",null,t.label),t.items.map(((t,e)=>{var o,l;return i("duet-checkbox",{identifier:this.getOptionIdentifier(e),role:"option",label:t.label,value:t.value,key:t.value,checked:null===(o=this.value)||void 0===o?void 0:o.includes(t),"accessible-selected":(null===(l=this.value)||void 0===l?void 0:l.includes(t))?"true":void 0,disabled:!this.checkboxesVisible||t.disabled,onDuetChange:e=>this.toggleCheckbox(e,t),onKeyDown:t=>this.onCheckboxKeyDown(t,e),theme:this.theme})}))))))),i("span",{key:"221b275486bef481c990d6625bc92120cd452e83",class:"duet-multiselect-help duet-multiselect-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&i("span",{key:"022173402cfe3a2facde3bf6f9ba63c22b68a949"},this.error))))}get element(){return l(this)}static get watchers(){return{items:["refresh"]}}};y.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:16px !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}.duet-multiselect-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){.duet-multiselect-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-multiselect-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-multiselect-container{position:relative;width:100%}.duet-multiselect-wrapper{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-multiselect{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;overflow:hidden;text-overflow:ellipsis;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px}.duet-multiselect .duet-multiselect-label{overflow:hidden;text-overflow:ellipsis}.duet-multiselect:hover:not(:focus){outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-multiselect:hover:not(:focus),.duet-multiselect:hover:not(:focus).duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.has-error .duet-multiselect:hover:not(:focus){outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{outline:2px solid;outline-color:rgb(0, 119, 179) !important;outline-offset:-1px}.duet-theme-turva .duet-multiselect:focus,.duet-multiselect:focus.duet-theme-turva,.duet-theme-turva .duet-multiselect.duet-multiselect-active,.duet-multiselect.duet-multiselect-active.duet-theme-turva{outline-color:rgb(23, 42, 59) !important}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255) !important}.duet-multiselect[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 236, 239) !important;border-color:rgb(181, 198, 208) !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-multiselect>:first-child{flex:1;min-height:24px}.duet-multiselect .duet-multiselect-badge{padding:4px 8px 4px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.75rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);background:#d9ebf4;border-radius:20rem}.duet-multiselect .duet-multiselect-icon{margin-left:12px}.has-error .duet-multiselect{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important}.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-multiselect svg{width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none}.duet-multiselect svg.duet-multiselect-icon--rotate{transform:rotate(180deg)}.duet-multiselect-checkboxes{position:absolute;z-index:700;visibility:hidden;width:100%;padding:16px;margin:8px 0 0;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease}.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active{visibility:visible;opacity:1;transform:scale(1.0001) translateZ(0) translateY(0);transition-property:transform, opacity}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons{padding:8px 0;margin:-16px;margin-bottom:16px;border-bottom:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{padding:6px 16px;margin:-4px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;color:rgb(0, 119, 179);cursor:pointer;border-radius:4px}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus,.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child{border-right:1px solid rgb(212, 223, 229)}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(8, 42, 77)}.duet-multiselect-checkboxes fieldset{margin-top:8px;margin-bottom:12px}.duet-multiselect-checkboxes fieldset+fieldset{margin-top:28px}.duet-multiselect-checkboxes legend{margin-bottom:12px;font-size:1rem;font-weight:600}.duet-multiselect-help{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-multiselect-help span{display:block;margin-top:8px}.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-theme-turva .duet-multiselect-wrapper{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-theme-turva .duet-multiselect{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-multiselect[disabled]{color:rgb(95, 122, 143) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 233, 237) !important;border-color:rgb(178, 194, 205) !important;opacity:1 !important;-webkit-text-fill-color:rgb(23, 42, 59) !important}.duet-theme-turva .duet-multiselect svg{color:rgb(23, 42, 59)}.duet-theme-turva .duet-multiselect .duet-multiselect-badge{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:rgb(23, 42, 59);background:#e8eaeb}.duet-theme-turva .duet-multiselect-checkboxes{background:rgb(255, 255, 255);border-color:rgb(212, 221, 226);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons 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(230, 23, 64)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 42, 59)}.duet-theme-turva .duet-multiselect-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(120, 145, 164)}.duet-theme-turva.has-error .duet-multiselect-help{color:rgb(214, 28, 82)}';export{y as duet_multiselect}

package/lib/duet/p-6c239923.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as e,h as t,H as i,g as a}from"./p-D3450NfA.js";import{n as o}from"./p-vVCYtBMj.js";import{a as n}from"./p-8RjiAqaE.js";import{i as s}from"./p-KbNgo0QF.js";import{g as l}from"./p-JFwTD5kM.js";import{g as r,c,d}from"./p-D9N9LBeD.js";import"./p-DvwKrUS6.js";import"./p-CcoGR9T9.js";import"./p-C6E9F6QT.js";const p=class{constructor(t){e(this,t),this.theme="",this.targetLanguage=void 0,this.active=!1,this.href="#",this.icon=void 0,this.size="inherit",this.caret=!1,this.menuItem=!1,this.accessibleLabelExternalDefaults=n,this.accessibleLabelExternal=r(this.accessibleLabelExternalDefaults),this.external=!1}componentWillLoad(){s(this)}connectedCallback(){c(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})}disconnectedCallback(){d(this)}render(){return t(i,{key:"dc6e16cb08fd3e309601ebfe4bd1b64cdb83fa3c"},t("a",{key:"565a7243cf494ed6e8ec78435b3b90490dfae422",target:this.href?this.external?"_blank":"_self":null,class:{"duet-slideout-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active,[this.size]:!0},href:this.href,"aria-current":this.active?"true":"false",lang:this.targetLanguage,hreflang:this.targetLanguage,"aria-label":this.href&&l(this)||this.accessibleLabel,rel:this.external?"noopener":void 0},this.icon&&t("duet-icon",{key:"61a9ba050ab811c82ec0f824e2235a4fd3c7bc2b",name:this.icon,color:"secondary",size:this.menuItem?"x-small":"small",margin:"none"}),t("div",{key:"f481a2e77aed5fa8e0781be21f7dd3527fc24532",class:"label"},t("span",{key:"2e1a3676bac5ea9d24198535c3f56a1913485450"},t("span",{key:"c6d4fc5cfab9566872f9f7f442b4171f8e9f3849",class:"label-container"},t("span",{key:"55332c9a4587cdef32f32cd2e740d2e9edcc19b3",class:"label-content"},t("slot",{key:"94c66169219750becb8d9f068cd2744cb761bf3c"})),this.external&&t("duet-icon",{key:"5208591ea13aa8bf9b7f90ce40cb858de42a173f",class:"external-icon",theme:this.theme,name:o.title,margin:"none",size:"auto",color:"currentColor"})),t("slot",{key:"44418b62998ee7874f226014f4cdcd47a454a164",name:"description"})),this.caret&&t("duet-icon",{key:"052f984772e360db9890e2d5259bc8687732c00e",name:"action-arrow-right",color:"secondary",size:"x-small",margin:"none"}))))}get element(){return a(this)}};p.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%}.duet-slideout-link{position:relative;display:flex;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-slideout-link.active span{position:relative}.duet-slideout-link.active .label-content::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:"";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1rem;font-weight:600}.duet-slideout-link.large{font-size:1.25rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%}.duet-slideout-link .label-container{display:flex;gap:8px;align-items:center;justify-content:flex-start;width:100%}.duet-slideout-link .external-icon{width:10px;height:10px}.duet-slideout-link.medium .external-icon,.duet-slideout-link.large .external-icon{width:12px;height:12px}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(98, 121, 138)}.duet-slideout-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}.duet-slideout-link.duet-theme-turva.active .label-content::after{background:rgb(230, 23, 64)}slot[name=description]::slotted(*){color:rgb(23, 42, 59)}';export{p as duet_slideout_link}

package/lib/duet/{p-7a5066b8.entry.js → p-6ce82324.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as t,h as e,H as d,g as a}from"./p-Cwhi6_oZ.js";import{i}from"./p-DxESMgwA.js";import{c as n}from"./p--fmK3qPb.js";const p=class{constructor(e){t(this,e),this.hasSidebar=!1,this.hasTop=!1,this.hasPageHeading=!1,this.sticky=!1,this.margin="auto",this.stickyDistance="with-links",this.center=!1,this.tabs=!1,this.middle=!1,this.paddingBreakpoint=void 0}componentWillLoad(){this.hasSidebar=!!this.element.querySelector("[slot='sidebar']"),this.hasTop=!!this.element.querySelector("[slot='top']"),this.hasPageHeading=!!this.element.querySelector("[slot='page-heading']"),n(this.element,"page-heading","duet-page-heading",1,!0),this.element.querySelector("[slot='main']")||console.warn("[DUET WARNING]: Nothing passed to <duet-layout> named slots. Please use one of 'main', 'sidebar' or 'top' to display contents.")}render(){return e(d,{key:"53712da1e22dc258d30906570bf1271624379ed8",class:{center:this.center,"duet-middle":this.middle,"duet-ie":i()}},e("div",{key:"80dc2f3b86a02c22c7aebd8802bd332154c4a273",class:{"duet-layout-wrapper":!0,"duet-m-0":"none"===this.margin}},this.hasTop&&e("div",{key:"9f3f4c713d5b921ad78480072e3dcea4d4867d04",class:{"duet-layout-top":!0,"duet-center":this.center}},e("div",{key:"7cd44f76b96b5e2bd6033cc044f08e75a10760ed",class:"duet-layout-top-wrapper"},e("slot",{key:"7743f1fe659f31925b27a85a970e934506b935e7",name:"top"}))),e("div",{key:"637a68f8376e073f146c63f2c866b6f52722577e",class:{"duet-layout":!0,"has-sidebar":this.hasSidebar,"duet-center":this.center,[`padding-${this.paddingBreakpoint}`]:!!this.paddingBreakpoint}},e("main",{key:"f6b2682dfb675be08976b23a485cf1a7ad76de0c",class:"duet-main"},this.hasPageHeading&&e("slot",{key:"9ec618959d54d768b880f95e05df0e5aaf76de75",name:"page-heading"}),e("slot",{key:"b3c960b48d55fb863854fc34e126b1a143b3d194",name:"main"})),this.hasSidebar&&e("aside",{key:"68671aab139ba365d60284909e489a78bd7438d3",class:"duet-sidebar"},e("div",{key:"60a53e1fa61ccec8fa2b85f20b475c52e016b963",class:{"duet-sidebar-container":!0,"has-tabs":this.tabs,sticky:this.sticky,[this.stickyDistance]:this.sticky}},e("slot",{key:"a6131a1af98bb5cf2c6c808b15cea9e6996143f3",name:"sidebar"}))))))}get element(){return a(this)}};p.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 96px);margin:0 -48px 0 -48px}}@media (min-width: 48em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 144px);margin:0 -72px 0 -72px}}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;flex:1 0 auto;width:100%}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";export{p as duet_layout}
+import{r as t,h as e,H as d,g as a}from"./p-D3450NfA.js";import{i}from"./p-DxESMgwA.js";import{c as n}from"./p-CcoGR9T9.js";const p=class{constructor(e){t(this,e),this.hasSidebar=!1,this.hasTop=!1,this.hasPageHeading=!1,this.sticky=!1,this.margin="auto",this.stickyDistance="with-links",this.center=!1,this.tabs=!1,this.middle=!1,this.paddingBreakpoint=void 0}componentWillLoad(){this.hasSidebar=!!this.element.querySelector("[slot='sidebar']"),this.hasTop=!!this.element.querySelector("[slot='top']"),this.hasPageHeading=!!this.element.querySelector("[slot='page-heading']"),n(this.element,"page-heading","duet-page-heading",1,!0),this.element.querySelector("[slot='main']")||console.warn("[DUET WARNING]: Nothing passed to <duet-layout> named slots. Please use one of 'main', 'sidebar' or 'top' to display contents.")}render(){return e(d,{key:"c3ba619c0c3088257b425ba8f5022ebef33c1100",class:{center:this.center,"duet-middle":this.middle,"duet-ie":i()}},e("div",{key:"d627f63579dfb957bf3abe17191e8a8e943f0aae",class:{"duet-layout-wrapper":!0,"duet-m-0":"none"===this.margin}},this.hasTop&&e("div",{key:"4586ff77f2ef4209020a2401eef63273527a2e27",class:{"duet-layout-top":!0,"duet-center":this.center}},e("div",{key:"daebb47e73054b59bb0459dc3327e0e60b17ebbe",class:"duet-layout-top-wrapper"},e("slot",{key:"339fac00b53c0b4f532cfc77d5743217b5f72057",name:"top"}))),e("div",{key:"bbf287d1f0aa701c40553a426b7a77b0a1c24c17",class:{"duet-layout":!0,"has-sidebar":this.hasSidebar,"duet-center":this.center,[`padding-${this.paddingBreakpoint}`]:!!this.paddingBreakpoint}},e("main",{key:"0d75aa9aeb65fa61f8e0ff114cee467abe49f1cd",class:"duet-main"},this.hasPageHeading&&e("slot",{key:"fd0ed7464c54122f1cfbbfbfc40f78d8c9ab41c7",name:"page-heading"}),e("slot",{key:"1004e4007a1d82e22147ddf3a883e8ddc9c7b0dc",name:"main"})),this.hasSidebar&&e("aside",{key:"167c6d2495c8bbc7cd0275f723e0810b9fc311b6",class:"duet-sidebar"},e("div",{key:"f0bbcbeb756bf18ba1b678c405c3890fb00ad857",class:{"duet-sidebar-container":!0,"has-tabs":this.tabs,sticky:this.sticky,[this.stickyDistance]:this.sticky}},e("slot",{key:"b8b30e8b29bb87ea6a0c0891ca5f841d0921f72b",name:"sidebar"}))))))}get element(){return a(this)}};p.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 96px);margin:0 -48px 0 -48px}}@media (min-width: 48em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 144px);margin:0 -72px 0 -72px}}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;flex:1 0 auto;width:100%}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";export{p as duet_layout}

package/lib/duet/{p-526fa31c.entry.js → p-6d1d1199.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as t,c as e,h as a,H as i,g as o}from"./p-Cwhi6_oZ.js";import{i as r}from"./p-D2EBd3cT.js";import{D as s}from"./p-CtBx3Trd.js";import{c as n}from"./p-Cfr_DJqU.js";import{c as l}from"./p-CLDy7YaM.js";import{d}from"./p-BlUsLmbQ.js";import{a as h,f as u}from"./p-DWIjWGAD.js";import{c as p,p as c}from"./p--fmK3qPb.js";import"./p-C6E9F6QT.js";const m=({value:t,maxlength:e,theme:i})=>{if(null!=e)return a("div",{class:"duet-character-count"},a("duet-caption",{margin:"none",theme:i,size:"small"},a("span",{"aria-hidden":"true"},t.length,"/",e)))},b=class{constructor(a){t(this,a),this.duetInput=e(this,"duetInput",7),this.duetChange=e(this,"duetChange",7),this.duetBlur=e(this,"duetBlur",7),this.duetFocus=e(this,"duetFocus",7),this.textareaId=n("DuetTextarea"),this.proxyId=n("DuetTextarea"),this.topCaptionId=n("DuetCaptionTop"),this.topCaptionPlaceholderId=n("DuetCaptionPlaceholderTop"),this.labelId=n("DuetLabel"),this.errorId=n("DuetError"),this.characterCountId=n("DuetCharacterCount"),this.visuallyHiddenCounterDebounceMS=2e3,this.disallowPatternRegex=null,this.charactersRemainingLabel={fi:"{remaining}, merkkiä jäljellä {max}{postfix}.",en:"{remaining} characters remaining out of {max}.",sv:"{remaining} tecken kvar av {max}."},this.language=h(),this.margin="auto",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveError="polite",this.theme="",this.expand=!1,this.disabled=!1,this.required=!1,this.label="label",this.labelHidden=!1,this.echoPlaceholder=!1,this.error="",this.tooltip="",this.tooltipDirection="auto",this.value="",this.disallowPattern=null,this.counter=!1,this.counterLabel="",this.handleInput=t=>{this.maxlength&&this.nativeInput.value.length>this.maxlength&&(this.nativeInput.value=this.nativeInput.value.slice(0,this.maxlength)),this.disallowPatternRegex&&l(this.nativeInput,this.disallowPatternRegex),this.value=this.nativeInput.value,this.isCaptionVisible=!!this.caption,this.duetInput.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleChange=t=>{this.value=this.nativeInput.value,this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleFocus=t=>{this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),this.counter&&this.maxlength&&t.push(this.characterCountId),t.length>0?t.join(" "):null}}get validity(){return this.nativeInput.validity}valueChange(t,e){t!==e&&d((()=>this.updateVisuallyHiddenCounterText()),this.visuallyHiddenCounterDebounceMS)()}disallowedPatternChange(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null}componentWillLoad(){r(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,this.updateVisuallyHiddenCounterText(),p(this.element,"tooltip","duet-tooltip",1,!0),this.counter&&null==this.maxlength&&console.warn("[DUET WARNING]: counter will only take effect if maxlength is set")}updateVisuallyHiddenCounterText(){var t;const e=u(Math.max(this.maxlength-((null===(t=this.value)||void 0===t?void 0:t.length)||0),0)),a=this.maxlength%100==0||[2,3,6,8].includes(this.maxlength%10)?":sta":":stä";this.visuallyHiddenCounterText=this.charactersRemainingLabel[this.language].replace("{remaining}",e).replace("{max}",u(this.maxlength)).replace("{postfix}",a)}componentDidRender(){c(this.element,this.proxyId,this.name,this.value,this.required)}async setFocus(t){this.nativeInput.focus(t)}render(){const t=this.identifier||this.textareaId;return a(i,{key:"05f3a128ed669c1c1ca8c0a2a18b3e031b324813",class:{"duet-m-0":"none"===this.margin,"duet-has-counter":this.counter&&!this.error,"duet-expand":this.expand}},a("div",{key:"cdd7bcb109c16962d31337146fe774bc7efb248c",class:{"duet-textarea-container":!0,"duet-theme-turva":"turva"===this.theme,"duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},a(s,{key:"9577e3a46d2b1344744377fbada4ad5328482faa",theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:t},this.label),this.tooltip&&a("duet-tooltip",{key:"c7dfb100492fda0d4b0520a94817a21ff6f7b2f4",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:"turva"===this.theme?"turva":"default"},this.tooltip),a("slot",{key:"73d669dcf81bec021dd60d536bcc868a1219493b",name:"tooltip"}),this.caption&&a("duet-caption",{key:"87e9b7e449ab45c533471f0e4a55a56a2886938b",id:this.topCaptionId,size:"medium",theme:"turva"===this.theme?"turva":"default"},this.caption),a("div",{key:"3d776d906f0c1aaec10060fea52ed11aed6cae20",class:"duet-textarea-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&a("duet-caption",{key:"c11be289c215a5a4a2487cffcbd3c154e266b506",id:this.topCaptionPlaceholderId,class:"duet-textarea-placeholder",size:"small"},this.placeholder),a("textarea",{key:"20ad68b533a7f0ff28ab8d4834eb8d98640b80fa",onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:t=>this.nativeInput=t,class:{"duet-textarea":!0,disabled:this.disabled},value:this.value,disabled:this.disabled,"aria-labelledby":this.accessibleLabelledBy?`${this.labelId} ${this.accessibleLabelledBy}`:this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,placeholder:this.placeholder,spellcheck:"false",required:this.required,rows:this.rows,minlength:this.minlength,maxlength:this.maxlength,role:this.role,name:this.name,id:t})),a("duet-grid",{key:"97abd3da766e5639bfe79bf20bb8ba0d8445cdfe",alignment:"stretch"},a("duet-grid-item",{key:"fcfe43263013ccb1df5f6b4ad99ba412d224ed87",margin:"none",fill:!0},a("div",{key:"88a02d777a98f50bf1827da24cd1b8e41826714f",class:"duet-textarea-help duet-textarea-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&a("span",{key:"626befd06c4ce9ee080962e223e6b0b5c90a52ee"},this.error))),a("duet-grid-item",{key:"58e2571ae0fc52c2488b64aedfb26c722a90be48",margin:"none",class:"duet-character-count-caption"},this.counter&&a(m,{key:"3a0ae7aefb6b52348a252b49cf166139cb1b4e27",theme:this.theme,value:this.value,maxlength:this.maxlength}))),this.counter&&this.maxlength&&a("duet-visually-hidden",{key:"146f69804cf6df2efcd04212e8853fdf15524f77",id:this.characterCountId,class:"visually-hidden-counter","aria-live":"polite"},this.visuallyHiddenCounterText)))}get element(){return o(this)}static get watchers(){return{value:["valueChange"],disallowPattern:["disallowedPatternChange"]}}};b.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:16px !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-textarea-container{position:relative;width:100%;height:100%}.duet-textarea-container .duet-input-top-caption{display:none}.duet-textarea-container.duet-input-top-caption-shown .duet-input-top-caption{display:flex !important}.duet-textarea-wrapper{position:relative}.duet-textarea-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px}.duet-textarea:focus{outline:2px solid;outline-offset:0;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-textarea:focus,.duet-textarea:focus.duet-theme-turva{outline:2px solid;outline-offset:0;outline-color:rgba(53, 79, 101, 0.8)}.has-error .duet-textarea{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important}.duet-textarea[rows]{min-height:auto}.duet-textarea::placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-textarea:focus::placeholder{color:rgb(181, 198, 208)}.duet-textarea[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 236, 239) !important;border-color:rgb(181, 198, 208) !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-textarea[disabled]::placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-textarea:hover:not(:disabled):not(:focus){outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-textarea:hover:not(:disabled):not(:focus),.duet-textarea:hover:not(:disabled):not(:focus).duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.has-error .duet-textarea:hover:not(:disabled):not(:focus){outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important}.duet-textarea:focus{outline:2px solid;outline-color:rgb(0, 119, 179) !important;outline-offset:-1px}.duet-theme-turva .duet-textarea:focus,.duet-textarea:focus.duet-theme-turva{outline-color:rgb(23, 42, 59) !important}.has-error .duet-textarea:focus{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255) !important}.duet-textarea:not(:focus):not(:hover):invalid{outline:none}.duet-textarea-help{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;line-height:1.25}.duet-textarea-help span{display:block;margin-top:8px}.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-character-count{display:block;margin:8px 0 0 auto}.duet-theme-turva .duet-textarea{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-textarea::placeholder{color:rgb(120, 145, 164)}.duet-theme-turva .duet-textarea:focus{border-color:rgb(23, 42, 59)}.duet-theme-turva .duet-textarea:focus::placeholder{color:rgb(178, 194, 205)}.duet-theme-turva .duet-textarea[disabled]::placeholder{color:rgb(23, 42, 59)}.duet-theme-turva .duet-textarea[disabled]{color:rgb(95, 122, 143) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 233, 237) !important;border-color:rgb(178, 194, 205) !important;opacity:1 !important;-webkit-text-fill-color:rgb(23, 42, 59) !important}.duet-theme-turva.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-theme-turva .duet-textarea-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(120, 145, 164)}';export{b as duet_textarea}
+import{r as t,c as e,h as a,H as i,g as o}from"./p-D3450NfA.js";import{i as r}from"./p-KbNgo0QF.js";import{D as s}from"./p-BDgGHTHh.js";import{c as n}from"./p-Cfr_DJqU.js";import{c as l}from"./p-CLDy7YaM.js";import{d}from"./p-BlUsLmbQ.js";import{a as h,f as u}from"./p-D9N9LBeD.js";import{c as p,p as c}from"./p-CcoGR9T9.js";import"./p-C6E9F6QT.js";const m=({value:t,maxlength:e,theme:i})=>{if(null!=e)return a("div",{class:"duet-character-count"},a("duet-caption",{margin:"none",theme:i,size:"small"},a("span",{"aria-hidden":"true"},t.length,"/",e)))},b=class{constructor(a){t(this,a),this.duetInput=e(this,"duetInput",7),this.duetChange=e(this,"duetChange",7),this.duetBlur=e(this,"duetBlur",7),this.duetFocus=e(this,"duetFocus",7),this.textareaId=n("DuetTextarea"),this.proxyId=n("DuetTextarea"),this.topCaptionId=n("DuetCaptionTop"),this.topCaptionPlaceholderId=n("DuetCaptionPlaceholderTop"),this.labelId=n("DuetLabel"),this.errorId=n("DuetError"),this.characterCountId=n("DuetCharacterCount"),this.visuallyHiddenCounterDebounceMS=2e3,this.disallowPatternRegex=null,this.charactersRemainingLabel={fi:"{remaining}, merkkiä jäljellä {max}{postfix}.",en:"{remaining} characters remaining out of {max}.",sv:"{remaining} tecken kvar av {max}."},this.language=h(),this.margin="auto",this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLiveError="polite",this.theme="",this.expand=!1,this.disabled=!1,this.required=!1,this.label="label",this.labelHidden=!1,this.echoPlaceholder=!1,this.error="",this.tooltip="",this.tooltipDirection="auto",this.value="",this.disallowPattern=null,this.counter=!1,this.counterLabel="",this.handleInput=t=>{this.maxlength&&this.nativeInput.value.length>this.maxlength&&(this.nativeInput.value=this.nativeInput.value.slice(0,this.maxlength)),this.disallowPatternRegex&&l(this.nativeInput,this.disallowPatternRegex),this.value=this.nativeInput.value,this.isCaptionVisible=!!this.caption,this.duetInput.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleChange=t=>{this.value=this.nativeInput.value,this.duetChange.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleBlur=t=>{this.duetBlur.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.handleFocus=t=>{this.duetFocus.emit({originalEvent:t,value:this.value,component:"duet-textarea"})},this.getDescribedBy=()=>{const t=[];return this.isCaptionVisible&&this.topCaptionId&&t.push(this.topCaptionId),this.accessibleDescribedBy&&t.push(this.accessibleDescribedBy),this.error&&t.push(this.errorId),this.counter&&this.maxlength&&t.push(this.characterCountId),t.length>0?t.join(" "):null}}get validity(){return this.nativeInput.validity}valueChange(t,e){t!==e&&d((()=>this.updateVisuallyHiddenCounterText()),this.visuallyHiddenCounterDebounceMS)()}disallowedPatternChange(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null}componentWillLoad(){r(this),this.disallowedPatternChange(),this.isCaptionVisible=!!this.caption,this.updateVisuallyHiddenCounterText(),p(this.element,"tooltip","duet-tooltip",1,!0),this.counter&&null==this.maxlength&&console.warn("[DUET WARNING]: counter will only take effect if maxlength is set")}updateVisuallyHiddenCounterText(){var t;const e=u(Math.max(this.maxlength-((null===(t=this.value)||void 0===t?void 0:t.length)||0),0)),a=this.maxlength%100==0||[2,3,6,8].includes(this.maxlength%10)?":sta":":stä";this.visuallyHiddenCounterText=this.charactersRemainingLabel[this.language].replace("{remaining}",e).replace("{max}",u(this.maxlength)).replace("{postfix}",a)}componentDidRender(){c(this.element,this.proxyId,this.name,this.value,this.required)}async setFocus(t){this.nativeInput.focus(t)}render(){const t=this.identifier||this.textareaId;return a(i,{key:"a84e87889b86103cfb25a6fb62d5ae9fc921dde3",class:{"duet-m-0":"none"===this.margin,"duet-has-counter":this.counter&&!this.error,"duet-expand":this.expand}},a("div",{key:"1cac0725d91c47a8539a3a915e033ff98dbcefeb",class:{"duet-textarea-container":!0,"duet-theme-turva":"turva"===this.theme,"duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},a(s,{key:"902dadd1b95a410ed378ce38e71644138e3aae28",theme:"turva"===this.theme?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:t},this.label),this.tooltip&&a("duet-tooltip",{key:"db32f6f507a45acaeb0c1a5128544855ae8e0e31",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:"turva"===this.theme?"turva":"default"},this.tooltip),a("slot",{key:"40464ec1d95d3880de8197f5780865cdff77233d",name:"tooltip"}),this.caption&&a("duet-caption",{key:"818b2b3294cca406e31397dfb2a77110891bd4ee",id:this.topCaptionId,size:"medium",theme:"turva"===this.theme?"turva":"default"},this.caption),a("div",{key:"515635119956e32aba3bf1949f183bd37dcbbf63",class:"duet-textarea-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&a("duet-caption",{key:"040fe7c9caaa720aa2b2ae9124252da85d083ceb",id:this.topCaptionPlaceholderId,class:"duet-textarea-placeholder",size:"small"},this.placeholder),a("textarea",{key:"39f181d89675a7c0cdd6a0492108c61aa8a66779",onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:t=>this.nativeInput=t,class:{"duet-textarea":!0,disabled:this.disabled},value:this.value,disabled:this.disabled,"aria-labelledby":this.accessibleLabelledBy?`${this.labelId} ${this.accessibleLabelledBy}`:this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,placeholder:this.placeholder,spellcheck:"false",required:this.required,rows:this.rows,minlength:this.minlength,maxlength:this.maxlength,role:this.role,name:this.name,id:t})),a("duet-grid",{key:"4cefb97e18df23468e25743c4f62e4df7e5d9257",alignment:"stretch"},a("duet-grid-item",{key:"bb2d8ca91b5478ceb814090fe1c24e48704f5747",margin:"none",fill:!0},a("div",{key:"208c4ddda91e2b97459815079c7b9a552366d4ab",class:"duet-textarea-help duet-textarea-error",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&a("span",{key:"9957ee1bbb21233d09e116992fa88f14185f043a"},this.error))),a("duet-grid-item",{key:"99713afc0205b671f95297e3991ed28a55a73b73",margin:"none",class:"duet-character-count-caption"},this.counter&&a(m,{key:"855bec2958e7aa564ec9ca5958881ad1d597fd2b",theme:this.theme,value:this.value,maxlength:this.maxlength}))),this.counter&&this.maxlength&&a("duet-visually-hidden",{key:"d76477f0c64de79265740ae7a6bb251bdba9dd0f",id:this.characterCountId,class:"visually-hidden-counter","aria-live":"polite"},this.visuallyHiddenCounterText)))}get element(){return o(this)}static get watchers(){return{value:["valueChange"],disallowPattern:["disallowedPatternChange"]}}};b.style='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:16px !important;margin-bottom:12px !important;display:block;width:100%;max-width:100%;text-align:left}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:16px !important}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}:host.duet-expand{width:100% !important}}:host(.duet-m-0){margin:0 !important}duet-tooltip,::slotted(duet-tooltip){position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip,::slotted(duet-tooltip){position:relative;top:4px;right:auto}}.duet-textarea-container{position:relative;width:100%;height:100%}.duet-textarea-container .duet-input-top-caption{display:none}.duet-textarea-container.duet-input-top-caption-shown .duet-input-top-caption{display:flex !important}.duet-textarea-wrapper{position:relative}.duet-textarea-placeholder{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px}.duet-textarea:focus{outline:2px solid;outline-offset:0;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-textarea:focus,.duet-textarea:focus.duet-theme-turva{outline:2px solid;outline-offset:0;outline-color:rgba(53, 79, 101, 0.8)}.has-error .duet-textarea{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important}.duet-textarea[rows]{min-height:auto}.duet-textarea::placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-textarea:focus::placeholder{color:rgb(181, 198, 208)}.duet-textarea[disabled]{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 236, 239) !important;border-color:rgb(181, 198, 208) !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-textarea[disabled]::placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-textarea:hover:not(:disabled):not(:focus){outline:2px solid;outline-color:rgb(127, 150, 165) !important;outline-offset:-1px}.duet-theme-turva .duet-textarea:hover:not(:disabled):not(:focus),.duet-textarea:hover:not(:disabled):not(:focus).duet-theme-turva{outline-color:rgb(120, 145, 164) !important}.has-error .duet-textarea:hover:not(:disabled):not(:focus){outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important}.duet-textarea:focus{outline:2px solid;outline-color:rgb(0, 119, 179) !important;outline-offset:-1px}.duet-theme-turva .duet-textarea:focus,.duet-textarea:focus.duet-theme-turva{outline-color:rgb(23, 42, 59) !important}.has-error .duet-textarea:focus{outline-offset:-1px;background-color:rgb(255, 240, 243) !important;border-color:rgb(214, 28, 82) !important;outline-width:2px;outline-color:rgb(214, 28, 82) !important;background:rgb(255, 255, 255) !important}.duet-textarea:not(:focus):not(:hover):invalid{outline:none}.duet-textarea-help{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;line-height:1.25}.duet-textarea-help span{display:block;margin-top:8px}.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-label-hidden .duet-internal-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0)}.duet-character-count{display:block;margin:8px 0 0 auto}.duet-theme-turva .duet-textarea{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 42, 59);border-color:rgb(120, 145, 164)}.duet-theme-turva .duet-textarea::placeholder{color:rgb(120, 145, 164)}.duet-theme-turva .duet-textarea:focus{border-color:rgb(23, 42, 59)}.duet-theme-turva .duet-textarea:focus::placeholder{color:rgb(178, 194, 205)}.duet-theme-turva .duet-textarea[disabled]::placeholder{color:rgb(23, 42, 59)}.duet-theme-turva .duet-textarea[disabled]{color:rgb(95, 122, 143) !important;cursor:not-allowed !important;outline:none !important;background:rgb(228, 233, 237) !important;border-color:rgb(178, 194, 205) !important;opacity:1 !important;-webkit-text-fill-color:rgb(23, 42, 59) !important}.duet-theme-turva.has-error .duet-textarea-help{color:rgb(214, 28, 82)}.duet-theme-turva .duet-textarea-help{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(120, 145, 164)}';export{b as duet_textarea}

package/lib/duet/p-81c5d3e3.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as t,h as o,H as e,g as a}from"./p-D3450NfA.js";import{D as r}from"./p-8RjiAqaE.js";import{i as d}from"./p-KbNgo0QF.js";import{s as i,u as s}from"./p-BaefVzkx.js";import{g as n}from"./p-D9N9LBeD.js";import{h as g,c as b,a as l}from"./p-CcoGR9T9.js";import"./p-C6E9F6QT.js";const c=class{constructor(o){t(this,o),this.hasTooltipSlot=!1,this.theme="",this.variation="default",this.background="normal",this.margin="auto",this.tooltip="",this.getBadgeText=()=>this.element.textContent,this.getVariationLabel=()=>{if("subtle"===this.variation)return"";const t=["default","success","danger","warning"].includes(this.variation)?this.variation:"default";return n(r[t])}}connectedCallback(){i(this)}disconnectedCallback(){s(this)}componentWillLoad(){d(this),this.hasTooltipSlot=g(this.element,"tooltip"),b(this.element,"tooltip","duet-tooltip",1,!0),this.hasTooltipSlot&&(l(this.element,"tooltip")[0].badgeElement=this.element)}render(){const t=`background-${this.background}`;return o(e,{key:"a560a9bf8c66e7b54260cf1a51c2bb4728d204bd",class:{"duet-m-0":"none"===this.margin}},o("span",{key:"6acc7c0b3470e48d82386d808f0b997da64d01bd",class:{"duet-badge":!0,[this.variation]:!0,[t]:!0,"has-tooltip":!!this.tooltip||this.hasTooltipSlot,"duet-theme-turva":"turva"===this.theme}},o("duet-visually-hidden",{key:"ffef5f8b2e1f4daa1ad9c6422663bdd68279d97b"},this.getVariationLabel()),o("slot",{key:"c29a964054979e3453dc6d1e3e26deb37db4d6da"}),(this.tooltip||this.hasTooltipSlot)&&o("span",{key:"6aaefca53e94bf5a1d25b19f3f3b6182bdc24d89",class:"tooltip-wrap"},!this.hasTooltipSlot&&o("duet-tooltip",{key:"2dcff5145d02f2dc6be7c9459dfe96d57873d7c9","accessible-about-label":this.getBadgeText(),badgeElement:this.element},this.tooltip),o("slot",{key:"618248018df97f7071166094bf62ac615577371b",name:"tooltip"}))))}get element(){return a(this)}};c.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}[alignment=form-distribute]>:host:last-of-type:not(:last-child){margin-right:4px !important}:host(.duet-m-0){margin:0 !important}.duet-badge{position:relative;display:inline-block;width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;vertical-align:middle;color:rgb(3, 56, 102);text-align:center;word-break:break-word;background:rgb(217, 236, 245);border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.warning{color:rgb(81, 55, 9);background:rgb(255, 232, 160)}.duet-badge.danger{color:rgb(120, 4, 56);background:rgb(255, 211, 219)}.duet-badge.success{color:rgb(13, 71, 59);background:rgb(191, 239, 218)}.duet-badge.subtle{color:rgb(62, 84, 102);background:rgb(228, 236, 239)}.duet-badge.background-strong.default{color:rgb(240, 247, 250);background:rgb(0, 97, 155)}.duet-badge.background-strong.warning{color:rgb(38, 26, 4);background:rgb(247, 178, 40)}.duet-badge.background-strong.danger{color:rgb(255, 240, 243);background:rgb(185, 16, 74)}.duet-badge.background-strong.success{color:rgb(244, 250, 247);background:rgb(29, 106, 88)}.duet-badge.background-strong.subtle{color:rgb(245, 248, 250);background:rgb(98, 121, 138)}.duet-badge.has-tooltip{padding-right:24px;cursor:pointer}.duet-badge.has-tooltip .tooltip-wrap{position:absolute;top:6.5px;right:11px;display:inline-block;width:16px;height:12px}.duet-badge.has-tooltip:hover{color:rgb(0, 75, 129)}.duet-badge.has-tooltip:hover.warning{color:rgb(126, 87, 16)}.duet-badge.has-tooltip:hover.danger{color:rgb(153, 9, 66)}.duet-badge.has-tooltip:hover.success{color:rgb(29, 106, 88)}.duet-badge.has-tooltip:hover.subtle{color:rgb(45, 64, 81)}.duet-badge.has-tooltip:hover.background-strong.default{color:rgb(240, 247, 250);background:rgb(0, 119, 179)}.duet-badge.has-tooltip:hover.background-strong.warning{color:rgb(38, 26, 4);background:rgb(255, 199, 79)}.duet-badge.has-tooltip:hover.background-strong.danger{color:rgb(255, 240, 243);background:rgb(214, 28, 82)}.duet-badge.has-tooltip:hover.background-strong.success{color:rgb(244, 250, 247);background:rgb(76, 164, 138)}.duet-badge.has-tooltip:hover.background-strong.subtle{color:rgb(245, 248, 250);background:rgb(127, 150, 165)}:host(.user-is-tabbing) .duet-badge.has-tooltip:focus-within{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva :host(.user-is-tabbing) .duet-badge.has-tooltip:focus-within,:host(.user-is-tabbing) .duet-badge.has-tooltip:focus-within.duet-theme-turva{outline-color:rgba(53, 79, 101, 0.8)}.duet-theme-turva.duet-badge{padding:5.4444444444px 12px 4.4444444444px;font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700}.duet-theme-turva.duet-badge.has-tooltip{padding-right:24px}';export{c as duet_badge}

package/lib/duet/{p-f652a9c7.entry.js → p-829bccb7.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as e,h as t,H as o,g as a}from"./p-Cwhi6_oZ.js";import{i as n}from"./p-D2EBd3cT.js";const i=class{constructor(t){e(this,t),this.theme="",this.sticky=!1}componentWillLoad(){n(this)}render(){return t(o,{key:"524bb027510763efb06f908c78bb6dbc1ff1e24d"},t("div",{key:"7c86cae3a491c2c568ec09ab7a7dacc935d906be",class:{container:!0,sticky:this.sticky}},t("slot",{key:"dae33a4dfc1ddd973d4639adc9b711a99bb0256c"}),t("slot",{key:"ac0da76490e7c39bee65dc53ed368afdecb640a7",name:"mobile"}),t("slot",{key:"5081c449ebbba8d68dec069e18155f8fce9ad87e",name:"desktop"})))}get element(){return a(this)}};i.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%}:host([sticky]){position:relative;z-index:300}.container{position:relative;z-index:400;pointer-events:none}.container *{pointer-events:auto}::slotted(*[slot=mobile]){display:inherit}::slotted(*[slot=desktop]){display:none}@media (min-width: 62em){::slotted(*[slot=mobile]){display:none}::slotted(*[slot=desktop]){display:inherit}}.sticky{position:sticky;top:0}@media (min-width: 62em){.sticky{position:relative;top:unset}}";export{i as duet_nav}
+import{r as e,h as t,H as o,g as n}from"./p-D3450NfA.js";import{i as a}from"./p-KbNgo0QF.js";const i=class{constructor(t){e(this,t),this.theme="",this.sticky=!1}componentWillLoad(){a(this)}render(){return t(o,{key:"5d770ae8af90d4342a6a057ece21ada25ba64f63"},t("div",{key:"fe2a1611fec8c6a234c25a13e24d732cc0cf4511",class:{container:!0,sticky:this.sticky}},t("slot",{key:"c7bad3186de463ebf1a3b1411b299cf59f16df0b"}),t("slot",{key:"77e0e221d53ce3d3addf52cdbfe06e5fa55b38b3",name:"mobile"}),t("slot",{key:"691b0c5b905950d7218633ffedc1094e7b1e7946",name:"desktop"})))}get element(){return n(this)}};i.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%}:host([sticky]){position:relative;z-index:300}.container{position:relative;z-index:400;pointer-events:none}.container *{pointer-events:auto}::slotted(*[slot=mobile]){display:inherit}::slotted(*[slot=desktop]){display:none}@media (min-width: 62em){::slotted(*[slot=mobile]){display:none}::slotted(*[slot=desktop]){display:inherit}}.sticky{position:sticky;top:0}@media (min-width: 62em){.sticky{position:relative;top:unset}}";export{i as duet_nav}

package/lib/duet/p-83dcbb64.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as t,h as i,H as s,g as e}from"./p-D3450NfA.js";import{m as h,a as o}from"./p-Ce9HQd35.js";import{M as a,z as n,f as r,s as l,a as p,o as c}from"./p-B_NkY9T0.js";import{i as d}from"./p-KbNgo0QF.js";import{c as m}from"./p-Cfr_DJqU.js";import{a as u}from"./p-BaefVzkx.js";import{a as b,g as f,c as g,d as v}from"./p-D9N9LBeD.js";import{b as w}from"./p-CcoGR9T9.js";import"./p-C6E9F6QT.js";const x=class{constructor(i){t(this,i),this.firstRender=!0,this.mql=[window.matchMedia(h.replace(/'/g,"")),window.matchMedia(o.replace(/'/g,""))],this.tooltipId=m("DuetTooltip"),this.aboutString={fi:"aiheesta",en:"about",sv:"om"},this.placement="bottom",this.hidePopUp=!0,this.theme="",this.language=b(),this.accessibleLabelDefault={fi:"Näytä lisätietoja",en:"Show more information",sv:"Visa mer tilläggsuppgifter"},this.accessibleLabel=f(this.accessibleLabelDefault,this.language),this.accessibleCloseLabelDefault={fi:"Sulje lisätiedot",en:"Close details",sv:"Stäng tilläggsuppgifter"},this.accessibleCloseLabel=f(this.accessibleCloseLabelDefault,this.language),this.label="",this.breakpoint="medium",this.direction="auto",this.positionVertical="0",this.positionHorizontal="0",this.active=!1,this.negative=!1,this.openTooltip=()=>{this.hidePopUp=!1,setTimeout((()=>{this.active=!0})),setTimeout((()=>{this.contentEl.focus({preventScroll:!0}),this.buttonActive=!0}),200)},this.closeTooltip=(t=!1)=>{this.active=!1,t&&setTimeout((()=>{this.buttonEl.setFocus({preventScroll:!0})}),200),setTimeout((()=>{this.buttonActive=!1})),setTimeout((()=>{this.updatePlacement()}),200),setTimeout((()=>{this.active||(this.hidePopUp=!0)}),300)},this.toggleOpen=()=>{this.active?this.closeTooltip():this.openTooltip()},this.updatePlacement=async()=>{var t,i;let s=!0;("large"!==this.breakpoint||this.mql[1].matches)&&("medium"!==this.breakpoint||this.mql[0].matches)||(s=!1);let e=s?"top-start":"top-end";"left"===this.direction?e="top-end":"right"===this.direction&&(e="top-start"),this.active&&!this.buttonEl.offsetParent&&(this.active=!1);const h=[r(),l({padding:5}),p({element:this.arrowEl})];this.badgeElement&&h.unshift(c(10));const o=await a(this.badgeElement||this.buttonEl,this.popupElement,{placement:e,middleware:h});this.tooltipY=o.y,this.tooltipX=o.x,this.placement=o.placement,this.arrowY=null===(t=o.middlewareData.arrow)||void 0===t?void 0:t.y,this.arrowX=null===(i=o.middlewareData.arrow)||void 0===i?void 0:i.x},this.badgeClick=t=>{t.composedPath().includes(this.buttonEl)||this.buttonEl.click()}}componentWillLoad(){d(this),this.buttonActive=this.active}async componentDidLoad(){this.arrowEl=await this.popupElement.getArrowElement(),this.contentEl=await this.popupElement.getContentElement(),this.updatePlacement(),this.active&&(this.openTooltip(),await this.handleActiveChange(this.active)),this.intersectionObserver=new IntersectionObserver(this.updatePlacement,{root:document.body}),this.intersectionObserver.observe(this.element)}connectedCallback(){g(this,[{prop:"accessibleLabel",defaults:"accessibleLabelDefault"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefault"}]),"undefined"!=typeof MutationObserver&&(this.mutationO=new MutationObserver((()=>{w(this.element,this.popupElement)})),this.mutationO.observe(this.element,{childList:!0,characterData:!0,subtree:!0}))}componentDidRender(){this.firstRender&&(w(this.element,this.popupElement),this.firstRender=!1),this.badgeElement&&(this.badgeElement.removeEventListener("click",this.badgeClick),this.badgeElement.addEventListener("click",this.badgeClick))}disconnectedCallback(){v(this),this.badgeElement&&this.badgeElement.removeEventListener("click",this.badgeClick)}handleDocumentClick(t){this.active&&t.composedPath().every((t=>t!==this.element&&t!==this.contentEl))&&this.closeTooltip()}handleKeyDown(t){this.active&&u(t)&&this.closeTooltip(!0)}handlePopupClose(){this.active&&this.closeTooltip(!0)}async handleActiveChange(t){t?this.autoUpdateCleanup=n(this.buttonEl,this.popupElement,this.updatePlacement):this.autoUpdateCleanup()}render(){const t={top:`${this.tooltipY}px`,left:`${this.tooltipX}px`},e={top:this.arrowY?`${this.arrowY}px`:void 0,left:this.arrowX?`${this.arrowX}px`:void 0};return i(s,{style:{transform:`translateY(${this.positionVertical}) translateX(${this.positionHorizontal})`,zIndex:this.active?"201":""}},i("duet-tooltip-button",{ref:t=>this.buttonEl=t,active:this.buttonActive,tooltipId:this.tooltipId,label:this.label,accessibleLabel:this.accessibleInputLabel&&`${this.accessibleInputLabel}, ${this.accessibleLabel}`||this.accessibleAboutLabel&&`${this.accessibleLabel} ${this.aboutString[this.language]} ${this.accessibleAboutLabel}`||this.accessibleLabel,onClick:this.toggleOpen,theme:this.theme,negative:this.negative,"in-badge":!!this.badgeElement}),i("duet-tooltip-popup",{ref:t=>this.popupElement=t,active:this.active,hidden:this.hidePopUp,tooltipId:this.tooltipId,arrowStyles:e,style:t,placement:this.placement,accessibleCloseLabel:this.accessibleCloseLabel,theme:this.theme},i("slot",null)))}get element(){return e(this)}static get watchers(){return{active:["handleActiveChange"]}}};x.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;z-index:200;display:inline-flex;width:auto;margin-top:-16px !important;margin-left:-3px !important;-webkit-tap-highlight-color:transparent}duet-tooltip-button{position:relative}duet-tooltip-popup{position:absolute}";export{x as duet_tooltip}

package/lib/duet/{p-a4a1b8e3.entry.js → p-84f8bee8.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{E as t,r as e,h as i,H as o,g as s}from"./p-Cwhi6_oZ.js";import{i as n}from"./p-D2EBd3cT.js";import{g as a,r as d}from"./p-D2ly4TZR.js";import"./p-DEzE2U5T.js";const r=t=>{if("script"===t.nodeName.toLowerCase())return!1;for(let e=0;e<t.attributes.length;e++)if(0===t.attributes[e].name.toLowerCase().indexOf("on"))return!1;if(t.children)for(let e=0;e<t.children.length;e++)if(!r(t.children[e]))return!1;return!0},h={};const c=class{constructor(t){e(this,t),this.theme="",this.name="action-add",this.margin="auto",this.responsive=!0,this.color="",this.background="",this.backgroundOpacity=1,this.backgroundRotation=0,this.size="medium",this.outline="",this.shape="circle"}async componentWillLoad(){n(this),this.src&&this.icon&&console.warn("[DUET COMPONENTS]: <duet-icon> should have either have src or icon attributes, but not both. icon attribute will take precedence","icon:",this.icon,"src:",this.src),await this.loadIcon(null,null)}async loadIcon(e,i){if(this.icon)return void(this.svgContent=this.icon);if(this.element.shadowRoot.querySelector("svg")&&!this.svgContent){if(null===i&&null===e)return;if(this.element.shadowRoot.querySelector(`.duet-icon-svg[data-name="${e}"]`))return}const o=this.src?this.src:this.name?(e=>{const i=window.duetcdnuri?window.duetcdnuri:t.cdnURIProd;return i.includes("localhost")?`${i}/icons/lib/assets/${e}.svg`:`${i}/icons/${t.duetIconVersion}/lib/assets/${e}.svg`})(this.name):"";if(o)try{this.svgContent=await function(t){if(h[t])return h[t];const e=async function(){const e=await fetch(t);if(!e.ok)throw new Error(`SVG request failed: ${e.status} ${e.statusText}`);const i=(t=>{if("undefined"==typeof document||!t)return;const e=document.createElement("div");e.innerHTML=t;for(let t=e.childNodes.length-1;t>=0;t--)"svg"!==e.childNodes[t].nodeName.toLowerCase()&&e.removeChild(e.childNodes[t]);return e.firstElementChild})(await e.text());if(!r(i))throw new Error("SVG validation failed");const o=document.createElement("div");return o.appendChild(i),o.innerHTML}();return h[t]=e}(o)}catch(t){console.warn(`[DUET COMPONENTS]: <duet-icon> could not load SVG from URL: ${o}.`,t)}else this.svgContent=""}render(){const t="currentColor"===this.color?"currentColor":a(this.color,this.theme)||a(this.outline,this.theme),e=this.backgroundRotation?{transform:`rotate(${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{},s=Object.assign({color:t,background:d(a(this.background,this.theme),this.backgroundOpacity),"border-color":a(this.outline,this.theme)},e),n=Object.assign({},this.backgroundRotation?{transform:`rotate(-${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{}),r="brand-rotated"===this.shape?"duet-icon-shape-brand":`duet-icon-shape-${this.shape}`;return i(o,{key:"2a800d3292964b5a1dd5fd454662f690ce9e6b5a",class:{"duet-m-0":"none"===this.margin,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background}},i("span",{key:"4d5d3fc155d6d2e4f677d8753c116c82eb865a2c","aria-hidden":"true",style:s,class:{"duet-icon":!0,"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background,[r]:!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme,"duet-icon-not-responsive":!this.responsive}},i("span",{key:"6c79866426237ff75ff36401a9117dca1a68cf19","aria-hidden":"true",class:{"duet-icon-svg":!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme},"data-name":this.name,innerHTML:this.svgContent,style:n})))}get element(){return s(this)}static get watchers(){return{src:["loadIcon"],icon:["loadIcon"],name:["loadIcon"]}}};c.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){:host(.duet-icon-has-outline){margin-bottom:0 !important}}@media (max-width: 35.9375em){:host(.duet-icon-has-background){margin-bottom:0 !important}}:host(.duet-m-0){margin:0 !important}@media (max-width: 35.9375em){:host(.duet-m-0){margin:0 !important}}.duet-icon{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;transform-origin:top center}.duet-icon.duet-icon-has-outline{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-outline{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-background{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background.duet-theme-default{color:rgb(255, 255, 255)}.duet-icon.duet-icon-shape-circle{border-radius:50%}.duet-icon.duet-icon-shape-brand{border-radius:25%}@media (max-width: 35.9375em){.duet-icon.duet-icon-not-responsive{transform:scale(1) !important}}.duet-icon.duet-theme-default{color:rgb(0, 119, 179)}.duet-icon.duet-icon-shape-brand.rotated{transform:rotate(7deg) scale(0.875);transform-origin:center}.duet-icon .duet-icon-svg{display:block;width:24px;min-width:100%;height:24px;font-size:0}.duet-icon .duet-icon-svg.rotated{transform:rotate(-7deg) scale(1.14)}.duet-icon svg{width:100%;min-width:100%;overflow:clip;fill:currentColor;overflow-clip-margin:1px}:host([size=auto]) .duet-icon-svg{width:100%;height:100%}:host([size=xxx-small]) .duet-icon-svg{width:7px;height:7px}:host([size=xxx-small]) .duet-icon-has-background{padding:6px}:host([size=xxx-small]) .duet-icon-has-outline{padding:4px}:host([size=xxx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xxx-small]) .duet-icon-has-outline .duet-icon-svg{width:10px;height:10px}:host([size=xxx-small]) .duet-icon-shape-brand{padding:0}:host([size=xxx-small]) .duet-icon-shape-brand .duet-icon-svg{width:0;height:0}:host([size=xx-small]) .duet-icon-svg{width:10px;height:10px}:host([size=xx-small]) .duet-icon-has-background{padding:8px}:host([size=xx-small]) .duet-icon-has-outline{padding:7px}:host([size=xx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xx-small]) .duet-icon-has-outline .duet-icon-svg{width:16px;height:16px}:host([size=xx-small]) .duet-icon-shape-brand{padding:4px}:host([size=xx-small]) .duet-icon-shape-brand .duet-icon-svg{width:10px;height:10px}:host([size=x-small]) .duet-icon-svg{width:16px;height:16px}:host([size=x-small]) .duet-icon-has-outline{padding:10px}:host([size=x-small]) .duet-icon-has-background{padding:12px}:host([size=x-small]) .duet-icon-shape-brand{padding:8px}:host([size=x-small]) .duet-icon-shape-brand .duet-icon-svg{width:16px;height:16px}:host([size=small]) .duet-icon-svg{width:20px;height:20px}:host([size=small]) .duet-icon-has-background{padding:14px}:host([size=small]) .duet-icon-shape-brand{padding:8px}:host([size=small]) .duet-icon-shape-brand .duet-icon-svg{width:20px;height:20px}:host([size=medium]) .duet-icon-shape-brand{padding:12px}:host([size=medium]) .duet-icon-shape-brand .duet-icon-svg{width:24px;height:24px}:host([size=large]) .duet-icon-svg{width:30px;height:30px}:host([size=large]) .duet-icon-shape-brand{padding:16px}:host([size=large]) .duet-icon-shape-brand .duet-icon-svg{width:30px;height:30px}:host([size=x-large]) .duet-icon-svg{width:36px;height:36px}:host([size=x-large]) .duet-icon-shape-brand{padding:20px}:host([size=x-large]) .duet-icon-shape-brand .duet-icon-svg{width:36px;height:36px}:host([size=xx-large]) .duet-icon-svg{width:48px;height:48px}:host([size=xx-large]) .duet-icon-shape-brand{padding:24px}:host([size=xx-large]) .duet-icon-shape-brand .duet-icon-svg{width:48px;height:48px}:host([size=xxx-large]) .duet-icon-svg{width:48px;height:48px}@media (min-width: 48em){:host([size=xxx-large]) .duet-icon-svg{width:72px;height:72px}}:host([size=xxx-large]) .duet-icon-shape-brand{padding:36px}:host([size=xxx-large]) .duet-icon-shape-brand .duet-icon-svg{width:72px;height:72px}.duet-icon.duet-theme-turva{color:rgb(230, 23, 64)}.duet-icon.duet-theme-turva.duet-icon-has-background{color:rgb(255, 255, 255)}.duet-icon.duet-theme-turva.duet-icon-shape-brand{border-radius:16%}";export{c as duet_icon}
+import{E as t,r as e,h as i,H as o,g as s}from"./p-D3450NfA.js";import{i as n}from"./p-KbNgo0QF.js";import{g as a,r as d}from"./p-DYmL1tSl.js";import"./p-kkZE1C6Z.js";const r=t=>{if("script"===t.nodeName.toLowerCase())return!1;for(let e=0;e<t.attributes.length;e++)if(0===t.attributes[e].name.toLowerCase().indexOf("on"))return!1;if(t.children)for(let e=0;e<t.children.length;e++)if(!r(t.children[e]))return!1;return!0},h={};const c=class{constructor(t){e(this,t),this.theme="",this.name="action-add",this.margin="auto",this.responsive=!0,this.color="",this.background="",this.backgroundOpacity=1,this.backgroundRotation=0,this.size="medium",this.outline="",this.shape="circle"}async componentWillLoad(){n(this),this.src&&this.icon&&console.warn("[DUET COMPONENTS]: <duet-icon> should have either have src or icon attributes, but not both. icon attribute will take precedence","icon:",this.icon,"src:",this.src),await this.loadIcon(null,null)}async loadIcon(e,i){if(this.icon)return void(this.svgContent=this.icon);if(this.element.shadowRoot.querySelector("svg")&&!this.svgContent){if(null===i&&null===e)return;if(this.element.shadowRoot.querySelector(`.duet-icon-svg[data-name="${e}"]`))return}const o=this.src?this.src:this.name?(e=>{const i=window.duetcdnuri?window.duetcdnuri:t.cdnURIProd;return i.includes("localhost")?`${i}/icons/lib/assets/${e}.svg`:`${i}/icons/${t.duetIconVersion}/lib/assets/${e}.svg`})(this.name):"";if(o)try{this.svgContent=await function(t){if(h[t])return h[t];const e=async function(){const e=await fetch(t);if(!e.ok)throw new Error(`SVG request failed: ${e.status} ${e.statusText}`);const i=(t=>{if("undefined"==typeof document||!t)return;const e=document.createElement("div");e.innerHTML=t;for(let t=e.childNodes.length-1;t>=0;t--)"svg"!==e.childNodes[t].nodeName.toLowerCase()&&e.removeChild(e.childNodes[t]);return e.firstElementChild})(await e.text());if(!r(i))throw new Error("SVG validation failed");const o=document.createElement("div");return o.appendChild(i),o.innerHTML}();return h[t]=e}(o)}catch(t){console.warn(`[DUET COMPONENTS]: <duet-icon> could not load SVG from URL: ${o}.`,t)}else this.svgContent=""}render(){const t="currentColor"===this.color?"currentColor":a(this.color,this.theme)||a(this.outline,this.theme),e=this.backgroundRotation?{transform:`rotate(${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{},s=Object.assign({color:t,background:d(a(this.background,this.theme),this.backgroundOpacity),"border-color":a(this.outline,this.theme)},e),n=Object.assign({},this.backgroundRotation?{transform:`rotate(-${this.backgroundRotation}deg)`,"transform-origin":"center center"}:{}),r="brand-rotated"===this.shape?"duet-icon-shape-brand":`duet-icon-shape-${this.shape}`;return i(o,{key:"ac454937867acd98e1552f998f09cecb7b6db6f6",class:{"duet-m-0":"none"===this.margin,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background}},i("span",{key:"61bd9c9b857bd54bfa18b71035af646ddfc8b490","aria-hidden":"true",style:s,class:{"duet-icon":!0,"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background,[r]:!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme,"duet-icon-not-responsive":!this.responsive}},i("span",{key:"513e30e9f69a6661e54b5f2a0989eaf14887f533","aria-hidden":"true",class:{"duet-icon-svg":!0,rotated:"brand-rotated"===this.shape&&"turva"!==this.theme},"data-name":this.name,innerHTML:this.svgContent,style:n})))}get element(){return s(this)}static get watchers(){return{src:["loadIcon"],icon:["loadIcon"],name:["loadIcon"]}}};c.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){:host(.duet-icon-has-outline){margin-bottom:0 !important}}@media (max-width: 35.9375em){:host(.duet-icon-has-background){margin-bottom:0 !important}}:host(.duet-m-0){margin:0 !important}@media (max-width: 35.9375em){:host(.duet-m-0){margin:0 !important}}.duet-icon{-webkit-user-select:none;user-select:none;display:block;width:100%;height:100%;transform-origin:top center}.duet-icon.duet-icon-has-outline{padding:12px;border-style:solid;border-width:1px}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-outline{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background{padding:16px;color:rgb(255, 255, 255)}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-background{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background.duet-theme-default{color:rgb(255, 255, 255)}.duet-icon.duet-icon-shape-circle{border-radius:50%}.duet-icon.duet-icon-shape-brand{border-radius:25%}@media (max-width: 35.9375em){.duet-icon.duet-icon-not-responsive{transform:scale(1) !important}}.duet-icon.duet-theme-default{color:rgb(0, 119, 179)}.duet-icon.duet-icon-shape-brand.rotated{transform:rotate(7deg) scale(0.875);transform-origin:center}.duet-icon .duet-icon-svg{display:block;width:24px;min-width:100%;height:24px;font-size:0}.duet-icon .duet-icon-svg.rotated{transform:rotate(-7deg) scale(1.14)}.duet-icon svg{width:100%;min-width:100%;overflow:clip;fill:currentColor;overflow-clip-margin:1px}:host([size=auto]) .duet-icon-svg{width:100%;height:100%}:host([size=xxx-small]) .duet-icon-svg{width:7px;height:7px}:host([size=xxx-small]) .duet-icon-has-background{padding:6px}:host([size=xxx-small]) .duet-icon-has-outline{padding:4px}:host([size=xxx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xxx-small]) .duet-icon-has-outline .duet-icon-svg{width:10px;height:10px}:host([size=xxx-small]) .duet-icon-shape-brand{padding:0}:host([size=xxx-small]) .duet-icon-shape-brand .duet-icon-svg{width:0;height:0}:host([size=xx-small]) .duet-icon-svg{width:10px;height:10px}:host([size=xx-small]) .duet-icon-has-background{padding:8px}:host([size=xx-small]) .duet-icon-has-outline{padding:7px}:host([size=xx-small]) .duet-icon-has-background .duet-icon-svg,:host([size=xx-small]) .duet-icon-has-outline .duet-icon-svg{width:16px;height:16px}:host([size=xx-small]) .duet-icon-shape-brand{padding:4px}:host([size=xx-small]) .duet-icon-shape-brand .duet-icon-svg{width:10px;height:10px}:host([size=x-small]) .duet-icon-svg{width:16px;height:16px}:host([size=x-small]) .duet-icon-has-outline{padding:10px}:host([size=x-small]) .duet-icon-has-background{padding:12px}:host([size=x-small]) .duet-icon-shape-brand{padding:8px}:host([size=x-small]) .duet-icon-shape-brand .duet-icon-svg{width:16px;height:16px}:host([size=small]) .duet-icon-svg{width:20px;height:20px}:host([size=small]) .duet-icon-has-background{padding:14px}:host([size=small]) .duet-icon-shape-brand{padding:8px}:host([size=small]) .duet-icon-shape-brand .duet-icon-svg{width:20px;height:20px}:host([size=medium]) .duet-icon-shape-brand{padding:12px}:host([size=medium]) .duet-icon-shape-brand .duet-icon-svg{width:24px;height:24px}:host([size=large]) .duet-icon-svg{width:30px;height:30px}:host([size=large]) .duet-icon-shape-brand{padding:16px}:host([size=large]) .duet-icon-shape-brand .duet-icon-svg{width:30px;height:30px}:host([size=x-large]) .duet-icon-svg{width:36px;height:36px}:host([size=x-large]) .duet-icon-shape-brand{padding:20px}:host([size=x-large]) .duet-icon-shape-brand .duet-icon-svg{width:36px;height:36px}:host([size=xx-large]) .duet-icon-svg{width:48px;height:48px}:host([size=xx-large]) .duet-icon-shape-brand{padding:24px}:host([size=xx-large]) .duet-icon-shape-brand .duet-icon-svg{width:48px;height:48px}:host([size=xxx-large]) .duet-icon-svg{width:48px;height:48px}@media (min-width: 48em){:host([size=xxx-large]) .duet-icon-svg{width:72px;height:72px}}:host([size=xxx-large]) .duet-icon-shape-brand{padding:36px}:host([size=xxx-large]) .duet-icon-shape-brand .duet-icon-svg{width:72px;height:72px}.duet-icon.duet-theme-turva{color:rgb(230, 23, 64)}.duet-icon.duet-theme-turva.duet-icon-has-background{color:rgb(255, 255, 255)}.duet-icon.duet-theme-turva.duet-icon-shape-brand{border-radius:16%}";export{c as duet_icon}