@duetds/components 9.16.0 → 9.17.0

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

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,c as e,h as i,H as o,g as s}from"./p-682a0ad1.js";import{i as l}from"./p-3f59cd08.js";import{c as a}from"./p-5e59e970.js";import{f as r,o as u,j as c,d,b as n,a as h,c as m}from"./p-a45e3f8b.js";import{a as b,c as p,d as f}from"./p-7da818b1.js";import{c as g}from"./p-f587ebfc.js";import{p as v}from"./p-9c3c64b9.js";const x=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=a("DuetError"),this.labelId=a("DuetLabel"),this.topCaptionId=a("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.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=>{(r(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)||n(t)?i=this.element.shadowRoot.querySelector(`#${this.getOptionIdentifier(e-1)}`):(h(t)||m(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},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=a("DuetMultiselect"),this.allControls=!1,this.placeholder="",this.caption=void 0,this.items=void 0,this.disabled=!1,this.label="label",this.labelColor=void 0,this.labelWeight=void 0,this.accessibleDescribedBy=void 0,this.tooltip="",this.tooltipDirection="auto"}handleFocus(t){t.composedPath().every((t=>t!==this.element))&&(this.checkboxesVisible=!1)}componentWillLoad(){l(this),this.isCaptionVisible=!!this.caption,g(this.element,"tooltip","duet-tooltip",1,!0),this.refresh()}connectedCallback(){p(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:"b8cb97bc0d21e85be3db01ef83438fcf7b4b5923",class:{"duet-m-0":"none"===this.margin,"duet-expand":this.expand}},i("div",{key:"d93b323c2643eac8e8c20914bbf67fe08d7bb117",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("duet-label",{key:"943b19c37d249d61065e1a61efb7641a2abf3f38",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:"c6cd56b231fdbe547f7ca92aea632eefa550f748",class:"duet-multiselect-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{key:"1141d203347bf35375928fa88e20cf47ba9c7140",name:"tooltip"}),this.caption&&i("duet-caption",{key:"e1634b690e6ac67235b4720571d0ea596ba7e414",id:this.topCaptionId,size:"medium"},this.caption),i("div",{key:"b2d231bd277ea192e338aa42274665642bef854e",class:"duet-multiselect-wrapper"},i("button",{key:"807718e802825096cbc1cef4597d8cd2f44ffd71",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:"b33e295a375ecae8c1a0f59af9fa1ac0e3a3a829",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:"1f835b434209839e7f47d9c87815987f96a6e30a",class:"duet-multiselect-badge"},this.value.length,i("duet-visually-hidden",{key:"45b265df57cdc72a40695cd01fcf78c47dd5ddb1"},this.selectedLangObject[this.language],", ",this.value.map((t=>t.label)).join(", "))),i("svg",{key:"dd061d5dda63d16eb39f113f78cd0c5b6b3e0158",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:"759232c06c78ac2c73bddc2afad5f4fce57f6667",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:"7a4d4b2de7f4baac9066570471fdae9fa2bead13",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:"69a2110105193b7a9b82c75ed856e6d8a9e8913e",class:"duet-multiselect-all-control-buttons"},i("button",{key:"ce760b620c954a99a9fe0fa65957d8601ad066c5",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:"3901f1df01f58804fd5d76a83198b514fd0afdf9",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,s;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===(s=this.value)||void 0===s?void 0:s.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:"cb7b91a522d2bf121f1f140298aea0c00920c24d",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:"6070367e449abc5319b659fb95abb83fa0ee06e9"},this.error))))}get element(){return s(this)}static get watchers(){return{items:["refresh"]}}};x.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-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}@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-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-multiselect{display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:8rem;padding:12px 14px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-multiselect .duet-multiselect-label{overflow:hidden;text-overflow:ellipsis}.duet-multiselect:hover{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva .duet-multiselect:hover{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:hover{box-shadow:0 0 0 1px #e55039}.duet-multiselect:focus,.duet-multiselect.duet-multiselect-active{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva .duet-multiselect:focus,.duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error .duet-multiselect:focus,.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error .duet-multiselect:focus,.duet-theme-turva.has-error .duet-multiselect.duet-multiselect-active{box-shadow:0 0 0 1px #e55039}.duet-multiselect[disabled]{color:rgb(8, 42, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva .duet-multiselect[disabled]{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-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-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, 28, 58);background:#e8e8eb}.duet-multiselect .duet-multiselect-icon{margin-left:12px}.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error .duet-multiselect .duet-multiselect-icon{color:rgb(214, 28, 82) !important}.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, 28, 58);border-color:rgb(143, 147, 158)}.duet-multiselect svg{width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none}.duet-theme-turva .duet-multiselect svg{color:rgb(23, 28, 58)}.duet-multiselect svg.duet-multiselect-icon--rotate{transform:rotate(180deg)}.duet-multiselect-checkboxes{position:absolute;z-index:700;width:100%;padding:16px;margin:8px 0 0;visibility:hidden;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;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}.duet-theme-turva .duet-multiselect-checkboxes{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228);box-shadow:0 4px 10px 0 rgba(23, 28, 58, 0.15)}.duet-multiselect-checkboxes.duet-multiselect-checkboxes-active{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}.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:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.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{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:first-child{border-right:1px solid rgb(212, 223, 229)}.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(198, 12, 48)}.duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:rgb(23, 28, 58)}.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}.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(143, 147, 158)}.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-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect:focus,:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect.duet-multiselect-active{border-color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect[disabled]{color:#172a3b !important;background:#f5f6f7 !important;border-color:#f5f6f7 !important;-webkit-text-fill-color:#172a3b !important}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect svg{color:#172a3b}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect .duet-multiselect-badge{color:#172a3b;background:#e8eaeb}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes{border-color:#d4dde2}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button{color:#e61740}:host(.duet-theme-turva2) .duet-theme-turva .duet-multiselect-checkboxes .duet-multiselect-all-control-buttons button:hover{color:#172a3b}';export{x as duet_multiselect}

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

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as a,H as t,g as d}from"./p-682a0ad1.js";import{i as o}from"./p-3f59cd08.js";const r=class{constructor(a){e(this,a),this.theme="",this.padding="medium",this.variation="",this.margin="auto",this.border=void 0,this.accessibleLabel=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescribedBy=void 0}componentWillLoad(){o(this)}render(){return a(t,{key:"8b846b25b51818d64ede169d7eb7a178e7620658"},a("section",{key:"9825b3985ca00766d50876ba21a7cf4fc8aa1e64","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-describedby":this.accessibleDescribedBy,class:{"duet-panel":!0,"duet-theme-turva":"turva"===this.theme,[this.variation.split("-")[0]]:!0,[this.variation.split("-")[1]]:!0,[`padding-${this.padding}`]:!0,border:this.border,"duet-m-0":"none"===this.margin}},a("slot",{key:"c5470707b941b16e0ea79c1a13b6b9b6056f4e22"})))}get element(){return d(this)}};r.style=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%;margin:8px 0 20px 0}@media (min-width: 36em){:host{margin:12px 0 28px 0}}:host .duet-m-0{margin:0 !important}.duet-panel{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);background-color:rgb(255, 255, 255);border:0 solid rgb(212, 223, 229);border-radius:16px}.duet-panel.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(222, 224, 228)}.duet-panel.padding-small{padding:16px;border-radius:12px}@media (min-width: 36em){.duet-panel.padding-small{padding:20px}}.duet-panel.padding-medium{padding:20px}@media (min-width: 36em){.duet-panel.padding-medium{padding:28px}}.duet-panel.padding-large{padding:28px}@media (min-width: 36em){.duet-panel.padding-large{padding:36px}}.duet-panel.border{border-width:1px}.duet-panel.secondary{background-color:rgb(245, 248, 250)}.duet-panel.secondary.duet-theme-turva{background-color:rgb(245, 247, 250)}.duet-panel.accent{background-color:rgb(240, 247, 250);border-color:rgb(198, 225, 238)}.duet-panel.accent.duet-theme-turva{background-color:rgb(245, 247, 250);border-color:rgb(199, 202, 207)}.duet-panel.accent.secondary{background-color:rgb(217, 236, 245)}.duet-panel.accent.secondary.duet-theme-turva{background-color:rgb(222, 224, 228)}:host(.duet-theme-turva2) .duet-panel.duet-theme-turva{color:#172a3b;border-color:#d4dde2}:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.secondary{background-color:#f5f6f7}:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.accent{background-color:#fdf7f2;border-color:#f1cab2}:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.accent.secondary{background-color:#fbe1d1}';export{r as duet_panel}

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

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

package/lib/duet/p-e63f5ff5.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{m as r,a,b as t,c as e,d as o,e as u,f as c,g as n,h as l,t as s}from"./p-17efced0.js";const f={"color-turva2-red-00":"#fff2f2","color-turva2-red-50":"#ffecec","color-turva2-red-100":"#ffe5e6","color-turva2-red-200":"#ffc9cc","color-turva2-red-300":"#f9a4ac","color-turva2-red-400":"#f37785","color-turva2-red-500":"#ec4560","color-turva2-red-600":"#e61740","color-turva2-red-700":"#b90329","color-turva2-red-800":"#8c001e","color-turva2-red-900":"#600014","color-turva2-red-1000":"#33000a","color-turva2-gray-00":"#f5f6f7","color-turva2-gray-50":"#e4e9ed","color-turva2-gray-100":"#d4dde2","color-turva2-gray-200":"#b2c2cd","color-turva2-gray-300":"#94a9b9","color-turva2-gray-400":"#7891a4","color-turva2-gray-500":"#5f7a8f","color-turva2-gray-600":"#48647a","color-turva2-gray-700":"#354f65","color-turva2-gray-800":"#253c50","color-turva2-gray-900":"#172a3b","color-turva2-gray-1000":"#061726","color-turva-nude-00":"#fdf7f2","color-turva-nude-50":"#fbebe1","color-turva-nude-100":"#fbe1d1","color-turva-nude-200":"#f1cab2","color-turva-nude-300":"#d8ae96","color-turva-nude-400":"#be937c","color-turva-nude-500":"#a57a65","color-turva-nude-600":"#8c624f","color-turva-nude-700":"#724c3c","color-turva-nude-800":"#59382b","color-turva-nude-900":"#40261c","color-turva-nude-1000":"#26150f"},d=["turva"],v=/[A-Z]/g;function i(r){const a=v.test(r),t=!r.includes("_")&&!r.includes("-")&&!r.includes(" ");return a&&t}function g(r){const a=r.includes("-"),t=r.includes(" ")||r.includes("_"),e="-"===r.charAt(0);return a&&!t&&!e}function y(r=""){return`${r.charAt(0).toUpperCase()}${r.slice(1)}`}function $(r=""){return`${r.charAt(0).toLowerCase()}${r.slice(1)}`}function m(r=""){const a=r.split("-");return a.forEach(((r,t)=>{a[t]=y(r)})),a.join("")}function p(r){return r.charAt(0).toUpperCase()+r.slice(1)}function b(r,a=""){return!a||g(a)||function(r,a=""){return 0===a.indexOf(p(r))||0===a.indexOf(r)}(r,a)?a:`${r}${y(a)}`}function x(r,a){if(r)return["","default"].includes(a)||g(r)&&r.endsWith(`-${a}`)||i(r)&&r.endsWith(y(a))?r:s[`color${m(r)}${p(a)}`]?i(r)?`${r}${y(a)}`:`${r}-${a}`:r}function h(r,a=""){if(!r)return;if(("turva"===a||r.endsWith("-turva"))&&"undefined"!=typeof document&&(null===(t=document.documentElement.attributes.getNamedItem("class"))||void 0===t?void 0:t.value.includes("duet-theme-turva2")))switch(r.replace(/-turva$/,"")){case"primary-lightest":return f["color-turva2-nude-00"];case"primary-lighter":return f["color-turva2-nude-50"];case"primary-light":return f["color-turva2-nude-200"];case"primary":return f["color-turva2-red-600"];case"primary-darker":return f["color-turva2-red-700"];case"primary-dark":return f["color-turva2-red-800"];case"secondary":return f["color-turva2-gray-900"];case"gray-lighter":return f["color-turva2-gray-00"];case"gray-light":return f["color-turva2-gray-100"];case"gray":return f["color-turva2-gray-200"];case"gray-dark":return f["color-turva2-gray-400"];case"gray-darker":return f["color-turva2-gray-500"]}var t;const e=I(r),o=a&&I(r,a);return s[o]||s[e]}function I(r="",a=""){let t=r;return g(r)&&(t=m(t)),t=b("color",t),t=function(r,a){const t=function(r=""){return d.includes(r.toLowerCase())?r.toLowerCase():""}(a).length;return t&&-1===r.indexOf(a)?`${r}${y(a)}`:r}(t,a),t=$(t),t}function k(r){return function(r,a){if(!a)return;let t=a;g(a)&&(t=m(t)),t=b("shadow",t),t=$(t);try{return s[t]}catch(r){return}}(0,r)}function j(r,a){if(!r||0!==a&&!a)return;const t=r.split(",");return`rgba(${parseInt(t[0].slice(4))},${parseInt(t[1])},${parseInt(t[2])},${a})`}function M(r,a){const t=r.split(","),e=a<0?0:255,o=a<0?-1*a:a;let u=parseInt(t[0].slice(4)),c=parseInt(t[1]),n=parseInt(t[2]);return u=Math.round((e-u)*o)+u,c=Math.round((e-c)*o)+c,n=Math.round((e-n)*o)+n,u=u<0?0:u,u=u>255?255:u,c=c<0?0:c,c=c>255?255:c,n=n<0?0:n,n=n>255?255:n,`rgb(${u},${c},${n})`}const w=r=>r.substring(1,r.length-1),O={"xxx-small":w(l),"xx-small":w(r),"x-small":w(a),small:w(t),medium:w(e),large:w(o),"x-large":w(u),"xx-large":w(c),"xxx-large":w(n)},_=Object.keys(O).filter((r=>-1!==r.indexOf("x-small")));Object.keys(O).filter((r=>!_.includes(r)));export{O as a,_ as b,p as c,k as d,h as g,x as p,j as r,M as s}

package/lib/duet/p-f33021ec.system.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-System.register(["./p-a3ea8aa0.system.js","./p-f50d1845.system.js"],(function(e){"use strict";var t,a,r,d,n;return{setters:[function(e){t=e.r;a=e.h;r=e.H;d=e.g},function(e){n=e.i}],execute:function(){var o=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:100%;margin:8px 0 20px 0}@media (min-width: 36em){:host{margin:12px 0 28px 0}}:host .duet-m-0{margin:0 !important}.duet-panel{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);background-color:rgb(255, 255, 255);border:0 solid rgb(212, 223, 229);border-radius:16px}.duet-panel.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(222, 224, 228)}.duet-panel.padding-small{padding:16px;border-radius:12px}@media (min-width: 36em){.duet-panel.padding-small{padding:20px}}.duet-panel.padding-medium{padding:20px}@media (min-width: 36em){.duet-panel.padding-medium{padding:28px}}.duet-panel.padding-large{padding:28px}@media (min-width: 36em){.duet-panel.padding-large{padding:36px}}.duet-panel.border{border-width:1px}.duet-panel.secondary{background-color:rgb(245, 248, 250)}.duet-panel.secondary.duet-theme-turva{background-color:rgb(245, 247, 250)}.duet-panel.accent{background-color:rgb(240, 247, 250);border-color:rgb(198, 225, 238)}.duet-panel.accent.duet-theme-turva{background-color:rgb(245, 247, 250);border-color:rgb(199, 202, 207)}.duet-panel.accent.secondary{background-color:rgb(217, 236, 245)}.duet-panel.accent.secondary.duet-theme-turva{background-color:rgb(222, 224, 228)}:host(.duet-theme-turva2) .duet-panel.duet-theme-turva{color:#172a3b;border-color:#d4dde2}:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.secondary{background-color:#f5f6f7}:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.accent{background-color:#fdf7f2;border-color:#f1cab2}:host(.duet-theme-turva2) .duet-panel.duet-theme-turva.accent.secondary{background-color:#fbe1d1}';var i=o;var u=e("duet_panel",function(){function e(e){t(this,e);this.theme="";this.padding="medium";this.variation="";this.margin="auto";this.border=undefined;this.accessibleLabel=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescribedBy=undefined}e.prototype.componentWillLoad=function(){n(this)};e.prototype.render=function(){var e;return a(r,{key:"8b846b25b51818d64ede169d7eb7a178e7620658"},a("section",{key:"9825b3985ca00766d50876ba21a7cf4fc8aa1e64","aria-label":this.accessibleLabel,"aria-labelledby":this.accessibleLabelledBy,"aria-describedby":this.accessibleDescribedBy,class:(e={"duet-panel":true,"duet-theme-turva":this.theme==="turva"},e[this.variation.split("-")[0]]=true,e[this.variation.split("-")[1]]=true,e["padding-".concat(this.padding)]=true,e.border=this.border,e["duet-m-0"]=this.margin==="none",e)},a("slot",{key:"c5470707b941b16e0ea79c1a13b6b9b6056f4e22"})))};Object.defineProperty(e.prototype,"element",{get:function(){return d(this)},enumerable:false,configurable:true});return e}());u.style=i}}}));

package/lib/duet/p-f587ebfc.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import"./p-682a0ad1.js";const e=(e,s)=>Array.from(e.querySelectorAll(":scope > *")).filter((e=>e.matches(`[slot='${s}']`))),s=e=>Array.from(e.querySelectorAll(":scope > *")).filter((e=>!e.getAttribute("slot"))),n=(n,o)=>o?e(n,o).length>0:s(n).length>0,o=(s,n,o,t=0,a=!1)=>{const $=a?"error":"warn",r=[],l=e(s,n),c=l.filter((e=>!!e.matches(o)||(r.push(`Only elements matcing selector "${o}" may be used in slot ${n}, found:\n${e.outerHTML}`),!a||(e.remove(),!1))));t&&c.length>t&&(r.push(`Only ${t} element${t>1?"s":""} may be used in slot ${n}, found ${l.length}.`),a&&c.slice(t).forEach((e=>e.remove()))),r.length>0&&console[$](`Duet ${$} in ${s.tagName.toLowerCase()}:\n${r.join("\n")}${a?`\nElement${r.length>1?"s":""} removed.`:""}`)};export{s as a,o as c,e as g,n as h}