@duetds/components 9.3.2 → 9.4.0

package/lib/esm-es5/duet-select.entry.js

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,s,i){function c(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,o){function l(e){try{a(i.next(e))}catch(e){o(e)}}function r(e){try{a(i["throw"](e))}catch(e){o(e)}}function a(e){e.done?s(e.value):c(e.value).then(l,r)}a((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,c,o,l;return l={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function r(e){return function(t){return a([e,t])}}function a(r){if(i)throw new TypeError("Generator is already executing.");while(l&&(l=0,r[0]&&(s=0)),s)try{if(i=1,c&&(o=r[0]&2?c["return"]:r[0]?c["throw"]||((o=c["return"])&&o.call(c),0):c.next)&&!(o=o.call(c,r[1])).done)return o;if(c=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:s.label++;return{value:r[1],done:false};case 5:s.label++;c=r[1];r=[0];continue;case 7:r=s.ops.pop();s.trys.pop();continue;default:if(!(o=s.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){s=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){s.label=r[1];break}if(r[0]===6&&s.label<o[1]){s.label=o[1];o=r;break}if(o&&s.label<o[2]){s.label=o[2];s.ops.push(r);break}if(o[2])s.ops.pop();s.trys.pop();continue}r=t.call(e,s)}catch(e){r=[6,e];c=0}finally{i=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[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-df3d13a5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{c as checkNamedSlotElement}from"./slot-utils-f4a28f08.js";import{p as parsePossibleJSON}from"./string-utils-192eb3c8.js";var duetSelectCss='*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-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;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h,.duet-select-variation-compact.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-select-variation-compact.sc-duet-select-h{width:auto}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select{padding:0 !important;line-height:1}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(8, 42, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{display:none}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(214, 28, 82) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(214, 28, 82) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help.sc-duet-select{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(143, 147, 158)}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';var DuetSelectStyle0=duetSelectCss;function isOptionGroup(e){return"options"in e}function findOptionByValue(e,t){for(var s=0;s<e.length;s++){var i=e[s];if(isOptionGroup(i)){i=findOptionByValue(i.options,t)}if(i&&i.value===t){return i}}}var DuetSelect=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.selectId=createID("DuetSelect");this.errorId=createID("DuetError");this.labelId=createID("DuetLabel");this.topCaptionId=createID("DuetCaptionTop");this.topCaptionPlaceholderId=createID("DuetCaptionPlaceholderTop");this.onClick=function(e){e.stopPropagation()};this.onChange=function(){t.value=t.nativeSelect.value;t.duetChange.emit({value:t.value,component:"duet-select"})};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,value:t.value,component:"duet-select"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,value:t.value,component:"duet-select"})};this.getDescribedBy=function(){var e=[];if(t.isCaptionVisible&&t.topCaptionId){e.push(t.topCaptionId)}if(t.accessibleDescribedBy){e.push(t.accessibleDescribedBy)}if(t.error){e.push(t.errorId)}return e.length>0?e.join(" "):null};this.processedItems=null;this.variation="default";this.accessibleActiveDescendant=undefined;this.accessibleDescribedBy=undefined;this.margin="auto";this.accessibleControls=undefined;this.accessibleOwns=undefined;this.error="";this.accessibleLiveError="polite";this.expand=false;this.value=undefined;this.theme="";this.labelHidden=false;this.identifier=undefined;this.name=undefined;this.placeholder="";this.caption=undefined;this.echoPlaceholder=false;this.items=undefined;this.disabled=false;this.required=false;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.role=undefined;this.tooltip="";this.tooltipDirection="auto"}e.prototype.valueChanged=function(){if(this.nativeSelect){this.nativeSelect.value=this.value}this.isCaptionVisible=!!this.caption};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.isCaptionVisible=!!this.caption;checkNamedSlotElement(this.element,"tooltip","duet-tooltip",1,true);this.refresh()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeSelect){this.nativeSelect.focus(e)}return[2]}))}))};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.processedItems=parsePossibleJSON(this.items);return[2]}))}))};e.prototype.getSelectedItemLabel=function(){var e;if(this.processedItems){e=findOptionByValue(this.processedItems,this.value)}return e?e.label:this.placeholder||""};e.prototype.renderOption=function(e){return h("option",{"aria-label":e.ariaLabel,value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)};e.prototype.renderOptionGroup=function(e){var t=this;return h("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((function(e){return t.renderOption(e)})))};e.prototype.render=function(){var e,t,s;var i=this;var c=this.identifier||this.selectId;return h(Host,{onClick:this.onClick,class:(e={"duet-m-0":this.margin==="none","duet-expand":this.expand},e["duet-select-variation-".concat(this.variation)]=true,e)},h("div",{class:(t={"duet-select-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva"},t["duet-select-variation-".concat(this.variation)]=true,t["duet-input-top-caption-shown"]=this.isCaptionVisible,t["has-error"]=!!this.error,t)},h("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:c},this.label),this.tooltip&&h("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),h("slot",{name:"tooltip"}),this.caption&&h("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),h("div",{class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&h("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),h("select",{ref:function(e){return i.nativeSelect=e},disabled:this.disabled,name:this.name,id:c,role:this.role,"aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required},this.placeholder&&h("option",{disabled:true,selected:true,value:""},this.placeholder),!this.processedItems?h("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi."):this.processedItems.map((function(e){return isOptionGroup(e)?i.renderOptionGroup(e):i.renderOption(e)}))),h("div",{class:(s={"duet-select":true},s["duet-select-variation-".concat(this.variation)]=true,s),"aria-hidden":"true"},h("span",{key:this.value,class:"duet-select-selected-value"},this.getSelectedItemLabel()),this.variation==="default"&&h("svg",{role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},h("path",{d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))||h("duet-icon",{theme:this.theme,name:"action-arrow-down-small",color:"currentColor",margin:"none",size:this.variation==="compact"?"xxx-small":"xx-small"})),h("span",{class:"duet-keep-container-height",role:"presention","aria-hidden":"true"},"_")),h("span",{class:"duet-select-help",id:this.errorId,"aria-live":this.accessibleLiveError,"aria-atomic":"true","aria-relevant":"additions removals"},this.error&&h("span",null,this.error))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"],items:["refresh"]}},enumerable:false,configurable:true});return e}();DuetSelect.style=DuetSelectStyle0;export{DuetSelect as duet_select};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5a27eaf5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{c as checkNamedSlotElement}from"./slot-utils-2823028d.js";import{p as parsePossibleJSON}from"./string-utils-192eb3c8.js";var duetSelectCss='*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-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;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h,.duet-select-variation-compact.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-select-variation-compact.sc-duet-select-h{width:auto}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select{padding:0 !important;line-height:1}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(127, 150, 165);box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(143, 147, 158);box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(8, 42, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(8, 42, 77) !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{display:none}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(8, 42, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(214, 28, 82) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(214, 28, 82) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(8, 42, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help.sc-duet-select{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(98, 121, 138);border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(143, 147, 158)}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';var DuetSelectStyle0=duetSelectCss;function isOptionGroup(e){return"options"in e}function findOptionByValue(e,t){for(var s=0;s<e.length;s++){var i=e[s];if(isOptionGroup(i)){i=findOptionByValue(i.options,t)}if(i&&i.value===t){return i}}}var DuetSelect=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.selectId=createID("DuetSelect");this.errorId=createID("DuetError");this.labelId=createID("DuetLabel");this.topCaptionId=createID("DuetCaptionTop");this.topCaptionPlaceholderId=createID("DuetCaptionPlaceholderTop");this.onClick=function(e){e.stopPropagation()};this.onChange=function(){t.value=t.nativeSelect.value;t.duetChange.emit({value:t.value,component:"duet-select"})};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,value:t.value,component:"duet-select"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,value:t.value,component:"duet-select"})};this.getDescribedBy=function(){var e=[];if(t.isCaptionVisible&&t.topCaptionId){e.push(t.topCaptionId)}if(t.accessibleDescribedBy){e.push(t.accessibleDescribedBy)}if(t.error){e.push(t.errorId)}return e.length>0?e.join(" "):null};this.processedItems=null;this.variation="default";this.accessibleActiveDescendant=undefined;this.accessibleDescribedBy=undefined;this.margin="auto";this.accessibleControls=undefined;this.accessibleOwns=undefined;this.error="";this.accessibleLiveError="polite";this.expand=false;this.value=undefined;this.theme="";this.labelHidden=false;this.identifier=undefined;this.name=undefined;this.placeholder="";this.caption=undefined;this.echoPlaceholder=false;this.items=undefined;this.disabled=false;this.required=false;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.role=undefined;this.tooltip="";this.tooltipDirection="auto"}e.prototype.valueChanged=function(){if(this.nativeSelect){this.nativeSelect.value=this.value}this.isCaptionVisible=!!this.caption};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.isCaptionVisible=!!this.caption;checkNamedSlotElement(this.element,"tooltip","duet-tooltip",1,true);this.refresh()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeSelect){this.nativeSelect.focus(e)}return[2]}))}))};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.processedItems=parsePossibleJSON(this.items);return[2]}))}))};e.prototype.getSelectedItemLabel=function(){var e;if(this.processedItems){e=findOptionByValue(this.processedItems,this.value)}return e?e.label:this.placeholder||""};e.prototype.renderOption=function(e){return h("option",{"aria-label":e.ariaLabel,value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)};e.prototype.renderOptionGroup=function(e){var t=this;return h("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((function(e){return t.renderOption(e)})))};e.prototype.render=function(){var e,t,s;var i=this;var c=this.identifier||this.selectId;return h(Host,{onClick:this.onClick,class:(e={"duet-m-0":this.margin==="none","duet-expand":this.expand},e["duet-select-variation-".concat(this.variation)]=true,e)},h("div",{class:(t={"duet-select-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva"},t["duet-select-variation-".concat(this.variation)]=true,t["duet-input-top-caption-shown"]=this.isCaptionVisible,t["has-error"]=!!this.error,t)},h("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:c},this.label),this.tooltip&&h("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),h("slot",{name:"tooltip"}),this.caption&&h("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),h("div",{class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&h("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),h("select",{ref:function(e){return i.nativeSelect=e},disabled:this.disabled,name:this.name,id:c,role:this.role,"aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required},this.placeholder&&h("option",{disabled:true,selected:true,value:""},this.placeholder),!this.processedItems?h("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi."):this.processedItems.map((function(e){return isOptionGroup(e)?i.renderOptionGroup(e):i.renderOption(e)}))),h("div",{class:(s={"duet-select":true},s["duet-select-variation-".concat(this.variation)]=true,s),"aria-hidden":"true"},h("span",{key:this.value,class:"duet-select-selected-value"},this.getSelectedItemLabel()),this.variation==="default"&&h("svg",{role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},h("path",{d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))||h("duet-icon",{theme:this.theme,name:"action-arrow-down-small",color:"currentColor",margin:"none",size:this.variation==="compact"?"xxx-small":"xx-small"})),h("span",{class:"duet-keep-container-height",role:"presention","aria-hidden":"true"},"_")),h("span",{class:"duet-select-help",id:this.errorId,"aria-live":this.accessibleLiveError,"aria-atomic":"true","aria-relevant":"additions removals"},this.error&&h("span",null,this.error))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"],items:["refresh"]}},enumerable:false,configurable:true});return e}();DuetSelect.style=DuetSelectStyle0;export{DuetSelect as duet_select};

package/lib/esm-es5/duet-shaped-image.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host}from"./index-df3d13a5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetShapedImageCss='*,*::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:inline-block;width:100%;height:100%;margin:5%}:host(.duet-theme-turva){margin:3%}:host(.duet-m-0){margin:0}.shaped-image{position:relative;display:inline-block;width:100%;height:100%}.shaped-image .shaped-image-mask{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:25%;transform:rotate(var(--rotation))}.shaped-image .shaped-image-mask .shaped-image-img{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.07) rotate(calc(-1 * var(--rotation)));transform-origin:center}:host(.duet-theme-turva) .shaped-image .shaped-image-mask{transform:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");mask-repeat:no-repeat}:host(.duet-theme-turva) .shaped-image .shaped-image-mask .shaped-image-img{transform:none}';var DuetShapedImageStyle0=duetShapedImageCss;var DuetShapedImage=function(){function e(e){registerInstance(this,e);this.theme="";this.accessibleLabel=undefined;this.margin="auto";this.src=undefined;this.rotation=7}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e={"--rotation":"".concat(this.rotation,"deg")};return h(Host,{key:"cd0b0f6d908af8e5c1788f66c005af3d54ec8686",class:{"duet-theme-turva":this.theme==="turva","duet-m-0":this.margin==="none"}},h("span",{key:"ab56ab6af75d0a182f5a02ead485ffc9f4205ea4",class:{"shaped-image":true},role:"img","aria-label":this.accessibleLabel,style:e},h("span",{key:"7933b45865574df0185d2ee4913cba4744215d87",class:"shaped-image-mask",role:"presentation"},h("span",{key:"5ad7e042965e34bc68d5e6f277a4f222590e83cc",class:"shaped-image-img",role:"presentation",style:{backgroundImage:'url("'.concat(this.src,'")')}}))))};return e}();DuetShapedImage.style=DuetShapedImageStyle0;export{DuetShapedImage as duet_shaped_image};
+import{r as registerInstance,h,H as Host}from"./index-5a27eaf5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetShapedImageCss='*,*::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:inline-block;width:100%;height:100%;margin:5%}:host(.duet-theme-turva){margin:3%}:host(.duet-m-0){margin:0}.shaped-image{position:relative;display:inline-block;width:100%;height:100%}.shaped-image .shaped-image-mask{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:25%;transform:rotate(var(--rotation))}.shaped-image .shaped-image-mask .shaped-image-img{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;transform:scale(1.07) rotate(calc(-1 * var(--rotation)));transform-origin:center}:host(.duet-theme-turva) .shaped-image .shaped-image-mask{transform:none;-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");mask-repeat:no-repeat}:host(.duet-theme-turva) .shaped-image .shaped-image-mask .shaped-image-img{transform:none}';var DuetShapedImageStyle0=duetShapedImageCss;var DuetShapedImage=function(){function e(e){registerInstance(this,e);this.theme="";this.accessibleLabel=undefined;this.margin="auto";this.src=undefined;this.rotation=7}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e={"--rotation":"".concat(this.rotation,"deg")};return h(Host,{key:"4d2509d187900cd728bc7f487c0d5f6d6692fcf6",class:{"duet-theme-turva":this.theme==="turva","duet-m-0":this.margin==="none"}},h("span",{key:"443432050b727b6c2b596eea74a7d991626f3588",class:{"shaped-image":true},role:"img","aria-label":this.accessibleLabel,style:e},h("span",{key:"2b158b8d24e6803549c950f701fa1f304b2c5a21",class:"shaped-image-mask",role:"presentation"},h("span",{key:"84ceabbe108b85db331719cad4aa47ac16c52613",class:"shaped-image-img",role:"presentation",style:{backgroundImage:'url("'.concat(this.src,'")')}}))))};return e}();DuetShapedImage.style=DuetShapedImageStyle0;export{DuetShapedImage as duet_shaped_image};

