npm - @duetds/components - Versions diffs - 9.3.1 → 9.3.2 - Mend

@duetds/components 9.3.1 → 9.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (593) hide show

package/lib/esm-es5/duet-chip_3.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function a(e){try{u(n.next(e))}catch(e){o(e)}}function c(e){try{u(n["throw"](e))}catch(e){o(e)}}function u(e){e.done?i(e.value):r(e.value).then(a,c)}u((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(e){return function(t){return u([e,t])}}function u(c){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(i=0)),i)try{if(n=1,r&&(o=c[0]&2?r["return"]:c[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,c[1])).done)return o;if(r=0,o)c=[c[0]&2,o.value];switch(c[0]){case 0:case 1:o=c;break;case 4:i.label++;return{value:c[1],done:false};case 5:i.label++;r=c[1];c=[0];continue;case 7:c=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(c[0]===6||c[0]===2)){i=0;continue}if(c[0]===3&&(!o||c[1]>o[0]&&c[1]<o[3])){i.label=c[1];break}if(c[0]===6&&i.label<o[1]){i.label=o[1];o=c;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(c);break}if(o[2])i.ops.pop();i.trys.pop();continue}c=t.call(e,i)}catch(e){c=[6,e];r=0}finally{n=o=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-eedb042d.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange,f as isEscapeKey,c as isArrowDownKey,b as isArrowUpKey,o as isTabKey}from"./keyboard-utils-439bcc8b.js";import{g as getLocaleString}from"./language-utils-238c5ed0.js";import{q as spaceXSmall}from"./tokens.module-a746651a.js";import{o as offset,f as flip,s as shift,c as computePosition,b as autoUpdate}from"./floating-ui.dom.esm-ebc91b33.js";import{f as focusElement}from"./focus-utils-4430bb1e.js";import{T as Teleport}from"./teleport-546f382d.js";import{a as actionNewWindowSmall}from"./action-new-window-small-1945be91.js";import"./string-utils-192eb3c8.js";var duetChipCss='*,*::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:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(199, 202, 207)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(98, 121, 138) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1rem;color:rgb(8, 42, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:10px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:8px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(228, 241, 247);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(198, 225, 238)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(222, 224, 228)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover{border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover{background:rgb(255, 213, 215);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 185, 190);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 22px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;cursor:pointer;border-width:2px;border-radius:8px;opacity:0;appearance:none}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}';var DuetChipStyle0=duetChipCss;var DuetChip=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.duetRemove=createEvent(this,"duetRemove",3);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.chipId=createID("DuetChip");this.deleteLabels={fi:"Poista",en:"Remove",sv:"Ta bort"};this.selectedForDeletionLabels={fi:"Valittu, poista askelpalautinnäppäimellä",en:"Selected, remove with backspace",sv:"Valt, ta bort med backsteg"};this.enforceNoDisabledSelected=function(){if(t.disabled&&t.checked){console.error("Duet error: pre-selected chip may not be disabled");t.disabled=false}};this.radioInputListenersRemove=function(e){e.removeEventListener("change",t.onRadioChange);e.removeEventListener("click",t.onRadioClick);e.removeEventListener("focus",t.onFocus);e.removeEventListener("blur",t.onBlur)};this.radioInputListenersAdd=function(e){e.addEventListener("change",t.onRadioChange);e.addEventListener("click",t.onRadioClick);e.addEventListener("focus",t.onFocus);e.addEventListener("blur",t.onBlur)};this.radioInputSetUp=function(){var e=t.element.querySelector("input[slot=input]");var i=e||document.createElement("input");i.slot="input";i.ariaDisabled=t.disabled?"true":undefined;i.id=t.identifier||t.chipId;i.type="radio";i.name=t.name;i.value=t.value;i.checked=t.checked;if(e){t.radioInputListenersRemove(i)}else{t.element.appendChild(i)}t.radioInputListenersAdd(i);t.focusableElement=i};this.popupSetUp=function(){var e=document.querySelector("duet-popup-menu#".concat(t.popup));if(e){t.popupElement=e;e.controller=t.element;var i=t.element.textContent;var n=t.value;if(!e.id){e.id="popup-menu"}e.addEventListener("duetToggle",(function(e){t.popupOpen=e.detail.open}));var r=function(){e.querySelectorAll("duet-popup-menu-item").forEach((function(e){e.active=false}))};e.querySelectorAll("duet-popup-menu-item").forEach((function(e){e.addEventListener("click",(function(o){var a;var c=(a=e.value)!==null&&a!==void 0?a:e.innerText;if(!e.active){r();e.active=true;t.element.textContent=e.innerText;t.value=c;t.checked=true}else{r();t.element.textContent=i;t.value=n;t.checked=false}t.emitChange(o);setTimeout((function(){if(t.popupElement.isOpen()){t.popupElement.hide()}}))}))}))}};this.onFocus=function(e){t.focus=true;t.duetFocus.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-chip"})};this.onBlur=function(e){t.focus=false;t.duetBlur.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-chip"})};this.emitChange=function(e){t.duetChange.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-chip"})};this.onFilterChange=function(e){t.checked=!t.checked;t.emitChange(e)};this.onRadioChange=function(e){var i=t.focusableElement;var n=i.checked;t.checked=n;t.emitChange(e)};this.onRadioClick=function(e){if(t.disabled){e.preventDefault()}};this.onFilterClick=function(e){if(t.disabled){e.stopPropagation();e.preventDefault();return}if(t.popupElement){e.stopPropagation();e.preventDefault();t.popupElement.toggle()}};this.onRemoveClick=function(e){e===null||e===void 0?void 0:e.stopPropagation();e===null||e===void 0?void 0:e.preventDefault();t.duetRemove.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-chip"});t.element.remove()};this.focus=false;this.popupElement=undefined;this.popupOpen=undefined;this.inputChipHover=false;this.inputChipDeleteFocus=false;this.accessibleLabel=undefined;this.variation="button";this.size="medium";this.popup=undefined;this.icon="";this.theme="";this.identifier=undefined;this.value=undefined;this.name=undefined;this.selected=false;this.checked=false;this.disabled=false;this.accessibleExpanded=undefined;this.accessiblePopup="false"}e.prototype.clearOtherRadioButtons=function(){var e=this;if(this.variation==="radio"&&this.checked){var t=document.querySelectorAll('duet-chip[variation="radio"][name="'.concat(this.name,'"]'));t.forEach((function(t){if(t!==e.element){t.checked=false}}))}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.popupSetUp();this.enforceNoDisabledSelected()};e.prototype.connectedCallback=function(){subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};e.prototype.componentDidRender=function(){if(this.variation==="radio"){this.radioInputSetUp()}};e.prototype.getAccessibleExpanded=function(){if(this.accessibleExpanded!=null){return(!!this.accessibleExpanded).toString()}if(this.popupElement){return this.popupOpen?"true":"false"}return undefined};e.prototype.getAccessiblePopup=function(){if(this.popupElement){return"true"}else{return this.accessiblePopup!=null?this.accessiblePopup.toString():undefined}};e.prototype.getAccessibleDeleteLabel=function(){return"".concat(getLocaleString(this.deleteLabels)," ").concat(this.element.textContent)};e.prototype.getAccessibleInputChipLabel=function(){return"".concat(this.element.textContent).concat(this.selected?" (".concat(getLocaleString(this.selectedForDeletionLabels),") "):"",",")};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){setTimeout((function(){return t.focusableElement.focus(e)}),200);return[2]}))}))};e.prototype.setDeleteFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){setTimeout((function(){return e.deleteButtonElement.focus()}),200);return[2]}))}))};e.prototype.removeChip=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onRemoveClick();return[2]}))}))};e.prototype.render=function(){var e,t;var i=this;var n;var r=this.identifier||this.chipId;var o=(e={"duet-chip-container":true},e["duet-chip-".concat(this.variation)]=true,e["duet-chip-focus"]=this.focus,e["duet-chip-selected"]=this.selected,e["duet-chip-hover"]=this.inputChipHover,e["duet-chip-delete-focus"]=this.inputChipDeleteFocus,e["duet-chip-has-icon"]=!!this.icon,e["duet-chip-has-popup"]=this.variation==="filter"&&!!this.popupElement,e["duet-theme-turva"]=this.theme==="turva",e["duet-chip-filter-checked"]=this.variation==="filter"&&this.checked,e["duet-chip-radio-checked"]=this.variation==="radio"&&this.checked,e["duet-chip-filter-popup-open"]=this.popupOpen,e["duet-chip-disabled"]=this.disabled,e[this.size]=true,e);var a={onFocus:this.onFocus,onBlur:this.onBlur,ref:function(e){return i.focusableElement=e}};return h(Host,{key:"74eda64434d7ca861c30bb1468384b4d789bbd97",class:(t={},t[this.variation]=true,t)},this.variation==="button"&&h("span",{key:"63101bab777b2c17bb952b362896a3e01849a520",class:o},h("button",Object.assign({key:"857f56d854ac01c9f0411c0a24d89f22e34e4354",id:r,"aria-label":this.accessibleLabel,"aria-haspopup":this.getAccessiblePopup(),"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":undefined,name:this.name,value:this.value,onClick:this.disabled?function(e){return e.stopPropagation()}:undefined},a),h("span",{key:"5baa1e7b3ea38e0d3eb8ebe9f5cde001f4dad939",class:"duet-chip-icon-container"},this.icon&&h("duet-icon",{key:"2cd983ee490a7810fb740009ef9a1ef1a591b378",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),h("slot",{key:"f1cbed1211d6143c5b6727fb7f182b2567e27206"}))),this.variation==="input"&&h("span",{key:"744596fbf0b1bfbec1bdd33f26e70d5d9cacfeaa",class:o,"aria-label":this.getAccessibleInputChipLabel()},h("button",Object.assign({key:"e2c1bca091f5ec8e7ea9ff2c8e26519836056887",id:r,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel,onMouseOver:function(){return i.inputChipHover=true},onMouseOut:function(){return i.inputChipHover=false},onClick:function(){return i.selected=!i.selected}},a),h("span",{key:"a55760300073590c593ca320a5e65340be999b38",class:"duet-chip-icon-container"},this.icon&&h("duet-icon",{key:"a7788de0d14342248a475f2ff5493c0923c45a9c",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),h("slot",{key:"234fb07f9a8a248a8ed9cdad7006dc6477750c86"})),h("button",{key:"a4c5d32a365ce3994e1620a04c2d47de32ee6a79",class:"duet-chip-remove-button","aria-label":this.getAccessibleDeleteLabel(),onClick:this.onRemoveClick,onFocus:function(){return i.inputChipDeleteFocus=true},onBlur:function(){return i.inputChipDeleteFocus=false},ref:function(e){return i.deleteButtonElement=e}},h("duet-icon",{key:"61db68dbdbb9c89ad567be49369baceccfc70303",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),this.variation==="filter"&&h("span",{key:"3df7ed43734210e5c84768121be780c2e7fa47ca",class:o},h("input",Object.assign({key:"fd46eb7f531a7cce5b329dc46973ebce71477ef0","aria-haspopup":this.getAccessiblePopup(),"aria-controls":(n=this.popupElement)===null||n===void 0?void 0:n.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":undefined,id:r,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},a)),h("label",{key:"2e3e7f153db3e7798fd35a41b3bd5731b7893799",htmlFor:r},this.icon&&h("span",{key:"4daec9ebcae39a9fac552ef5ca6170e991ed2ede",class:"duet-chip-icon-container"},h("duet-icon",{key:"f8c53ccc22dc8955b4ca0946014654a53f643bdf",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("duet-icon",{key:"72a8486a18b78b8522ccf958a762d9200ba44f39",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),h("slot",{key:"4282153a03e2293726a33285e0258dafff9f08a0"}),this.popupElement&&h("span",{key:"b0ace996f4be6c9a56f4842fca5370a987a53623",class:"duet-chip-popup-disclosure"},h("duet-icon",{key:"e7ff6e81d48dd6373a5b301661b5b88bd63b18ac",name:"action-arrow-down-small",size:"xxx-small",margin:"none",color:"currentColor"})))),this.variation==="radio"&&h("span",{key:"b35d00719155d5312923ec5e91e8b9978550553b",class:o},h("slot",{key:"e4b3e781039b2d788de0dadd67b42fca773ec902",name:"input"}),h("label",{key:"23a2a955b70d7e01982a01c25f6e634385d4b699",htmlFor:r},this.icon&&h("span",{key:"a5dd1cfb84d59288385b241df6cf09c2dd9ab717",class:"duet-chip-icon-container"},h("duet-icon",{key:"2a15bfd278418d32b2d5dc39973eebc7eabfbbae",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("duet-icon",{key:"50e58300bb05edd5545be74e621feca7ececb52e",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),h("slot",{key:"a67a5350140057e665af6c7882d6985b430d066a"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["clearOtherRadioButtons"]}},enumerable:false,configurable:true});return e}();DuetChip.style=DuetChipStyle0;var duetPopupMenuCss="*,*::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}.duet-popup-menu-list{position:absolute;top:0;left:0;z-index:950;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(8, 42, 77);list-style:none;visibility:hidden !important;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease;transform:scaleY(0);transform-origin:top center}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.scroll-visible{overflow-y:scroll;scroll-margin:20px}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}::slotted(duet-notification){max-width:360px}";var DuetPopupMenuStyle0=duetPopupMenuCss;var DuetPopupMenu=function(){function e(e){var t=this;registerInstance(this,e);this.duetToggle=createEvent(this,"duetToggle",7);this.setOpenButton=function(e){if(!e){return}try{var i=e;i.accessiblePopup="true";i.accessibleExpanded=false;if(t.controllerIcon){i.setAttribute("trailing-icon","action-arrow-down-small")}t.openButton=i}catch(e){}};this.openButtonEventListener=function(){t.toggle()};this.updatePlacement=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){switch(i.label){case 0:if(!this.openButton){return[2]}e=[offset({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),this.allowVerticalFlip&&flip(),shift({padding:5})].filter(Boolean);return[4,computePosition(this.openButton,this.menuElement,{middleware:e,placement:this.placement,strategy:this.position})];case 1:t=i.sent();this.menuY=t.y;this.menuX=t.x;return[2]}}))}))};this.open=false;this.menuY=undefined;this.menuX=undefined;this.accessibleLabel=undefined;this.accessibleRole="menu";this.theme="";this.skipTeleport=undefined;this.placement="bottom-start";this.forcePlacement=false;this.allowVerticalFlip=true;this.position="absolute";this.mainAxisOffset=0;this.crossAxisOffset=0;this.controllerIcon="action-arrow-down-small";this.scrollLimit=undefined}Object.defineProperty(e.prototype,"controller",{get:function(){return this._controller},set:function(e){if(this._controller===e){return}this._controller=e;if(typeof e==="string"){this.setOpenButton(document.getElementById(e));if(this.openButton){this.openButton.addEventListener("click",this.openButtonEventListener)}}else{this.setOpenButton(e)}},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"opener",{get:function(){return this._controller},set:function(e){this.controller=e},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.componentDidLoad=function(){{this.updatePlacement()}};e.prototype.connectedCallback=function(){if(!this.teleport){this.teleport=new Teleport(this.element)}if(this.teleport){this.teleport.activate()}};e.prototype.disconnectedCallback=function(){if(this.autoUpdateCleanup){this.autoUpdateCleanup()}if(this.openButton){this.openButton.removeEventListener("click",this.openButtonEventListener);if(this.controllerIcon){this.openButton.removeAttribute("trailing-icon")}}};e.prototype.handleKeyUp=function(e){if(this.open){if(isEscapeKey(e)){this.hide()}}};e.prototype.handleKeyDown=function(e){return __awaiter(this,void 0,void 0,(function(){var t,t;return __generator(this,(function(i){switch(i.label){case 0:if(!this.open)return[3,5];if(!isArrowDownKey(e))return[3,2];e.preventDefault();return[4,this.getFocusedItemIndex()];case 1:t=i.sent();if(t!==-1){if(t<this.itemElements.length-1){this.itemElements[t+1].setFocus()}else{this.itemElements[0].setFocus()}}i.label=2;case 2:if(!isArrowUpKey(e))return[3,4];e.preventDefault();return[4,this.getFocusedItemIndex()];case 3:t=i.sent();if(t!==-1){if(t===0){this.itemElements[this.itemElements.length-1].setFocus()}else{this.itemElements[t-1].setFocus()}}i.label=4;case 4:if(isTabKey(e)&&this.accessibleRole==="menu"){e.preventDefault();this.hide()}i.label=5;case 5:return[2]}}))}))};e.prototype.handleClick=function(e){var t=this;var i=e.composedPath().every((function(e){return e!==t.element&&e!==t.openButton}));if(this.open&&i){this.hide()}};e.prototype.isOpen=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.open]}))}))};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.autoUpdateCleanup){this.autoUpdateCleanup()}this.open=false;return[2]}))}))};e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.open){this.hide()}else{this.show()}return[2]}))}))};e.prototype.handleOpenChange=function(e,t){var i=this;if(!!e===!!t){return}if(this.open&&!t){if(this.openButton){this.openButton.accessibleExpanded=true}if(this.accessibleRole!=="listbox"){this.teleport.makeSiblingsInert()}this.updatePlacement();if(this.menuElement&&this.openButton){this.autoUpdateCleanup=autoUpdate(this.openButton,this.menuElement,this.updatePlacement)}setTimeout((function(){if(i.accessibleRole==="menu"){i.itemElements[0].setFocus()}i.duetToggle.emit({open:i.open,component:"duet-popup-menu"})}),200)}else if(!this.open&&t){if(this.openButton){this.openButton.accessibleExpanded=false}if(this.autoUpdateCleanup){this.autoUpdateCleanup()}setTimeout((function(){if(i.accessibleRole==="menu"){focusElement(i.openButton)}i.duetToggle.emit({open:i.open,component:"duet-popup-menu"});if(i.accessibleRole!=="listbox"){i.teleport.removeInertFromSiblings()}}),200)}};Object.defineProperty(e.prototype,"itemElements",{get:function(){return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"popupMenuStyleHeight",{get:function(){if(this.itemElements.length>0&&this.scrollLimit){var e=Number(spaceXSmall.replace("px",""))*2;return"".concat(this.itemElements[0].offsetHeight*this.scrollLimit+e,"px")}else{return"auto"}},enumerable:false,configurable:true});e.prototype.getFocusedItemIndex=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){switch(i.label){case 0:e=this.itemElements;t=0;i.label=1;case 1:if(!(t<e.length))return[3,4];return[4,e[t].isFocused()];case 2:if(i.sent()){return[2,t]}i.label=3;case 3:t++;return[3,1];case 4:return[2,-1]}}))}))};e.prototype.render=function(){var e=this;var t={top:"".concat(this.menuY,"px"),left:"".concat(this.menuX,"px"),position:this.position,overflowY:"auto",height:this.popupMenuStyleHeight};return h(Host,{key:"af39c297a7f2c03182e3671d23fc67162e7854e3"},h("div",{key:"7c8fd36f7f0bbe630e5c47f942327700dd3ad3eb",ref:function(t){e.menuElement=t},style:t,class:{open:this.open,"duet-popup-menu-list":true,"duet-theme-turva":this.theme==="turva","scroll-visible":this.scrollLimit<this.itemElements.length},role:this.accessibleRole,"aria-label":this.accessibleLabel},h("slot",{key:"60c5bb890286cbbc5a9a33e8bc3d0fc1888dd193"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["handleOpenChange"]}},enumerable:false,configurable:true});return e}();DuetPopupMenu.style=DuetPopupMenuStyle0;var duetPopupMenuItemCss='*,*::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:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-popup-menu-item.active{background:rgb(240, 247, 250)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(222, 224, 228)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}';var DuetPopupMenuItemStyle0=duetPopupMenuItemCss;var DuetPopupMenuItem=function(){function e(e){var t=this;registerInstance(this,e);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.onFocus=function(e){t.focus=true;t.duetFocus.emit({originalEvent:e,value:t.value,component:"duet-popup-menu-item"})};this.onBlur=function(e){t.focus=false;t.duetBlur.emit({originalEvent:e,value:t.value,component:"duet-popup-menu-item"})};this.focus=false;this.accessibleLabel=undefined;this.accessibleRole="menuitem";this.theme="";this.url=undefined;this.external=false;this.targetLanguage=undefined;this.value=undefined;this.leadingIcon=undefined;this.leadingIconColor=undefined;this.trailingIcon=undefined;this.trailingText=undefined;this.active=false;this.activeDescendant=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.isFocused=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.focus]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";var i={"duet-popup-menu-item":true,active:this.active,"duet-theme-turva":this.theme==="turva","active-descendant":this.activeDescendant};return h(Host,{key:"02e7a087e9f8df28e015c45b2182ab19167c39a2",role:this.accessibleRole},h(t,{key:"ac6c8e523bb7dbd6ce78dfb8e5ba1a34c765f538",ref:function(t){return e.itemElement=t},tabIndex:this.accessibleRole==="listitem"?0:-1,onFocus:this.onFocus,onBlur:this.onBlur,role:"".concat(t==="a"?"link":"button"),"aria-label":this.accessibleLabel,class:i,value:this.value,href:this.url,target:this.external?"_blank":undefined,rel:this.external?"noopener":undefined,lang:t==="button"?undefined:this.targetLanguage,hreflang:t==="button"?undefined:this.targetLanguage},this.leadingIcon&&h("duet-icon",{key:"003f72c807601366ce44ba41c92d01cc3867a995",name:this.leadingIcon,size:"x-small",color:this.leadingIconColor?this.leadingIconColor:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),h("span",{key:"5936e48916d5c665070e490074e5310b52ad0cd9",class:"duet-popup-menu-item-label"},h("slot",{key:"4f365167fa1ae20a9a26f91352791b8b94007088"})),(this.trailingIcon||this.active||this.url&&this.external)&&h("duet-icon",{key:"52e54059ac3b56ad022ed42085029a58b7010806",name:this.url&&this.external?actionNewWindowSmall.title:this.active?"messaging-checked-small":this.trailingIcon,size:this.url&&this.external||this.active?"xx-small":"x-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&h("span",{key:"16fb5260a8d79c5b20bc7dcbb0d6fb078d41f0d5",class:"duet-popup-menu-item-trailing"},this.trailingText)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetPopupMenuItem.style=DuetPopupMenuItemStyle0;export{DuetChip as duet_chip,DuetPopupMenu as duet_popup_menu,DuetPopupMenuItem as duet_popup_menu_item};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-df3d13a5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange,f as isEscapeKey,c as isArrowDownKey,b as isArrowUpKey,o as isTabKey}from"./keyboard-utils-439bcc8b.js";import{g as getLocaleString}from"./language-utils-0da69172.js";import{q as spaceXSmall}from"./tokens.module-a746651a.js";import{o as offset,f as flip,s as shift,c as computePosition,b as autoUpdate}from"./floating-ui.dom.esm-ebc91b33.js";import{f as focusElement}from"./focus-utils-a784b6e8.js";import{T as Teleport}from"./teleport-546f382d.js";import{a as actionNewWindowSmall}from"./action-new-window-small-1945be91.js";import"./string-utils-192eb3c8.js";var duetChipCss='*,*::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:8px !important;margin-bottom:12px !important;position:relative;display:inline-block;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.input){margin-top:6px !important;margin-right:0 !important;margin-bottom:6px !important;margin-left:4px !important}.duet-chip-container{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:1px;hyphens:none;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:center;cursor:pointer;background:rgb(255, 255, 255);border-color:rgb(181, 198, 208);border-style:solid;border-width:1px;border-radius:8px;transition:background-color 300ms ease, color 300ms ease, border-color 300ms ease}.duet-chip-container.duet-p-0{padding:0 !important}.duet-chip-container.duet-m-0{margin:0 !important}.duet-chip-container.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255);border-color:rgb(199, 202, 207)}.duet-chip-container.duet-theme-turva:hover{border-color:rgb(198, 12, 48)}.duet-chip-container:hover{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-disabled{color:rgb(98, 121, 138) !important;cursor:default;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-chip-container.duet-chip-disabled.duet-theme-turva{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled:hover{background:rgb(245, 248, 250);border-color:rgb(245, 248, 250)}.duet-chip-container.duet-chip-disabled:hover.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-disabled button,.duet-chip-container.duet-chip-disabled label{cursor:default}.duet-chip-container button,.duet-chip-container label{display:flex;align-items:center;width:100%;height:100%;padding:8px 14px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1rem;color:rgb(8, 42, 77) !important;cursor:pointer}.duet-chip-container button:focus,.duet-chip-container label:focus{outline:none}.duet-chip-container .duet-chip-icon-container{display:flex;align-items:center;height:16px;padding:0;transition:padding 300ms ease}.duet-chip-container.duet-chip-has-icon .duet-chip-icon-container{width:24px;height:16px;padding-right:10px}.duet-chip-container.duet-chip-has-icon.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-has-icon.duet-chip-radio-checked .duet-chip-icon-container{padding-right:11px;padding-left:3px}.duet-chip-container.duet-chip-has-icon button,.duet-chip-container.duet-chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-has-popup button,.duet-chip-container.duet-chip-has-popup label{padding-right:8px}.duet-chip-container duet-icon:not(.check-mark){width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container duet-icon.check-mark{width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked,.duet-chip-container.duet-chip-radio-checked{padding:0 !important;background:rgb(228, 241, 247);border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-filter-checked:hover,.duet-chip-container.duet-chip-radio-checked:hover{background:rgb(198, 225, 238)}.duet-chip-container.duet-chip-filter-checked.chip-has-icon button,.duet-chip-container.duet-chip-filter-checked.chip-has-icon label,.duet-chip-container.duet-chip-radio-checked.chip-has-icon button,.duet-chip-container.duet-chip-radio-checked.chip-has-icon label{padding-left:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container{padding-right:10px}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon:not(.check-mark),.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon:not(.check-mark){width:0;overflow:hidden;visibility:hidden;transition:width 300ms ease, transform 300ms ease;transform:scaleX(0)}.duet-chip-container.duet-chip-filter-checked .duet-chip-icon-container duet-icon.check-mark,.duet-chip-container.duet-chip-radio-checked .duet-chip-icon-container duet-icon.check-mark{width:auto;visibility:visible;transition:width 300ms ease, transform 300ms ease;transform:scaleX(1)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-filter-checked.duet-theme-turva:hover,.duet-chip-container.duet-chip-radio-checked.duet-theme-turva:hover{background:rgb(222, 224, 228)}.duet-chip-container .duet-chip-popup-disclosure{padding-right:4.5px;padding-left:12.5px}.duet-chip-container .duet-chip-popup-disclosure duet-icon{transition:transform 300ms ease}.duet-chip-container.duet-chip-filter-popup-open{background:rgb(240, 247, 250);border-color:rgb(240, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open.duet-theme-turva{background:rgb(245, 247, 250);border-color:rgb(245, 247, 250)}.duet-chip-container.duet-chip-filter-popup-open .duet-chip-popup-disclosure duet-icon{transform:rotate(180deg)}.duet-chip-container.duet-chip-input:hover{padding:1px !important;border-color:rgb(181, 198, 208);border-width:1px}.duet-chip-container.duet-chip-input.duet-chip-hover,.duet-chip-container.duet-chip-input.duet-chip-selected{padding:0 !important;border-color:rgb(0, 119, 179);border-width:2px}.duet-chip-container.duet-chip-input.duet-chip-hover .duet-chip-remove-button,.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button{right:0;width:34px;height:34px;background:transparent}.duet-chip-container.duet-chip-input.duet-chip-delete-focus{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input .duet-chip-input-button{margin-right:22px}.duet-chip-container.duet-chip-input .duet-chip-remove-button{position:absolute;top:-1px;right:-1px;width:36px;height:36px;padding-left:10px;border:3px solid transparent;border-radius:8px}.duet-chip-container.duet-chip-input .duet-chip-remove-button:hover{background:rgb(217, 236, 245);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-chip-selected{background:rgb(240, 247, 250)}.duet-chip-container.duet-chip-input.duet-chip-selected.duet-chip-hover{background:rgb(217, 236, 245)}.duet-chip-container.duet-chip-input.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(198, 225, 238);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva:hover{border-color:rgb(199, 202, 207)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-hover{border-color:rgb(198, 12, 48)}.duet-chip-container.duet-chip-input.duet-theme-turva .duet-chip-remove-button:hover{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected{background:rgb(255, 241, 241)}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected.duet-chip-hover{background:rgb(255, 213, 215);background-clip:padding-box}.duet-chip-container.duet-chip-input.duet-theme-turva.duet-chip-selected .duet-chip-remove-button:hover{background:rgb(255, 185, 190);background-clip:padding-box}.duet-chip-container.large button,.duet-chip-container.large label{padding:15px 22px}:host(.user-is-tabbing) .duet-chip-focus,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-chip-focus.duet-theme-turva,:host(.user-is-tabbing) .duet-chip-delete-focus .duet-chip-remove-button.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-chip-container input,*::slotted([slot=input]){position:absolute !important;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;cursor:pointer;border-width:2px;border-radius:8px;opacity:0;appearance:none}*::slotted([slot=input]:not([aria-disabled=true])){z-index:1}';var DuetChipStyle0=duetChipCss;var DuetChip=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.duetRemove=createEvent(this,"duetRemove",3);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.chipId=createID("DuetChip");this.deleteLabels={fi:"Poista",en:"Remove",sv:"Ta bort"};this.selectedForDeletionLabels={fi:"Valittu, poista askelpalautinnäppäimellä",en:"Selected, remove with backspace",sv:"Valt, ta bort med backsteg"};this.enforceNoDisabledSelected=function(){if(t.disabled&&t.checked){console.error("Duet error: pre-selected chip may not be disabled");t.disabled=false}};this.radioInputListenersRemove=function(e){e.removeEventListener("change",t.onRadioChange);e.removeEventListener("click",t.onRadioClick);e.removeEventListener("focus",t.onFocus);e.removeEventListener("blur",t.onBlur)};this.radioInputListenersAdd=function(e){e.addEventListener("change",t.onRadioChange);e.addEventListener("click",t.onRadioClick);e.addEventListener("focus",t.onFocus);e.addEventListener("blur",t.onBlur)};this.radioInputSetUp=function(){var e=t.element.querySelector("input[slot=input]");var i=e||document.createElement("input");i.slot="input";i.ariaDisabled=t.disabled?"true":undefined;i.id=t.identifier||t.chipId;i.type="radio";i.name=t.name;i.value=t.value;i.checked=t.checked;if(e){t.radioInputListenersRemove(i)}else{t.element.appendChild(i)}t.radioInputListenersAdd(i);t.focusableElement=i};this.popupSetUp=function(){var e=document.querySelector("duet-popup-menu#".concat(t.popup));if(e){t.popupElement=e;e.controller=t.element;var i=t.element.textContent;var n=t.value;if(!e.id){e.id="popup-menu"}e.addEventListener("duetToggle",(function(e){t.popupOpen=e.detail.open}));var r=function(){e.querySelectorAll("duet-popup-menu-item").forEach((function(e){e.active=false}))};e.querySelectorAll("duet-popup-menu-item").forEach((function(e){e.addEventListener("click",(function(o){var a;var c=(a=e.value)!==null&&a!==void 0?a:e.innerText;if(!e.active){r();e.active=true;t.element.textContent=e.innerText;t.value=c;t.checked=true}else{r();t.element.textContent=i;t.value=n;t.checked=false}t.emitChange(o);setTimeout((function(){if(t.popupElement.isOpen()){t.popupElement.hide()}}))}))}))}};this.onFocus=function(e){t.focus=true;t.duetFocus.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-chip"})};this.onBlur=function(e){t.focus=false;t.duetBlur.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-chip"})};this.emitChange=function(e){t.duetChange.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-chip"})};this.onFilterChange=function(e){t.checked=!t.checked;t.emitChange(e)};this.onRadioChange=function(e){var i=t.focusableElement;var n=i.checked;t.checked=n;t.emitChange(e)};this.onRadioClick=function(e){if(t.disabled){e.preventDefault()}};this.onFilterClick=function(e){if(t.disabled){e.stopPropagation();e.preventDefault();return}if(t.popupElement){e.stopPropagation();e.preventDefault();t.popupElement.toggle()}};this.onRemoveClick=function(e){e===null||e===void 0?void 0:e.stopPropagation();e===null||e===void 0?void 0:e.preventDefault();t.duetRemove.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-chip"});t.element.remove()};this.focus=false;this.popupElement=undefined;this.popupOpen=undefined;this.inputChipHover=false;this.inputChipDeleteFocus=false;this.accessibleLabel=undefined;this.variation="button";this.size="medium";this.popup=undefined;this.icon="";this.theme="";this.identifier=undefined;this.value=undefined;this.name=undefined;this.selected=false;this.checked=false;this.disabled=false;this.accessibleExpanded=undefined;this.accessiblePopup="false"}e.prototype.clearOtherRadioButtons=function(){var e=this;if(this.variation==="radio"&&this.checked){var t=document.querySelectorAll('duet-chip[variation="radio"][name="'.concat(this.name,'"]'));t.forEach((function(t){if(t!==e.element){t.checked=false}}))}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.popupSetUp();this.enforceNoDisabledSelected()};e.prototype.connectedCallback=function(){subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};e.prototype.componentDidRender=function(){if(this.variation==="radio"){this.radioInputSetUp()}};e.prototype.getAccessibleExpanded=function(){if(this.accessibleExpanded!=null){return(!!this.accessibleExpanded).toString()}if(this.popupElement){return this.popupOpen?"true":"false"}return undefined};e.prototype.getAccessiblePopup=function(){if(this.popupElement){return"true"}else{return this.accessiblePopup!=null?this.accessiblePopup.toString():undefined}};e.prototype.getAccessibleDeleteLabel=function(){return"".concat(getLocaleString(this.deleteLabels)," ").concat(this.element.textContent)};e.prototype.getAccessibleInputChipLabel=function(){return"".concat(this.element.textContent).concat(this.selected?" (".concat(getLocaleString(this.selectedForDeletionLabels),") "):"",",")};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){setTimeout((function(){return t.focusableElement.focus(e)}),200);return[2]}))}))};e.prototype.setDeleteFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){setTimeout((function(){return e.deleteButtonElement.focus()}),200);return[2]}))}))};e.prototype.removeChip=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.onRemoveClick();return[2]}))}))};e.prototype.render=function(){var e,t;var i=this;var n;var r=this.identifier||this.chipId;var o=(e={"duet-chip-container":true},e["duet-chip-".concat(this.variation)]=true,e["duet-chip-focus"]=this.focus,e["duet-chip-selected"]=this.selected,e["duet-chip-hover"]=this.inputChipHover,e["duet-chip-delete-focus"]=this.inputChipDeleteFocus,e["duet-chip-has-icon"]=!!this.icon,e["duet-chip-has-popup"]=this.variation==="filter"&&!!this.popupElement,e["duet-theme-turva"]=this.theme==="turva",e["duet-chip-filter-checked"]=this.variation==="filter"&&this.checked,e["duet-chip-radio-checked"]=this.variation==="radio"&&this.checked,e["duet-chip-filter-popup-open"]=this.popupOpen,e["duet-chip-disabled"]=this.disabled,e[this.size]=true,e);var a={onFocus:this.onFocus,onBlur:this.onBlur,ref:function(e){return i.focusableElement=e}};return h(Host,{key:"74eda64434d7ca861c30bb1468384b4d789bbd97",class:(t={},t[this.variation]=true,t)},this.variation==="button"&&h("span",{key:"63101bab777b2c17bb952b362896a3e01849a520",class:o},h("button",Object.assign({key:"857f56d854ac01c9f0411c0a24d89f22e34e4354",id:r,"aria-label":this.accessibleLabel,"aria-haspopup":this.getAccessiblePopup(),"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":undefined,name:this.name,value:this.value,onClick:this.disabled?function(e){return e.stopPropagation()}:undefined},a),h("span",{key:"5baa1e7b3ea38e0d3eb8ebe9f5cde001f4dad939",class:"duet-chip-icon-container"},this.icon&&h("duet-icon",{key:"2cd983ee490a7810fb740009ef9a1ef1a591b378",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),h("slot",{key:"f1cbed1211d6143c5b6727fb7f182b2567e27206"}))),this.variation==="input"&&h("span",{key:"744596fbf0b1bfbec1bdd33f26e70d5d9cacfeaa",class:o,"aria-label":this.getAccessibleInputChipLabel()},h("button",Object.assign({key:"e2c1bca091f5ec8e7ea9ff2c8e26519836056887",id:r,class:"duet-chip-input-button",value:this.value,"aria-label":this.accessibleLabel,onMouseOver:function(){return i.inputChipHover=true},onMouseOut:function(){return i.inputChipHover=false},onClick:function(){return i.selected=!i.selected}},a),h("span",{key:"a55760300073590c593ca320a5e65340be999b38",class:"duet-chip-icon-container"},this.icon&&h("duet-icon",{key:"a7788de0d14342248a475f2ff5493c0923c45a9c",name:this.icon,size:"x-small",margin:"none",color:"currentColor"})),h("slot",{key:"234fb07f9a8a248a8ed9cdad7006dc6477750c86"})),h("button",{key:"a4c5d32a365ce3994e1620a04c2d47de32ee6a79",class:"duet-chip-remove-button","aria-label":this.getAccessibleDeleteLabel(),onClick:this.onRemoveClick,onFocus:function(){return i.inputChipDeleteFocus=true},onBlur:function(){return i.inputChipDeleteFocus=false},ref:function(e){return i.deleteButtonElement=e}},h("duet-icon",{key:"61db68dbdbb9c89ad567be49369baceccfc70303",name:"activity-close",size:"xx-small",margin:"none",color:"currentColor"}))),this.variation==="filter"&&h("span",{key:"3df7ed43734210e5c84768121be780c2e7fa47ca",class:o},h("input",Object.assign({key:"fd46eb7f531a7cce5b329dc46973ebce71477ef0","aria-haspopup":this.getAccessiblePopup(),"aria-controls":(n=this.popupElement)===null||n===void 0?void 0:n.id,"aria-expanded":this.getAccessibleExpanded(),"aria-disabled":this.disabled?"true":undefined,id:r,type:"checkbox",name:this.name,value:this.value,checked:this.checked,onClick:this.onFilterClick,onChange:this.onFilterChange},a)),h("label",{key:"2e3e7f153db3e7798fd35a41b3bd5731b7893799",htmlFor:r},this.icon&&h("span",{key:"4daec9ebcae39a9fac552ef5ca6170e991ed2ede",class:"duet-chip-icon-container"},h("duet-icon",{key:"f8c53ccc22dc8955b4ca0946014654a53f643bdf",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("duet-icon",{key:"72a8486a18b78b8522ccf958a762d9200ba44f39",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),h("slot",{key:"4282153a03e2293726a33285e0258dafff9f08a0"}),this.popupElement&&h("span",{key:"b0ace996f4be6c9a56f4842fca5370a987a53623",class:"duet-chip-popup-disclosure"},h("duet-icon",{key:"e7ff6e81d48dd6373a5b301661b5b88bd63b18ac",name:"action-arrow-down-small",size:"xxx-small",margin:"none",color:"currentColor"})))),this.variation==="radio"&&h("span",{key:"b35d00719155d5312923ec5e91e8b9978550553b",class:o},h("slot",{key:"e4b3e781039b2d788de0dadd67b42fca773ec902",name:"input"}),h("label",{key:"23a2a955b70d7e01982a01c25f6e634385d4b699",htmlFor:r},this.icon&&h("span",{key:"a5dd1cfb84d59288385b241df6cf09c2dd9ab717",class:"duet-chip-icon-container"},h("duet-icon",{key:"2a15bfd278418d32b2d5dc39973eebc7eabfbbae",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("duet-icon",{key:"50e58300bb05edd5545be74e621feca7ececb52e",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor",class:"check-mark"})),h("slot",{key:"a67a5350140057e665af6c7882d6985b430d066a"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["clearOtherRadioButtons"]}},enumerable:false,configurable:true});return e}();DuetChip.style=DuetChipStyle0;var duetPopupMenuCss="*,*::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}.duet-popup-menu-list{position:absolute;top:0;left:0;z-index:950;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(8, 42, 77);list-style:none;visibility:hidden !important;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease;transform:scaleY(0);transform-origin:top center}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.scroll-visible{overflow-y:scroll;scroll-margin:20px}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}::slotted(duet-notification){max-width:360px}";var DuetPopupMenuStyle0=duetPopupMenuCss;var DuetPopupMenu=function(){function e(e){var t=this;registerInstance(this,e);this.duetToggle=createEvent(this,"duetToggle",7);this.setOpenButton=function(e){if(!e){return}try{var i=e;i.accessiblePopup="true";i.accessibleExpanded=false;if(t.controllerIcon){i.setAttribute("trailing-icon","action-arrow-down-small")}t.openButton=i}catch(e){}};this.openButtonEventListener=function(){t.toggle()};this.updatePlacement=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){switch(i.label){case 0:if(!this.openButton){return[2]}e=[offset({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),this.allowVerticalFlip&&flip(),shift({padding:5})].filter(Boolean);return[4,computePosition(this.openButton,this.menuElement,{middleware:e,placement:this.placement,strategy:this.position})];case 1:t=i.sent();this.menuY=t.y;this.menuX=t.x;return[2]}}))}))};this.open=false;this.menuY=undefined;this.menuX=undefined;this.accessibleLabel=undefined;this.accessibleRole="menu";this.theme="";this.skipTeleport=undefined;this.placement="bottom-start";this.forcePlacement=false;this.allowVerticalFlip=true;this.position="absolute";this.mainAxisOffset=0;this.crossAxisOffset=0;this.controllerIcon="action-arrow-down-small";this.scrollLimit=undefined}Object.defineProperty(e.prototype,"controller",{get:function(){return this._controller},set:function(e){if(this._controller===e){return}this._controller=e;if(typeof e==="string"){this.setOpenButton(document.getElementById(e));if(this.openButton){this.openButton.addEventListener("click",this.openButtonEventListener)}}else{this.setOpenButton(e)}},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"opener",{get:function(){return this._controller},set:function(e){this.controller=e},enumerable:false,configurable:true});e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.componentDidLoad=function(){{this.updatePlacement()}};e.prototype.connectedCallback=function(){if(!this.teleport){this.teleport=new Teleport(this.element)}if(this.teleport){this.teleport.activate()}};e.prototype.disconnectedCallback=function(){if(this.autoUpdateCleanup){this.autoUpdateCleanup()}if(this.openButton){this.openButton.removeEventListener("click",this.openButtonEventListener);if(this.controllerIcon){this.openButton.removeAttribute("trailing-icon")}}};e.prototype.handleKeyUp=function(e){if(this.open){if(isEscapeKey(e)){this.hide()}}};e.prototype.handleKeyDown=function(e){return __awaiter(this,void 0,void 0,(function(){var t,t;return __generator(this,(function(i){switch(i.label){case 0:if(!this.open)return[3,5];if(!isArrowDownKey(e))return[3,2];e.preventDefault();return[4,this.getFocusedItemIndex()];case 1:t=i.sent();if(t!==-1){if(t<this.itemElements.length-1){this.itemElements[t+1].setFocus()}else{this.itemElements[0].setFocus()}}i.label=2;case 2:if(!isArrowUpKey(e))return[3,4];e.preventDefault();return[4,this.getFocusedItemIndex()];case 3:t=i.sent();if(t!==-1){if(t===0){this.itemElements[this.itemElements.length-1].setFocus()}else{this.itemElements[t-1].setFocus()}}i.label=4;case 4:if(isTabKey(e)&&this.accessibleRole==="menu"){e.preventDefault();this.hide()}i.label=5;case 5:return[2]}}))}))};e.prototype.handleClick=function(e){var t=this;var i=e.composedPath().every((function(e){return e!==t.element&&e!==t.openButton}));if(this.open&&i){this.hide()}};e.prototype.isOpen=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.open]}))}))};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.autoUpdateCleanup){this.autoUpdateCleanup()}this.open=false;return[2]}))}))};e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.open){this.hide()}else{this.show()}return[2]}))}))};e.prototype.handleOpenChange=function(e,t){var i=this;if(!!e===!!t){return}if(this.open&&!t){if(this.openButton){this.openButton.accessibleExpanded=true}if(this.accessibleRole!=="listbox"){this.teleport.makeSiblingsInert()}this.updatePlacement();if(this.menuElement&&this.openButton){this.autoUpdateCleanup=autoUpdate(this.openButton,this.menuElement,this.updatePlacement)}setTimeout((function(){if(i.accessibleRole==="menu"){i.itemElements[0].setFocus()}i.duetToggle.emit({open:i.open,component:"duet-popup-menu"})}),200)}else if(!this.open&&t){if(this.openButton){this.openButton.accessibleExpanded=false}if(this.autoUpdateCleanup){this.autoUpdateCleanup()}setTimeout((function(){if(i.accessibleRole==="menu"){focusElement(i.openButton)}i.duetToggle.emit({open:i.open,component:"duet-popup-menu"});if(i.accessibleRole!=="listbox"){i.teleport.removeInertFromSiblings()}}),200)}};Object.defineProperty(e.prototype,"itemElements",{get:function(){return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"))},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"popupMenuStyleHeight",{get:function(){if(this.itemElements.length>0&&this.scrollLimit){var e=Number(spaceXSmall.replace("px",""))*2;return"".concat(this.itemElements[0].offsetHeight*this.scrollLimit+e,"px")}else{return"auto"}},enumerable:false,configurable:true});e.prototype.getFocusedItemIndex=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){switch(i.label){case 0:e=this.itemElements;t=0;i.label=1;case 1:if(!(t<e.length))return[3,4];return[4,e[t].isFocused()];case 2:if(i.sent()){return[2,t]}i.label=3;case 3:t++;return[3,1];case 4:return[2,-1]}}))}))};e.prototype.render=function(){var e=this;var t={top:"".concat(this.menuY,"px"),left:"".concat(this.menuX,"px"),position:this.position,overflowY:"auto",height:this.popupMenuStyleHeight};return h(Host,{key:"af39c297a7f2c03182e3671d23fc67162e7854e3"},h("div",{key:"7c8fd36f7f0bbe630e5c47f942327700dd3ad3eb",ref:function(t){e.menuElement=t},style:t,class:{open:this.open,"duet-popup-menu-list":true,"duet-theme-turva":this.theme==="turva","scroll-visible":this.scrollLimit<this.itemElements.length},role:this.accessibleRole,"aria-label":this.accessibleLabel},h("slot",{key:"60c5bb890286cbbc5a9a33e8bc3d0fc1888dd193"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["handleOpenChange"]}},enumerable:false,configurable:true});return e}();DuetPopupMenu.style=DuetPopupMenuStyle0;var duetPopupMenuItemCss='*,*::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:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:12px;align-items:center;height:100%;padding:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-popup-menu-item.active{background:rgb(240, 247, 250)}.duet-popup-menu-item.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-popup-menu-item:hover{background:rgb(228, 241, 247)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(222, 224, 228)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}.duet-popup-menu-item .duet-popup-menu-item-trailing{padding-left:20px}.active-descendant{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .active-descendant,.active-descendant.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}';var DuetPopupMenuItemStyle0=duetPopupMenuItemCss;var DuetPopupMenuItem=function(){function e(e){var t=this;registerInstance(this,e);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.onFocus=function(e){t.focus=true;t.duetFocus.emit({originalEvent:e,value:t.value,component:"duet-popup-menu-item"})};this.onBlur=function(e){t.focus=false;t.duetBlur.emit({originalEvent:e,value:t.value,component:"duet-popup-menu-item"})};this.focus=false;this.accessibleLabel=undefined;this.accessibleRole="menuitem";this.theme="";this.url=undefined;this.external=false;this.targetLanguage=undefined;this.value=undefined;this.leadingIcon=undefined;this.leadingIconColor=undefined;this.trailingIcon=undefined;this.trailingText=undefined;this.active=false;this.activeDescendant=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(i){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.isFocused=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.focus]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";var i={"duet-popup-menu-item":true,active:this.active,"duet-theme-turva":this.theme==="turva","active-descendant":this.activeDescendant};return h(Host,{key:"02e7a087e9f8df28e015c45b2182ab19167c39a2",role:this.accessibleRole},h(t,{key:"ac6c8e523bb7dbd6ce78dfb8e5ba1a34c765f538",ref:function(t){return e.itemElement=t},tabIndex:this.accessibleRole==="listitem"?0:-1,onFocus:this.onFocus,onBlur:this.onBlur,role:"".concat(t==="a"?"link":"button"),"aria-label":this.accessibleLabel,class:i,value:this.value,href:this.url,target:this.external?"_blank":undefined,rel:this.external?"noopener":undefined,lang:t==="button"?undefined:this.targetLanguage,hreflang:t==="button"?undefined:this.targetLanguage},this.leadingIcon&&h("duet-icon",{key:"003f72c807601366ce44ba41c92d01cc3867a995",name:this.leadingIcon,size:"x-small",color:this.leadingIconColor?this.leadingIconColor:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),h("span",{key:"5936e48916d5c665070e490074e5310b52ad0cd9",class:"duet-popup-menu-item-label"},h("slot",{key:"4f365167fa1ae20a9a26f91352791b8b94007088"})),(this.trailingIcon||this.active||this.url&&this.external)&&h("duet-icon",{key:"52e54059ac3b56ad022ed42085029a58b7010806",name:this.url&&this.external?actionNewWindowSmall.title:this.active?"messaging-checked-small":this.trailingIcon,size:this.url&&this.external||this.active?"xx-small":"x-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&h("span",{key:"16fb5260a8d79c5b20bc7dcbb0d6fb078d41f0d5",class:"duet-popup-menu-item-trailing"},this.trailingText)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetPopupMenuItem.style=DuetPopupMenuItemStyle0;export{DuetChip as duet_chip,DuetPopupMenu as duet_popup_menu,DuetPopupMenuItem as duet_popup_menu_item};

package/lib/esm-es5/duet-choice_2.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,c,i){function o(e){return e instanceof c?e:new c((function(t){t(e)}))}return new(c||(c=Promise))((function(c,r){function d(e){try{a(i.next(e))}catch(e){r(e)}}function h(e){try{a(i["throw"](e))}catch(e){r(e)}}function a(e){e.done?c(e.value):o(e.value).then(d,h)}a((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var c={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,d;return d={next:h(0),throw:h(1),return:h(2)},typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function h(e){return function(t){return a([e,t])}}function a(h){if(i)throw new TypeError("Generator is already executing.");while(d&&(d=0,h[0]&&(c=0)),c)try{if(i=1,o&&(r=h[0]&2?o["return"]:h[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,h[1])).done)return r;if(o=0,r)h=[h[0]&2,r.value];switch(h[0]){case 0:case 1:r=h;break;case 4:c.label++;return{value:h[1],done:false};case 5:c.label++;o=h[1];h=[0];continue;case 7:h=c.ops.pop();c.trys.pop();continue;default:if(!(r=c.trys,r=r.length>0&&r[r.length-1])&&(h[0]===6||h[0]===2)){c=0;continue}if(h[0]===3&&(!r||h[1]>r[0]&&h[1]<r[3])){c.label=h[1];break}if(h[0]===6&&c.label<r[1]){c.label=r[1];r=h;break}if(r&&c.label<r[2]){c.label=r[2];c.ops.push(h);break}if(r[2])c.ops.pop();c.trys.pop();continue}h=t.call(e,c)}catch(e){h=[6,e];o=0}finally{i=r=0}if(h[0]&5)throw h[1];return{value:h[0]?h[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-eedb042d.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{D as DuetStringsExternalDefaults}from"./common-strings-af765cad.js";import{c as createID}from"./create-id-149a1b6d.js";import{i as isKeyboardClick,h as isQuestionKey,s as subscribeTabbingChange,u as unsubscribeTabbingChange,f as isEscapeKey}from"./keyboard-utils-439bcc8b.js";import{g as getLocaleString,a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-238c5ed0.js";import{h as hasSlot,c as checkNamedSlotElement}from"./slot-utils-866b1fd5.js";import"./string-utils-192eb3c8.js";var messagingInfo={title:"messaging-info",tags:"messaging info information circle",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>'};var duetChoiceCss='*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}@media (min-width: 48em){.horizontal.sc-duet-choice-h{margin-bottom:0 !important}}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;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:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:1px;border-radius:8px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{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) !important}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:1px solid rgb(212, 223, 229);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(222, 224, 228)}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(222, 224, 228)}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding:1rem;background:rgb(240, 247, 250);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{background:rgb(245, 247, 250);border-color:rgb(23, 28, 58) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(198, 12, 48)}.checked.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice,.collapsible-force-expanded.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding-bottom:calc(1rem + 2px) !important;border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(127, 150, 165)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(23, 28, 58)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(143, 147, 158)}.duet-theme-turva .info .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(143, 147, 158)}.sc-duet-choice-h:not(.no-hover):not(.disabled):not([checked]):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){padding:1rem}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(98, 121, 138) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(143, 147, 158)}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(98, 121, 138) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:hover,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:active,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:focus{box-shadow:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(143, 147, 158) !important}.checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{border-color:rgb(127, 150, 165) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{border-color:rgb(143, 147, 158) !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(143, 147, 158)}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(181, 198, 208) !important;border-color:rgb(181, 198, 208) !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(199, 202, 207) !important}.checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(181, 198, 208) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(199, 202, 207) !important;border-color:rgb(199, 202, 207) !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative;color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(164, 4, 40)}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(8, 42, 77);border:1px solid rgb(212, 223, 229);border-top:0;border-radius:0 0 8px 8px;transition:border-color 300ms ease}@media (min-width: 36em){.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important}}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked.sc-duet-choice>.duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice>.duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible.checked.sc-duet-choice{padding:19px !important;padding-top:20px !important;border-color:rgb(0, 119, 179);border-width:2px}@media (min-width: 36em){.duet-choice-card-collapsible.checked.sc-duet-choice{padding:27px !important;padding-top:28px !important}}.duet-choice-card-collapsible.checked.duet-theme-turva.sc-duet-choice{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.checked.sc-duet-choice{border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked.sc-duet-choice{border-color:rgb(222, 224, 228)}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container.sc-duet-choice-s>*,.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container .sc-duet-choice-s>*{display:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus{display:block;outline:none;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.disabled.sc-duet-choice-h .duet-choice-card-collapsible.sc-duet-choice{border-color:rgb(127, 150, 165)}.disabled.sc-duet-choice-h .duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{border-color:rgb(143, 147, 158)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(143, 147, 158)}[collapsible-force-expanded].sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){padding:19px !important;padding-top:20px !important}@media (min-width: 36em){[collapsible-force-expanded].sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){padding:27px !important;padding-top:28px !important}}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 247, 250)}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(127, 150, 165) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(143, 147, 158) !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.checked.sc-duet-choice+.duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(198, 12, 48)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(127, 150, 165)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(143, 147, 158)}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}';var DuetChoiceStyle0=duetChoiceCss;var DuetChoice=function(){function e(e){var t=this;registerInstance(this,e);this.duetChoiceReady=createEvent(this,"duetChoiceReady",7);this.duetChoiceRemove=createEvent(this,"duetChoiceRemove",7);this.duetChange=createEvent(this,"duetChange",7);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.hasHeader=false;this.choiceId=createID("DuetChoice");this.expandId=createID("DuetChoiceExpand");this.headerId=createID("DuetChoiceHeader");this.infoButtonId=createID("DuetChoiceInfoButton");this.onMouseEnter=function(){t.isHovering=true};this.onMouseLeave=function(){t.isHovering=false};this.onClick=function(e){t.toggleChecked(e)};this.handleKeyDown=function(e){if(isKeyboardClick(e)){t.toggleChecked(e)}if(isQuestionKey(e)&&t.hasInfo){t.toggleInfo()}};this.onChange=function(){t.checked=t.nativeInput.checked||false;t.duetChange.emit({checked:t.checked,value:t.value,component:"duet-choice"})};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.toggleChecked=function(e){e.preventDefault();e.stopPropagation();if(t.getDisabled()){return}if(t.type==="radio"&&t.checked){return}t.checked=!t.checked;t.duetChange.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.toggleInfo=function(){t.isInfoOpen=!t.isInfoOpen;if(t.isInfoOpen){setTimeout((function(){var e;(e=t.infoContainer)===null||e===void 0?void 0:e.focus()}),150)}};this.isHovering=false;this.isInfoOpen=false;this.theme="";this.label="label";this.accessibleLabelInfoButtonDefaults=DuetStringsExternalDefaults;this.accessibleLabelInfoButton=getLocaleString(this.accessibleLabelInfoButtonDefaults);this.accessibleActiveDescendant=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.caption="";this.value=undefined;this.type="checkbox";this.name=undefined;this.checked=false;this.collapsible=false;this.collapsibleForceExpanded=false;this.margin="auto";this.icon="";this.expand=false;this.padding="auto";this.identifier=undefined;this.groupDirection=undefined;this.groupDisabled=undefined;this.groupResponsive=undefined;this.disabled=false;this.required=false;this.infoLabelDefaults={fi:"Lisätietoja vaihtoehdosta",en:"More information about",sv:"Mera information om"};this.infoLabel=getLocaleString(this.infoLabelDefaults,getLanguage());this.collapsibleNotificationDefaults={fi:"Tämä valinta sisältää lisätietoja, jotka avautuivat alle",en:"This choice has additional information opened below",sv:"Det här val har mer information som öppnades nedan"};this.collapsibleNotification=getLocaleString(this.collapsibleNotificationDefaults,getLanguage())}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasInfo=hasSlot(this.element,"info");this.hasHeader=hasSlot(this.element,"header");this.hasAdditional=hasSlot(this.element,"additional");this.hasLabel=hasSlot(this.element,"label");this.hasBeforeText=hasSlot(this.element,"before-text");this.duetChoiceReady.emit()};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,[{prop:"accessibleLabelInfoButton",defaults:"accessibleLabelInfoButtonDefaults"},{prop:"infoLabel",defaults:"infoLabelDefaults"},{prop:"collapsibleNotification",defaults:"collapsibleNotificationDefaults"}]);subscribeTabbingChange(this);this.duetChoiceReady.emit()};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);unsubscribeTabbingChange(this);this.duetChoiceRemove.emit()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.toggleInfoMethod=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isInfoOpen=!this.isInfoOpen;return[2]}))}))};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){if(this.isInfoOpen){this.isInfoOpen=false;if(this.infoButtonEl){this.infoButtonEl.focus()}}}};e.prototype.isCollapsibleAnnounceable=function(){if(!this.collapsible||!this.getExpanded()){return false}var e=Array.from(this.element.querySelectorAll("#".concat(this.choiceId,"-collapsible-content > *"))||[]);var t=["duet-paragraph","duet-heading","duet-fieldset"];return e.every((function(e){return t.includes(e.tagName.toLowerCase())}))};e.prototype.getAriaDescribedby=function(){if(this.accessibleDescribedBy){return this.accessibleDescribedBy}if(this.collapsible||this.hasInfo){if(this.hasHeader){return this.headerId}else if(this.isCollapsibleAnnounceable()){return this.expandId}else{return"".concat(this.choiceId,"-collapsible-notification")}}return null};e.prototype.getDisabled=function(){return this.disabled||this.groupDisabled};e.prototype.getExpanded=function(){return this.checked||this.collapsibleForceExpanded};e.prototype.getClassNames=function(){if(this.hasInfo&&!this.collapsible){return{checked:this.checked,"duet-choice-card-info":true,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-choice-card-collapsed":!this.isInfoOpen,"duet-theme-turva":this.theme==="turva"}}if(!this.hasInfo&&this.collapsible){return{checked:this.checked,"duet-choice-card-collapsible":true,"duet-choice-card-collapsible-expanded":this.getExpanded(),"duet-choice-card-collapsed":!this.getExpanded(),"duet-choice-card-collapsible-disabled":this.getDisabled(),"duet-theme-turva":this.theme==="turva"}}return{checked:this.checked,"duet-choice-default-slot":true}};e.prototype.render=function(){var e=this;var t=this.identifier||this.choiceId;return h(Host,{class:{horizontal:this.groupDirection==="horizontal"&&!this.groupResponsive,"horizontal-responsive":this.groupDirection==="horizontal"&&this.groupResponsive,"duet-m-0":this.margin==="none","duet-expand":this.expand,"duet-theme-turva":this.theme==="turva","no-hover":this.isHovering,disabled:this.getDisabled()}},h("div",{class:{"duet-choice-card-flextainer":true,"duet-theme-turva":this.theme==="turva"}},h("div",{class:{"duet-choice-card":true,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"collapsible-force-expanded":this.collapsibleForceExpanded,"duet-p-0":this.padding==="none"}},h("input",{class:"duet-choice-input",type:this.type,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,disabled:this.getDisabled(),required:this.required,id:t,name:this.name,value:this.value,checked:this.checked,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedby(),onKeyDown:this.handleKeyDown,ref:function(t){return e.nativeInput=t}}),h("label",{htmlFor:t,class:{"duet-choice-label":true,"has-before-text":this.hasBeforeText},onClick:this.onClick},this.hasBeforeText&&h("slot",{name:"before-text"}),this.icon&&h("div",{class:"duet-choice-card-icon"},h("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),h("div",{class:"duet-choice-card-text"},h("div",null,this.hasLabel?h("slot",{name:"label"}):this.label),this.caption&&h("div",null,h("duet-spacer",{size:"xx-small"}),h("duet-caption",{margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&h("div",null,h("duet-spacer",{size:"xx-small"}),h("slot",{name:"additional"}))),h("div",null,h("div",{class:{"duet-checkmark-container":true,"duet-checkmark-radio":this.type==="radio"}},this.checked&&h("div",{class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&h("button",{ref:function(t){return e.infoButtonEl=t},id:this.infoButtonId,class:{"duet-choice-info-toggle":true,"duet-theme-turva":this.theme==="turva"},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.getDisabled(),"aria-expanded":this.isInfoOpen?"true":"false","aria-label":"".concat(this.infoLabel," ").concat(this.label),"aria-controls":this.expandId,tabindex:this.type==="radio"&&!this.checked?"-1":"0",type:"button",onKeyUp:function(t){return e.handleEscape(t)}},h("div",{class:"duet-choice-info-icon"},h("duet-icon",{icon:messagingInfo.svg,margin:"none",size:"small",color:"currentColor"})))),this.collapsible&&h("span",{id:"".concat(this.choiceId,"-collapsible-notification"),hidden:true},this.collapsibleNotification),this.collapsible||this.hasInfo?h("div",{class:this.getClassNames(),id:this.expandId},h("span",{class:{"duet-choice-section-visible":this.collapsible?this.getExpanded():this.isInfoOpen,"duet-choice-section-hidden":this.collapsible?!this.getExpanded():!this.isInfoOpen}},h("span",{id:this.headerId},h("slot",{name:"header"})),this.hasInfo?h("span",{ref:function(t){return e.infoContainer=t},tabindex:"0",class:"duet-choice-info-container",onKeyUp:function(t){return e.handleEscape(t)}},h("span",null,h("slot",{name:"info"})),h("slot",null)):h("span",{id:"".concat(this.choiceId,"-collapsible-content")},h("slot",null)))):null)};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetChoice.style=DuetChoiceStyle0;var duetChoiceGroupCss="*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";var DuetChoiceGroupStyle0=duetChoiceGroupCss;var DuetChoiceGroup=function(){function e(e){var t=this;registerInstance(this,e);this.choiceGroupName="duet-choice-group";this.choices=new Set;this.onSelect=function(e){if(e.detail.component!=="duet-choice"){return}var c=e.target;if(c&&t.choices.has(c)){t.value=c.value}};this.onChoiceReady=function(e){var c=e.target;if(c.closest("duet-choice-group")===t.element&&!t.choices.has(c)){t.choices.add(c);t.updateChoices()}};this.onChoiceRemove=function(e){var c=e.target;t.choices.delete(c);t.updateChoices()};this.direction="vertical";this.margin="auto";this.theme="";this.error="";this.name=undefined;this.label="Label";this.labelHidden=false;this.caption=undefined;this.tooltip=undefined;this.tooltipDirection="auto";this.responsive=false;this.breakpoint="small";this.value=undefined;this.disabled=undefined;this.required=false;this.accessibleLiveError="polite"}e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setInitialValue();this.updateChoices();return[2]}))}))};e.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);checkNamedSlotElement(this.element,"tooltip","duet-tooltip",1,true)};e.prototype.setInitialValue=function(){if(typeof this.initialValue==="undefined"){this.initialValue=this.value}};e.prototype.getInitialValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.initialValue]}))}))};e.prototype.updateChoices=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,c,i,o,r;return __generator(this,(function(d){t=(e=this.value)!==null&&e!==void 0?e:this.initialValue;c=false;for(i=0,o=Array.from(this.choices);i<o.length;i++){r=o[i];r.name=this.name;r.required=this.required;r.groupDisabled=this.disabled;r.groupDirection=this.direction;r.groupResponsive=this.responsive;if(!c&&r.value===t){c=true;r.checked=true;if(typeof this.value==="undefined"){this.value=t}}else{r.checked=false}}if(!c){this.value=undefined}return[2]}))}))};e.prototype.render=function(){var e;return h(Host,{onDuetChange:this.onSelect,onDuetChoiceReady:this.onChoiceReady,onDuetChoiceRemove:this.onChoiceRemove,class:{horizontal:this.direction==="horizontal","duet-choice-group-breakpoint-x-small":this.responsive&&this.breakpoint==="x-small","duet-choice-group-breakpoint-small":this.responsive&&this.breakpoint==="small","duet-choice-group-breakpoint-medium":this.responsive&&this.breakpoint==="medium","duet-choice-group-breakpoint-large":this.responsive&&this.breakpoint==="large","duet-choice-group-breakpoint-x-large":this.responsive&&this.breakpoint==="x-large"}},h("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,compactLabel:true,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&h("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),h("slot",{name:"tooltip"}),h("div",{class:(e={},e[this.choiceGroupName]=true,e["duet-no-stacking"]=!this.responsive,e)},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["setInitialValue","updateChoices"],disabled:["updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}},enumerable:false,configurable:true});return e}();DuetChoiceGroup.style=DuetChoiceGroupStyle0;export{DuetChoice as duet_choice,DuetChoiceGroup as duet_choice_group};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-df3d13a5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{D as DuetStringsExternalDefaults}from"./common-strings-af765cad.js";import{c as createID}from"./create-id-149a1b6d.js";import{i as isKeyboardClick,h as isQuestionKey,s as subscribeTabbingChange,u as unsubscribeTabbingChange,f as isEscapeKey}from"./keyboard-utils-439bcc8b.js";import{g as getLocaleString,a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-0da69172.js";import{h as hasSlot,c as checkNamedSlotElement}from"./slot-utils-f4a28f08.js";import"./string-utils-192eb3c8.js";var messagingInfo={title:"messaging-info",tags:"messaging info information circle",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>'};var duetChoiceCss='*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}@media (min-width: 48em){.horizontal.sc-duet-choice-h{margin-bottom:0 !important}}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;display:block;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:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(8, 42, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:1px;border-radius:8px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{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) !important}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:1px solid rgb(212, 223, 229);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(222, 224, 228)}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(222, 224, 228)}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding:1rem;background:rgb(240, 247, 250);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{background:rgb(245, 247, 250);border-color:rgb(23, 28, 58) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(198, 12, 48)}.checked.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice,.collapsible-force-expanded.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding-bottom:calc(1rem + 2px) !important;border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(127, 150, 165)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(23, 28, 58)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(143, 147, 158)}.duet-theme-turva .info .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(143, 147, 158)}.sc-duet-choice-h:not(.no-hover):not(.disabled):not([checked]):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){padding:1rem}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(98, 121, 138) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(143, 147, 158)}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(98, 121, 138) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:hover,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:active,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:focus{box-shadow:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(143, 147, 158) !important}.checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{border-color:rgb(127, 150, 165) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{border-color:rgb(143, 147, 158) !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(127, 150, 165);border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(143, 147, 158)}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(181, 198, 208) !important;border-color:rgb(181, 198, 208) !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(199, 202, 207) !important}.checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(181, 198, 208) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(199, 202, 207) !important;border-color:rgb(199, 202, 207) !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative;color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(164, 4, 40)}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(8, 42, 77);border:1px solid rgb(212, 223, 229);border-top:0;border-radius:0 0 8px 8px;transition:border-color 300ms ease}@media (min-width: 36em){.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important}}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked.sc-duet-choice>.duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice>.duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:rgb(255, 255, 255);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible.checked.sc-duet-choice{padding:19px !important;padding-top:20px !important;border-color:rgb(0, 119, 179);border-width:2px}@media (min-width: 36em){.duet-choice-card-collapsible.checked.sc-duet-choice{padding:27px !important;padding-top:28px !important}}.duet-choice-card-collapsible.checked.duet-theme-turva.sc-duet-choice{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:rgb(245, 248, 250);border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.checked.sc-duet-choice{border-color:rgb(212, 223, 229)}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked.sc-duet-choice{border-color:rgb(222, 224, 228)}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:rgb(245, 247, 250);border-color:rgb(222, 224, 228)}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container.sc-duet-choice-s>*,.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container .sc-duet-choice-s>*{display:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus{display:block;outline:none;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.disabled.sc-duet-choice-h .duet-choice-card-collapsible.sc-duet-choice{border-color:rgb(127, 150, 165)}.disabled.sc-duet-choice-h .duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{border-color:rgb(143, 147, 158)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(143, 147, 158)}[collapsible-force-expanded].sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){padding:19px !important;padding-top:20px !important}@media (min-width: 36em){[collapsible-force-expanded].sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){padding:27px !important;padding-top:28px !important}}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(212, 223, 229);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 247, 250)}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(212, 223, 229) !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(127, 150, 165) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:rgb(245, 247, 250) !important;border-color:rgb(222, 224, 228) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(143, 147, 158) !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.checked.sc-duet-choice+.duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(198, 12, 48)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(127, 150, 165)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(143, 147, 158)}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}';var DuetChoiceStyle0=duetChoiceCss;var DuetChoice=function(){function e(e){var t=this;registerInstance(this,e);this.duetChoiceReady=createEvent(this,"duetChoiceReady",7);this.duetChoiceRemove=createEvent(this,"duetChoiceRemove",7);this.duetChange=createEvent(this,"duetChange",7);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.hasHeader=false;this.choiceId=createID("DuetChoice");this.expandId=createID("DuetChoiceExpand");this.headerId=createID("DuetChoiceHeader");this.infoButtonId=createID("DuetChoiceInfoButton");this.onMouseEnter=function(){t.isHovering=true};this.onMouseLeave=function(){t.isHovering=false};this.onClick=function(e){t.toggleChecked(e)};this.handleKeyDown=function(e){if(isKeyboardClick(e)){t.toggleChecked(e)}if(isQuestionKey(e)&&t.hasInfo){t.toggleInfo()}};this.onChange=function(){t.checked=t.nativeInput.checked||false;t.duetChange.emit({checked:t.checked,value:t.value,component:"duet-choice"})};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.toggleChecked=function(e){e.preventDefault();e.stopPropagation();if(t.getDisabled()){return}if(t.type==="radio"&&t.checked){return}t.checked=!t.checked;t.duetChange.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-choice"})};this.toggleInfo=function(){t.isInfoOpen=!t.isInfoOpen;if(t.isInfoOpen){setTimeout((function(){var e;(e=t.infoContainer)===null||e===void 0?void 0:e.focus()}),150)}};this.isHovering=false;this.isInfoOpen=false;this.theme="";this.label="label";this.accessibleLabelInfoButtonDefaults=DuetStringsExternalDefaults;this.accessibleLabelInfoButton=getLocaleString(this.accessibleLabelInfoButtonDefaults);this.accessibleActiveDescendant=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.caption="";this.value=undefined;this.type="checkbox";this.name=undefined;this.checked=false;this.collapsible=false;this.collapsibleForceExpanded=false;this.margin="auto";this.icon="";this.expand=false;this.padding="auto";this.identifier=undefined;this.groupDirection=undefined;this.groupDisabled=undefined;this.groupResponsive=undefined;this.disabled=false;this.required=false;this.infoLabelDefaults={fi:"Lisätietoja vaihtoehdosta",en:"More information about",sv:"Mera information om"};this.infoLabel=getLocaleString(this.infoLabelDefaults,getLanguage());this.collapsibleNotificationDefaults={fi:"Tämä valinta sisältää lisätietoja, jotka avautuivat alle",en:"This choice has additional information opened below",sv:"Det här val har mer information som öppnades nedan"};this.collapsibleNotification=getLocaleString(this.collapsibleNotificationDefaults,getLanguage())}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasInfo=hasSlot(this.element,"info");this.hasHeader=hasSlot(this.element,"header");this.hasAdditional=hasSlot(this.element,"additional");this.hasLabel=hasSlot(this.element,"label");this.hasBeforeText=hasSlot(this.element,"before-text");this.duetChoiceReady.emit()};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,[{prop:"accessibleLabelInfoButton",defaults:"accessibleLabelInfoButtonDefaults"},{prop:"infoLabel",defaults:"infoLabelDefaults"},{prop:"collapsibleNotification",defaults:"collapsibleNotificationDefaults"}]);subscribeTabbingChange(this);this.duetChoiceReady.emit()};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);unsubscribeTabbingChange(this);this.duetChoiceRemove.emit()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.toggleInfoMethod=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.isInfoOpen=!this.isInfoOpen;return[2]}))}))};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){if(this.isInfoOpen){this.isInfoOpen=false;if(this.infoButtonEl){this.infoButtonEl.focus()}}}};e.prototype.isCollapsibleAnnounceable=function(){if(!this.collapsible||!this.getExpanded()){return false}var e=Array.from(this.element.querySelectorAll("#".concat(this.choiceId,"-collapsible-content > *"))||[]);var t=["duet-paragraph","duet-heading","duet-fieldset"];return e.every((function(e){return t.includes(e.tagName.toLowerCase())}))};e.prototype.getAriaDescribedby=function(){if(this.accessibleDescribedBy){return this.accessibleDescribedBy}if(this.collapsible||this.hasInfo){if(this.hasHeader){return this.headerId}else if(this.isCollapsibleAnnounceable()){return this.expandId}else{return"".concat(this.choiceId,"-collapsible-notification")}}return null};e.prototype.getDisabled=function(){return this.disabled||this.groupDisabled};e.prototype.getExpanded=function(){return this.checked||this.collapsibleForceExpanded};e.prototype.getClassNames=function(){if(this.hasInfo&&!this.collapsible){return{checked:this.checked,"duet-choice-card-info":true,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-choice-card-collapsed":!this.isInfoOpen,"duet-theme-turva":this.theme==="turva"}}if(!this.hasInfo&&this.collapsible){return{checked:this.checked,"duet-choice-card-collapsible":true,"duet-choice-card-collapsible-expanded":this.getExpanded(),"duet-choice-card-collapsed":!this.getExpanded(),"duet-choice-card-collapsible-disabled":this.getDisabled(),"duet-theme-turva":this.theme==="turva"}}return{checked:this.checked,"duet-choice-default-slot":true}};e.prototype.render=function(){var e=this;var t=this.identifier||this.choiceId;return h(Host,{class:{horizontal:this.groupDirection==="horizontal"&&!this.groupResponsive,"horizontal-responsive":this.groupDirection==="horizontal"&&this.groupResponsive,"duet-m-0":this.margin==="none","duet-expand":this.expand,"duet-theme-turva":this.theme==="turva","no-hover":this.isHovering,disabled:this.getDisabled()}},h("div",{class:{"duet-choice-card-flextainer":true,"duet-theme-turva":this.theme==="turva"}},h("div",{class:{"duet-choice-card":true,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"collapsible-force-expanded":this.collapsibleForceExpanded,"duet-p-0":this.padding==="none"}},h("input",{class:"duet-choice-input",type:this.type,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,disabled:this.getDisabled(),required:this.required,id:t,name:this.name,value:this.value,checked:this.checked,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedby(),onKeyDown:this.handleKeyDown,ref:function(t){return e.nativeInput=t}}),h("label",{htmlFor:t,class:{"duet-choice-label":true,"has-before-text":this.hasBeforeText},onClick:this.onClick},this.hasBeforeText&&h("slot",{name:"before-text"}),this.icon&&h("div",{class:"duet-choice-card-icon"},h("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),h("div",{class:"duet-choice-card-text"},h("div",null,this.hasLabel?h("slot",{name:"label"}):this.label),this.caption&&h("div",null,h("duet-spacer",{size:"xx-small"}),h("duet-caption",{margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&h("div",null,h("duet-spacer",{size:"xx-small"}),h("slot",{name:"additional"}))),h("div",null,h("div",{class:{"duet-checkmark-container":true,"duet-checkmark-radio":this.type==="radio"}},this.checked&&h("div",{class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&h("button",{ref:function(t){return e.infoButtonEl=t},id:this.infoButtonId,class:{"duet-choice-info-toggle":true,"duet-theme-turva":this.theme==="turva"},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.getDisabled(),"aria-expanded":this.isInfoOpen?"true":"false","aria-label":"".concat(this.infoLabel," ").concat(this.label),"aria-controls":this.expandId,tabindex:this.type==="radio"&&!this.checked?"-1":"0",type:"button",onKeyUp:function(t){return e.handleEscape(t)}},h("div",{class:"duet-choice-info-icon"},h("duet-icon",{icon:messagingInfo.svg,margin:"none",size:"small",color:"currentColor"})))),this.collapsible&&h("span",{id:"".concat(this.choiceId,"-collapsible-notification"),hidden:true},this.collapsibleNotification),this.collapsible||this.hasInfo?h("div",{class:this.getClassNames(),id:this.expandId},h("span",{class:{"duet-choice-section-visible":this.collapsible?this.getExpanded():this.isInfoOpen,"duet-choice-section-hidden":this.collapsible?!this.getExpanded():!this.isInfoOpen}},h("span",{id:this.headerId},h("slot",{name:"header"})),this.hasInfo?h("span",{ref:function(t){return e.infoContainer=t},tabindex:"0",class:"duet-choice-info-container",onKeyUp:function(t){return e.handleEscape(t)}},h("span",null,h("slot",{name:"info"})),h("slot",null)):h("span",{id:"".concat(this.choiceId,"-collapsible-content")},h("slot",null)))):null)};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetChoice.style=DuetChoiceStyle0;var duetChoiceGroupCss="*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";var DuetChoiceGroupStyle0=duetChoiceGroupCss;var DuetChoiceGroup=function(){function e(e){var t=this;registerInstance(this,e);this.choiceGroupName="duet-choice-group";this.choices=new Set;this.onSelect=function(e){if(e.detail.component!=="duet-choice"){return}var c=e.target;if(c&&t.choices.has(c)){t.value=c.value}};this.onChoiceReady=function(e){var c=e.target;if(c.closest("duet-choice-group")===t.element&&!t.choices.has(c)){t.choices.add(c);t.updateChoices()}};this.onChoiceRemove=function(e){var c=e.target;t.choices.delete(c);t.updateChoices()};this.direction="vertical";this.margin="auto";this.theme="";this.error="";this.name=undefined;this.label="Label";this.labelHidden=false;this.caption=undefined;this.tooltip=undefined;this.tooltipDirection="auto";this.responsive=false;this.breakpoint="small";this.value=undefined;this.disabled=undefined;this.required=false;this.accessibleLiveError="polite"}e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.setInitialValue();this.updateChoices();return[2]}))}))};e.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);checkNamedSlotElement(this.element,"tooltip","duet-tooltip",1,true)};e.prototype.setInitialValue=function(){if(typeof this.initialValue==="undefined"){this.initialValue=this.value}};e.prototype.getInitialValue=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.initialValue]}))}))};e.prototype.updateChoices=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,c,i,o,r;return __generator(this,(function(d){t=(e=this.value)!==null&&e!==void 0?e:this.initialValue;c=false;for(i=0,o=Array.from(this.choices);i<o.length;i++){r=o[i];r.name=this.name;r.required=this.required;r.groupDisabled=this.disabled;r.groupDirection=this.direction;r.groupResponsive=this.responsive;if(!c&&r.value===t){c=true;r.checked=true;if(typeof this.value==="undefined"){this.value=t}}else{r.checked=false}}if(!c){this.value=undefined}return[2]}))}))};e.prototype.render=function(){var e;return h(Host,{onDuetChange:this.onSelect,onDuetChoiceReady:this.onChoiceReady,onDuetChoiceRemove:this.onChoiceRemove,class:{horizontal:this.direction==="horizontal","duet-choice-group-breakpoint-x-small":this.responsive&&this.breakpoint==="x-small","duet-choice-group-breakpoint-small":this.responsive&&this.breakpoint==="small","duet-choice-group-breakpoint-medium":this.responsive&&this.breakpoint==="medium","duet-choice-group-breakpoint-large":this.responsive&&this.breakpoint==="large","duet-choice-group-breakpoint-x-large":this.responsive&&this.breakpoint==="x-large"}},h("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,compactLabel:true,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&h("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),h("slot",{name:"tooltip"}),h("div",{class:(e={},e[this.choiceGroupName]=true,e["duet-no-stacking"]=!this.responsive,e)},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["setInitialValue","updateChoices"],disabled:["updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}},enumerable:false,configurable:true});return e}();DuetChoiceGroup.style=DuetChoiceGroupStyle0;export{DuetChoice as duet_choice,DuetChoiceGroup as duet_choice_group};

package/lib/esm-es5/duet-collapsible.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,a,i){function n(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function l(e){try{r(i.next(e))}catch(e){o(e)}}function s(e){try{r(i["throw"](e))}catch(e){o(e)}}function r(e){e.done?a(e.value):n(e.value).then(l,s)}r((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,n,o,l;return l={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function s(e){return function(t){return r([e,t])}}function r(s){if(i)throw new TypeError("Generator is already executing.");while(l&&(l=0,s[0]&&(a=0)),a)try{if(i=1,n&&(o=s[0]&2?n["return"]:s[0]?n["throw"]||((o=n["return"])&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;if(n=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:a.label++;return{value:s[1],done:false};case 5:a.label++;n=s[1];s=[0];continue;case 7:s=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){a=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){a.label=s[1];break}if(s[0]===6&&a.label<o[1]){a.label=o[1];o=s;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(s);break}if(o[2])a.ops.pop();a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e];n=0}finally{i=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-eedb042d.js";import{a as actionArrowDownSmall}from"./action-arrow-down-small-82273dc8.js";import{f as font_size_medium,t as tokens}from"./tokens-84fb2357.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{i as isKeyboardClick,s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-439bcc8b.js";import{h as hasSlot}from"./slot-utils-866b1fd5.js";import{s as sanitizeString}from"./string-utils-192eb3c8.js";var duetCollapsibleCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display: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:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-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(23, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}';var DuetCollapsibleStyle0=duetCollapsibleCss;var DuetCollapsible=function(){function e(e){var t=this;registerInstance(this,e);this.duetToggle=createEvent(this,"duetToggle",7);this.id=createID("DuetCollapsible");this.handleKeyDown=function(e){if(isKeyboardClick(e)){t.handleClick(e)}};this.getFontSizeFromTokens=function(e){if(e===void 0){e=t.headingSize}if(!e){return font_size_medium}else{var a=/-/g;var i=e.replace(a,"_");return tokens["font_size_".concat(i)]}};this.getEquivalentIconSize=function(e){if(e===void 0){e=t.headingSize}switch(e){case"x-small":return"xx-small";case"small":return"xx-small";case"medium":return"xx-small";case"large":return"x-small";case"x-large":return"small";case"xx-large":return"medium";case"xxx-large":return"x-large";case"xxxx-large":return"xxx-large";default:return"xx-small"}};this.handleClick=function(e){e.preventDefault();t.open=!t.open;t.duetToggle.emit({component:"duet-collapsible",originalEvent:e})};this.theme="";this.negative=false;this.accessibleLabel=undefined;this.heading="";this.headingFullWidth=false;this.centerHeading=false;this.headingWeight="semibold";this.headingSize=undefined;this.headingLevel=undefined;this.margin="auto";this.open=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasAfterHeading=hasSlot(this.element,"after-heading")};e.prototype.connectedCallback=function(){subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeButton){this.element.classList.add("user-is-tabbing");this.nativeButton.focus(e)}return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.headingLevel?sanitizeString(this.headingLevel):"div";return h(Host,{key:"090d561d82276fca138aa9c40b0c60cb40a7ded1",class:{"duet-m-0":this.margin==="none",negative:this.negative}},h(t,{key:"92d18884482ee68a80396709c618f2c76ae6b155"},h("button",{key:"1a24fa1fb6aa053736ec11a5cfe6cbbd37339833",class:{"duet-collapsible-heading":true,"duet-collapsible-heading-centered":this.centerHeading,"duet-theme-turva":this.theme==="turva","duet-collapsible-normal-weight":this.headingWeight==="normal","has-after-heading":this.hasAfterHeading,"full-width":this.headingFullWidth},style:{"font-size":this.getFontSizeFromTokens()},role:"button",ref:function(t){return e.nativeButton=t},"aria-label":this.accessibleLabel,"aria-expanded":this.open?"true":"false","aria-controls":this.id,onClick:this.handleClick,onKeyDown:this.handleKeyDown},h("div",{key:"75b6c89fb1198b6ebaa72dfe0bf388a864966896",class:"duet-collapsible-heading-icon"},h("duet-icon",{key:"a0215c9b69a2d6536d0a1b5c562b8ae59ce47b1e",margin:"none",size:this.getEquivalentIconSize(),icon:actionArrowDownSmall.svg})),h("div",{key:"e5d8b120ee539a47e9de0c662bf1d1d886f1940f",class:"duet-collapsible-heading-content",part:"duet-collapsible-heading-content"},this.heading),this.hasAfterHeading&&h("div",{key:"aee7dc1e055552a166bd15da474fbfad7f8ab8dc",part:"duet-collapsible-after-heading"},h("slot",{key:"f217b06da41c7d830043069d6afe808c9df81aa4",name:"after-heading"})))),h("div",{key:"77d2d647d46cac2189b6eec069289cb996b86aff",id:this.id,class:{"duet-collapsible-content":true,"duet-theme-turva":this.theme==="turva"},part:"duet-collapsible-content"},h("slot",{key:"3be38b8eca20e29c3f79f33fccef630a6666d175"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetCollapsible.style=DuetCollapsibleStyle0;export{DuetCollapsible as duet_collapsible};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-df3d13a5.js";import{a as actionArrowDownSmall}from"./action-arrow-down-small-82273dc8.js";import{f as font_size_medium,t as tokens}from"./tokens-84fb2357.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{i as isKeyboardClick,s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-439bcc8b.js";import{h as hasSlot}from"./slot-utils-f4a28f08.js";import{s as sanitizeString}from"./string-utils-192eb3c8.js";var duetCollapsibleCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display: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:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(8, 42, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-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(23, 28, 58)}.duet-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(8, 42, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}:host(.negative) .duet-collapsible-heading,:host(.negative) .duet-collapsible-content,:host(.negative) .duet-collapsible-heading-icon{color:rgb(255, 255, 255)}';var DuetCollapsibleStyle0=duetCollapsibleCss;var DuetCollapsible=function(){function e(e){var t=this;registerInstance(this,e);this.duetToggle=createEvent(this,"duetToggle",7);this.id=createID("DuetCollapsible");this.handleKeyDown=function(e){if(isKeyboardClick(e)){t.handleClick(e)}};this.getFontSizeFromTokens=function(e){if(e===void 0){e=t.headingSize}if(!e){return font_size_medium}else{var a=/-/g;var i=e.replace(a,"_");return tokens["font_size_".concat(i)]}};this.getEquivalentIconSize=function(e){if(e===void 0){e=t.headingSize}switch(e){case"x-small":return"xx-small";case"small":return"xx-small";case"medium":return"xx-small";case"large":return"x-small";case"x-large":return"small";case"xx-large":return"medium";case"xxx-large":return"x-large";case"xxxx-large":return"xxx-large";default:return"xx-small"}};this.handleClick=function(e){e.preventDefault();t.open=!t.open;t.duetToggle.emit({component:"duet-collapsible",originalEvent:e})};this.theme="";this.negative=false;this.accessibleLabel=undefined;this.heading="";this.headingFullWidth=false;this.centerHeading=false;this.headingWeight="semibold";this.headingSize=undefined;this.headingLevel=undefined;this.margin="auto";this.open=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasAfterHeading=hasSlot(this.element,"after-heading")};e.prototype.connectedCallback=function(){subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeButton){this.element.classList.add("user-is-tabbing");this.nativeButton.focus(e)}return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.headingLevel?sanitizeString(this.headingLevel):"div";return h(Host,{key:"090d561d82276fca138aa9c40b0c60cb40a7ded1",class:{"duet-m-0":this.margin==="none",negative:this.negative}},h(t,{key:"92d18884482ee68a80396709c618f2c76ae6b155"},h("button",{key:"1a24fa1fb6aa053736ec11a5cfe6cbbd37339833",class:{"duet-collapsible-heading":true,"duet-collapsible-heading-centered":this.centerHeading,"duet-theme-turva":this.theme==="turva","duet-collapsible-normal-weight":this.headingWeight==="normal","has-after-heading":this.hasAfterHeading,"full-width":this.headingFullWidth},style:{"font-size":this.getFontSizeFromTokens()},role:"button",ref:function(t){return e.nativeButton=t},"aria-label":this.accessibleLabel,"aria-expanded":this.open?"true":"false","aria-controls":this.id,onClick:this.handleClick,onKeyDown:this.handleKeyDown},h("div",{key:"75b6c89fb1198b6ebaa72dfe0bf388a864966896",class:"duet-collapsible-heading-icon"},h("duet-icon",{key:"a0215c9b69a2d6536d0a1b5c562b8ae59ce47b1e",margin:"none",size:this.getEquivalentIconSize(),icon:actionArrowDownSmall.svg})),h("div",{key:"e5d8b120ee539a47e9de0c662bf1d1d886f1940f",class:"duet-collapsible-heading-content",part:"duet-collapsible-heading-content"},this.heading),this.hasAfterHeading&&h("div",{key:"aee7dc1e055552a166bd15da474fbfad7f8ab8dc",part:"duet-collapsible-after-heading"},h("slot",{key:"f217b06da41c7d830043069d6afe808c9df81aa4",name:"after-heading"})))),h("div",{key:"77d2d647d46cac2189b6eec069289cb996b86aff",id:this.id,class:{"duet-collapsible-content":true,"duet-theme-turva":this.theme==="turva"},part:"duet-collapsible-content"},h("slot",{key:"3be38b8eca20e29c3f79f33fccef630a6666d175"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetCollapsible.style=DuetCollapsibleStyle0;export{DuetCollapsible as duet_collapsible};

package/lib/esm-es5/duet-combobox.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(t,i,e,n){function r(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,s){function o(t){try{a(n.next(t))}catch(t){s(t)}}function u(t){try{a(n["throw"](t))}catch(t){s(t)}}function a(t){t.done?e(t.value):r(t.value).then(o,u)}a((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,r,s,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(t){return function(i){return a([t,i])}}function a(u){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(e=0)),e)try{if(n=1,r&&(s=u[0]&2?r["return"]:u[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,u[1])).done)return s;if(r=0,s)u=[u[0]&2,s.value];switch(u[0]){case 0:case 1:s=u;break;case 4:e.label++;return{value:u[1],done:false};case 5:e.label++;r=u[1];u=[0];continue;case 7:u=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(u[0]===6||u[0]===2)){e=0;continue}if(u[0]===3&&(!s||u[1]>s[0]&&u[1]<s[3])){e.label=u[1];break}if(u[0]===6&&e.label<s[1]){e.label=s[1];s=u;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(u);break}if(s[2])e.ops.pop();e.trys.pop();continue}u=i.call(t,e)}catch(t){u=[6,t];r=0}finally{n=s=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,i,e){if(e||arguments.length===2)for(var n=0,r=i.length,s;n<r;n++){if(s||!(n in i)){if(!s)s=Array.prototype.slice.call(i,0,n);s[n]=i[n]}}return t.concat(s||Array.prototype.slice.call(i))};
 /*!
  * Built with Duet Design System
- */import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-eedb042d.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{d as debounce}from"./js-utils-9b9e0039.js";import{j as isEnterKey,f as isEscapeKey,o as isTabKey,b as isArrowUpKey,c as isArrowDownKey}from"./keyboard-utils-439bcc8b.js";import{g as getLocaleString,a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-238c5ed0.js";import{a as getElementsFromDefaultSlot}from"./slot-utils-866b1fd5.js";import{r as regexEscape,p as parsePossibleJSON}from"./string-utils-192eb3c8.js";var DuetComboBoxSelect=function(t){var i=t.item,e=t.activeDescendant,n=t.selected,r=t.label,s=r===void 0?undefined:r,o=t.clickHandler,u=o===void 0?function(t){t.preventDefault()}:o,a=t.keyHandler,c=a===void 0?function(t){t.preventDefault()}:a,f=t.search,l=t.isAndroidDevice,d=t.id;var v=f.split(" ").filter((function(t){return!!t.trim()})).map((function(t){return regexEscape(t)}));var m=f!==""?new RegExp("(".concat(v.join("|"),")"),"i"):undefined;var b="text-decoration: underline";return h("duet-popup-menu-item",{id:e?d:"",active:n,"data-index":i.id,"aria-selected":e?"true":undefined,"aria-current":n?"true":undefined,role:"option","aria-label":s,tabindex:l?"-1":null,onClick:function(t){return u(t)},onKeyUp:function(t){return c(t)},accessibleRole:"option",activeDescendant:e},m?h("span",{class:"option-container","aria-hidden":"true"},h("span",{innerHTML:i.name.replace(m,'<span style="'.concat(b,'">$&</span>'))})):i.name,i.tags&&h("span",{class:"option-tags"},i.tags.join(", ")))};var duetComboboxCss='.sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:inline-block;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(8, 42, 77)}.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(8, 42, 77);transition:none}.duet-theme-turva.sc-duet-combobox-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 28, 58)}.combobox-menu-container.sc-duet-combobox{width:var(--popup-width);max-height:200px}';var DuetComboboxStyle0=duetComboboxCss;var DuetCombobox=function(){function t(t){var i=this;registerInstance(this,t);this.duetChange=createEvent(this,"duetChange",3);var e,n;this.listBoxId=createID("duet-combobox-list-element");this.inputId=createID("duet-combobox-input-id");this.activeDescendantId=createID("duet-combobox-active-descendant");this.isAndroidDevice=((n=(e=navigator===null||navigator===void 0?void 0:navigator.userAgent)===null||e===void 0?void 0:e.toLowerCase())===null||n===void 0?void 0:n.indexOf("android"))>-1||null;this.resizeObserver=new ResizeObserver(debounce((function(t){var e,n,r;if((t===null||t===void 0?void 0:t.length)===1){var s=(n=(e=t[0])===null||e===void 0?void 0:e.target)===null||n===void 0?void 0:n.getBoundingClientRect().width;var o=parseInt((r=getComputedStyle(i.listContainer.shadowRoot.querySelector(".duet-popup-menu-list")))===null||r===void 0?void 0:r.padding);i.listContainer.style.setProperty("--popup-width","".concat(s-2*o,"px"))}}),100));this.onInputChange=function(t){return __awaiter(i,void 0,void 0,(function(){var i;return __generator(this,(function(e){i=t.detail.value;this.inputValue=i;return[2]}))}))};this.onInputClick=function(){var t,e;if(i.openListOnClick){i.listOpen=!i.listOpen}else{i.listOpen=((t=i.inputValue)===null||t===void 0?void 0:t.length)>=i.minCharacters}if(!((e=i.getFilteredItems())===null||e===void 0?void 0:e.length)){i.listOpen=false}};this.onInputTyping=function(t){return __awaiter(i,void 0,void 0,(function(){var i,e;return __generator(this,(function(n){e=t.detail.value;if(!this.force&&!this.multiple&&this.selectedItems.size>0&&e!==this.getSelectedItemLabel()){this.selectedItems.clear()}if(!this.force&&!this.multiple&&e===""){this.value=undefined}this.listOpen=String(e).length>=this.minCharacters&&((i=this.getFilteredItems())===null||i===void 0?void 0:i.length)>0;return[2]}))}))};this.onKeyDown=function(t){var e,n,r;var s=i.returnFilteredOrNonFiltered();var o=s.filter((function(t){return!i.selectedItems.has(t.id)}));i.input.accessibleActiveDescendant=undefined;if(isEnterKey(t)){t.preventDefault();if(i.listOpen&&i.activeItem!==undefined&&s[i.activeItem]&&!i.selectedItems.has(s[i.activeItem].id)){if(i.multiple){i.addSelectedItem(s[i.activeItem].id,true)}else{i.updateSelectedItem(s[i.activeItem].id,true)}}else if(!i.multiple&&i.listOpen&&o.length===1&&o[0].name.toLowerCase()===i.input.value.toLowerCase()){i.updateSelectedItem(o[0].id,true)}i.activeItem=undefined;i.listOpen=false;return}if(isEscapeKey(t)||isTabKey(t)){if(i.listOpen){t.preventDefault()}i.updateInputText(true);i.activeItem=undefined;i.listOpen=false;return}var u=i.activeItem;if(isArrowUpKey(t)){t.preventDefault();u=i.activeItem-1}else if(isArrowDownKey(t)){if(((r=(n=(e=i.input)===null||e===void 0?void 0:e.value)===null||n===void 0?void 0:n.length)!==null&&r!==void 0?r:0)<i.minCharacters){return}t.preventDefault();u=i.listOpen?i.activeItem+1:i.activeItem;i.listOpen=true}if(isArrowDownKey(t)||isArrowUpKey(t)){if(u<0||!u){u=0}if(u>=s.length){u=s.length-1}i.input.accessibleActiveDescendant=i.activeDescendantId;i.activeItem=u;i.scrollToActive()}return};this.processedItems=null;this.inputValue="";this.listOpen=false;this.selectedItems=new Set;this.activeItem=undefined;this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtered"},fi:{heading:"Valitse:",item:"{name}",itemFiltered:"{name}, {hiddenItems} suodatettu"},sv:{heading:"Välj:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtrerade"}};this.accessibleLabels=getLocaleString(this.accessibleLabelDefaults,getLanguage());this.label="";this.caption="";this.theme="";this.force=false;this.multiple=false;this.items=undefined;this.formatter=function(t){return t&&t.name?t.name:""};this.value=undefined;this.minCharacters=0;this.openListOnClick=false;this.filterType="startsWith"}t.prototype.popupMenuOpenHandler=function(){if(this.listOpen){this.listContainer.show()}else{this.listContainer.hide()}};t.prototype.activeItemHandler=function(t){this.input.accessibleActiveDescendant=this.listOpen&&(t||t===0)?this.activeDescendantId:""};t.prototype.inputValueHandler=function(){var t=this;setTimeout((function(){return __awaiter(t,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.getSelectedItemLabel()];case 1:t=i.sent();if(this.input.value==""&&t){this.input.value="";this.value=undefined}return[2]}}))}))}),200)};t.prototype.handleDocumentClick=function(t){var i=this;var e=t.composedPath();var n=e.every((function(t){return t!==i.element}));if(n){this.updateInputText(true);this.listOpen=false}};t.prototype.formatItem=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){return[2,this.formatter(t)]}))}))};t.prototype.processItems=function(){var t=this;var i=[];this.processedItems=parsePossibleJSON(this.items);if(!Array.isArray(this.processedItems)){console.error("DuetCombobox: Items should be an array");return}if(this.processedItems.length!==new Set(__spreadArray([],this.processedItems,true)).size){console.warn("DuetCombobox: Duplicate item values found in the list")}this.processedItems=this.processedItems.map((function(t,e){if(typeof t==="string"){t={name:t,value:t}}if(t.id!==undefined){t.id=String(t.id)}else{t.id="".concat(JSON.stringify(t.value),"-").concat(t.name)}if(i.includes(t.id)){console.warn("DuetCombobox: Duplicate item id found in the list, postfixed with index");t.id="".concat(t.id,"-").concat(e)}i.push(t.id);return t}));var e=Array.from(this.selectedItems).filter((function(i){return!t.processedItems.find((function(t){return t.id===i}))}));if(e.length){if(this.multiple){e.forEach((function(i){return t.removeSelectedItem(i)}))}else{this.updateSelectedItem(e[0],true)}}};t.prototype.processValue=function(){var t=this;if(this.value!==""&&!this.value){this.selectedItems.clear();return}var i=Array.isArray(this.value)?this.value:[this.value];var e=this.processedItems.filter((function(t){return i.includes(t.value)})).map((function(t){return t.id}));if(e.length===this.selectedItems.size&&e.every((function(i){return t.selectedItems.has(i)}))){return}if(this.multiple){this.selectedItems.clear();this.input.clearChips();e.forEach((function(i){return t.addSelectedItem(i)}))}else{var n=this.processedItems.find((function(i){return i.value===t.value}));this.updateSelectedItem(n.id)}};t.prototype.processListOpenChange=function(){if(this.openListOnClick){this.input.icon=this.listOpen?"action-arrow-up":"action-arrow-down"}this.input.accessibleExpanded=this.listOpen?"true":"false"};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){if(this.items){this.processItems()}var t=getElementsFromDefaultSlot(this.element);if(t.length){this.input=t[0]}else{this.input=document.createElement("duet-input");this.input.label=this.label;this.input.caption=this.caption;this.input.expand=true;this.element.prepend(this.input)}this.input.chips=this.multiple;this.input.addEventListener("duetChange",this.onInputChange);this.input.addEventListener("duetInput",this.onInputTyping);this.input.addEventListener("click",this.onInputClick);this.input.role="combobox";this.input.accessibleExpanded=this.listOpen?"true":"false";this.input.accessibleAutocomplete="list";this.input.accessibleControls=this.listBoxId;this.input.id=this.inputId;this.element.addEventListener("keydown",this.onKeyDown);connectLanguageChangeObserver(this,{prop:"accessibleLabels",defaults:"accessibleLabelDefaults"});this.processListOpenChange()};t.prototype.disconnectedCallback=function(){this.input.removeEventListener("duetChange",this.onInputChange);this.input.removeEventListener("click",this.onInputClick);this.element.removeEventListener("keydown",this.onKeyDown);this.resizeObserver.disconnect();disconnectLanguageChangeObserver(this)};t.prototype.componentDidLoad=function(){this.resizeObserver.observe(this.input);this.processValue()};t.prototype.shouldListBeFiltered=function(){var t=this;var i;if(!this.multiple&&this.selectedItems.size&&this.input.value===this.inputValue&&((i=this.inputValue)===null||i===void 0?void 0:i.length)<this.minCharacters){var e=this.processedItems.find((function(i){return t.selectedItems.has(i.id)}));return!(this.formatter(e).toLowerCase()===this.input.value.toLowerCase())}return true};t.prototype.returnFilteredOrNonFiltered=function(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]};t.prototype.emitChangeEvent=function(t){var i=this.processedItems.find((function(i){return i.id===t}));this.duetChange.emit({item:i,value:this.value,component:"duet-combobox"})};t.prototype.updateMultipleValue=function(){var t=this;this.value=this.processedItems.filter((function(i){return t.selectedItems.has(i.id)})).map((function(t){return t.value}));this.input.value="";this.updateChips();this.input.setFocus()};t.prototype.addSelectedItem=function(t,i){if(this.selectedItems.has(t)){return}this.selectedItems.add(t);this.updateMultipleValue();if(i){this.emitChangeEvent(t)}};t.prototype.removeSelectedItem=function(t,i){if(!this.selectedItems.has(t)){return}this.selectedItems.delete(t);this.updateMultipleValue();if(i){this.emitChangeEvent(t)}};t.prototype.updateSelectedItem=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:this.selectedItems.clear();this.selectedItems.add(t);this.value=this.processedItems.find((function(i){return i.id===t})).value;if(i){this.emitChangeEvent(this.value&&t)}return[4,this.updateInputText()];case 1:e.sent();return[2]}}))}))};t.prototype.updateChips=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;var e=this;return __generator(this,(function(n){switch(n.label){case 0:t=Array.from(this.selectedItems);return[4,this.input.getChips()];case 1:i=n.sent();t.forEach((function(t){return __awaiter(e,void 0,void 0,(function(){var i,e,n,r;var s=this;return __generator(this,(function(o){switch(o.label){case 0:i=this.processedItems.find((function(i){return i.id===t}));return[4,this.formatItem(i)];case 1:e=o.sent();return[4,this.input.hasChip({value:"".concat(t),text:e})];case 2:n=o.sent();if(!n){r=document.createElement("duet-chip");r.variation="input";r.role="option";r.value="".concat(t);r.textContent=e;r.addEventListener("duetRemove",(function(t){var i=t.detail.value;s.removeSelectedItem(i,true)}));this.input.addChip(r)}return[2]}}))}))}));i.forEach((function(i){if(!t.includes(i.value)){i.remove()}}));return[2]}}))}))};t.prototype.getSelectedItemLabel=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;var n=this;return __generator(this,(function(r){switch(r.label){case 0:t=this.processedItems.find((function(t){return n.selectedItems.has(t.id)}));if(!t)return[3,2];return[4,this.formatItem(t)];case 1:e=r.sent();return[3,3];case 2:e="";r.label=3;case 3:i=e;return[2,i]}}))}))};t.prototype.updateInputText=function(){return __awaiter(this,arguments,void 0,(function(t){var i,e,n;if(t===void 0){t=false}return __generator(this,(function(r){switch(r.label){case 0:if(t&&this.multiple){this.input.value="";return[2]}if(!(t&&this.force))return[3,3];i=this.returnFilteredOrNonFiltered();if(!this.multiple&&this.listOpen&&i.length===1&&i[0].name.toLowerCase()===this.input.value.toLowerCase()){this.updateSelectedItem(i[0].id,true)}if(!(this.selectedItems.size===0))return[3,1];this.input.value="";return[3,3];case 1:e=this.input;return[4,this.getSelectedItemLabel()];case 2:e.value=r.sent();r.label=3;case 3:if(!(!t&&this.selectedItems.size>0))return[3,6];this.input.value="";n=this.input;return[4,this.getSelectedItemLabel()];case 4:n.value=r.sent();this.input.scrollLeft=this.input.scrollWidth;return[4,this.input.setFocus()];case 5:r.sent();r.label=6;case 6:return[2]}}))}))};t.prototype.onListClick=function(t,i){t.preventDefault();t.stopPropagation();if(this.multiple){this.addSelectedItem(i.id,true)}else{this.updateSelectedItem(i.id,true)}this.activeItem=undefined;this.listOpen=false;return this.listOpen};t.prototype.scrollToActive=function(){var t=document.getElementById("".concat(this.activeDescendantId));if(t){t.scrollIntoView({behavior:"smooth",block:"center"})}};t.prototype.formatLabel=function(t,i,e,n){if(!t||n===undefined){return""}var r=e===n?this.accessibleLabels.item:this.accessibleLabels.itemFiltered;return r.replace("{name}",String(t.name)).replace("{current}",String(i+1)).replace("{total}",String(e)).replace("{hiddenItems}",String(n-e))};t.prototype.getFilteredItems=function(){var t=this;var i=this.processedItems.filter((function(i){var e,n,r,s,o;return((e=String(i.value))===null||e===void 0?void 0:e.toLowerCase()[t.filterType]((n=t.inputValue)===null||n===void 0?void 0:n.toLowerCase()))||((r=String(i.name))===null||r===void 0?void 0:r.toLowerCase()[t.filterType]((s=t.inputValue)===null||s===void 0?void 0:s.toLowerCase()))||t.formatter(i).toLowerCase()[t.filterType]((o=t.inputValue)===null||o===void 0?void 0:o.toLowerCase())||t.selectedItems.has(i.id)})).filter((function(i){var e=true;if(t.multiple&&t.selectedItems.has(i.id)){e=false}return e}));return this.sortFilteredItems(i)};t.prototype.sortFilteredItems=function(t){var i=this;if(t.length>0){t.filter((function(t){return i.selectedItems.has(t.id)})).forEach((function(i){var e=t.indexOf(i);t.splice(e,1);t.unshift(i)}))}return t};t.prototype.render=function(){var t;var i=this;var e=this.returnFilteredOrNonFiltered();return h(Host,{class:(t={"duet-combobox":true},t["duet-theme-".concat(this.theme)]=true,t)},h("slot",null),h("div",null,h("duet-popup-menu",{id:this.listBoxId,controller:this.input,ref:function(t){return i.listContainer=t},accessibleRole:"listbox",allowVerticalFlip:false},h("div",{class:"combobox-menu-container"},this.listOpen&&e.map((function(t,n){return h(DuetComboBoxSelect,{id:i.activeDescendantId,item:t,activeDescendant:n===i.activeItem,selected:i.selectedItems.has(t.id),search:i.inputValue,clickHandler:function(e){return i.onListClick(e,t)},label:i.formatLabel(t,n,e.length,i.processedItems.length),isAndroidDevice:i.isAndroidDevice})})),h("duet-spacer",{size:"x-small"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{listOpen:["popupMenuOpenHandler","processListOpenChange"],activeItem:["activeItemHandler"],inputValue:["inputValueHandler"],items:["processItems"],value:["processValue"]}},enumerable:false,configurable:true});return t}();DuetCombobox.style=DuetComboboxStyle0;export{DuetCombobox as duet_combobox};
+ */import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-df3d13a5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{d as debounce}from"./js-utils-9b9e0039.js";import{j as isEnterKey,f as isEscapeKey,o as isTabKey,b as isArrowUpKey,c as isArrowDownKey}from"./keyboard-utils-439bcc8b.js";import{g as getLocaleString,a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-0da69172.js";import{a as getElementsFromDefaultSlot}from"./slot-utils-f4a28f08.js";import{r as regexEscape,p as parsePossibleJSON}from"./string-utils-192eb3c8.js";var DuetComboBoxSelect=function(t){var i=t.item,e=t.activeDescendant,n=t.selected,r=t.label,s=r===void 0?undefined:r,o=t.clickHandler,u=o===void 0?function(t){t.preventDefault()}:o,a=t.keyHandler,c=a===void 0?function(t){t.preventDefault()}:a,f=t.search,l=t.isAndroidDevice,d=t.id;var v=f.split(" ").filter((function(t){return!!t.trim()})).map((function(t){return regexEscape(t)}));var m=f!==""?new RegExp("(".concat(v.join("|"),")"),"i"):undefined;var b="text-decoration: underline";return h("duet-popup-menu-item",{id:e?d:"",active:n,"data-index":i.id,"aria-selected":e?"true":undefined,"aria-current":n?"true":undefined,role:"option","aria-label":s,tabindex:l?"-1":null,onClick:function(t){return u(t)},onKeyUp:function(t){return c(t)},accessibleRole:"option",activeDescendant:e},m?h("span",{class:"option-container","aria-hidden":"true"},h("span",{innerHTML:i.name.replace(m,'<span style="'.concat(b,'">$&</span>'))})):i.name,i.tags&&h("span",{class:"option-tags"},i.tags.join(", ")))};var duetComboboxCss='.sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:inline-block;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(8, 42, 77)}.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(8, 42, 77);transition:none}.duet-theme-turva.sc-duet-combobox-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 28, 58)}.combobox-menu-container.sc-duet-combobox{width:var(--popup-width);max-height:200px}';var DuetComboboxStyle0=duetComboboxCss;var DuetCombobox=function(){function t(t){var i=this;registerInstance(this,t);this.duetChange=createEvent(this,"duetChange",3);var e,n;this.listBoxId=createID("duet-combobox-list-element");this.inputId=createID("duet-combobox-input-id");this.activeDescendantId=createID("duet-combobox-active-descendant");this.isAndroidDevice=((n=(e=navigator===null||navigator===void 0?void 0:navigator.userAgent)===null||e===void 0?void 0:e.toLowerCase())===null||n===void 0?void 0:n.indexOf("android"))>-1||null;this.resizeObserver=new ResizeObserver(debounce((function(t){var e,n,r;if((t===null||t===void 0?void 0:t.length)===1){var s=(n=(e=t[0])===null||e===void 0?void 0:e.target)===null||n===void 0?void 0:n.getBoundingClientRect().width;var o=parseInt((r=getComputedStyle(i.listContainer.shadowRoot.querySelector(".duet-popup-menu-list")))===null||r===void 0?void 0:r.padding);i.listContainer.style.setProperty("--popup-width","".concat(s-2*o,"px"))}}),100));this.onInputChange=function(t){return __awaiter(i,void 0,void 0,(function(){var i;return __generator(this,(function(e){i=t.detail.value;this.inputValue=i;return[2]}))}))};this.onInputClick=function(){var t,e;if(i.openListOnClick){i.listOpen=!i.listOpen}else{i.listOpen=((t=i.inputValue)===null||t===void 0?void 0:t.length)>=i.minCharacters}if(!((e=i.getFilteredItems())===null||e===void 0?void 0:e.length)){i.listOpen=false}};this.onInputTyping=function(t){return __awaiter(i,void 0,void 0,(function(){var i,e;return __generator(this,(function(n){e=t.detail.value;if(!this.force&&!this.multiple&&this.selectedItems.size>0&&e!==this.getSelectedItemLabel()){this.selectedItems.clear()}if(!this.force&&!this.multiple&&e===""){this.value=undefined}this.listOpen=String(e).length>=this.minCharacters&&((i=this.getFilteredItems())===null||i===void 0?void 0:i.length)>0;return[2]}))}))};this.onKeyDown=function(t){var e,n,r;var s=i.returnFilteredOrNonFiltered();var o=s.filter((function(t){return!i.selectedItems.has(t.id)}));i.input.accessibleActiveDescendant=undefined;if(isEnterKey(t)){t.preventDefault();if(i.listOpen&&i.activeItem!==undefined&&s[i.activeItem]&&!i.selectedItems.has(s[i.activeItem].id)){if(i.multiple){i.addSelectedItem(s[i.activeItem].id,true)}else{i.updateSelectedItem(s[i.activeItem].id,true)}}else if(!i.multiple&&i.listOpen&&o.length===1&&o[0].name.toLowerCase()===i.input.value.toLowerCase()){i.updateSelectedItem(o[0].id,true)}i.activeItem=undefined;i.listOpen=false;return}if(isEscapeKey(t)||isTabKey(t)){if(i.listOpen){t.preventDefault()}i.updateInputText(true);i.activeItem=undefined;i.listOpen=false;return}var u=i.activeItem;if(isArrowUpKey(t)){t.preventDefault();u=i.activeItem-1}else if(isArrowDownKey(t)){if(((r=(n=(e=i.input)===null||e===void 0?void 0:e.value)===null||n===void 0?void 0:n.length)!==null&&r!==void 0?r:0)<i.minCharacters){return}t.preventDefault();u=i.listOpen?i.activeItem+1:i.activeItem;i.listOpen=true}if(isArrowDownKey(t)||isArrowUpKey(t)){if(u<0||!u){u=0}if(u>=s.length){u=s.length-1}i.input.accessibleActiveDescendant=i.activeDescendantId;i.activeItem=u;i.scrollToActive()}return};this.processedItems=null;this.inputValue="";this.listOpen=false;this.selectedItems=new Set;this.activeItem=undefined;this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtered"},fi:{heading:"Valitse:",item:"{name}",itemFiltered:"{name}, {hiddenItems} suodatettu"},sv:{heading:"Välj:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtrerade"}};this.accessibleLabels=getLocaleString(this.accessibleLabelDefaults,getLanguage());this.label="";this.caption="";this.theme="";this.force=false;this.multiple=false;this.items=undefined;this.formatter=function(t){return t&&t.name?t.name:""};this.value=undefined;this.minCharacters=0;this.openListOnClick=false;this.filterType="startsWith"}t.prototype.popupMenuOpenHandler=function(){if(this.listOpen){this.listContainer.show()}else{this.listContainer.hide()}};t.prototype.activeItemHandler=function(t){this.input.accessibleActiveDescendant=this.listOpen&&(t||t===0)?this.activeDescendantId:""};t.prototype.inputValueHandler=function(){var t=this;setTimeout((function(){return __awaiter(t,void 0,void 0,(function(){var t;return __generator(this,(function(i){switch(i.label){case 0:return[4,this.getSelectedItemLabel()];case 1:t=i.sent();if(this.input.value==""&&t){this.input.value="";this.value=undefined}return[2]}}))}))}),200)};t.prototype.handleDocumentClick=function(t){var i=this;var e=t.composedPath();var n=e.every((function(t){return t!==i.element}));if(n){this.updateInputText(true);this.listOpen=false}};t.prototype.formatItem=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){return[2,this.formatter(t)]}))}))};t.prototype.processItems=function(){var t=this;var i=[];this.processedItems=parsePossibleJSON(this.items);if(!Array.isArray(this.processedItems)){console.error("DuetCombobox: Items should be an array");return}if(this.processedItems.length!==new Set(__spreadArray([],this.processedItems,true)).size){console.warn("DuetCombobox: Duplicate item values found in the list")}this.processedItems=this.processedItems.map((function(t,e){if(typeof t==="string"){t={name:t,value:t}}if(t.id!==undefined){t.id=String(t.id)}else{t.id="".concat(JSON.stringify(t.value),"-").concat(t.name)}if(i.includes(t.id)){console.warn("DuetCombobox: Duplicate item id found in the list, postfixed with index");t.id="".concat(t.id,"-").concat(e)}i.push(t.id);return t}));var e=Array.from(this.selectedItems).filter((function(i){return!t.processedItems.find((function(t){return t.id===i}))}));if(e.length){if(this.multiple){e.forEach((function(i){return t.removeSelectedItem(i)}))}else{this.updateSelectedItem(e[0],true)}}};t.prototype.processValue=function(){var t=this;if(this.value!==""&&!this.value){this.selectedItems.clear();return}var i=Array.isArray(this.value)?this.value:[this.value];var e=this.processedItems.filter((function(t){return i.includes(t.value)})).map((function(t){return t.id}));if(e.length===this.selectedItems.size&&e.every((function(i){return t.selectedItems.has(i)}))){return}if(this.multiple){this.selectedItems.clear();this.input.clearChips();e.forEach((function(i){return t.addSelectedItem(i)}))}else{var n=this.processedItems.find((function(i){return i.value===t.value}));this.updateSelectedItem(n.id)}};t.prototype.processListOpenChange=function(){if(this.openListOnClick){this.input.icon=this.listOpen?"action-arrow-up":"action-arrow-down"}this.input.accessibleExpanded=this.listOpen?"true":"false"};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){if(this.items){this.processItems()}var t=getElementsFromDefaultSlot(this.element);if(t.length){this.input=t[0]}else{this.input=document.createElement("duet-input");this.input.label=this.label;this.input.caption=this.caption;this.input.expand=true;this.element.prepend(this.input)}this.input.chips=this.multiple;this.input.addEventListener("duetChange",this.onInputChange);this.input.addEventListener("duetInput",this.onInputTyping);this.input.addEventListener("click",this.onInputClick);this.input.role="combobox";this.input.accessibleExpanded=this.listOpen?"true":"false";this.input.accessibleAutocomplete="list";this.input.accessibleControls=this.listBoxId;this.input.id=this.inputId;this.element.addEventListener("keydown",this.onKeyDown);connectLanguageChangeObserver(this,{prop:"accessibleLabels",defaults:"accessibleLabelDefaults"});this.processListOpenChange()};t.prototype.disconnectedCallback=function(){this.input.removeEventListener("duetChange",this.onInputChange);this.input.removeEventListener("click",this.onInputClick);this.element.removeEventListener("keydown",this.onKeyDown);this.resizeObserver.disconnect();disconnectLanguageChangeObserver(this)};t.prototype.componentDidLoad=function(){this.resizeObserver.observe(this.input);this.processValue()};t.prototype.shouldListBeFiltered=function(){var t=this;var i;if(!this.multiple&&this.selectedItems.size&&this.input.value===this.inputValue&&((i=this.inputValue)===null||i===void 0?void 0:i.length)<this.minCharacters){var e=this.processedItems.find((function(i){return t.selectedItems.has(i.id)}));return!(this.formatter(e).toLowerCase()===this.input.value.toLowerCase())}return true};t.prototype.returnFilteredOrNonFiltered=function(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]};t.prototype.emitChangeEvent=function(t){var i=this.processedItems.find((function(i){return i.id===t}));this.duetChange.emit({item:i,value:this.value,component:"duet-combobox"})};t.prototype.updateMultipleValue=function(){var t=this;this.value=this.processedItems.filter((function(i){return t.selectedItems.has(i.id)})).map((function(t){return t.value}));this.input.value="";this.updateChips();this.input.setFocus()};t.prototype.addSelectedItem=function(t,i){if(this.selectedItems.has(t)){return}this.selectedItems.add(t);this.updateMultipleValue();if(i){this.emitChangeEvent(t)}};t.prototype.removeSelectedItem=function(t,i){if(!this.selectedItems.has(t)){return}this.selectedItems.delete(t);this.updateMultipleValue();if(i){this.emitChangeEvent(t)}};t.prototype.updateSelectedItem=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:this.selectedItems.clear();this.selectedItems.add(t);this.value=this.processedItems.find((function(i){return i.id===t})).value;if(i){this.emitChangeEvent(this.value&&t)}return[4,this.updateInputText()];case 1:e.sent();return[2]}}))}))};t.prototype.updateChips=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;var e=this;return __generator(this,(function(n){switch(n.label){case 0:t=Array.from(this.selectedItems);return[4,this.input.getChips()];case 1:i=n.sent();t.forEach((function(t){return __awaiter(e,void 0,void 0,(function(){var i,e,n,r;var s=this;return __generator(this,(function(o){switch(o.label){case 0:i=this.processedItems.find((function(i){return i.id===t}));return[4,this.formatItem(i)];case 1:e=o.sent();return[4,this.input.hasChip({value:"".concat(t),text:e})];case 2:n=o.sent();if(!n){r=document.createElement("duet-chip");r.variation="input";r.role="option";r.value="".concat(t);r.textContent=e;r.addEventListener("duetRemove",(function(t){var i=t.detail.value;s.removeSelectedItem(i,true)}));this.input.addChip(r)}return[2]}}))}))}));i.forEach((function(i){if(!t.includes(i.value)){i.remove()}}));return[2]}}))}))};t.prototype.getSelectedItemLabel=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;var n=this;return __generator(this,(function(r){switch(r.label){case 0:t=this.processedItems.find((function(t){return n.selectedItems.has(t.id)}));if(!t)return[3,2];return[4,this.formatItem(t)];case 1:e=r.sent();return[3,3];case 2:e="";r.label=3;case 3:i=e;return[2,i]}}))}))};t.prototype.updateInputText=function(){return __awaiter(this,arguments,void 0,(function(t){var i,e,n;if(t===void 0){t=false}return __generator(this,(function(r){switch(r.label){case 0:if(t&&this.multiple){this.input.value="";return[2]}if(!(t&&this.force))return[3,3];i=this.returnFilteredOrNonFiltered();if(!this.multiple&&this.listOpen&&i.length===1&&i[0].name.toLowerCase()===this.input.value.toLowerCase()){this.updateSelectedItem(i[0].id,true)}if(!(this.selectedItems.size===0))return[3,1];this.input.value="";return[3,3];case 1:e=this.input;return[4,this.getSelectedItemLabel()];case 2:e.value=r.sent();r.label=3;case 3:if(!(!t&&this.selectedItems.size>0))return[3,6];this.input.value="";n=this.input;return[4,this.getSelectedItemLabel()];case 4:n.value=r.sent();this.input.scrollLeft=this.input.scrollWidth;return[4,this.input.setFocus()];case 5:r.sent();r.label=6;case 6:return[2]}}))}))};t.prototype.onListClick=function(t,i){t.preventDefault();t.stopPropagation();if(this.multiple){this.addSelectedItem(i.id,true)}else{this.updateSelectedItem(i.id,true)}this.activeItem=undefined;this.listOpen=false;return this.listOpen};t.prototype.scrollToActive=function(){var t=document.getElementById("".concat(this.activeDescendantId));if(t){t.scrollIntoView({behavior:"smooth",block:"center"})}};t.prototype.formatLabel=function(t,i,e,n){if(!t||n===undefined){return""}var r=e===n?this.accessibleLabels.item:this.accessibleLabels.itemFiltered;return r.replace("{name}",String(t.name)).replace("{current}",String(i+1)).replace("{total}",String(e)).replace("{hiddenItems}",String(n-e))};t.prototype.getFilteredItems=function(){var t=this;var i=this.processedItems.filter((function(i){var e,n,r,s,o;return((e=String(i.value))===null||e===void 0?void 0:e.toLowerCase()[t.filterType]((n=t.inputValue)===null||n===void 0?void 0:n.toLowerCase()))||((r=String(i.name))===null||r===void 0?void 0:r.toLowerCase()[t.filterType]((s=t.inputValue)===null||s===void 0?void 0:s.toLowerCase()))||t.formatter(i).toLowerCase()[t.filterType]((o=t.inputValue)===null||o===void 0?void 0:o.toLowerCase())||t.selectedItems.has(i.id)})).filter((function(i){var e=true;if(t.multiple&&t.selectedItems.has(i.id)){e=false}return e}));return this.sortFilteredItems(i)};t.prototype.sortFilteredItems=function(t){var i=this;if(t.length>0){t.filter((function(t){return i.selectedItems.has(t.id)})).forEach((function(i){var e=t.indexOf(i);t.splice(e,1);t.unshift(i)}))}return t};t.prototype.render=function(){var t;var i=this;var e=this.returnFilteredOrNonFiltered();return h(Host,{class:(t={"duet-combobox":true},t["duet-theme-".concat(this.theme)]=true,t)},h("slot",null),h("div",null,h("duet-popup-menu",{id:this.listBoxId,controller:this.input,ref:function(t){return i.listContainer=t},accessibleRole:"listbox",allowVerticalFlip:false},h("div",{class:"combobox-menu-container"},this.listOpen&&e.map((function(t,n){return h(DuetComboBoxSelect,{id:i.activeDescendantId,item:t,activeDescendant:n===i.activeItem,selected:i.selectedItems.has(t.id),search:i.inputValue,clickHandler:function(e){return i.onListClick(e,t)},label:i.formatLabel(t,n,e.length,i.processedItems.length),isAndroidDevice:i.isAndroidDevice})})),h("duet-spacer",{size:"x-small"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{listOpen:["popupMenuOpenHandler","processListOpenChange"],activeItem:["activeItemHandler"],inputValue:["inputValueHandler"],items:["processItems"],value:["processValue"]}},enumerable:false,configurable:true});return t}();DuetCombobox.style=DuetComboboxStyle0;export{DuetCombobox as duet_combobox};

package/lib/esm-es5/duet-contact-card.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-eedb042d.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-238c5ed0.js";import"./string-utils-192eb3c8.js";var duetContactCardCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}.duet-contact-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;overflow-wrap:break-word}';var DuetContactCardStyle0=duetContactCardCss;var DuetContactCard=function(){function e(e){registerInstance(this,e);this.phoneLabel={en:"Phone",fi:"Puhelin",sv:"Telefon"};this.language=getLanguage();this.theme="";this.margin="auto";this.image=undefined;this.name=undefined;this.description=undefined;this.email=undefined;this.phone=undefined;this.buttonText=undefined;this.buttonIcon="form-date";this.buttonUrl=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this)};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.render=function(){var e=this.theme==="turva";var t=e?"turva":"default";return h(Host,{key:"71daad66c023075159b00d6dc104eab79c4b160d",class:{"duet-m-0":this.margin==="none"}},h("div",{key:"acf3ea2fa7c3cdd7e0363a19a18a60d74d393a6c",class:{"duet-contact-card":true,"duet-theme-turva":this.theme==="turva"},role:"group","aria-label":this.name},this.image?h("img",{class:"image",src:this.image,alt:this.name}):h("div",null),h("div",{key:"196c215165b051901fe5d4f2052da20c5ca455f2"},this.name&&h("duet-heading",{key:"0007ee7244e68c15517bb124c7b78f9d4e6c6dd3",class:"name",level:"h3",margin:"none",theme:t},this.name),this.description&&h("duet-paragraph",{key:"3f59b617f8c2f6b37d6c82ce48faac52e06f7cb2",class:"description",margin:"none",theme:t},this.description),this.email&&h("div",{key:"fb3b0b7fac964d9e8c8362392645f0c8c1bc87df",class:"email"},h("duet-icon",{key:"893fabcc55e9b009d431952357e1fede755e61fb",name:"navigation-message",size:"x-small",color:"primary-dark",margin:"none",theme:t}),h("duet-link",{key:"7677f46f07ff869d2056aa234934991adcda3eff",url:"mailto:".concat(this.email),accessibleLabel:"Email: ".concat(this.email),theme:t},this.email)),this.phone&&h("div",{key:"c06e9f451420ef3e92664dd46e8ed78dd2bd5f74",class:"phone"},h("duet-icon",{key:"ebc081064f01efb5e3ea31fc8d8782bd22bbcef0",name:"form-tel",size:"x-small",color:"primary-dark",margin:"none",theme:t}),h("duet-link",{key:"5eef45c250e181259b3452eb21d6ef619db8aa9a",url:"tel:".concat(this.phone),accessibleLabel:"".concat(this.phoneLabel[this.language],": ").concat(this.phone),theme:t},this.phone))),this.buttonUrl&&this.buttonText&&h("div",{key:"d5cec8afd4d4288052f14f20204f0b934663e4b4",class:"call-to-action"},h("duet-button",{key:"946e16a6a6648d433e59cb91ff1742c7804b84dc",variation:"default",icon:this.buttonIcon,fixed:true,margin:"none",url:this.buttonUrl,theme:t},this.buttonText)),h("div",{key:"34a2419381529d6a2800016e5b899b92ca196674"}),h("slot",{key:"33b9196a872c10dd4bfd5533cb6663b06aeb2692"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetContactCard.style=DuetContactCardStyle0;export{DuetContactCard as duet_contact_card};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-df3d13a5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-0da69172.js";import"./string-utils-192eb3c8.js";var duetContactCardCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}.duet-contact-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;overflow-wrap:break-word}';var DuetContactCardStyle0=duetContactCardCss;var DuetContactCard=function(){function e(e){registerInstance(this,e);this.phoneLabel={en:"Phone",fi:"Puhelin",sv:"Telefon"};this.language=getLanguage();this.theme="";this.margin="auto";this.image=undefined;this.name=undefined;this.description=undefined;this.email=undefined;this.phone=undefined;this.buttonText=undefined;this.buttonIcon="form-date";this.buttonUrl=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this)};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.render=function(){var e=this.theme==="turva";var t=e?"turva":"default";return h(Host,{key:"71daad66c023075159b00d6dc104eab79c4b160d",class:{"duet-m-0":this.margin==="none"}},h("div",{key:"acf3ea2fa7c3cdd7e0363a19a18a60d74d393a6c",class:{"duet-contact-card":true,"duet-theme-turva":this.theme==="turva"},role:"group","aria-label":this.name},this.image?h("img",{class:"image",src:this.image,alt:this.name}):h("div",null),h("div",{key:"196c215165b051901fe5d4f2052da20c5ca455f2"},this.name&&h("duet-heading",{key:"0007ee7244e68c15517bb124c7b78f9d4e6c6dd3",class:"name",level:"h3",margin:"none",theme:t},this.name),this.description&&h("duet-paragraph",{key:"3f59b617f8c2f6b37d6c82ce48faac52e06f7cb2",class:"description",margin:"none",theme:t},this.description),this.email&&h("div",{key:"fb3b0b7fac964d9e8c8362392645f0c8c1bc87df",class:"email"},h("duet-icon",{key:"893fabcc55e9b009d431952357e1fede755e61fb",name:"navigation-message",size:"x-small",color:"primary-dark",margin:"none",theme:t}),h("duet-link",{key:"7677f46f07ff869d2056aa234934991adcda3eff",url:"mailto:".concat(this.email),accessibleLabel:"Email: ".concat(this.email),theme:t},this.email)),this.phone&&h("div",{key:"c06e9f451420ef3e92664dd46e8ed78dd2bd5f74",class:"phone"},h("duet-icon",{key:"ebc081064f01efb5e3ea31fc8d8782bd22bbcef0",name:"form-tel",size:"x-small",color:"primary-dark",margin:"none",theme:t}),h("duet-link",{key:"5eef45c250e181259b3452eb21d6ef619db8aa9a",url:"tel:".concat(this.phone),accessibleLabel:"".concat(this.phoneLabel[this.language],": ").concat(this.phone),theme:t},this.phone))),this.buttonUrl&&this.buttonText&&h("div",{key:"d5cec8afd4d4288052f14f20204f0b934663e4b4",class:"call-to-action"},h("duet-button",{key:"946e16a6a6648d433e59cb91ff1742c7804b84dc",variation:"default",icon:this.buttonIcon,fixed:true,margin:"none",url:this.buttonUrl,theme:t},this.buttonText)),h("div",{key:"34a2419381529d6a2800016e5b899b92ca196674"}),h("slot",{key:"33b9196a872c10dd4bfd5533cb6663b06aeb2692"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetContactCard.style=DuetContactCardStyle0;export{DuetContactCard as duet_contact_card};

package/lib/esm-es5/duet-cookie-consent.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-eedb042d.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-439bcc8b.js";var duetCookieConsentCss='*,*::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;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:not(.descendant-focused):focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing:not(.descendant-focused).duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;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;color:rgb(255, 255, 255) !important;background-color:rgba(4, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(4, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.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-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:rgb(255, 255, 255) !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}';var DuetCookieConsentStyle0=duetCookieConsentCss;var DuetCookieConsent=function(){function e(e){var t=this;registerInstance(this,e);this.duetCookieConsent=createEvent(this,"duetCookieConsent",7);this.handleClick=function(e){e.preventDefault();t.duetCookieConsent.emit({component:"duet-cookie-consent"})};this.accessibleLabel="Hyväksyn evästeiden käytön";this.theme=""}e.prototype.handleFocusIn=function(e){var t=e.composedPath();var o=t[0];if(o!==this.element){this.element.classList.add("descendant-focused")}};e.prototype.handleFocusOut=function(){this.element.classList.remove("descendant-focused")};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};e.prototype.render=function(){return h(Host,{key:"ba657b582c7e36fe289d60fdbcdceda17ef1c854",tabindex:"0",class:{"duet-theme-turva":this.theme==="turva"}},h("div",{key:"2b680212ac0f1834f391a28a1ffc9320ef339889",class:{"duet-cookie-consent":true,"duet-theme-turva":this.theme==="turva"}},h("div",{key:"6c881c1cf1281d744d38da802b8e8fc39bda913f",class:"duet-cookie-consent-content"},h("div",{key:"11ec4babd89db60e2457d8c53e7cd7c568eebcf4",class:"expand"},h("slot",{key:"d9b95a15ab5ddb779fea42974ed9fe0c515be16b"})),h("duet-spacer",{key:"93b5f4d507e332d0703d03b5a04b8e1333dbde3f",size:"large",direction:"horizontal"}),h("div",{key:"213584e8c479edd36a9d35c179abf68c913035f9"},h("duet-button",{key:"b8f9fba11afbaa3b06da03fee781a279ad77e783",variation:"negative",size:"small",onClick:this.handleClick,margin:"none","aria-label":this.accessibleLabel,theme:this.theme},"OK")))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetCookieConsent.style=DuetCookieConsentStyle0;export{DuetCookieConsent as duet_cookie_consent};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-df3d13a5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-439bcc8b.js";var duetCookieConsentCss='*,*::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;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:not(.descendant-focused):focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing:not(.descendant-focused).duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;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;color:rgb(255, 255, 255) !important;background-color:rgba(4, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(4, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.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-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:rgb(255, 255, 255) !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}';var DuetCookieConsentStyle0=duetCookieConsentCss;var DuetCookieConsent=function(){function e(e){var t=this;registerInstance(this,e);this.duetCookieConsent=createEvent(this,"duetCookieConsent",7);this.handleClick=function(e){e.preventDefault();t.duetCookieConsent.emit({component:"duet-cookie-consent"})};this.accessibleLabel="Hyväksyn evästeiden käytön";this.theme=""}e.prototype.handleFocusIn=function(e){var t=e.composedPath();var o=t[0];if(o!==this.element){this.element.classList.add("descendant-focused")}};e.prototype.handleFocusOut=function(){this.element.classList.remove("descendant-focused")};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};e.prototype.render=function(){return h(Host,{key:"ba657b582c7e36fe289d60fdbcdceda17ef1c854",tabindex:"0",class:{"duet-theme-turva":this.theme==="turva"}},h("div",{key:"2b680212ac0f1834f391a28a1ffc9320ef339889",class:{"duet-cookie-consent":true,"duet-theme-turva":this.theme==="turva"}},h("div",{key:"6c881c1cf1281d744d38da802b8e8fc39bda913f",class:"duet-cookie-consent-content"},h("div",{key:"11ec4babd89db60e2457d8c53e7cd7c568eebcf4",class:"expand"},h("slot",{key:"d9b95a15ab5ddb779fea42974ed9fe0c515be16b"})),h("duet-spacer",{key:"93b5f4d507e332d0703d03b5a04b8e1333dbde3f",size:"large",direction:"horizontal"}),h("div",{key:"213584e8c479edd36a9d35c179abf68c913035f9"},h("duet-button",{key:"b8f9fba11afbaa3b06da03fee781a279ad77e783",variation:"negative",size:"small",onClick:this.handleClick,margin:"none","aria-label":this.accessibleLabel,theme:this.theme},"OK")))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetCookieConsent.style=DuetCookieConsentStyle0;export{DuetCookieConsent as duet_cookie_consent};