package/lib/esm-es5/duet-show-more.entry.js

@@ -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-df3d13a5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{i as isKeyboardClick}from"./keyboard-utils-439bcc8b.js";import{a as getLanguage,g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-0da69172.js";import"./string-utils-192eb3c8.js";var duetShowMoreCss='*,*::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:block}.duet-show-more{margin-bottom:16px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}.duet-show-more.duet-m-0{margin:0 !important}.duet-show-more .slotted-content{display:none}.duet-show-more.open .slotted-content{display:block}.duet-show-more .content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-show-more.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-show-more.duet-theme-turva .content:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}';var DuetShowMoreStyle0=duetShowMoreCss;var DuetShowMore=function(){function e(e){var t=this;registerInstance(this,e);this.duetToggle=createEvent(this,"duetToggle",7);this.contentId=createID("DuetShowMore");this.buttonId=createID("DuetShowMoreButton");this.handleKeyDown=function(e){if(isKeyboardClick(e)){t.handleClick(e)}};this.handleClick=function(e){e.preventDefault();var s=!t.open;t.open=s;if(s){setTimeout((function(){t.contentElement.focus()}),100);setTimeout((function(){t.buttonAriaOpen=s}),500)}else{t.buttonAriaOpen=s}t.duetToggle.emit({component:"duet-show-more",originalEvent:e})};this.buttonAriaOpen=false;this.theme="";this.language=getLanguage();this.showMoreLabelDefaults={fi:"Näytä lisää",sv:"Visa mer",en:"Show more"};this.showMoreLabel=getLocaleString(this.showMoreLabelDefaults);this.showLessLabelDefaults={fi:"Näytä vähemmän",sv:"Visa mindre",en:"Show less"};this.showLessLabel=getLocaleString(this.showLessLabelDefaults);this.showMoreAccessibleLabelDefaults={fi:"Näytä lisää tästä aiheesta",sv:"Visa mer om detta ämne",en:"Show more about this subject"};this.showMoreAccessibleLabel=getLocaleString(this.showMoreAccessibleLabelDefaults);this.showLessAccessibleLabelDefaults={fi:"Näytä vähemmän tästä aiheesta",sv:"Visa mindre om detta ämne",en:"Show less about this subject"};this.showLessAccessibleLabel=getLocaleString(this.showLessAccessibleLabelDefaults);this.margin="auto";this.buttonMargin="auto";this.buttonPadding="auto";this.open=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.buttonAriaOpen=this.open};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,[{prop:"showMoreLabel",defaults:"showMoreLabelDefaults"},{prop:"showLessLabel",defaults:"showLessLabelDefaults"},{prop:"showMoreAccessibleLabel",defaults:"showMoreAccessibleLabelDefaults"},{prop:"showLessAccessibleLabel",defaults:"showLessAccessibleLabelDefaults"}])};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.render=function(){var e=this;return h(Host,{key:"f2ae77fcd733d57404b733d43ffb049d3503ecd0"},h("div",{key:"a0a01d9f4ef3065ced4d4de652969744e6e1e227",class:{"duet-show-more":true,"duet-theme-turva":this.theme==="turva","duet-m-0":this.margin==="none",open:this.open}},h("div",{key:"8b799e3b59a456e4873357daa72313f0d29bffcf",ref:function(t){return e.contentElement=t},class:{content:true},id:this.contentId,tabindex:this.open?"0":""},h("div",{key:"e5e04fa045ab43f00086e8799f87ab2b57f0a13b",class:{"slotted-content":true}},h("slot",{key:"ca94e5187354a6debb373955df2d046a9c9271a4"}))),h("duet-button",{key:"fc11f79ebc689843332bc829f108d62180fa62fe",id:this.buttonId,variation:"plain","accessible-label":this.buttonAriaOpen?this.showLessAccessibleLabel:this.showMoreAccessibleLabel,"accessible-expanded":this.buttonAriaOpen?"true":"false","accessible-controls":this.contentId,accessiblePressed:this.open,onClick:this.handleClick,onKeyDown:this.handleKeyDown,"icon-right":true,icon:this.open?"action-arrow-up-small":"action-arrow-down-small","icon-size":"medium-small",size:"small",margin:this.buttonMargin,padding:this.buttonPadding,theme:this.theme==="turva"?"turva":"default"},h("span",{key:"63e4d04789225b2ff7938e8e1156345b14b6633f"},this.open?this.showLessLabel:this.showMoreLabel))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetShowMore.style=DuetShowMoreStyle0;export{DuetShowMore as duet_show_more};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5a27eaf5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{i as isKeyboardClick}from"./keyboard-utils-daf80d44.js";import{a as getLanguage,g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-2c1dd412.js";import"./string-utils-192eb3c8.js";var duetShowMoreCss='*,*::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:block}.duet-show-more{margin-bottom:16px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(8, 42, 77)}.duet-show-more.duet-m-0{margin:0 !important}.duet-show-more .slotted-content{display:none}.duet-show-more.open .slotted-content{display:block}.duet-show-more .content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-show-more.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-show-more.duet-theme-turva .content:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}';var DuetShowMoreStyle0=duetShowMoreCss;var DuetShowMore=function(){function e(e){var t=this;registerInstance(this,e);this.duetToggle=createEvent(this,"duetToggle",7);this.contentId=createID("DuetShowMore");this.buttonId=createID("DuetShowMoreButton");this.handleKeyDown=function(e){if(isKeyboardClick(e)){t.handleClick(e)}};this.handleClick=function(e){e.preventDefault();var s=!t.open;t.open=s;if(s){setTimeout((function(){t.contentElement.focus()}),100);setTimeout((function(){t.buttonAriaOpen=s}),500)}else{t.buttonAriaOpen=s}t.duetToggle.emit({component:"duet-show-more",originalEvent:e})};this.buttonAriaOpen=false;this.theme="";this.language=getLanguage();this.showMoreLabelDefaults={fi:"Näytä lisää",sv:"Visa mer",en:"Show more"};this.showMoreLabel=getLocaleString(this.showMoreLabelDefaults);this.showLessLabelDefaults={fi:"Näytä vähemmän",sv:"Visa mindre",en:"Show less"};this.showLessLabel=getLocaleString(this.showLessLabelDefaults);this.showMoreAccessibleLabelDefaults={fi:"Näytä lisää tästä aiheesta",sv:"Visa mer om detta ämne",en:"Show more about this subject"};this.showMoreAccessibleLabel=getLocaleString(this.showMoreAccessibleLabelDefaults);this.showLessAccessibleLabelDefaults={fi:"Näytä vähemmän tästä aiheesta",sv:"Visa mindre om detta ämne",en:"Show less about this subject"};this.showLessAccessibleLabel=getLocaleString(this.showLessAccessibleLabelDefaults);this.margin="auto";this.buttonMargin="auto";this.buttonPadding="auto";this.open=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.buttonAriaOpen=this.open};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,[{prop:"showMoreLabel",defaults:"showMoreLabelDefaults"},{prop:"showLessLabel",defaults:"showLessLabelDefaults"},{prop:"showMoreAccessibleLabel",defaults:"showMoreAccessibleLabelDefaults"},{prop:"showLessAccessibleLabel",defaults:"showLessAccessibleLabelDefaults"}])};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.render=function(){var e=this;return h(Host,{key:"f8b3a4bdc3bdb531b534fa738121b232385abd2f"},h("div",{key:"4286438cdd90fadc5a9a099d57a1f7ed405f4825",class:{"duet-show-more":true,"duet-theme-turva":this.theme==="turva","duet-m-0":this.margin==="none",open:this.open}},h("div",{key:"3a4f4bedaa980b958342d306e431e6e8eea30b46",ref:function(t){return e.contentElement=t},class:{content:true},id:this.contentId,tabindex:this.open?"0":""},h("div",{key:"83db13f0dfda97263e0979963c35e3b8af89b8fa",class:{"slotted-content":true}},h("slot",{key:"4c7ac0dd5c6c92734c9fbb1b41292b1ab5b9b395"}))),h("duet-button",{key:"8b5673ff853d9c7888ce2d6b532d01d99c85af43",id:this.buttonId,variation:"plain","accessible-label":this.buttonAriaOpen?this.showLessAccessibleLabel:this.showMoreAccessibleLabel,"accessible-expanded":this.buttonAriaOpen?"true":"false","accessible-controls":this.contentId,accessiblePressed:this.open,onClick:this.handleClick,onKeyDown:this.handleKeyDown,"icon-right":true,icon:this.open?"action-arrow-up-small":"action-arrow-down-small","icon-size":"medium-small",size:"small",margin:this.buttonMargin,padding:this.buttonPadding,theme:this.theme==="turva"?"turva":"default"},h("span",{key:"caea15de13cce76f34b754a3a1dda49a6d17bb89"},this.open?this.showLessLabel:this.showMoreLabel))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetShowMore.style=DuetShowMoreStyle0;export{DuetShowMore as duet_show_more};

package/lib/esm-es5/duet-slideout-lang.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-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,g as getLocaleString}from"./language-utils-0da69172.js";import"./string-utils-192eb3c8.js";var duetSlideoutLangCss='*,*::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-slideout-lang{display:flex;gap:20px;align-items:center;justify-content:flex-start;width:min-content;white-space:nowrap}::slotted(*){position:relative}::slotted(:not(:first-child)){padding-right:0;padding-left:0.5rem}::slotted(:not(:last-child))::after{position:absolute;top:25%;right:-16px;width:2px;height:50%;content:"";background:rgb(8, 42, 77)}.duet-theme-turva ::slotted(:not(:last-child))::after{background:rgb(23, 28, 58)}';var DuetSlideoutLangStyle0=duetSlideoutLangCss;var DuetSlideoutLang=function(){function e(e){registerInstance(this,e);this.chooseLangObject={en:"Choose language",fi:"Valitse kieli",sv:"Välj språk"};this.language=getLanguage();this.theme=""}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this)};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.render=function(){var e=getLocaleString(this.chooseLangObject);return h(Host,{key:"7fdf56886b7eef7853a2390545e83b43e1aea17b"},h("div",{key:"95c15df38395b09803b5a48382950a07d5d8a6b1",class:"duet-slideout-lang",role:"group","aria-label":e},h("duet-icon",{key:"5500047f8d4ae1a3d118abd0e0e850211212cc4a",name:"navigation-language",margin:"none",color:"secondary"}),h("slot",{key:"906ac6c0864cf946423ed34875c4c122e0784113"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSlideoutLang.style=DuetSlideoutLangStyle0;export{DuetSlideoutLang as duet_slideout_lang};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-5a27eaf5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString}from"./language-utils-2c1dd412.js";import"./string-utils-192eb3c8.js";var duetSlideoutLangCss='*,*::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-slideout-lang{display:flex;gap:20px;align-items:center;justify-content:flex-start;width:min-content;white-space:nowrap}::slotted(*){position:relative}::slotted(:not(:first-child)){padding-right:0;padding-left:0.5rem}::slotted(:not(:last-child))::after{position:absolute;top:25%;right:-16px;width:2px;height:50%;content:"";background:rgb(8, 42, 77)}.duet-theme-turva ::slotted(:not(:last-child))::after{background:rgb(23, 28, 58)}';var DuetSlideoutLangStyle0=duetSlideoutLangCss;var DuetSlideoutLang=function(){function e(e){registerInstance(this,e);this.chooseLangObject={en:"Choose language",fi:"Valitse kieli",sv:"Välj språk"};this.language=getLanguage();this.theme=""}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this)};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.render=function(){var e=getLocaleString(this.chooseLangObject);return h(Host,{key:"31b6e57b23d0936cc4147741caf528521e1e82a1"},h("div",{key:"74b2d0ddf3a4a21c4d9368e9e7e00e6e223e78c6",class:"duet-slideout-lang",role:"group","aria-label":e},h("duet-icon",{key:"1f6beba2dcad7302f4e3db4395435d7c5e39730d",name:"navigation-language",margin:"none",color:"secondary"}),h("slot",{key:"ead217fcb33aeced035ef571dbe57de7857d0c84"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSlideoutLang.style=DuetSlideoutLangStyle0;export{DuetSlideoutLang as duet_slideout_lang};

package/lib/esm-es5/duet-slideout-link.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-df3d13a5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetSlideoutLinkCss='*,*::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;width:100%;height:100%}.duet-slideout-link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-slideout-link.active span{position:relative}.duet-slideout-link.active span::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:"";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1.25rem;font-weight:600}.duet-slideout-link.large{font-size:1.5rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(98, 121, 138)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(113, 118, 132)}';var DuetSlideoutLinkStyle0=duetSlideoutLinkCss;var DuetSlideoutLink=function(){function e(e){registerInstance(this,e);this.accessibleLabel=undefined;this.theme="";this.targetLanguage=undefined;this.active=false;this.href="#";this.icon=undefined;this.size="inherit";this.caret=false;this.menuItem=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e;return h(Host,{key:"aa07296629d813134f481a3e1ebfb6d31951bc48"},h("a",{key:"56ae85701570dfa3ae4cae8f15fb395f9199776a",class:(e={"duet-slideout-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},e[this.size]=true,e),href:this.href,"aria-current":this.active?"true":"false",lang:this.targetLanguage,hreflang:this.targetLanguage,"aria-label":this.accessibleLabel},this.icon&&h("duet-icon",{key:"4872989601ff5a2c3ff458b53345292f358956a9",name:this.icon,color:"secondary",size:this.menuItem?"x-small":"medium",margin:"none"}),h("div",{key:"71fe6a89063381d1ec5d4a8d6960954660374bc0",class:"label"},h("span",{key:"b9e2aca6c05cc945917f87d74b3f4c611814e8cb"},h("slot",{key:"b917c1d51c62a2ab229c396f7afb3468c0b240e6"}),h("slot",{key:"775dbc1e31d128b448b72e876f0f53609358c709",name:"description"})),this.caret&&h("duet-icon",{key:"47c65d4e0cc5745e120730849beb97dcee30cb74",name:"action-arrow-right",color:"secondary",size:"x-small",margin:"none"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSlideoutLink.style=DuetSlideoutLinkStyle0;export{DuetSlideoutLink as duet_slideout_link};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-5a27eaf5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetSlideoutLinkCss='*,*::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;width:100%;height:100%}.duet-slideout-link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:inherit;font-weight:inherit;line-height:1.25;color:inherit;text-align:left;text-decoration:none}.duet-slideout-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-slideout-link:focus,.duet-slideout-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-slideout-link.active span{position:relative}.duet-slideout-link.active span::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:var(--active-height, 2px);content:"";background:rgb(0, 119, 179);transform:var(--active-translate-y, translateY(2px))}.duet-slideout-link.active.duet-theme-turva span::after{background:rgb(198, 12, 48)}.duet-slideout-link.small{font-size:1rem;font-weight:600}.duet-slideout-link.small span::after{--active-height:1px;--active-translate-y:1px}.duet-slideout-link.medium{font-size:1.25rem;font-weight:600}.duet-slideout-link.large{font-size:1.5rem;font-weight:800}.duet-slideout-link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}slot[name=description]::slotted(*){display:block;padding:8px 0 0;font-size:1rem;font-size:1.25;font-weight:400;color:rgb(98, 121, 138)}.duet-theme-turva slot[name=description]::slotted(*){color:rgb(113, 118, 132)}';var DuetSlideoutLinkStyle0=duetSlideoutLinkCss;var DuetSlideoutLink=function(){function e(e){registerInstance(this,e);this.accessibleLabel=undefined;this.theme="";this.targetLanguage=undefined;this.active=false;this.href="#";this.icon=undefined;this.size="inherit";this.caret=false;this.menuItem=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e;return h(Host,{key:"397e43c602bd3d9926d0649d5df37f30abc8e122"},h("a",{key:"ea5609a4fd536e03d6563b21c05d9d15f024f996",class:(e={"duet-slideout-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},e[this.size]=true,e),href:this.href,"aria-current":this.active?"true":"false",lang:this.targetLanguage,hreflang:this.targetLanguage,"aria-label":this.accessibleLabel},this.icon&&h("duet-icon",{key:"cd2858752a02bceda1dc86741a5a7588f4c04fc5",name:this.icon,color:"secondary",size:this.menuItem?"x-small":"medium",margin:"none"}),h("div",{key:"c0e8b4c5f08ff88b02749475f88ea49699c9f32e",class:"label"},h("span",{key:"6f32f8b54e0c9927ef11ea6feb0e9f41239f5826"},h("slot",{key:"aa5b10e8ed48b56c94a4b92b8f4a4c04fd8751cd"}),h("slot",{key:"3ccb1b5c03782d3df88ce40121c3848abbb7ed21",name:"description"})),this.caret&&h("duet-icon",{key:"7761639943a89d708a9cdc554e8b464538154ab5",name:"action-arrow-right",color:"secondary",size:"x-small",margin:"none"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSlideoutLink.style=DuetSlideoutLinkStyle0;export{DuetSlideoutLink as duet_slideout_link};

package/lib/esm-es5/duet-slideout-panel-dropdown.entry.js

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,n,o){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function r(e){try{l(o.next(e))}catch(e){i(e)}}function s(e){try{l(o["throw"](e))}catch(e){i(e)}}function l(e){e.done?n(e.value):a(e.value).then(r,s)}l((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,a,i,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(e){return function(t){return l([e,t])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(n=0)),n)try{if(o=1,a&&(i=s[0]&2?a["return"]:s[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,s[1])).done)return i;if(a=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;a=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){n.label=s[1];break}if(s[0]===6&&n.label<i[1]){n.label=i[1];i=s;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(s);break}if(i[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];a=0}finally{o=i=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,h,H as Host,g as getElement}from"./index-df3d13a5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetSlideoutPanelDropdownCss='*,*::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;width:100%;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:-0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel-dropdown{position:relative;width:100%;height:100%}.duet-slideout-panel-dropdown button{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}.duet-slideout-panel-dropdown button .label{position:relative;display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-slideout-panel-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel-dropdown button.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:calc(100% - 18px);height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px)}.duet-slideout-panel-dropdown .items{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:1000px;padding:4px 20px 8px 44px;overflow-y:auto;visibility:visible;transition:max-height 0.3s ease-in, padding-bottom 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-slideout-panel-dropdown .items::-webkit-scrollbar{display:none}.duet-slideout-panel-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility:hidden;transition:max-height 0.3s ease-out, padding-bottom 0.3s ease-out}.duet-slideout-panel-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout-panel-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:rgb(198, 12, 48)}slot{--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:400;color:rgb(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}slot[name=label]{font-size:1rem;font-weight:600}';var DuetSlideoutPanelDropdownStyle0=duetSlideoutPanelDropdownCss;var DuetSlideoutPanelDropdown=function(){function e(e){var t=this;registerInstance(this,e);this.onClick=function(){t.open=!t.open};this.theme="";this.active=false;this.open=false;this.icon=undefined}e.prototype.handleFocus=function(e){var t=this;var n=e.composedPath().every((function(e){return e!==t.element}));if(n){this.open=false}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);var e=this.element.querySelectorAll("duet-slideout-link");e.forEach((function(e){e.menuItem=true}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"15a51ee1392b5cfaf0faf892381a354e9c2ad7a8"},h("div",{key:"7a65752a7969698e0a6b9994dcc4c0d3eea60ede",class:{"duet-slideout-panel-dropdown":true,"duet-theme-turva":this.theme==="turva",active:this.open}},h("button",{key:"35ce652834bb7c5dfbf2b6211cfbfd2130c2e588",ref:function(t){return e.button=t},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{active:this.active},onClick:this.onClick},this.icon&&h("duet-icon",{key:"963ee3c6c6d7ecc6c94a08afe16d3f5f9dafaa66",name:this.icon,size:"medium",margin:"none",color:"secondary"}),h("span",{key:"d4e56a5ba15d2d6cbe9dc2cd005b09d538fff5a1",class:"label"},h("slot",{key:"0264c8d9575e402e1bb0042a5d4603d7da816156",name:"label"}),h("duet-icon",{key:"d406ceffdb866733a623fd3000f88eed53984cef",class:"caret",name:"action-arrow-down-small",margin:"none",size:"xx-small",color:"secondary"}))),h("div",{key:"28cf7810dd58248178981e491e918138cf3d2d58",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"9c02645c7b1732774cfe05087e819acf382733e0"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSlideoutPanelDropdown.style=DuetSlideoutPanelDropdownStyle0;export{DuetSlideoutPanelDropdown as duet_slideout_panel_dropdown};
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-5a27eaf5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetSlideoutPanelDropdownCss='*,*::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;width:100%;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:-0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel-dropdown{position:relative;width:100%;height:100%}.duet-slideout-panel-dropdown button{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}.duet-slideout-panel-dropdown button .label{position:relative;display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-slideout-panel-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel-dropdown button.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:calc(100% - 18px);height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(1px)}.duet-slideout-panel-dropdown .items{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:1000px;padding:4px 20px 8px 44px;overflow-y:auto;visibility:visible;transition:max-height 0.3s ease-in, padding-bottom 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-slideout-panel-dropdown .items::-webkit-scrollbar{display:none}.duet-slideout-panel-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility:hidden;transition:max-height 0.3s ease-out, padding-bottom 0.3s ease-out}.duet-slideout-panel-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout-panel-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel-dropdown.duet-theme-turva button.active .label::after{background:rgb(198, 12, 48)}slot{--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:400;color:rgb(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}slot[name=label]{font-size:1rem;font-weight:600}';var DuetSlideoutPanelDropdownStyle0=duetSlideoutPanelDropdownCss;var DuetSlideoutPanelDropdown=function(){function e(e){var t=this;registerInstance(this,e);this.onClick=function(){t.open=!t.open};this.theme="";this.active=false;this.open=false;this.icon=undefined}e.prototype.handleFocus=function(e){var t=this;var n=e.composedPath().every((function(e){return e!==t.element}));if(n){this.open=false}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);var e=this.element.querySelectorAll("duet-slideout-link");e.forEach((function(e){e.menuItem=true}))};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"3aeb0f6518e111df8282802e65d6c74348cd2367"},h("div",{key:"27a2c32674a4a98fad156142a9c5f07aaa47cab0",class:{"duet-slideout-panel-dropdown":true,"duet-theme-turva":this.theme==="turva",active:this.open}},h("button",{key:"9bade63cdca5e3cfbd83e984db86bda5e094008e",ref:function(t){return e.button=t},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{active:this.active},onClick:this.onClick},this.icon&&h("duet-icon",{key:"a1257b1aadd2f1011526e05231fb994cbaf9ff44",name:this.icon,size:"medium",margin:"none",color:"secondary"}),h("span",{key:"ecadae30af9fdfe3397e3bbada78b23f9759f124",class:"label"},h("slot",{key:"b1faf455a33bf5ad1fec780460f55c83b77d62d7",name:"label"}),h("duet-icon",{key:"11597586080089822d868c152b6aae9155045b94",class:"caret",name:"action-arrow-down-small",margin:"none",size:"xx-small",color:"secondary"}))),h("div",{key:"ffd5653ffd46ef59cceb9e61cd5ba59b6c2d54d0",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"46d294db4305ddf9f57bec16fb419eedae4898a0"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSlideoutPanelDropdown.style=DuetSlideoutPanelDropdownStyle0;export{DuetSlideoutPanelDropdown as duet_slideout_panel_dropdown};

package/lib/esm-es5/duet-slideout-panel.entry.js

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,a,i){function o(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,n){function s(e){try{r(i.next(e))}catch(e){n(e)}}function l(e){try{r(i["throw"](e))}catch(e){n(e)}}function r(e){e.done?a(e.value):o(e.value).then(s,l)}r((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,o,n,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(e){return function(t){return r([e,t])}}function r(l){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(a=0)),a)try{if(i=1,o&&(n=l[0]&2?o["return"]:l[0]?o["throw"]||((n=o["return"])&&n.call(o),0):o.next)&&!(n=n.call(o,l[1])).done)return n;if(o=0,n)l=[l[0]&2,n.value];switch(l[0]){case 0:case 1:n=l;break;case 4:a.label++;return{value:l[1],done:false};case 5:a.label++;o=l[1];l=[0];continue;case 7:l=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(l[0]===6||l[0]===2)){a=0;continue}if(l[0]===3&&(!n||l[1]>n[0]&&l[1]<n[3])){a.label=l[1];break}if(l[0]===6&&a.label<n[1]){a.label=n[1];n=l;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(l);break}if(n[2])a.ops.pop();a.trys.pop();continue}l=t.call(e,a)}catch(e){l=[6,e];o=0}finally{i=n=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */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{e as enableBodyScroll,d as disableBodyScroll}from"./body-scroll-46854769.js";import{F as FocusGuard}from"./focus-utils-a784b6e8.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString}from"./language-utils-0da69172.js";import{h as hasSlot}from"./slot-utils-f4a28f08.js";import{g as getColorByName}from"./token-utils-a32eb753.js";import"./string-utils-192eb3c8.js";import"./tokens.module-a746651a.js";var duetSlideoutPanelCss='*,*::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;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel{position:relative;height:100%}.duet-slideout-panel .link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.5rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-slideout-panel .link .duet-slideout-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-slideout-panel .link .duet-slideout-icon .duet-slideout-badge{position:absolute;top:0;left:16px;display:inline-block;width:6px;height:6px;background:rgb(247, 178, 40);border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-slideout-panel .link .duet-slideout-icon .duet-slideout-badge{background:rgb(247, 178, 40)}@media (min-width: 62em){.duet-slideout-panel .link .duet-slideout-icon{margin-right:8px}}.duet-slideout-panel .link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1.25rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.5rem;font-weight:800}.duet-slideout-panel .link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;left:0;z-index:600;width:100%;height:100%;overflow-y:auto;visibility:visible}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}.duet-slideout-panel .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout-panel .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout-panel .top-container.has-sticky-header-slot .sticky-header{display:block;padding:0 16px}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{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);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout-panel .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1rem 16px;overflow-y:auto;color:rgb(8, 42, 77)}.duet-slideout-panel.duet-theme-turva .link{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout-panel.duet-theme-turva .link:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(198, 12, 48)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout-panel.duet-theme-turva .top .back:focus,.duet-slideout-panel.duet-theme-turva .top .close:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .top span{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)}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(8, 42, 77)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 28, 58)}';var DuetSlideoutPanelStyle0=duetSlideoutPanelCss;var DuetSlideoutPanel=function(){function e(e){var t=this;registerInstance(this,e);this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"};this.backLangObject={en:"Back to main menu",fi:"Takaisin päävalikkoon",sv:"Tillbaka till huvudmenyn"};this.hasStickyHeaderSlot=false;this.updateLabel=function(){var e=t.element.querySelector("[slot='label']");t.label=e};this.toggleMenu=function(){t.open=!t.open};this.onClick=function(){t.toggleMenu()};this.onCloseClick=function(e){e.stopPropagation();var a=t.element.parentElement;if(a.tagName==="DUET-SLIDEOUT"){var i=t.element.parentElement;enableBodyScroll(t.dialog);t.bodyScrollLocked=false;i.toggle()}};this.label=undefined;this.language=getLanguage();this.bodyScrollLocked=false;this.theme="";this.active=false;this.open=false;this.icon=undefined;this.labelSize="medium";this.backgroundColor="primary-lightest";this.badge=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.updateLabel();this.hasStickyHeaderSlot=hasSlot(this.element,"sticky-header")};e.prototype.connectedCallback=function(){var e=this;connectLanguageChangeObserver(this);this.mutationObserver=new MutationObserver((function(){var t=e.element.parentElement;if(t.tagName==="DUET-SLIDEOUT"){var a=e.element.parentElement;if(a.open&&e.open&&!e.bodyScrollLocked){e.bodyScrollLocked=true;disableBodyScroll(e.dialog,{reserveScrollBarGap:true})}else if(!a.open&&e.bodyScrollLocked){e.bodyScrollLocked=false;enableBodyScroll(e.dialog)}}}));this.mutationObserver.observe(this.element.parentElement,{childList:false,attributeFilter:["open"],subtree:false})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);if(this.dialog){enableBodyScroll(this.dialog);this.bodyScrollLocked=false}if(this.mutationObserver){this.mutationObserver.disconnect()}};e.prototype.handleOpenChange=function(e,t){var a=this;if(!!e===!!t){return}if(this.open&&!t){setTimeout((function(){var e=Array.from(a.element.parentElement.children);e.forEach((function(e){if(e!==a.element){e.inert=true}}));if(!a.bodyScrollLocked){disableBodyScroll(a.dialog,{reserveScrollBarGap:true});a.bodyScrollLocked=true}a.closeButton.focus()}),200)}else if(!this.open&&t){setTimeout((function(){var e=Array.from(a.element.parentElement.children);e.forEach((function(e){e.inert=false}));a.openButton.focus();enableBodyScroll(a.dialog);a.bodyScrollLocked=false}),200)}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(a){if(this.open){setTimeout((function(){t.closeButton.focus(e)}),200)}else{setTimeout((function(){t.openButton.focus(e)}),200)}return[2]}))}))};e.prototype.render=function(){var e;var t=this;var a=this.backgroundColor==="primary-lightest"?this.theme==="turva"?"gray-lighter":this.backgroundColor:this.backgroundColor;var i={background:getColorByName(a,this.theme)};var o=getLocaleString(this.exitLangObject);var n=getLocaleString(this.backLangObject);return h(Host,{key:"4f6b906ea71b580ba0caff7862d79e685515e872"},h("div",{key:"5b9938129529e0abdbf3d61ca38814fef9cf5cf4",class:{"duet-slideout-panel":true,"duet-theme-turva":this.theme==="turva",active:this.open}},h("button",{key:"bd4e836d9da0174031251e74c5d34db39f3f17c1",ref:function(e){return t.openButton=e},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{link:true,active:this.active},onClick:this.onClick,inert:this.open},this.icon&&h("div",{key:"5a365effdcebd66bbc8d75eeb39e1ee0191beeb4",class:"duet-slideout-icon"},h("duet-icon",{key:"29aba3ddbefd3d672a5363f7aab60c3991774dba",name:this.icon,size:"medium",margin:"none",color:"secondary"}),this.badge&&h("div",{key:"077cac4c7174dc6447fc47119aa490452761c496",class:"duet-slideout-badge"})),h("span",{key:"0e93520908b67a9e847ca2ab7423981677333d2c",class:"label"},h("span",{key:"39442d5e839c85757a0432fe11f969e578071a63",class:(e={"label-text":true},e[this.labelSize]=true,e)},h("slot",{key:"8d98e276788faa2763ba3fc54465330ee20b8ef7",name:"label"})),h("duet-icon",{key:"af4c4882cb21ce8308f00cb0092eabb3c5504ca9",class:"caret",name:"action-arrow-right",margin:"none",size:"x-small",color:"secondary"}))),h("div",{key:"71e6a873aebc6b069ed3b662f60e2836e88c0768",ref:function(e){return t.dialog=e},class:{dialog:true,hidden:!this.open},style:i},h(FocusGuard,{key:"e569bb2925b05d5efb54f7b989866db66e7ffb18",moveFocusTo:this.closeButton}),h("div",{key:"aa65fd87af6069abde6bc75704d81908bd029711",class:{"top-container":true,"has-sticky-header-slot":this.hasStickyHeaderSlot}},h("div",{key:"575ac5a4587e6da02b5e2e25b0e20bb33682b146",class:"top"},h("button",{key:"4295a54970f66eafff8c3e4387601de695f42be4",ref:function(e){return t.closeButton=e},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-label":"".concat(n),type:"button",class:{back:true},onClick:this.onClick},h("duet-icon",{key:"c3f91ef9423ba10b7ac4d2629c5fb64cd5e08bd2",class:"caret",name:"action-arrow-left",margin:"none",size:"small",color:"secondary"})),h("span",{key:"52032aa97cc19a95f91552a930cd889fe1b62b4d"},this.label.innerHTML),h("button",{key:"b379d71da45ca0bd9fb9a314e3b9840309aec919",class:"close",type:"button",onClick:this.onCloseClick,"aria-label":"".concat(o)},h("duet-icon",{key:"ffc2b05a5a751e180b6d8a214cfb1f35fc5a5870",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),h("div",{key:"f92511246cc63b6e8a66d5c3ea0ad967666a340c",class:"sticky-header"},h("slot",{key:"bf6a0326ae3c93476614fe52837cfac964e4d46e",name:"sticky-header"}))),h("div",{key:"e95ca842f9bd2a732f74659b40f17c6afda7929f",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true}},h("slot",{key:"b37c65c7a43d6bcac92a2a183f4edf85883cbecf"})),h(FocusGuard,{key:"1e6c58673a5953e5a75571909130bdebdc5a6de2",moveFocusTo:this.closeButton}))))};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}();DuetSlideoutPanel.style=DuetSlideoutPanelStyle0;export{DuetSlideoutPanel as duet_slideout_panel};
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-5a27eaf5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{e as enableBodyScroll,d as disableBodyScroll}from"./body-scroll-46854769.js";import{F as FocusGuard}from"./focus-utils-b48493c9.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString}from"./language-utils-2c1dd412.js";import{h as hasSlot}from"./slot-utils-2823028d.js";import{g as getColorByName}from"./token-utils-a32eb753.js";import"./string-utils-192eb3c8.js";import"./tokens.module-a746651a.js";var duetSlideoutPanelCss='*,*::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;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel{position:relative;height:100%}.duet-slideout-panel .link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.5rem;font-weight:800;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-slideout-panel .link .duet-slideout-icon{position:relative;display:inline-flex;font-size:0;line-height:normal;vertical-align:baseline}.duet-slideout-panel .link .duet-slideout-icon .duet-slideout-badge{position:absolute;top:0;left:16px;display:inline-block;width:6px;height:6px;background:rgb(247, 178, 40);border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-slideout-panel .link .duet-slideout-icon .duet-slideout-badge{background:rgb(247, 178, 40)}@media (min-width: 62em){.duet-slideout-panel .link .duet-slideout-icon{margin-right:8px}}.duet-slideout-panel .link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1.25rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.5rem;font-weight:800}.duet-slideout-panel .link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;left:0;z-index:600;width:100%;height:100%;overflow-y:auto;visibility:visible}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}.duet-slideout-panel .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout-panel .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout-panel .top-container.has-sticky-header-slot .sticky-header{display:block;padding:0 16px}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{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);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout-panel .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1rem 16px;overflow-y:auto;color:rgb(8, 42, 77)}.duet-slideout-panel.duet-theme-turva .link{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout-panel.duet-theme-turva .link:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(198, 12, 48)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout-panel.duet-theme-turva .top .back:focus,.duet-slideout-panel.duet-theme-turva .top .close:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .top span{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)}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(8, 42, 77)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 28, 58)}';var DuetSlideoutPanelStyle0=duetSlideoutPanelCss;var DuetSlideoutPanel=function(){function e(e){var t=this;registerInstance(this,e);this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"};this.backLangObject={en:"Back to main menu",fi:"Takaisin päävalikkoon",sv:"Tillbaka till huvudmenyn"};this.hasStickyHeaderSlot=false;this.updateLabel=function(){var e=t.element.querySelector("[slot='label']");t.label=e};this.toggleMenu=function(){t.open=!t.open};this.onClick=function(){t.toggleMenu()};this.onCloseClick=function(e){e.stopPropagation();var a=t.element.parentElement;if(a.tagName==="DUET-SLIDEOUT"){var i=t.element.parentElement;enableBodyScroll(t.dialog);t.bodyScrollLocked=false;i.toggle()}};this.label=undefined;this.language=getLanguage();this.bodyScrollLocked=false;this.theme="";this.active=false;this.open=false;this.icon=undefined;this.labelSize="medium";this.backgroundColor="primary-lightest";this.badge=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.updateLabel();this.hasStickyHeaderSlot=hasSlot(this.element,"sticky-header")};e.prototype.connectedCallback=function(){var e=this;connectLanguageChangeObserver(this);this.mutationObserver=new MutationObserver((function(){var t=e.element.parentElement;if(t.tagName==="DUET-SLIDEOUT"){var a=e.element.parentElement;if(a.open&&e.open&&!e.bodyScrollLocked){e.bodyScrollLocked=true;disableBodyScroll(e.dialog,{reserveScrollBarGap:true})}else if(!a.open&&e.bodyScrollLocked){e.bodyScrollLocked=false;enableBodyScroll(e.dialog)}}}));this.mutationObserver.observe(this.element.parentElement,{childList:false,attributeFilter:["open"],subtree:false})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);if(this.dialog){enableBodyScroll(this.dialog);this.bodyScrollLocked=false}if(this.mutationObserver){this.mutationObserver.disconnect()}};e.prototype.handleOpenChange=function(e,t){var a=this;if(!!e===!!t){return}if(this.open&&!t){setTimeout((function(){var e=Array.from(a.element.parentElement.children);e.forEach((function(e){if(e!==a.element){e.inert=true}}));if(!a.bodyScrollLocked){disableBodyScroll(a.dialog,{reserveScrollBarGap:true});a.bodyScrollLocked=true}a.closeButton.focus()}),200)}else if(!this.open&&t){setTimeout((function(){var e=Array.from(a.element.parentElement.children);e.forEach((function(e){e.inert=false}));a.openButton.focus();enableBodyScroll(a.dialog);a.bodyScrollLocked=false}),200)}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(a){if(this.open){setTimeout((function(){t.closeButton.focus(e)}),200)}else{setTimeout((function(){t.openButton.focus(e)}),200)}return[2]}))}))};e.prototype.render=function(){var e;var t=this;var a=this.backgroundColor==="primary-lightest"?this.theme==="turva"?"gray-lighter":this.backgroundColor:this.backgroundColor;var i={background:getColorByName(a,this.theme)};var o=getLocaleString(this.exitLangObject);var n=getLocaleString(this.backLangObject);return h(Host,{key:"67ac4db2da51c270872cadbf5219233a9ff49cc4"},h("div",{key:"7d35e8a8d56f4508b42b4c9e49f891de410b25e5",class:{"duet-slideout-panel":true,"duet-theme-turva":this.theme==="turva",active:this.open}},h("button",{key:"632d47f161dee0f8454fbce8615efca79e6d2dff",ref:function(e){return t.openButton=e},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{link:true,active:this.active},onClick:this.onClick,inert:this.open},this.icon&&h("div",{key:"5b588bebc956c3f46b518419c6b9fd93fe213449",class:"duet-slideout-icon"},h("duet-icon",{key:"1c49b187b6e353af06e65edacac5c316b1fead11",name:this.icon,size:"medium",margin:"none",color:"secondary"}),this.badge&&h("div",{key:"1588137970e42a8fbe9144b56362777a655bf9ee",class:"duet-slideout-badge"})),h("span",{key:"d1ebea539372c1e0721da0c98d47cd754ce9d112",class:"label"},h("span",{key:"ebcd5893f37c3afd09acc0ea3f97b820ff698b89",class:(e={"label-text":true},e[this.labelSize]=true,e)},h("slot",{key:"6a87678f0894ca4c4fb7a93637574d97996f4f2e",name:"label"})),h("duet-icon",{key:"08db52555e06b25a4fa86f2edec885fca3daef6a",class:"caret",name:"action-arrow-right",margin:"none",size:"x-small",color:"secondary"}))),h("div",{key:"572076d218ff5a3fb537618c6f8d1683b310254f",ref:function(e){return t.dialog=e},class:{dialog:true,hidden:!this.open},style:i},h(FocusGuard,{key:"b99c2c59baf028a14b46ace0840415246c59f0e0",moveFocusTo:this.closeButton}),h("div",{key:"396411a19f66abbc40d87c6b9931359667bf81dd",class:{"top-container":true,"has-sticky-header-slot":this.hasStickyHeaderSlot}},h("div",{key:"9e0dacf6865a2f4f1f629bd8da4d8d23755a1b80",class:"top"},h("button",{key:"90bc7c889a1bf16041e3ef77f7bb5da7c412553c",ref:function(e){return t.closeButton=e},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-label":"".concat(n),type:"button",class:{back:true},onClick:this.onClick},h("duet-icon",{key:"b1e6ab3413e1547ea61bed770d8c1658b4026781",class:"caret",name:"action-arrow-left",margin:"none",size:"small",color:"secondary"})),h("span",{key:"5ecc199ecd47e4f73837a0b259a4322fdaacde7a"},this.label.innerHTML),h("button",{key:"22ebfee56701b85b67709264e8106eb28ad57395",class:"close",type:"button",onClick:this.onCloseClick,"aria-label":"".concat(o)},h("duet-icon",{key:"2ff8febe05142b416fee52661fc38cacc36f349c",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),h("div",{key:"3607f16e1cb18fcee43c049c30aba6a43da7a170",class:"sticky-header"},h("slot",{key:"e68a32e67f1ea06768c77caa82e6e9176d15872a",name:"sticky-header"}))),h("div",{key:"3c38a1b360d2a753a440a65d9db6d05589220eab",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true}},h("slot",{key:"965461798b3a5abff5f298310af54746973d5c31"})),h(FocusGuard,{key:"058d1fc766894b3778f2133b494a6f6b1dfe30be",moveFocusTo:this.closeButton}))))};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}();DuetSlideoutPanel.style=DuetSlideoutPanelStyle0;export{DuetSlideoutPanel as duet_slideout_panel};

package/lib/esm-es5/duet-slideout.entry.js

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(t,e,i,o){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function s(t){try{u(o.next(t))}catch(t){a(t)}}function r(t){try{u(o["throw"](t))}catch(t){a(t)}}function u(t){t.done?i(t.value):n(t.value).then(s,r)}u((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,n,a,s;return s={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function r(t){return function(e){return u([t,e])}}function u(r){if(o)throw new TypeError("Generator is already executing.");while(s&&(s=0,r[0]&&(i=0)),i)try{if(o=1,n&&(a=r[0]&2?n["return"]:r[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,r[1])).done)return a;if(n=0,a)r=[r[0]&2,a.value];switch(r[0]){case 0:case 1:a=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;n=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!a||r[1]>a[0]&&r[1]<a[3])){i.label=r[1];break}if(r[0]===6&&i.label<a[1]){i.label=a[1];a=r;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(r);break}if(a[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(t){r=[6,t];n=0}finally{o=a=0}if(r[0]&5)throw r[1];return{value:r[0]?r[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-df3d13a5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{e as enableBodyScroll,d as disableBodyScroll}from"./body-scroll-46854769.js";import{f as focusElement,F as FocusGuard}from"./focus-utils-a784b6e8.js";import{f as isEscapeKey}from"./keyboard-utils-439bcc8b.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString}from"./language-utils-0da69172.js";import{h as hasSlot}from"./slot-utils-f4a28f08.js";import{T as Teleport}from"./teleport-546f382d.js";import{g as getColorByName}from"./token-utils-a32eb753.js";import"./string-utils-192eb3c8.js";import"./tokens.module-a746651a.js";var duetSlideoutCss='*,*::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:absolute;height:100%}::slotted(*){position:relative;width:100%;visibility:hidden;opacity:0}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77)}.duet-slideout.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 28, 58)}}.duet-slideout .dialog{position:fixed;top:0;bottom:0;left:0;z-index:600;width:100%;height:100%;padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}.duet-slideout .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 62em){.duet-slideout .dialog{right:0;left:auto;width:500px;padding-bottom:0;transition:right 300ms ease;transition-delay:0s}}.duet-slideout .dialog .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout .dialog .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header{display:block}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}.duet-slideout .dialog.hidden{pointer-events:none;visibility:hidden}@media (min-width: 62em){.duet-slideout .dialog.hidden{right:-500px;transition:300ms ease}}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout.duet-theme-turva .dialog .top button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}slot{color:rgb(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}';var DuetSlideoutStyle0=duetSlideoutCss;var DuetSlideout=function(){function t(t){var e=this;registerInstance(this,t);this.duetSlideoutEvent=createEvent(this,"duetSlideoutEvent",7);this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"};this.topLevelOpenMenuBarLangObject={en:"Exit this menu to find top level items",fi:"Poistu tästä valikosta löytääksesi ylätason kohteet",sv:"Stäng den här menyn för att hitta objekt på toppnivå"};this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(navigator===null||navigator===void 0?void 0:navigator.userAgent);this.hasStickyHeaderSlot=false;this.disconnectController=new AbortController;this.eventListenerController=new AbortController;this.setOpenButton=function(t,i){if(i===void 0){i=false}if(e.eventListenerController){e.eventListenerController.abort()}if(!t){e.openButton=undefined;return}try{var o=t;o.accessiblePopup="true";o.accessibleExpanded=false;e.openButton=o;if(i&&!e.disconnectController.signal.aborted){e.eventListenerController=new AbortController;e.openButton.addEventListener("click",e.openButtonEventListener,{signal:e.eventListenerController.signal})}}catch(t){console.error(t)}};this.setStickHeaderStyleMutations=function(t){if(t===void 0){t=false}var i=e.element.querySelectorAll('[slot="sticky-header"] duet-tab-group');i.forEach((function(e){e.style.position=t?null:"relative";e.style.top=t?null:"1px"}))};this.openButtonEventListener=function(t){e.onClick(t)};this.getOpenPanel=function(){return e.element.querySelector("duet-slideout-panel[open]")};this.toggleMenu=function(t){e.open=!e.open;e.duetSlideoutEvent.emit({originalEvent:t,data:{element:e.element,open:e.open},component:"duet-slideout"})};this.onClick=function(t){e.toggleMenu(t)};this.language=getLanguage();this.displaying=false;this.openPanel=false;this.theme="";this.accessibleRole="menubar";this.open=false;this.backgroundColor="gray-lightest";this.modal=true}Object.defineProperty(t.prototype,"opener",{get:function(){return this._opener},set:function(t){var e=typeof t==="string";var i=e?document.getElementById(t):t;if(this.openButton!==i){this._opener=t;this.setOpenButton(i,e)}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"controller",{get:function(){return this._opener},set:function(t){this.opener=t},enumerable:false,configurable:true});t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasStickyHeaderSlot=hasSlot(this.element,"sticky-header")};t.prototype.connectedCallback=function(){var t=this;connectLanguageChangeObserver(this);if(this.disconnectController&&this.disconnectController.signal.aborted){this.disconnectController=new AbortController}if(!this.teleport){this.teleport=new Teleport(this.element)}if(this.teleport){this.teleport.activate()}this.setStickHeaderStyleMutations();if(!this.mutationObserver){this.mutationObserver=new MutationObserver((function(){t.openPanel=!!t.getOpenPanel()}))}if(this.mutationObserver){this.mutationObserver.observe(this.element,{childList:true,attributeFilter:["open"],subtree:true})}};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);if(this.dialog&&this.modal){enableBodyScroll(this.dialog)}if(this.mutationObserver){this.mutationObserver.disconnect()}if(this.disconnectController){this.disconnectController.abort()}this.setOpenButton(undefined);this.setStickHeaderStyleMutations(true)};t.prototype.handleOpenChange=function(t,e){var i=this;if(!!t===!!e){return}if(this.open&&!e){if(this.openButton){this.openButton.accessibleExpanded=true}var o=this.getOpenPanel();this.teleport.makeSiblingsInert();if(this.modal){disableBodyScroll(this.dialog,{reserveScrollBarGap:true})}if(o){o.setFocus()}else{setTimeout((function(){i.closeButton.focus()}),200)}}else if(!this.open&&e){if(this.openButton){this.openButton.accessibleExpanded=false}setTimeout((function(){focusElement(i.openButton);if(i.modal){enableBodyScroll(i.dialog)}i.teleport.removeInertFromSiblings()}),200)}};t.prototype.handleKeyUp=function(t){if(isEscapeKey(t)){if(this.open){this.toggleMenu(t)}}};t.prototype.handleDocumentClick=function(t){if(!this.open){return}var e=t.composedPath();if(!e.includes(this.dialog)&&!e.includes(this.openButton)){this.toggleMenu(t)}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){(e=this.openButton)===null||e===void 0?void 0:e.focus(t);return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){t=new CustomEvent("toggle");this.toggleMenu(t);setTimeout((function(){e.closeButton.focus()}),200);return[2]}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open){return[2]}this.setOpenButton(document.activeElement);this.toggleMenu(new CustomEvent("toggle"));return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.open){return[2]}this.toggleMenu(new CustomEvent("toggle"));return[2]}))}))};t.prototype.render=function(){var t=this;var e={background:getColorByName(this.backgroundColor,this.theme)};var i=getLocaleString(this.topLevelOpenMenuBarLangObject);var o=getLocaleString(this.exitLangObject);return h(Host,{key:"3a7c600d1fe9afa3f16102463e4ba778a4f8a0e9"},h("div",{key:"4d1a21fbf4ecbdf9380536a425b2d7170a02c75d",class:{"duet-slideout":true,"duet-theme-turva":this.theme==="turva"}},this.modal&&h("duet-overlay",{key:"cc1cfb14963262a07265b6eb23d4fbbe221074c5",visible:this.open,"display-device":"large",zIndex:"600"}),h("div",{key:"562dff5c90908b8b1f3502b12884310395417e04",ref:function(e){return t.dialog=e},tabindex:"-1",role:"dialog",id:"dialog","aria-labelledby":"button","aria-modal":this.isSafariBrowser?false:true,"aria-flowto":"slot-container",class:{dialog:true,hidden:!this.open,modal:this.modal},style:e},h(FocusGuard,{key:"71f94e625f9f70e311c0090f434105a4d642b8bd",moveFocusTo:this.closeButton}),h("div",{key:"f55a5ce31173adcea1547e482670bdbfa6c73711",class:{"top-container":true,"has-sticky-header-slot":this.hasStickyHeaderSlot}},h("div",{key:"e6e233ce475e303b89625d8357529e4b622f066b",class:"top"},h("button",{key:"79b3664a0b5fa6d635b8ab88198f80ee38a7a020",ref:function(e){return t.closeButton=e},"aria-haspopup":"dialog","aria-controls":"dialog","aria-expanded":this.open?"true":"false","aria-label":"".concat(o),type:"button",class:{"slideout-close":true,active:this.open},onClick:this.onClick,inert:this.openPanel},h("duet-icon",{key:"d3d38a6761679422d63ff08b85fd26caf1580b40",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),h("div",{key:"35d35360be7209eb7a27e73a9fb72e21bb92f520",class:"sticky-header"},h("slot",{key:"304d5cbe68690c9ab0482cee84c3b02f86fcea32",name:"sticky-header"}))),h("div",{key:"891803ba39aaae9a6a2890d78841eb618e672d5e",id:"slot-container",role:this.accessibleRole,"aria-label":this.openPanel?i:null,class:{items:true}},h("slot",{key:"6186b20490660a59a0d4ae145f246479653465f6"})),h(FocusGuard,{key:"bdf385cd63b141c6650b685de116ba0b0b266fdf",moveFocusTo:this.closeButton}))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleOpenChange"]}},enumerable:false,configurable:true});return t}();DuetSlideout.style=DuetSlideoutStyle0;export{DuetSlideout as duet_slideout};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5a27eaf5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{e as enableBodyScroll,d as disableBodyScroll}from"./body-scroll-46854769.js";import{f as focusElement,F as FocusGuard}from"./focus-utils-b48493c9.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString}from"./language-utils-2c1dd412.js";import{h as hasSlot}from"./slot-utils-2823028d.js";import{T as Teleport}from"./teleport-546f382d.js";import{g as getColorByName}from"./token-utils-a32eb753.js";import"./string-utils-192eb3c8.js";import"./tokens.module-a746651a.js";var duetSlideoutCss='*,*::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:absolute;height:100%}::slotted(*){position:relative;width:100%;visibility:hidden;opacity:0}:host([open]:not([open=false])) ::slotted(*){visibility:visible;opacity:1}:host(:not([open])) ::slotted(duet-slideout-panel){display:none}.duet-slideout{display:flex;align-items:center;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77)}.duet-slideout.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 62em){.duet-slideout.duet-theme-turva .desktop-bg{background:rgb(23, 28, 58)}}.duet-slideout .dialog{position:fixed;top:0;bottom:0;left:0;z-index:600;width:100%;height:100%;padding-bottom:75px;overflow-y:auto;box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1) inset}.duet-slideout .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 62em){.duet-slideout .dialog{right:0;left:auto;width:500px;padding-bottom:0;transition:right 300ms ease;transition-delay:0s}}.duet-slideout .dialog .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout .dialog .top-container.has-sticky-header-slot .top{background:rgb(240, 247, 250)}.duet-slideout .dialog .top-container.has-sticky-header-slot .sticky-header{display:block}.duet-slideout .dialog .top{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;padding:4px}.duet-slideout .dialog .top button{cursor:pointer}.duet-slideout .dialog .top button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout .dialog .top duet-icon{padding:16px}.duet-slideout .dialog .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(240, 247, 250);border-bottom:1px solid rgb(212, 223, 229)}.duet-slideout .dialog .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:0 1.5rem}.duet-slideout .dialog.hidden{pointer-events:none;visibility:hidden}@media (min-width: 62em){.duet-slideout .dialog.hidden{right:-500px;transition:300ms ease}}.duet-slideout.duet-theme-turva .dialog{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1) inset}.duet-slideout.duet-theme-turva .dialog:not(.modal){box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}.duet-slideout.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-slideout.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 247, 250)}.duet-slideout.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-slideout.duet-theme-turva .dialog .top button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}slot{color:rgb(8, 42, 77)}.duet-theme-turva slot{color:rgb(23, 28, 58)}';var DuetSlideoutStyle0=duetSlideoutCss;var DuetSlideout=function(){function t(t){var e=this;registerInstance(this,t);this.duetSlideoutEvent=createEvent(this,"duetSlideoutEvent",7);this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"};this.topLevelOpenMenuBarLangObject={en:"Exit this menu to find top level items",fi:"Poistu tästä valikosta löytääksesi ylätason kohteet",sv:"Stäng den här menyn för att hitta objekt på toppnivå"};this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(navigator===null||navigator===void 0?void 0:navigator.userAgent);this.hasStickyHeaderSlot=false;this.disconnectController=new AbortController;this.eventListenerController=new AbortController;this.setOpenButton=function(t,i){if(i===void 0){i=false}if(e.eventListenerController){e.eventListenerController.abort()}if(!t){e.openButton=undefined;return}try{var o=t;o.accessiblePopup="true";o.accessibleExpanded=false;e.openButton=o;if(i&&!e.disconnectController.signal.aborted){e.eventListenerController=new AbortController;e.openButton.addEventListener("click",e.openButtonEventListener,{signal:e.eventListenerController.signal})}}catch(t){console.error(t)}};this.setStickHeaderStyleMutations=function(t){if(t===void 0){t=false}var i=e.element.querySelectorAll('[slot="sticky-header"] duet-tab-group');i.forEach((function(e){e.style.position=t?null:"relative";e.style.top=t?null:"1px";e.switchLargeBreakpoint="always"}))};this.openButtonEventListener=function(t){e.onClick(t)};this.getOpenPanel=function(){return e.element.querySelector("duet-slideout-panel[open]")};this.toggleMenu=function(t){e.open=!e.open;e.duetSlideoutEvent.emit({originalEvent:t,data:{element:e.element,open:e.open},component:"duet-slideout"})};this.onClick=function(t){e.toggleMenu(t)};this.language=getLanguage();this.displaying=false;this.openPanel=false;this.theme="";this.accessibleRole="menubar";this.open=false;this.backgroundColor="gray-lightest";this.modal=true}Object.defineProperty(t.prototype,"opener",{get:function(){return this._opener},set:function(t){var e=typeof t==="string";var i=e?document.getElementById(t):t;if(this.openButton!==i){this._opener=t;this.setOpenButton(i,e)}},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"controller",{get:function(){return this._opener},set:function(t){this.opener=t},enumerable:false,configurable:true});t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasStickyHeaderSlot=hasSlot(this.element,"sticky-header")};t.prototype.connectedCallback=function(){var t=this;connectLanguageChangeObserver(this);if(this.disconnectController&&this.disconnectController.signal.aborted){this.disconnectController=new AbortController}if(!this.teleport){this.teleport=new Teleport(this.element)}if(this.teleport){this.teleport.activate()}this.setStickHeaderStyleMutations();if(!this.mutationObserver){this.mutationObserver=new MutationObserver((function(){t.openPanel=!!t.getOpenPanel()}))}if(this.mutationObserver){this.mutationObserver.observe(this.element,{childList:true,attributeFilter:["open"],subtree:true})}};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);if(this.dialog&&this.modal){enableBodyScroll(this.dialog)}if(this.mutationObserver){this.mutationObserver.disconnect()}if(this.disconnectController){this.disconnectController.abort()}this.setOpenButton(undefined);this.setStickHeaderStyleMutations(true)};t.prototype.handleOpenChange=function(t,e){var i=this;if(!!t===!!e){return}if(this.open&&!e){if(this.openButton){this.openButton.accessibleExpanded=true}var o=this.getOpenPanel();this.teleport.makeSiblingsInert();if(this.modal){disableBodyScroll(this.dialog,{reserveScrollBarGap:true})}if(o){o.setFocus()}else{setTimeout((function(){i.closeButton.focus()}),200)}}else if(!this.open&&e){if(this.openButton){this.openButton.accessibleExpanded=false}setTimeout((function(){focusElement(i.openButton);if(i.modal){enableBodyScroll(i.dialog)}i.teleport.removeInertFromSiblings()}),200)}};t.prototype.handleKeyUp=function(t){if(isEscapeKey(t)){if(this.open){this.toggleMenu(t)}}};t.prototype.handleDocumentClick=function(t){if(!this.open){return}var e=t.composedPath();if(!e.includes(this.dialog)&&!e.includes(this.openButton)){this.toggleMenu(t)}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){(e=this.openButton)===null||e===void 0?void 0:e.focus(t);return[2]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){t=new CustomEvent("toggle");this.toggleMenu(t);setTimeout((function(){e.closeButton.focus()}),200);return[2]}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open){return[2]}this.setOpenButton(document.activeElement);this.toggleMenu(new CustomEvent("toggle"));return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.open){return[2]}this.toggleMenu(new CustomEvent("toggle"));return[2]}))}))};t.prototype.render=function(){var t=this;var e={background:getColorByName(this.backgroundColor,this.theme)};var i=getLocaleString(this.topLevelOpenMenuBarLangObject);var o=getLocaleString(this.exitLangObject);return h(Host,{key:"8d5d42ea1b4ab27296f6b360c4fbb0d31836d039"},h("div",{key:"1cf8c2cb6f87e429e8c49b2ae55c2a247f5e8a1d",class:{"duet-slideout":true,"duet-theme-turva":this.theme==="turva"}},this.modal&&h("duet-overlay",{key:"b1f49d5e1da9b0ef48c21957d5b6da4a266c74e8",visible:this.open,"display-device":"large",zIndex:"600"}),h("div",{key:"d4ef90d513a2a1970ce5cb9f3337e852785eb13a",ref:function(e){return t.dialog=e},tabindex:"-1",role:"dialog",id:"dialog","aria-labelledby":"button","aria-modal":this.isSafariBrowser?false:true,"aria-flowto":"slot-container",class:{dialog:true,hidden:!this.open,modal:this.modal},style:e},h(FocusGuard,{key:"68ea31fc1367cfffe651a11b7b61dc4fcb5b09fc",moveFocusTo:this.closeButton}),h("div",{key:"c7e01931fb3c9c1cb4c70bf364cf23ee94c64744",class:{"top-container":true,"has-sticky-header-slot":this.hasStickyHeaderSlot}},h("div",{key:"1461b0d0fe30eace62ef88fbffec48aa527f316f",class:"top"},h("button",{key:"fb6c4634ce62407eda4b349b54cf4c0dffd3f9ad",ref:function(e){return t.closeButton=e},"aria-haspopup":"dialog","aria-controls":"dialog","aria-expanded":this.open?"true":"false","aria-label":"".concat(o),type:"button",class:{"slideout-close":true,active:this.open},onClick:this.onClick,inert:this.openPanel},h("duet-icon",{key:"bc09b7fdfe8c01b5e2ed9c28464ddb09fbb5cae3",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),h("div",{key:"27b33378e3c3e1fdd221acb6288540aa93633b74",class:"sticky-header"},h("slot",{key:"38d19fe1d2c6f74004b7e93a591c0c07a2edfad2",name:"sticky-header"}))),h("div",{key:"a92d3f23efe42d3fff113a6c0ef6205e90bd387c",id:"slot-container",role:this.accessibleRole,"aria-label":this.openPanel?i:null,class:{items:true}},h("slot",{key:"aa14239555307c1303b17929cfd48f44c9883cef"})),h(FocusGuard,{key:"8d9f6812015a4184d5e5aa94f91d07491c826969",moveFocusTo:this.closeButton}))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["handleOpenChange"]}},enumerable:false,configurable:true});return t}();DuetSlideout.style=DuetSlideoutStyle0;export{DuetSlideout as duet_slideout};

package/lib/esm-es5/duet-status-icon.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as registerInstance,h,H as Host}from"./index-5a27eaf5.js";import{t as tokens}from"./tokens-84fb2357.js";var DuetStatusIcon=function(){function t(t){registerInstance(this,t);this.bg={default:{default:"color_lt_blue_100",success:"color_success_200",warning:"color_warning_200",danger:"color_danger_100"},strong:{default:"color_lt_blue_600",success:"color_success_700",warning:"color_warning_500",danger:"color_danger_600"}};this.color={default:{default:"color_lt_blue_700",success:"color_success_800",warning:"color_warning_800",danger:"color_danger_700"},strong:{default:"color_lt_blue_100",success:"color_gray_lightest",warning:"color_warning_900",danger:"color_gray_lightest"}};this.variation="default";this.size="medium";this.margin="auto";this.strong=false}t.prototype.getBg=function(){return tokens[this.bg[this.strong?"strong":"default"][this.variation]]};t.prototype.getColor=function(){return tokens[this.color[this.strong?"strong":"default"][this.variation]]};t.prototype.getIcon=function(){switch(this.variation){case"default":return'\n          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n          <rect width="24" height="24" rx="12" fill="'.concat(this.getBg(),'"/>\n          <path fill="').concat(this.getColor(),'" 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"/>\n          <circle fill="').concat(this.getColor(),'" cx="11.625" cy="7.125" r="1.125"/>\n          </svg>');case"success":return'\n          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n          <rect width="24" height="24" rx="12" fill="'.concat(this.getBg(),'"/>\n          <path fill="').concat(this.getColor(),'" d="M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 1 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305z"/>\n          </svg>');case"warning":case"danger":return'\n          <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img">\n          <path fill="'.concat(this.getBg(),'" d="M1.27,23.767C1.58,23.919 1.926,24 2.273,24L21.73,24C22.336,24 22.906,23.764 23.334,23.336C23.764,22.908 24.001,22.337 24.001,21.73C24.001,21.383 23.92,21.037 23.768,20.727L14.295,1.429C13.862,0.547 12.981,0 11.997,0C11.605,0 11.227,0.088 10.873,0.262C10.369,0.51 9.954,0.924 9.706,1.429L0.234,20.728C-0.034,21.271 -0.073,21.888 0.123,22.462C0.319,23.036 0.727,23.5 1.27,23.767Z"/>\n          <rect fill="').concat(this.getColor(),'" x="11.1" y="7.2" width="1.8" height="8.4" rx="0.9"/>\n          <rect fill="').concat(this.getColor(),'" x="10.8" y="18" width="2.4" height="2.4" rx="1.2"/>\n          </svg>')}};t.prototype.render=function(){var t;return h(Host,{key:"513b3e143bc34d530eccc8a15767fa2badbbd9f6",class:(t={},t["duet-status-icon-".concat(this.variation)]=true,t["duet-strong-bg"]=this.strong,t)},h("duet-icon",{key:"bdb984f064a33652090f67faf98f420d103fc960",icon:this.getIcon(),size:this.size,margin:this.margin}))};return t}();export{DuetStatusIcon as duet_status_icon};

package/lib/esm-es5/duet-step_2.entry.js

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,n,i){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function o(e){try{u(i.next(e))}catch(e){a(e)}}function s(e){try{u(i["throw"](e))}catch(e){a(e)}}function u(e){e.done?n(e.value):r(e.value).then(o,s)}u((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return u([e,t])}}function u(s){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(i=1,r&&(a=s[0]&2?r["return"]:s[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,s[1])).done)return a;if(r=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;r=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1];a=s;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(s);break}if(a[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];r=0}finally{i=a=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,g as getElement,H as Host}from"./index-df3d13a5.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";var actionEdit2={title:"action-edit-2",tags:"action edit 2 pen pencil",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'};var duetStepCss='*,*::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:block}.duet-step{padding:20px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false]{cursor:pointer}.duet-step-heading:focus{outline:0}.duet-step-heading:active{opacity:0.75}:host(.user-is-tabbing) .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete .duet-step-heading:hover .duet-step-counter,.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#005f8f}.duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#9e0a26}.is-current .duet-step-heading{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading{margin-top:8px;margin-bottom:8px !important}:host(:first-of-type) .duet-step-heading{margin-top:0}:host(:last-of-type) .duet-step-heading{margin-bottom:0 !important}}.duet-step-counter{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter{width:40px;height:40px;line-height:40px}}.is-complete .duet-step-counter,.is-current .duet-step-counter,.is-disabled .duet-step-counter{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete .duet-step-counter,.duet-theme-turva.is-current .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-counter{background-color:rgb(198, 12, 48)}.is-incomplete .duet-step-counter{background-color:rgb(98, 121, 138)}.duet-theme-turva.is-incomplete .duet-step-counter{background-color:rgb(143, 147, 158)}.duet-step-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon{width:20px;height:20px}}.duet-step-icon duet-icon{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon duet-icon{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(212, 223, 229)}.duet-theme-turva .duet-step-content-wrapper{border-color:rgb(222, 224, 228)}:host(:last-of-type) .duet-step-content-wrapper{min-height:0;border:transparent}}.duet-step-content{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content{padding-bottom:28px}}.is-current .duet-step-content{display:block}.duet-step-heading-slot{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot{display:block}}';var DuetStepStyle0=duetStepCss;var DuetStep=function(){function e(e){var t=this;registerInstance(this,e);this.duetStepClick=createEvent(this,"duetStepClick",7);this.buttonId=createID("DuetStepButton");this.contentId=createID("DuetStepContent");this.handleKeyDown=function(e){if(t.isClickDisabled()){return}if(isKeyboardClick(e)){e.preventDefault();t.handleStepClick(e)}};this.handleClick=function(e){if(t.isClickDisabled()){return}t.handleStepClick(e)};this.theme="";this.heading=undefined;this.headingLevel=undefined;this.stepIndex=undefined;this.state=undefined;this.roundedTop=false;this.roundedBottom=false}e.prototype.handleStepClick=function(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};e.prototype.setFocus=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e={preventScroll:true}}return __generator(this,(function(t){this.buttonElement.focus(e);return[2]}))}))};e.prototype.isClickDisabled=function(){return this.state!=="complete"};e.prototype.headingColor=function(){if(this.state!=="incomplete"){return""}if(this.theme!=="turva"){return"gray-darker"}else{return"gray-dark-turva"}};e.prototype.renderStepCounter=function(){if(this.state==="complete"||this.state==="disabled"){return h("div",{class:"duet-step-icon"},h("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:actionEdit2.svg}))}return"".concat(this.stepIndex+1," ")};e.prototype.render=function(){var e;var t=this;return h("div",{class:(e={"duet-step":true},e["is-".concat(this.state)]=true,e["rounded-top"]=this.roundedTop,e["rounded-bottom"]=this.roundedBottom,e["duet-theme-turva"]=this.theme==="turva",e)},h("div",{class:"duet-step-heading",id:this.buttonId,role:this.state!=="current"?"button":"region","aria-current":this.state==="current"?"step":undefined,tabindex:this.state!=="current"?"0":undefined,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":(this.state==="current").toString(),"aria-controls":this.contentId,"aria-selected":(this.state==="current").toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:function(e){return t.buttonElement=e}},h("div",{"aria-hidden":"true"},h("div",{class:"duet-step-counter"},this.renderStepCounter())),h("duet-spacer",{direction:"horizontal",size:"large",breakpoint:"small"}),h("duet-spacer",{direction:"horizontal",size:"medium",breakpoint:"x-small"}),h("div",null,h("duet-heading",{theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),h("duet-spacer",{direction:"horizontal",size:"large"}),h("div",{class:"duet-step-heading-slot"},h("slot",{name:"heading-content"}))),h("div",{class:"duet-step-content-wrapper"},h("div",{class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetStep.style=DuetStepStyle0;function groupBy(e,t){var n={};t.forEach((function(t){var i=t[e];if(!n[i]){n[i]=[]}n[i].push(t)}));return n}var duetStepperCss=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:rgb(255, 255, 255);border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}";var DuetStepperStyle0=duetStepperCss;var DuetStepper=function(){function e(e){registerInstance(this,e);this.duetStepChange=createEvent(this,"duetStepChange",7);this.theme="";this.accessibleLive="Lista jossa {total} kohtaa. Olet kohdassa {current}.";this.margin="auto";this.backDisabled=false;this.selected=0}e.prototype.currentStepChanged=function(e){var t=this;if(isNaN(e)){throw new Error("step must be a number. got: ".concat(e))}if(e<0){throw new Error("step must be not be less than zero. got: ".concat(e))}if(e>this.getSteps().length){throw new Error("step must not exceed total number of steps")}this.updateStepState();setTimeout((function(){return t.setStepFocus()}),50)};e.prototype.currentStepInvokedDisable=function(){this.updateStepState()};e.prototype.onDuetStepClick=function(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.updateStepState();return[2]}))}))};e.prototype.getSteps=function(){return Array.from(this.element.querySelectorAll("duet-step"))};e.prototype.setStepFocus=function(){var e=this.getSteps();var t=e[this.selected];t.setFocus()};e.prototype.updateStepState=function(){var e=this;var t=this.getSteps();t.forEach((function(t,n){var i;if(n<e.selected){i=e.backDisabled?"disabled":"complete"}else if(n>e.selected){i="incomplete"}else{i="current"}t.theme=e.theme;t.state=i;t.stepIndex=n}));var n=groupBy("state",t);Object.values(n).forEach((function(e){e.forEach((function(t,n){t.roundedTop=n===0;t.roundedBottom=n===e.length-1}))}))};e.prototype.formatAnnouncement=function(){var e=this.getSteps();var t=(this.selected+1).toString(10);var n=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",n)};e.prototype.render=function(){return h(Host,{key:"9cd2e878ee57bb71fe5fbd410f88af372dc31cde",class:{"duet-m-0":this.margin==="none"}},h("div",{key:"f97a9e7f94f0968bb70ed9def756541279783bc7",class:{"duet-stepper":true,"duet-theme-turva":this.theme==="turva"}},h("duet-visually-hidden",{key:"c6bc42ab6164ea260b6860c4c8350f8fecc83a2f","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),h("slot",{key:"fa2a987f757693d3f287fc0707466d751d7fb8ba"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}},enumerable:false,configurable:true});return e}();DuetStepper.style=DuetStepperStyle0;export{DuetStep as duet_step,DuetStepper as duet_stepper};
+ */import{r as registerInstance,c as createEvent,h,g as getElement,H as Host}from"./index-5a27eaf5.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-daf80d44.js";var actionEdit2={title:"action-edit-2",tags:"action edit 2 pen pencil",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'};var duetStepCss='*,*::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:block}.duet-step{padding:20px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false]{cursor:pointer}.duet-step-heading:focus{outline:0}.duet-step-heading:active{opacity:0.75}:host(.user-is-tabbing) .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-step-heading:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete .duet-step-heading:hover .duet-step-counter,.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#005f8f}.duet-theme-turva.is-complete .duet-step-heading:hover .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-heading:hover .duet-step-counter{background-color:#9e0a26}.is-current .duet-step-heading{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading{margin-top:8px;margin-bottom:8px !important}:host(:first-of-type) .duet-step-heading{margin-top:0}:host(:last-of-type) .duet-step-heading{margin-bottom:0 !important}}.duet-step-counter{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter{width:40px;height:40px;line-height:40px}}.is-complete .duet-step-counter,.is-current .duet-step-counter,.is-disabled .duet-step-counter{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete .duet-step-counter,.duet-theme-turva.is-current .duet-step-counter,.duet-theme-turva.is-disabled .duet-step-counter{background-color:rgb(198, 12, 48)}.is-incomplete .duet-step-counter{background-color:rgb(98, 121, 138)}.duet-theme-turva.is-incomplete .duet-step-counter{background-color:rgb(143, 147, 158)}.duet-step-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon{width:20px;height:20px}}.duet-step-icon duet-icon{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon duet-icon{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(212, 223, 229)}.duet-theme-turva .duet-step-content-wrapper{border-color:rgb(222, 224, 228)}:host(:last-of-type) .duet-step-content-wrapper{min-height:0;border:transparent}}.duet-step-content{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content{padding-bottom:28px}}.is-current .duet-step-content{display:block}.duet-step-heading-slot{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot{display:block}}';var DuetStepStyle0=duetStepCss;var DuetStep=function(){function e(e){var t=this;registerInstance(this,e);this.duetStepClick=createEvent(this,"duetStepClick",7);this.buttonId=createID("DuetStepButton");this.contentId=createID("DuetStepContent");this.handleKeyDown=function(e){if(t.isClickDisabled()){return}if(isKeyboardClick(e)){e.preventDefault();t.handleStepClick(e)}};this.handleClick=function(e){if(t.isClickDisabled()){return}t.handleStepClick(e)};this.theme="";this.heading=undefined;this.headingLevel=undefined;this.stepIndex=undefined;this.state=undefined;this.roundedTop=false;this.roundedBottom=false}e.prototype.handleStepClick=function(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};e.prototype.setFocus=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e={preventScroll:true}}return __generator(this,(function(t){this.buttonElement.focus(e);return[2]}))}))};e.prototype.isClickDisabled=function(){return this.state!=="complete"};e.prototype.headingColor=function(){if(this.state!=="incomplete"){return""}if(this.theme!=="turva"){return"gray-darker"}else{return"gray-dark-turva"}};e.prototype.renderStepCounter=function(){if(this.state==="complete"||this.state==="disabled"){return h("div",{class:"duet-step-icon"},h("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:actionEdit2.svg}))}return"".concat(this.stepIndex+1," ")};e.prototype.render=function(){var e;var t=this;return h("div",{class:(e={"duet-step":true},e["is-".concat(this.state)]=true,e["rounded-top"]=this.roundedTop,e["rounded-bottom"]=this.roundedBottom,e["duet-theme-turva"]=this.theme==="turva",e)},h("div",{class:"duet-step-heading",id:this.buttonId,role:this.state!=="current"?"button":"region","aria-current":this.state==="current"?"step":undefined,tabindex:this.state!=="current"?"0":undefined,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":(this.state==="current").toString(),"aria-controls":this.contentId,"aria-selected":(this.state==="current").toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:function(e){return t.buttonElement=e}},h("div",{"aria-hidden":"true"},h("div",{class:"duet-step-counter"},this.renderStepCounter())),h("duet-spacer",{direction:"horizontal",size:"large",breakpoint:"small"}),h("duet-spacer",{direction:"horizontal",size:"medium",breakpoint:"x-small"}),h("div",null,h("duet-heading",{theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),h("duet-spacer",{direction:"horizontal",size:"large"}),h("div",{class:"duet-step-heading-slot"},h("slot",{name:"heading-content"}))),h("div",{class:"duet-step-content-wrapper"},h("div",{class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetStep.style=DuetStepStyle0;function groupBy(e,t){var n={};t.forEach((function(t){var i=t[e];if(!n[i]){n[i]=[]}n[i].push(t)}));return n}var duetStepperCss=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:rgb(255, 255, 255);border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}";var DuetStepperStyle0=duetStepperCss;var DuetStepper=function(){function e(e){registerInstance(this,e);this.duetStepChange=createEvent(this,"duetStepChange",7);this.theme="";this.accessibleLive="Lista jossa {total} kohtaa. Olet kohdassa {current}.";this.margin="auto";this.backDisabled=false;this.selected=0}e.prototype.currentStepChanged=function(e){var t=this;if(isNaN(e)){throw new Error("step must be a number. got: ".concat(e))}if(e<0){throw new Error("step must be not be less than zero. got: ".concat(e))}if(e>this.getSteps().length){throw new Error("step must not exceed total number of steps")}this.updateStepState();setTimeout((function(){return t.setStepFocus()}),50)};e.prototype.currentStepInvokedDisable=function(){this.updateStepState()};e.prototype.onDuetStepClick=function(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.updateStepState();return[2]}))}))};e.prototype.getSteps=function(){return Array.from(this.element.querySelectorAll("duet-step"))};e.prototype.setStepFocus=function(){var e=this.getSteps();var t=e[this.selected];t.setFocus()};e.prototype.updateStepState=function(){var e=this;var t=this.getSteps();t.forEach((function(t,n){var i;if(n<e.selected){i=e.backDisabled?"disabled":"complete"}else if(n>e.selected){i="incomplete"}else{i="current"}t.theme=e.theme;t.state=i;t.stepIndex=n}));var n=groupBy("state",t);Object.values(n).forEach((function(e){e.forEach((function(t,n){t.roundedTop=n===0;t.roundedBottom=n===e.length-1}))}))};e.prototype.formatAnnouncement=function(){var e=this.getSteps();var t=(this.selected+1).toString(10);var n=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",n)};e.prototype.render=function(){return h(Host,{key:"22b196db710cbed3e8ad8b4dd0650c115a3f88d5",class:{"duet-m-0":this.margin==="none"}},h("div",{key:"a0285f6474768b1dd10b9ed222a69f1d3bdcba88",class:{"duet-stepper":true,"duet-theme-turva":this.theme==="turva"}},h("duet-visually-hidden",{key:"bf50d57a713aa062329cc40685b7441e31dc892c","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),h("slot",{key:"fb7bb222787bd590d30cce8f5619cc8c30c1f4b4"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}},enumerable:false,configurable:true});return e}();DuetStepper.style=DuetStepperStyle0;export{DuetStep as duet_step,DuetStepper as duet_stepper};

package/lib/esm-es5/duet-submenu-bar-dropdown-link.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-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{f as isEscapeKey}from"./keyboard-utils-439bcc8b.js";var duetSubmenuBarDropdownLinkCss='*,*::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;width:100%;height:100%}.duet-submenu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:8px 20px 8px 60px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none}.duet-submenu-bar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-submenu-bar-dropdown-link:focus,.duet-submenu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-dropdown-link .label-container{display:flex;flex:1;gap:12px;align-items:center;justify-content:flex-start}@media (min-width: 62em){.duet-submenu-bar-dropdown-link{padding:0.5rem 8px;font-size:1rem;line-height:1.5}}.duet-submenu-bar-dropdown-link.active .label{position:relative}.duet-submenu-bar-dropdown-link.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}.duet-submenu-bar-dropdown-link.active .active-check{display:none}.duet-submenu-bar-dropdown-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-submenu-bar-dropdown-link.active .label::after{display:none}.duet-submenu-bar-dropdown-link.active .active-check{display:block}.duet-submenu-bar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-submenu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown-link.highlight{color:rgb(0, 119, 179)}.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva{color:rgb(126, 2, 35)}';var DuetSubmenuBarDropdownLinkStyle0=duetSubmenuBarDropdownLinkCss;var DuetSubmenuBarDropdownLink=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined;this.caret=false;this.highlight=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var n=this.element.closest("duet-submenu-bar-dropdown");n.open=false;n.setFocus()}};e.prototype.render=function(){var e=this;return h(Host,{key:"60141679d4da6a7724aa40a2445f9453b89493f1"},h("a",{key:"7bcc708536db8a5bae64318ea75be58e8814a9ee",class:{"duet-submenu-bar-dropdown-link":true,"duet-theme-turva":this.theme==="turva",highlight:this.highlight,active:this.active},"aria-current":this.active?"true":"false",href:this.href,onKeyUp:function(n){return e.handleEscape(n)}},this.icon&&h("duet-icon",{key:"3154b1713b8ee0ecb9dde907cc87b59193051c67",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("span",{key:"b7e0771fb6af597db0aeab77c26b6f10ad5fd37f",class:"label-container"},h("span",{key:"a2356f448e5634bc9a3e0151cb71adf812cc4135",class:"label"},h("slot",{key:"01ede3bc095dbb8c37a7d0d7506b59b844f005d2"})),this.caret&&h("duet-icon",{key:"57d6d0dee133a2a16ea63ee8dfe6707beb4a5231",name:"action-arrow-right-small",size:"xxx-small",margin:"none"})),this.active&&h("duet-icon",{key:"1601244392f22c8232aba7daa7a473b711b695d4",class:"active-check",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarDropdownLink.style=DuetSubmenuBarDropdownLinkStyle0;export{DuetSubmenuBarDropdownLink as duet_submenu_bar_dropdown_link};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-5a27eaf5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetSubmenuBarDropdownLinkCss='*,*::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;width:100%;height:100%}.duet-submenu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:8px 20px 8px 60px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none}.duet-submenu-bar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-submenu-bar-dropdown-link:focus,.duet-submenu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-dropdown-link .label-container{display:flex;flex:1;gap:12px;align-items:center;justify-content:flex-start}@media (min-width: 62em){.duet-submenu-bar-dropdown-link{padding:0.5rem 8px;font-size:1rem;line-height:1.5}}.duet-submenu-bar-dropdown-link.active .label{position:relative}.duet-submenu-bar-dropdown-link.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}.duet-submenu-bar-dropdown-link.active .active-check{display:none}.duet-submenu-bar-dropdown-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-submenu-bar-dropdown-link.active .label::after{display:none}.duet-submenu-bar-dropdown-link.active .active-check{display:block}.duet-submenu-bar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-submenu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown-link.highlight{color:rgb(0, 119, 179)}.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva{color:rgb(126, 2, 35)}';var DuetSubmenuBarDropdownLinkStyle0=duetSubmenuBarDropdownLinkCss;var DuetSubmenuBarDropdownLink=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined;this.caret=false;this.highlight=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var n=this.element.closest("duet-submenu-bar-dropdown");n.open=false;n.setFocus()}};e.prototype.render=function(){var e=this;return h(Host,{key:"2e7a0b63fabe8ee0f29cd63e339241722cb0b915"},h("a",{key:"c128f0afb1378b9587ee76a62d89bec957d0544b",class:{"duet-submenu-bar-dropdown-link":true,"duet-theme-turva":this.theme==="turva",highlight:this.highlight,active:this.active},"aria-current":this.active?"true":"false",href:this.href,onKeyUp:function(n){return e.handleEscape(n)}},this.icon&&h("duet-icon",{key:"88e38d32863145821247bc1d66e48fdb304c64db",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("span",{key:"c2d61e88b734363598485cac9e84636edaa485d9",class:"label-container"},h("span",{key:"c15270a7dc528c31fe81b0ac1c0730d1712aa273",class:"label"},h("slot",{key:"d3dfc2c82e310183f2b613f55506ae8e661427af"})),this.caret&&h("duet-icon",{key:"7f4c469fb9066822bf2bf9d3086cc08734a84a4a",name:"action-arrow-right-small",size:"xxx-small",margin:"none"})),this.active&&h("duet-icon",{key:"90c5be1db9e0fb6684d0b8032326b9fd57547a72",class:"active-check",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarDropdownLink.style=DuetSubmenuBarDropdownLinkStyle0;export{DuetSubmenuBarDropdownLink as duet_submenu_bar_dropdown_link};

package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,n,o){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function i(e){try{d(o.next(e))}catch(e){a(e)}}function u(e){try{d(o["throw"](e))}catch(e){a(e)}}function d(e){e.done?n(e.value):r(e.value).then(i,u)}d((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,r,a,i;return i={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function u(e){return function(t){return d([e,t])}}function d(u){if(o)throw new TypeError("Generator is already executing.");while(i&&(i=0,u[0]&&(n=0)),n)try{if(o=1,r&&(a=u[0]&2?r["return"]:u[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,u[1])).done)return a;if(r=0,a)u=[u[0]&2,a.value];switch(u[0]){case 0:case 1:a=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;r=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!a||u[1]>a[0]&&u[1]<a[3])){n.label=u[1];break}if(u[0]===6&&n.label<a[1]){n.label=a[1];a=u;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(u);break}if(a[2])n.ops.pop();n.trys.pop();continue}u=t.call(e,n)}catch(e){u=[6,e];r=0}finally{o=a=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-df3d13a5.js";import{a as media_query_large}from"./tokens-84fb2357.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-439bcc8b.js";var duetSubmenuBarDropdownCss='*,*::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;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-dropdown{position:relative;height:100%}.duet-submenu-bar-dropdown button{position:relative;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-submenu-bar-dropdown button{flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;font-size:0.875rem;color:rgb(0, 75, 129)}}.duet-submenu-bar-dropdown button .label{display:flex;gap:5px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar-dropdown button.open{background:rgb(228, 241, 247)}}.duet-submenu-bar-dropdown button.open .caret{transform:rotate(180deg)}.duet-submenu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar-dropdown button.active .label-text{position:relative}.duet-submenu-bar-dropdown button.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-dropdown button.active .label-text::after{display:none}}@media (min-width: 62em){.duet-submenu-bar-dropdown button .caret{position:absolute;right:12px}.duet-submenu-bar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown button:hover.active{color:rgb(8, 42, 77)}.duet-theme-turva .duet-submenu-bar-dropdown button:hover.active{color:rgb(23, 28, 58)}.duet-submenu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-theme-turva .duet-submenu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-submenu-bar-dropdown button.active::after,.duet-submenu-bar-dropdown button.open::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-theme-turva .duet-submenu-bar-dropdown button.active::after,.duet-theme-turva .duet-submenu-bar-dropdown button.open::after{background:rgb(198, 12, 48)}}.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:16px;height:16px}}.duet-submenu-bar-dropdown .items{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:1000px;padding:4px 0 16px;overflow-y:auto;color:rgb(8, 42, 77);visibility:visible;transition:max-height 0.3s ease-in, padding 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-submenu-bar-dropdown .items::-webkit-scrollbar{display:none}@media (min-width: 62em){.duet-submenu-bar-dropdown .items{position:absolute;top:93%;z-index:600;min-width:320px;padding:8px;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);transition:none}}.duet-submenu-bar-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility:hidden;transition:max-height 0.3s ease-in, padding 0.3s ease-in}.duet-submenu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button:hover{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.active,.duet-submenu-bar-dropdown.duet-theme-turva button.open{color:rgb(126, 2, 35)}}.duet-submenu-bar-dropdown.duet-theme-turva button.active::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open::after{background:rgb(126, 2, 35)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.open{background:rgb(222, 224, 228)}}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}}';var DuetSubmenuBarDropdownStyle0=duetSubmenuBarDropdownCss;var DuetSubmenuBarDropdown=function(){function e(e){var t=this;registerInstance(this,e);this.mql=[window.matchMedia(media_query_large.replace(/'/g,""))];this.boundMqlFunctions=[];this.checkIsDesktop=function(){if(t.mql[0].matches){t.isDesktop=true}else{t.isDesktop=false}};this.onClick=function(){var e=t.open;if(!t.isDesktop){var n=Array.from(t.element.parentElement.querySelectorAll("duet-submenu-bar-dropdown"));for(var o=0,r=n;o<r.length;o++){var a=r[o];a.open=false}}if(e){t.open=false}else{t.open=true}};this.isDesktop=false;this.theme="";this.active=false;this.open=false;this.icon=undefined}e.prototype.handleFocus=function(e){var t=this;var n=e.composedPath().every((function(e){return e!==t.element}));if(n&&this.isDesktop){this.open=false}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){this.checkIsDesktop();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.checkIsDesktop.bind(this);this.mql[e].addEventListener("change",t);this.boundMqlFunctions[e]=t}}};e.prototype.disconnectedCallback=function(){for(var e=0;e<this.mql.length;e++){if(this.mql[e].removeEventListener){this.mql[e].removeEventListener("change",this.boundMqlFunctions[e])}}this.boundMqlFunctions=[]};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){if(this.open){this.open=false}else{var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"27c7987ace491bb1c392d343e7fb77964a8e01e6",role:"listitem"},h("div",{key:"c81d2ea06dd9d7be974b8ce0afb38aec268083f2",class:{"duet-submenu-bar-dropdown":true,"duet-theme-turva":this.theme==="turva",open:this.open,active:this.active}},h("button",{key:"e5aa57571f004c86e1da8f35b31be84f85c9b795",ref:function(t){return e.button=t},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{open:this.open,active:this.active},onClick:this.onClick,onKeyUp:function(t){return e.handleEscape(t)}},this.icon&&h("duet-icon",{key:"28d03b6fd216ea81b1510b5c0af41df61b69610e",class:"submenu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),h("div",{key:"388a6679345cd44d696d41dc027ec479ae0db473",class:"label"},h("span",{key:"88e6ce4a33c009e72e1258d35f1eddabbacc3654",class:"label-text"},h("slot",{key:"246e8f4033aa438782153691904e29a76450734c",name:"label"})),h("duet-icon",{key:"932079ae3e397891f203e7e876afbc83bb1258de",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"2353d72ac49a26b83fe262e30dd443819169bc1d",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"c21a441648636df186c7440b2c12f248712aecae"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarDropdown.style=DuetSubmenuBarDropdownStyle0;export{DuetSubmenuBarDropdown as duet_submenu_bar_dropdown};
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-5a27eaf5.js";import{a as media_query_large}from"./tokens-84fb2357.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetSubmenuBarDropdownCss='*,*::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;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-dropdown{position:relative;height:100%}.duet-submenu-bar-dropdown button{position:relative;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-submenu-bar-dropdown button{flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;font-size:0.875rem;color:rgb(0, 75, 129)}}.duet-submenu-bar-dropdown button .label{display:flex;gap:5px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar-dropdown button.open{background:rgb(228, 241, 247)}}.duet-submenu-bar-dropdown button.open .caret{transform:rotate(180deg)}.duet-submenu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar-dropdown button.active .label-text{position:relative}.duet-submenu-bar-dropdown button.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-dropdown button.active .label-text::after{display:none}}@media (min-width: 62em){.duet-submenu-bar-dropdown button .caret{position:absolute;right:12px}.duet-submenu-bar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown button:hover.active{color:rgb(8, 42, 77)}.duet-theme-turva .duet-submenu-bar-dropdown button:hover.active{color:rgb(23, 28, 58)}.duet-submenu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-theme-turva .duet-submenu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-submenu-bar-dropdown button.active::after,.duet-submenu-bar-dropdown button.open::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-theme-turva .duet-submenu-bar-dropdown button.active::after,.duet-theme-turva .duet-submenu-bar-dropdown button.open::after{background:rgb(198, 12, 48)}}.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:16px;height:16px}}.duet-submenu-bar-dropdown .items{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:1000px;padding:4px 0 16px;overflow-y:auto;color:rgb(8, 42, 77);visibility:visible;transition:max-height 0.3s ease-in, padding 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-submenu-bar-dropdown .items::-webkit-scrollbar{display:none}@media (min-width: 62em){.duet-submenu-bar-dropdown .items{position:absolute;top:93%;z-index:600;min-width:320px;padding:8px;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);transition:none}}.duet-submenu-bar-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility:hidden;transition:max-height 0.3s ease-in, padding 0.3s ease-in}.duet-submenu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button:hover{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.active,.duet-submenu-bar-dropdown.duet-theme-turva button.open{color:rgb(126, 2, 35)}}.duet-submenu-bar-dropdown.duet-theme-turva button.active::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open::after{background:rgb(126, 2, 35)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.open{background:rgb(222, 224, 228)}}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}}';var DuetSubmenuBarDropdownStyle0=duetSubmenuBarDropdownCss;var DuetSubmenuBarDropdown=function(){function e(e){var t=this;registerInstance(this,e);this.mql=[window.matchMedia(media_query_large.replace(/'/g,""))];this.boundMqlFunctions=[];this.checkIsDesktop=function(){if(t.mql[0].matches){t.isDesktop=true}else{t.isDesktop=false}};this.onClick=function(){var e=t.open;if(!t.isDesktop){var n=Array.from(t.element.parentElement.querySelectorAll("duet-submenu-bar-dropdown"));for(var o=0,r=n;o<r.length;o++){var a=r[o];a.open=false}}if(e){t.open=false}else{t.open=true}};this.isDesktop=false;this.theme="";this.active=false;this.open=false;this.icon=undefined}e.prototype.handleFocus=function(e){var t=this;var n=e.composedPath().every((function(e){return e!==t.element}));if(n&&this.isDesktop){this.open=false}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){this.checkIsDesktop();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.checkIsDesktop.bind(this);this.mql[e].addEventListener("change",t);this.boundMqlFunctions[e]=t}}};e.prototype.disconnectedCallback=function(){for(var e=0;e<this.mql.length;e++){if(this.mql[e].removeEventListener){this.mql[e].removeEventListener("change",this.boundMqlFunctions[e])}}this.boundMqlFunctions=[]};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){if(this.open){this.open=false}else{var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"6b5d2434a5a7d5afdfaf40e2134d1f02d2f8e222",role:"listitem"},h("div",{key:"efe625a31b8e3fa67d845250f6802633a3e970d3",class:{"duet-submenu-bar-dropdown":true,"duet-theme-turva":this.theme==="turva",open:this.open,active:this.active}},h("button",{key:"7b631206096ecd24fd7018850656a6ab3cf3f89b",ref:function(t){return e.button=t},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{open:this.open,active:this.active},onClick:this.onClick,onKeyUp:function(t){return e.handleEscape(t)}},this.icon&&h("duet-icon",{key:"3c9030513cf42a8633d8359be8003179bd5913b6",class:"submenu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),h("div",{key:"66fc2c66e8e27bee53464ce406797f4c32ca3b5c",class:"label"},h("span",{key:"a073565bff14d28d8cf5167eec655716e3e0e61e",class:"label-text"},h("slot",{key:"14f7ef42fc76a1363bb5e0eacf4eac6bbb080490",name:"label"})),h("duet-icon",{key:"66884d73e81fa44ca37f1b3fe6d5d5dd02114ac6",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"16f20eb6a5a4f169b34bf32c8dbe1e3f401a97b9",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"39e9087f187e2ed824ae75f02eea9894648c4bba"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarDropdown.style=DuetSubmenuBarDropdownStyle0;export{DuetSubmenuBarDropdown as duet_submenu_bar_dropdown};

package/lib/esm-es5/duet-submenu-bar-item.entry.js

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,n,a){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function o(e){try{s(a.next(e))}catch(e){r(e)}}function u(e){try{s(a["throw"](e))}catch(e){r(e)}}function s(e){e.done?n(e.value):i(e.value).then(o,u)}s((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,i,r,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(e){return function(t){return s([e,t])}}function s(u){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(n=0)),n)try{if(a=1,i&&(r=u[0]&2?i["return"]:u[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,u[1])).done)return r;if(i=0,r)u=[u[0]&2,r.value];switch(u[0]){case 0:case 1:r=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;i=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!r||u[1]>r[0]&&u[1]<r[3])){n.label=u[1];break}if(u[0]===6&&n.label<r[1]){n.label=r[1];r=u;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(u);break}if(r[2])n.ops.pop();n.trys.pop();continue}u=t.call(e,n)}catch(e){u=[6,e];i=0}finally{a=r=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-df3d13a5.js";import{a as actionNewWindowSmall}from"./action-new-window-small-1945be91.js";import{D as DuetStringsExternalDefaults}from"./common-strings-af765cad.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{g as getAccessibleLinkLabel}from"./a11y-utils-0f4bfcab.js";import{f as isEscapeKey}from"./keyboard-utils-439bcc8b.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-0da69172.js";import"./slot-utils-f4a28f08.js";import"./string-utils-192eb3c8.js";var duetSubmenuBarItemCss='*,*::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;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-item{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-submenu-bar-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-submenu-bar-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-item .label{display:flex;gap:5px;align-items:center;justify-content:center}.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:16px;height:16px}}.duet-submenu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-submenu-bar-item .external-icon{width:10px;height:10px}.duet-submenu-bar-item .trailing-icon{position:absolute;right:12px}.duet-submenu-bar-item[aria-expanded=true]{background:rgb(228, 241, 247)}.duet-submenu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-submenu-bar-item.active{color:rgb(0, 119, 179)}.duet-submenu-bar-item.active.duet-theme-turva{color:rgb(126, 2, 35)}.duet-submenu-bar-item.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-submenu-bar-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-item:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}';var DuetSubmenuBarItemStyle0=duetSubmenuBarItemCss;var DuetSubmenuBarItem=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.url=undefined;this.leadingIcon=undefined;this.trailingIcon=undefined;this.accessibleLabel=undefined;this.accessibleExpanded=undefined;this.accessiblePopup="false";this.accessibleLabelExternalDefaults=DuetStringsExternalDefaults;this.accessibleLabelExternal=getLocaleString(this.accessibleLabelExternalDefaults);this.external=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";var n=this.url?"link":"button";return h(Host,{key:"422b60d03cfc581066bf2a651c455d9ef443b176",role:"listitem"},h(t,{key:"50b6aeb9f94871750adabb74239ea642f0667bc8",target:!this.url?null:this.external?"_blank":"_self",ref:function(t){return e.itemElement=t},class:{"duet-submenu-bar-item":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.url,onKeyUp:function(t){return e.handleEscape(t)},"aria-current":this.active?"true":"false","aria-label":this.url&&getAccessibleLinkLabel(this)||this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined,role:n,rel:this.external?"noopener":undefined},this.leadingIcon&&h("duet-icon",{key:"383cc30c4a1255e7f644a4f8274b238c06e59d34",class:"leading-icon",theme:this.theme,name:this.leadingIcon,size:"auto",margin:"none",color:"currentColor"}),h("div",{key:"4a8d38ffde015d48649c9bfd6167c69e3b964146",class:"label"},h("span",{key:"713811bc3a97ccaccaceda79f199c53ae9fa33f5",class:"label-text"},h("slot",{key:"140d7d6c6bce716719347aa37b031c17ae3fb6d2"})),(this.trailingIcon||this.external)&&h("duet-icon",{key:"692f1e1e6582473a9c738f878be4a9dd58ce2d13",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":this.trailingIcon==="action-arrow-down-small","external-icon":!!this.external,rotate:this.trailingIcon==="action-arrow-down-small"&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.external?actionNewWindowSmall.title:"",margin:"none",size:"auto",color:"currentColor"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarItem.style=DuetSubmenuBarItemStyle0;export{DuetSubmenuBarItem as duet_submenu_bar_item};
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-5a27eaf5.js";import{a as actionNewWindowSmall}from"./action-new-window-small-1945be91.js";import{D as DuetStringsExternalDefaults}from"./common-strings-af765cad.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{g as getAccessibleLinkLabel}from"./a11y-utils-efd1151b.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-2c1dd412.js";import"./slot-utils-2823028d.js";import"./string-utils-192eb3c8.js";var duetSubmenuBarItemCss='*,*::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;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-item{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:600;line-height:1.25;color:rgb(0, 75, 129);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-submenu-bar-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-submenu-bar-item:focus,.duet-submenu-bar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-item .label{display:flex;gap:5px;align-items:center;justify-content:center}.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-item .leading-icon,.duet-submenu-bar-item .trailing-icon{width:16px;height:16px}}.duet-submenu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-submenu-bar-item .external-icon{width:10px;height:10px}.duet-submenu-bar-item .trailing-icon{position:absolute;right:12px}.duet-submenu-bar-item[aria-expanded=true]{background:rgb(228, 241, 247)}.duet-submenu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-submenu-bar-item.active{color:rgb(0, 119, 179)}.duet-submenu-bar-item.active.duet-theme-turva{color:rgb(126, 2, 35)}.duet-submenu-bar-item.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-submenu-bar-item.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-item.duet-theme-turva.active .label::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item.duet-theme-turva.active::after{background:rgb(126, 2, 35)}.duet-submenu-bar-item:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-item:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-item:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}';var DuetSubmenuBarItemStyle0=duetSubmenuBarItemCss;var DuetSubmenuBarItem=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.url=undefined;this.leadingIcon=undefined;this.trailingIcon=undefined;this.accessibleLabel=undefined;this.accessibleExpanded=undefined;this.accessiblePopup="false";this.accessibleLabelExternalDefaults=DuetStringsExternalDefaults;this.accessibleLabelExternal=getLocaleString(this.accessibleLabelExternalDefaults);this.external=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";var n=this.url?"link":"button";return h(Host,{key:"4d177e3c8fab0bac22778d0bb67cb96b3f16a04c",role:"listitem"},h(t,{key:"b32f2c34e132612cfa2e2507478f514b83585c5e",target:!this.url?null:this.external?"_blank":"_self",ref:function(t){return e.itemElement=t},class:{"duet-submenu-bar-item":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.url,onKeyUp:function(t){return e.handleEscape(t)},"aria-current":this.active?"true":"false","aria-label":this.url&&getAccessibleLinkLabel(this)||this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined,role:n,rel:this.external?"noopener":undefined},this.leadingIcon&&h("duet-icon",{key:"afa64cadf036d77b203ba09462da022116620c39",class:"leading-icon",theme:this.theme,name:this.leadingIcon,size:"auto",margin:"none",color:"currentColor"}),h("div",{key:"5163f1bbf922e02e2805a3270e3b25d987bc56c3",class:"label"},h("span",{key:"d6da532a7b7d70b375e1be84446fb1dd7ba4c607",class:"label-text"},h("slot",{key:"2cde0560e036111ed9665d9186bf0d15b7132c78"})),(this.trailingIcon||this.external)&&h("duet-icon",{key:"f4f83f5ea741b517a630271ee5bf1ea10840f985",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":this.trailingIcon==="action-arrow-down-small","external-icon":!!this.external,rotate:this.trailingIcon==="action-arrow-down-small"&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.external?actionNewWindowSmall.title:"",margin:"none",size:"auto",color:"currentColor"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarItem.style=DuetSubmenuBarItemStyle0;export{DuetSubmenuBarItem as duet_submenu_bar_item};