@duetds/components 9.0.1 → 9.0.2

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

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(t,e,i,n){function u(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function r(t){try{s(n.next(t))}catch(t){a(t)}}function o(t){try{s(n["throw"](t))}catch(t){a(t)}}function s(t){t.done?i(t.value):u(t.value).then(r,o)}s((n=n.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:[]},n,u,a,r;return r={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(t){return function(e){return s([t,e])}}function s(o){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,o[0]&&(i=0)),i)try{if(n=1,u&&(a=o[0]&2?u["return"]:o[0]?u["throw"]||((a=u["return"])&&a.call(u),0):u.next)&&!(a=a.call(u,o[1])).done)return a;if(u=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;u=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(t){o=[6,t];u=0}finally{n=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[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-53a4590f.js";import{f as formSearch}from"./form-search-ea8e19ae.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{c as cleanValue,r as resetCursor}from"./input-utils-85681162.js";import{f as isEscapeKey,j as isEnterKey}from"./keyboard-utils-439bcc8b.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-d51bb211.js";import{c as checkNamedSlotElement}from"./slot-utils-37bfd1dd.js";import{g as getColorByName}from"./token-utils-1f843fb9.js";import"./string-utils-ca039233.js";import"./tokens.module-ed0ed26f.js";var formEmail={title:"form-email",tags:"form email",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z"/></svg>'};var duetInputCss='*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-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%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}input[type=search].sc-duet-input::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{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-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 77, 128)}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-input .duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus,.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.sc-duet-input button.sc-duet-input{top:-48px;right:0}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.sc-duet-input button.sc-duet-input{top:-24px;right:12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-button.sc-duet-input button.sc-duet-input{top:-24px;right:0}.duet-input-container.has-clear.has-icon.sc-duet-input .duet-input-clear-icon.sc-duet-input{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{color:rgb(0, 41, 77)}.duet-input-label-container.sc-duet-input{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container.sc-duet-input{justify-content:flex-start}}.duet-input.sc-duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !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 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(0, 41, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(144, 149, 153) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.input-padding-small.sc-duet-input{padding:8px 10px !important}.duet-input.input-padding-x-small.sc-duet-input{padding:4px 6px !important}.duet-input.input-padding-xx-small.sc-duet-input{padding:0px 2px !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.duet-input.after-chip.sc-duet-input{padding-left:8px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(224, 42, 13) !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58) !important;border-color:rgb(116, 116, 117) !important}.duet-input.align-right.sc-duet-input{text-align:right}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(101, 119, 135);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(101, 119, 135);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 207, 209)}.duet-input[disabled].sc-duet-input{color:rgb(0, 41, 77) !important;cursor:not-allowed !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(0, 41, 77) !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(0, 119, 179)}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{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(101, 119, 135);border-radius:4px}.duet-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-duet-input{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(116, 116, 117)}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-revealable.sc-duet-input{position:relative;width:100%}.duet-input-variation-revealable.sc-duet-input .sc-duet-input::-ms-reveal{display:none}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(116, 116, 117)}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-width:0 !important}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled.sc-duet-input .duet-input-relative.sc-duet-input{background:rgb(245, 248, 250);border-color:rgb(225, 227, 230);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(222, 35, 98)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(224, 42, 13)}.duet-input-variation-revealable.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #e55039}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(116, 116, 117)}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{flex-basis:4rem;flex-grow:1;border-width:0 !important}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}';var DuetInputStyle0=duetInputCss;var icons={search:formSearch,email:formEmail};var DuetInput=function(){function t(t){var e=this;registerInstance(this,t);this.duetInput=createEvent(this,"duetInput",7);this.duetChange=createEvent(this,"duetChange",3);this.duetBlur=createEvent(this,"duetBlur",7);this.duetClear=createEvent(this,"duetClear",7);this.duetFocus=createEvent(this,"duetFocus",7);this.inputId=createID("DuetInput");this.clearId=createID("DuetInputClear");this.labelId=createID("DuetLabel");this.topCaptionId=createID("DuetCaptionTop");this.topCaptionPlaceholderId=createID("DuetCaptionPlaceholderTop");this.errorId=createID("DuetError");this.disallowPatternRegex=null;this.clearLabel={en:"Clear",fi:"Tyhjennä",sv:"Rensa"};this.timeAnnouncement={en:"Time",fi:"Aika",sv:"Tid"};this.showPasswordLabel={en:"Show password",fi:"Näytä salasana",sv:"Visa lösenord"};this.hidePasswordLabel={en:"Hide password",fi:"Piilota salasana",sv:"Dölj lösenord"};this.passwordShownAriaAnnouncement={en:"Password is shown",fi:"Salasana näytetään",sv:"Lösenordet visas"};this.passwordHiddenAriaAnnouncement={en:"Password is hidden",fi:"Salasana on piilotettu",sv:"Lösenordet är dolt"};this.onInput=function(t){if(e.disallowPatternRegex){cleanValue(e.nativeInput,e.disallowPatternRegex)}e.value=e.nativeInput.value||"";e.duetInput.emit({originalEvent:t,value:e.value,component:"duet-input"})};this.onBlur=function(t){if(t.relatedTarget===e.nativeInput||t.relatedTarget===e.togglePasswordRevealedButton){return}if(e.variation==="revealable"&&e.isPasswordRevealed){e.isPasswordRevealed=false}e.isFocused=false;e.duetBlur.emit({originalEvent:t,value:e.value,component:"duet-input"})};this.onFocus=function(t){e.isFocused=true;e.duetFocus.emit({originalEvent:t,value:e.value,component:"duet-input"})};this.onClear=function(t){e.duetClear.emit({originalEvent:t,value:e.value,component:"duet-input"})};this.getDescribedBy=function(){var t=[];if(e.isCaptionVisible&&e.topCaptionId){t.push(e.topCaptionId)}if(e.accessibleDescribedBy){t.push(e.accessibleDescribedBy)}if(e.error){t.push(e.errorId)}return t.length>0?t.join(" "):null};this.handleClearClick=function(t){var i=e.clearInput();e.onClear(t);return i};this.keyHandler=function(t){if(isEscapeKey(t)&&e.clear){e.handleClearClick(t)}if(isEnterKey(t)&&e.variation==="revealable"){if(t.target===e.togglePasswordRevealedButton){t.stopPropagation()}else{e.isPasswordRevealed=false}}return t};this.togglePasswordRevealed=function(){e.isPasswordRevealed=!e.isPasswordRevealed};this.getInputType=function(){if(e.variation==="revealable"){return e.isPasswordRevealed?"text":"password"}return e.type};this.language=getLanguage();this.isPasswordRevealed=undefined;this.isFocused=false;this.accessibleActiveDescendant=undefined;this.accessibleAutocomplete=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleExpanded=undefined;this.accessibleDescribedBy="";this.accessibleHasPopup=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLiveError="polite";this.debounce=0;this.clear=false;this.caption=undefined;this.echoPlaceholder=false;this.theme="";this.expand=false;this.disabled=false;this.identifier=undefined;this.margin="auto";this.inputAlign="left";this.inputPadding="medium";this.required=false;this.type="text";this.variation="default";this.chips=false;this.label="Label";this.labelColor=undefined;this.labelWeight=undefined;this.error="";this.labelHidden=false;this.numericKeyboard=false;this.name=undefined;this.pattern=undefined;this.maxlength=undefined;this.minlength=undefined;this.placeholder=undefined;this.component="input";this.role=undefined;this.icon=undefined;this.autoComplete="on";this.disallowPattern=null;this.value=undefined;this.tooltip="";this.tooltipDirection="auto"}t.prototype.disallowedPatternChange=function(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null};t.prototype.valueChanged=function(){var t=this;if(this.nativeInput&&this.nativeInput.value!==this.value){var e=resetCursor(this.nativeInput);this.nativeInput.value=this.value;e()}this.isCaptionVisible=!!this.caption;var i=function(){return t.duetChange.emit({value:t.value,component:"duet-input"})};if(this.debounce===0){i()}else{clearTimeout(this.timeoutId);this.timeoutId=setTimeout(i,this.debounce)}};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.disallowedPatternChange();this.isCaptionVisible=!!this.caption;checkNamedSlotElement(this.element,"tooltip","duet-tooltip",1,true)};t.prototype.componentDidLoad=function(){var t=this;if(this.variation==="revealable"&&this.nativeInput.form){this.nativeInput.form.addEventListener("submit",(function(){t.isPasswordRevealed=false}))}};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this)};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus(t)}return[2]}))}))};t.prototype.resetCursor=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(this.nativeInput){t=resetCursor(this.nativeInput);this.nativeInput.value=this.value;t()}return[2]}))}))};t.prototype.clearInput=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.value="";this.nativeInput.focus();this.value=""}return[2]}))}))};t.prototype.getAllChips=function(){return Array.from(this.element.querySelectorAll(".duet-input-relative duet-chip"))};t.prototype.addChip=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(n){e=this.element.querySelector(".duet-input-relative");i=e.querySelector("input:not(duet-chip input)");e.insertBefore(t,i);return[2]}))}))};t.prototype.hasChip=function(t){return __awaiter(this,arguments,void 0,(function(t){var e=t.value,i=t.text;return __generator(this,(function(t){return[2,this.getAllChips().some((function(t){return t.value===e&&t.textContent===i}))]}))}))};t.prototype.getChips=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.getAllChips()]}))}))};t.prototype.clearChips=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.getAllChips().forEach((function(t){return t.remove()}));return[2]}))}))};t.prototype.render=function(){var t,e;var i=this;var n=this.identifier||this.inputId;var u={};if(this.numericKeyboard){u.inputmode="numeric"}if(this.pattern&&this.type!=="tel"){u.pattern=this.pattern}else if(!this.pattern&&this.type==="tel"){u.pattern="[0-9+ ]+"}var a;if(this.value){a=new Date;try{a.setHours(Number(this.value.slice(0,2)),Number(this.value.slice(3,5)),0,0)}catch(t){a=undefined}}var r=!this.icon&&this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"&&this.variation!=="button";return h(Host,{class:{"duet-expand":this.expand,"duet-m-0":this.margin==="none"},onKeyUp:function(t){return i.keyHandler(t)}},this.type==="time"&&h("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true"},a?"".concat(this.timeAnnouncement[this.language]," ").concat(a.toLocaleTimeString()):""),h("div",{class:(t={"duet-input-container":true,"duet-theme-turva":this.theme==="turva"},t["duet-input-variation-".concat(this.variation)]=true,t["duet-label-hidden"]=this.labelHidden,t["duet-input-top-caption-shown"]=this.isCaptionVisible,t["has-icon"]=this.variation!=="button"&&(!!this.icon||this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"),t["has-error"]=!!this.error,t["has-chips"]=this.chips,t["has-clear"]=this.clear,t["has-focus"]=this.isFocused,t.disabled=this.disabled,t)},h("div",{class:"duet-input-label-container"},h("duet-label",{theme:this.theme==="turva"?"turva":"default",margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:n},this.label),this.tooltip&&h("duet-tooltip",{class:"duet-input-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:this.theme==="turva"?"turva":"default"},this.tooltip),h("slot",{name:"tooltip"})),this.caption&&h("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),h("div",{class:"duet-input-relative"},this.placeholder&&this.echoPlaceholder&&(this.value||this.type==="time")&&h("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-input-placeholder",margin:"none",size:"small"},this.placeholder),h("input",Object.assign({ref:function(t){return i.nativeInput=t},onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,type:this.getInputType(),class:(e={"duet-input":true,disabled:this.disabled,"is-number":this.component==="number","is-date":this.component==="date","after-chip":this.getAllChips().length>0,"align-right":this.inputAlign==="right"},e["input-padding-".concat(this.inputPadding)]=true,e),value:this.value,disabled:this.disabled,"aria-invalid":this.error?"true":"false","aria-labelledby":this.accessibleLabelledBy?"".concat(this.labelId," ").concat(this.accessibleLabelledBy):this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-expanded":this.accessibleExpanded,"aria-haspopup":this.accessibleHasPopup,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),placeholder:this.placeholder,spellcheck:"false",minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.type==="password"?"off":this.autoComplete,required:this.required,role:this.role,name:this.name,id:n},u)),!this.value&&r&&h("div",{class:"duet-input-icon"},h("duet-icon",{margin:"none",size:"small",icon:icons[this.type].svg,color:"currentColor"})),this.clear&&this.value&&h("div",{class:{"duet-input-clear-icon":true,"duet-input-clear-icon-single":!r,"duet-input-clear-icon-double":!!this.icon,"duet-input-clear-icon-button":this.variation==="button"}},h("button",{onClick:this.handleClearClick,id:this.clearId,"aria-label":this.clearLabel[this.language],"aria-keyshortcuts":"Escape"},h("duet-icon",{margin:"none",size:"medium",name:"action-clear-input",color:"currentColor"}))),this.icon&&this.variation!=="button"&&h("div",{class:"duet-input-icon"},h("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),this.variation==="button"&&h("slot",{name:"button"}),this.variation==="revealable"&&h("duet-button",{ref:function(t){return i.togglePasswordRevealedButton=t},onBlur:this.onBlur,onFocus:this.onFocus,onClick:this.togglePasswordRevealed,icon:this.isPasswordRevealed?"action-hide":"action-show",accessibleLabel:this.isPasswordRevealed?this.hidePasswordLabel[this.language]:this.showPasswordLabel[this.language],margin:"none",variation:"input-button-embedded",fixed:true,iconOnly:true}),this.variation==="revealable"&&this.isPasswordRevealed!==undefined&&h("duet-visually-hidden",null,h("span",{"aria-live":"polite"},this.isPasswordRevealed?this.passwordShownAriaAnnouncement[this.language]:this.passwordHiddenAriaAnnouncement[this.language])),h("slot",null)),h("span",{class:"duet-input-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&h("span",{class:"duet-input-error"},this.error))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disallowPattern:["disallowedPatternChange"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();DuetInput.style=DuetInputStyle0;var duetLabelCss='*.sc-duet-label,*.sc-duet-label::after,*.sc-duet-label::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-label-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;line-height:1.25;cursor:default}.duet-p-0.sc-duet-label-h{padding:0 !important}.duet-m-0.sc-duet-label-h{margin:0 !important}.duet-m-0.sc-duet-label-h{margin-bottom:0 !important}.duet-small-margin.sc-duet-label-h{margin-top:8px !important;margin-bottom:4px !important}.duet-has-tooltip.sc-duet-label-h{padding-right:48px}@media (min-width: 48em){.duet-has-tooltip.sc-duet-label-h{padding-right:0}}label.sc-duet-label{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;font-weight:600 !important;line-height:1.25;color:rgb(0, 41, 77);text-align:left;word-break:break-word}label.sc-duet-label span.sc-duet-label{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-label-small.sc-duet-label-h label.sc-duet-label{font-size:0.875rem}.duet-label-small.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-size:0.875rem}.duet-weight-normal.sc-duet-label-h label.sc-duet-label{font-weight:400 !important}.duet-weight-normal.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-weight:400 !important}.duet-theme-turva.sc-duet-label-h label.sc-duet-label{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)}';var DuetLabelStyle0=duetLabelCss;var DuetLabel=function(){function t(t){registerInstance(this,t);this.theme="";this.for=undefined;this.margin="auto";this.size="medium";this.weight="semi-bold";this.color=""}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.render=function(){var t;var e=getColorByName(this.color);return h(Host,{class:(t={"duet-label":true,"duet-label-small":this.size==="small","duet-theme-turva":this.theme==="turva","duet-small-margin":this.margin==="small","duet-m-0":this.margin==="none"},t["duet-weight-".concat(this.weight)]=true,t)},h("label",{htmlFor:this.for,style:{color:e}},h("span",null,h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetLabel.style=DuetLabelStyle0;export{DuetInput as duet_input,DuetLabel as duet_label};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-ea400af3.js";import{f as formSearch}from"./form-search-ea8e19ae.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{c as cleanValue,r as resetCursor}from"./input-utils-85681162.js";import{f as isEscapeKey,j as isEnterKey}from"./keyboard-utils-439bcc8b.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-27773807.js";import{c as checkNamedSlotElement}from"./slot-utils-95c2258f.js";import{g as getColorByName}from"./token-utils-1f843fb9.js";import"./string-utils-ca039233.js";import"./tokens.module-ed0ed26f.js";var formEmail={title:"form-email",tags:"form email",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M12 23.999c-3.205 0-6.218-1.248-8.484-3.514S.001 15.206.001 12.001s1.248-6.218 3.514-8.485C5.782 1.25 8.795.001 12 .001s6.218 1.248 8.485 3.514A11.92 11.92 0 0 1 24 12v2.25A3.754 3.754 0 0 1 20.25 18a3.77 3.77 0 0 1-3.48-2.365A6.009 6.009 0 0 1 12 18c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6v2.25c0 1.241 1.009 2.25 2.25 2.25s2.25-1.009 2.25-2.25V12c0-2.804-1.092-5.441-3.075-7.424A10.433 10.433 0 0 0 12 1.501c-2.804 0-5.441 1.092-7.424 3.075S1.501 9.196 1.501 12c0 2.805 1.092 5.441 3.075 7.424s4.619 3.074 7.423 3.074c2.257 0 4.494-.746 6.299-2.1a.749.749 0 1 1 .9 1.199A12.049 12.049 0 0 1 12 23.999zM12 7.5c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5z"/></svg>'};var duetInputCss='*.sc-duet-input,*.sc-duet-input::after,*.sc-duet-input::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-input-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%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-input-h:last-child,.sc-duet-input-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-input-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-input-h{width:100% !important}.duet-m-0.sc-duet-input-h{margin:0 !important}input[type=search].sc-duet-input::-webkit-search-cancel-button{-webkit-appearance:none}duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{position:relative;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-input,.sc-duet-input-s>duet-tooltip{right:auto}}duet-caption.sc-duet-input:not(:last-of-type){margin-bottom:0}.duet-input-placeholder.sc-duet-input{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-input-icon.sc-duet-input{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;font-size:0;line-height:normal;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-input .duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.duet-input-container.sc-duet-input{position:relative;width:100%;height:100%}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input{position:relative;z-index:250}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{position:absolute;top:-24px;right:-24px;min-width:48px;min-height:48px;color:rgb(0, 77, 128)}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-input .duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus,.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:active{opacity:0.75;transition:none}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-single.sc-duet-input button.sc-duet-input{top:-48px;right:0}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-double.sc-duet-input button.sc-duet-input{top:-24px;right:12px}.duet-input-container.has-clear.sc-duet-input .duet-input-clear-icon.duet-input-clear-icon-button.sc-duet-input button.sc-duet-input{top:-24px;right:0}.duet-input-container.has-clear.has-icon.sc-duet-input .duet-input-clear-icon.sc-duet-input{top:-24px;right:24px}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input{color:rgb(0, 41, 77)}.duet-input-label-container.sc-duet-input{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}@media (min-width: 48em){.duet-input-label-container.sc-duet-input{justify-content:flex-start}}.duet-input.sc-duet-input{position:relative;z-index:100;display:block !important;width:100% !important;min-width:8rem;max-width:initial !important;height:auto !important;padding:12px 14px !important;margin:initial !important;margin-bottom:initial !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 !important;font-variant-numeric:tabular-nums;line-height:1.5 !important;color:rgb(0, 41, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(144, 149, 153) !important;border-radius:4px !important;box-shadow:initial !important;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-input.input-padding-small.sc-duet-input{padding:8px 10px !important}.duet-input.input-padding-x-small.sc-duet-input{padding:4px 6px !important}.duet-input.input-padding-xx-small.sc-duet-input{padding:0px 2px !important}.duet-input.is-number.sc-duet-input{padding-right:112px !important}.duet-input.is-date.sc-duet-input{padding-right:64px !important}.duet-input.after-chip.sc-duet-input{padding-left:8px !important}.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(224, 42, 13) !important}.has-icon.sc-duet-input .duet-input.sc-duet-input{padding-right:48px !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58) !important;border-color:rgb(116, 116, 117) !important}.duet-input.align-right.sc-duet-input{text-align:right}.duet-input.sc-duet-input::-ms-clear{display:none}.duet-input.sc-duet-input::-webkit-contacts-auto-fill-button{display:none !important}.duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(101, 119, 135);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(101, 119, 135);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(207, 207, 209)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(116, 116, 117)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(207, 207, 209)}.duet-input[disabled].sc-duet-input{color:rgb(0, 41, 77) !important;cursor:not-allowed !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(0, 41, 77) !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus{border-color:rgb(0, 119, 179) !important;outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus{border-color:rgb(23, 28, 58) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(23, 28, 58)}.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input:focus{box-shadow:0 0 0 1px #e55039}.duet-input.sc-duet-input:focus+.duet-input-icon.sc-duet-input{color:rgb(0, 119, 179)}.duet-input[type=search].sc-duet-input:not(:placeholder-shown):focus+.duet-input-icon.sc-duet-input{display:none}.duet-input.sc-duet-input:not(:focus):not(:hover):invalid{box-shadow:none !important}.duet-input[type=number].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=number].sc-duet-input::-webkit-outer-spin-button,.duet-input[type=time].sc-duet-input::-webkit-inner-spin-button,.duet-input[type=time].sc-duet-input::-webkit-outer-spin-button{display:none;margin:0;-webkit-appearance:none}.duet-input.sc-duet-input::-webkit-search-cancel-button{margin-right:-28px}.duet-input-help.sc-duet-input{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(101, 119, 135);border-radius:4px}.duet-input-help.sc-duet-input span.sc-duet-input{display:block;margin-top:8px}.duet-theme-turva.sc-duet-input .duet-input-help.sc-duet-input{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(116, 116, 117)}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-input duet-label.sc-duet-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-input-relative.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input{position:relative;width:100%}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-button.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-right-width:0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.duet-input-variation-revealable.sc-duet-input{position:relative;width:100%}.duet-input-variation-revealable.sc-duet-input .sc-duet-input::-ms-reveal{display:none}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(116, 116, 117)}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input duet-button.sc-duet-input{z-index:250;margin-bottom:0}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{border-width:0 !important}.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-variation-revealable.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}.duet-input-variation-revealable.disabled.sc-duet-input .duet-input-relative.sc-duet-input{background:rgb(245, 248, 250);border-color:rgb(225, 227, 230);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(222, 35, 98)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(224, 42, 13)}.duet-input-variation-revealable.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(0, 119, 179);box-shadow:0 0 0 1px #0077b3 !important}.duet-input-variation-revealable.duet-theme-turva.has-focus.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-input-variation-revealable.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #909599}.duet-input-variation-revealable.duet-theme-turva.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #747475}.duet-input-variation-revealable.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #de2362}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input:hover:not(.disabled) .duet-input-relative.sc-duet-input{box-shadow:0 0 0 1px #e55039}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;justify-content:flex-start;width:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;box-shadow:initial;transition:box-shadow 150ms ease, border 150ms ease}.duet-theme-turva.sc-duet-input .duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(116, 116, 117)}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input{flex-basis:4rem;flex-grow:1;border-width:0 !important}.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:focus,.duet-input-container.has-chips.sc-duet-input .duet-input-relative.sc-duet-input .duet-input.sc-duet-input:hover{border-width:0 !important;box-shadow:none !important}';var DuetInputStyle0=duetInputCss;var icons={search:formSearch,email:formEmail};var DuetInput=function(){function t(t){var e=this;registerInstance(this,t);this.duetInput=createEvent(this,"duetInput",7);this.duetChange=createEvent(this,"duetChange",3);this.duetBlur=createEvent(this,"duetBlur",7);this.duetClear=createEvent(this,"duetClear",7);this.duetFocus=createEvent(this,"duetFocus",7);this.inputId=createID("DuetInput");this.clearId=createID("DuetInputClear");this.labelId=createID("DuetLabel");this.topCaptionId=createID("DuetCaptionTop");this.topCaptionPlaceholderId=createID("DuetCaptionPlaceholderTop");this.errorId=createID("DuetError");this.disallowPatternRegex=null;this.clearLabel={en:"Clear",fi:"Tyhjennä",sv:"Rensa"};this.timeAnnouncement={en:"Time",fi:"Aika",sv:"Tid"};this.showPasswordLabel={en:"Show password",fi:"Näytä salasana",sv:"Visa lösenord"};this.hidePasswordLabel={en:"Hide password",fi:"Piilota salasana",sv:"Dölj lösenord"};this.passwordShownAriaAnnouncement={en:"Password is shown",fi:"Salasana näytetään",sv:"Lösenordet visas"};this.passwordHiddenAriaAnnouncement={en:"Password is hidden",fi:"Salasana on piilotettu",sv:"Lösenordet är dolt"};this.onInput=function(t){if(e.disallowPatternRegex){cleanValue(e.nativeInput,e.disallowPatternRegex)}e.value=e.nativeInput.value||"";e.duetInput.emit({originalEvent:t,value:e.value,component:"duet-input"})};this.onBlur=function(t){if(t.relatedTarget===e.nativeInput||t.relatedTarget===e.togglePasswordRevealedButton){return}if(e.variation==="revealable"&&e.isPasswordRevealed){e.isPasswordRevealed=false}e.isFocused=false;e.duetBlur.emit({originalEvent:t,value:e.value,component:"duet-input"})};this.onFocus=function(t){e.isFocused=true;e.duetFocus.emit({originalEvent:t,value:e.value,component:"duet-input"})};this.onClear=function(t){e.duetClear.emit({originalEvent:t,value:e.value,component:"duet-input"})};this.getDescribedBy=function(){var t=[];if(e.isCaptionVisible&&e.topCaptionId){t.push(e.topCaptionId)}if(e.accessibleDescribedBy){t.push(e.accessibleDescribedBy)}if(e.error){t.push(e.errorId)}return t.length>0?t.join(" "):null};this.handleClearClick=function(t){var i=e.clearInput();e.onClear(t);return i};this.keyHandler=function(t){if(isEscapeKey(t)&&e.clear){e.handleClearClick(t)}if(isEnterKey(t)&&e.variation==="revealable"){if(t.target===e.togglePasswordRevealedButton){t.stopPropagation()}else{e.isPasswordRevealed=false}}return t};this.togglePasswordRevealed=function(){e.isPasswordRevealed=!e.isPasswordRevealed};this.getInputType=function(){if(e.variation==="revealable"){return e.isPasswordRevealed?"text":"password"}return e.type};this.language=getLanguage();this.isPasswordRevealed=undefined;this.isFocused=false;this.accessibleActiveDescendant=undefined;this.accessibleAutocomplete=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleExpanded=undefined;this.accessibleDescribedBy="";this.accessibleHasPopup=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLiveError="polite";this.debounce=0;this.clear=false;this.caption=undefined;this.echoPlaceholder=false;this.theme="";this.expand=false;this.disabled=false;this.identifier=undefined;this.margin="auto";this.inputAlign="left";this.inputPadding="medium";this.required=false;this.type="text";this.variation="default";this.chips=false;this.label="Label";this.labelColor=undefined;this.labelWeight=undefined;this.error="";this.labelHidden=false;this.numericKeyboard=false;this.name=undefined;this.pattern=undefined;this.maxlength=undefined;this.minlength=undefined;this.placeholder=undefined;this.component="input";this.role=undefined;this.icon=undefined;this.autoComplete="on";this.disallowPattern=null;this.value=undefined;this.tooltip="";this.tooltipDirection="auto"}t.prototype.disallowedPatternChange=function(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null};t.prototype.valueChanged=function(){var t=this;if(this.nativeInput&&this.nativeInput.value!==this.value){var e=resetCursor(this.nativeInput);this.nativeInput.value=this.value;e()}this.isCaptionVisible=!!this.caption;var i=function(){return t.duetChange.emit({value:t.value,component:"duet-input"})};if(this.debounce===0){i()}else{clearTimeout(this.timeoutId);this.timeoutId=setTimeout(i,this.debounce)}};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.disallowedPatternChange();this.isCaptionVisible=!!this.caption;checkNamedSlotElement(this.element,"tooltip","duet-tooltip",1,true)};t.prototype.componentDidLoad=function(){var t=this;if(this.variation==="revealable"&&this.nativeInput.form){this.nativeInput.form.addEventListener("submit",(function(){t.isPasswordRevealed=false}))}};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this)};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeInput){this.nativeInput.focus(t)}return[2]}))}))};t.prototype.resetCursor=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){if(this.nativeInput){t=resetCursor(this.nativeInput);this.nativeInput.value=this.value;t()}return[2]}))}))};t.prototype.clearInput=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.value="";this.nativeInput.focus();this.value=""}return[2]}))}))};t.prototype.getAllChips=function(){return Array.from(this.element.querySelectorAll(".duet-input-relative duet-chip"))};t.prototype.addChip=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(n){e=this.element.querySelector(".duet-input-relative");i=e.querySelector("input:not(duet-chip input)");e.insertBefore(t,i);return[2]}))}))};t.prototype.hasChip=function(t){return __awaiter(this,arguments,void 0,(function(t){var e=t.value,i=t.text;return __generator(this,(function(t){return[2,this.getAllChips().some((function(t){return t.value===e&&t.textContent===i}))]}))}))};t.prototype.getChips=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.getAllChips()]}))}))};t.prototype.clearChips=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.getAllChips().forEach((function(t){return t.remove()}));return[2]}))}))};t.prototype.render=function(){var t,e;var i=this;var n=this.identifier||this.inputId;var u={};if(this.numericKeyboard){u.inputmode="numeric"}if(this.pattern&&this.type!=="tel"){u.pattern=this.pattern}else if(!this.pattern&&this.type==="tel"){u.pattern="[0-9+ ]+"}var a;if(this.value){a=new Date;try{a.setHours(Number(this.value.slice(0,2)),Number(this.value.slice(3,5)),0,0)}catch(t){a=undefined}}var r=!this.icon&&this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"&&this.variation!=="button";return h(Host,{class:{"duet-expand":this.expand,"duet-m-0":this.margin==="none"},onKeyUp:function(t){return i.keyHandler(t)}},this.type==="time"&&h("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true"},a?"".concat(this.timeAnnouncement[this.language]," ").concat(a.toLocaleTimeString()):""),h("div",{class:(t={"duet-input-container":true,"duet-theme-turva":this.theme==="turva"},t["duet-input-variation-".concat(this.variation)]=true,t["duet-label-hidden"]=this.labelHidden,t["duet-input-top-caption-shown"]=this.isCaptionVisible,t["has-icon"]=this.variation!=="button"&&(!!this.icon||this.type!=="text"&&this.type!=="tel"&&this.type!=="password"&&this.type!=="time"),t["has-error"]=!!this.error,t["has-chips"]=this.chips,t["has-clear"]=this.clear,t["has-focus"]=this.isFocused,t.disabled=this.disabled,t)},h("div",{class:"duet-input-label-container"},h("duet-label",{theme:this.theme==="turva"?"turva":"default",margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:n},this.label),this.tooltip&&h("duet-tooltip",{class:"duet-input-tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label,theme:this.theme==="turva"?"turva":"default"},this.tooltip),h("slot",{name:"tooltip"})),this.caption&&h("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),h("div",{class:"duet-input-relative"},this.placeholder&&this.echoPlaceholder&&(this.value||this.type==="time")&&h("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-input-placeholder",margin:"none",size:"small"},this.placeholder),h("input",Object.assign({ref:function(t){return i.nativeInput=t},onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,type:this.getInputType(),class:(e={"duet-input":true,disabled:this.disabled,"is-number":this.component==="number","is-date":this.component==="date","after-chip":this.getAllChips().length>0,"align-right":this.inputAlign==="right"},e["input-padding-".concat(this.inputPadding)]=true,e),value:this.value,disabled:this.disabled,"aria-invalid":this.error?"true":"false","aria-labelledby":this.accessibleLabelledBy?"".concat(this.labelId," ").concat(this.accessibleLabelledBy):this.labelId,"aria-controls":this.accessibleControls,"aria-autocomplete":this.accessibleAutocomplete,"aria-activedescendant":this.accessibleActiveDescendant,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-expanded":this.accessibleExpanded,"aria-haspopup":this.accessibleHasPopup,"aria-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),placeholder:this.placeholder,spellcheck:"false",minlength:this.minlength,maxlength:this.maxlength,autocomplete:this.type==="password"?"off":this.autoComplete,required:this.required,role:this.role,name:this.name,id:n},u)),!this.value&&r&&h("div",{class:"duet-input-icon"},h("duet-icon",{margin:"none",size:"small",icon:icons[this.type].svg,color:"currentColor"})),this.clear&&this.value&&h("div",{class:{"duet-input-clear-icon":true,"duet-input-clear-icon-single":!r,"duet-input-clear-icon-double":!!this.icon,"duet-input-clear-icon-button":this.variation==="button"}},h("button",{onClick:this.handleClearClick,id:this.clearId,"aria-label":this.clearLabel[this.language],"aria-keyshortcuts":"Escape"},h("duet-icon",{margin:"none",size:"medium",name:"action-clear-input",color:"currentColor"}))),this.icon&&this.variation!=="button"&&h("div",{class:"duet-input-icon"},h("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),this.variation==="button"&&h("slot",{name:"button"}),this.variation==="revealable"&&h("duet-button",{ref:function(t){return i.togglePasswordRevealedButton=t},onBlur:this.onBlur,onFocus:this.onFocus,onClick:this.togglePasswordRevealed,icon:this.isPasswordRevealed?"action-hide":"action-show",accessibleLabel:this.isPasswordRevealed?this.hidePasswordLabel[this.language]:this.showPasswordLabel[this.language],margin:"none",variation:"input-button-embedded",fixed:true,iconOnly:true}),this.variation==="revealable"&&this.isPasswordRevealed!==undefined&&h("duet-visually-hidden",null,h("span",{"aria-live":"polite"},this.isPasswordRevealed?this.passwordShownAriaAnnouncement[this.language]:this.passwordHiddenAriaAnnouncement[this.language])),h("slot",null)),h("span",{class:"duet-input-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&h("span",{class:"duet-input-error"},this.error))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disallowPattern:["disallowedPatternChange"],value:["valueChanged"]}},enumerable:false,configurable:true});return t}();DuetInput.style=DuetInputStyle0;var duetLabelCss='*.sc-duet-label,*.sc-duet-label::after,*.sc-duet-label::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-label-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;line-height:1.25;cursor:default}.duet-p-0.sc-duet-label-h{padding:0 !important}.duet-m-0.sc-duet-label-h{margin:0 !important}.duet-m-0.sc-duet-label-h{margin-bottom:0 !important}.duet-small-margin.sc-duet-label-h{margin-top:8px !important;margin-bottom:4px !important}.duet-has-tooltip.sc-duet-label-h{padding-right:48px}@media (min-width: 48em){.duet-has-tooltip.sc-duet-label-h{padding-right:0}}label.sc-duet-label{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;font-weight:600 !important;line-height:1.25;color:rgb(0, 41, 77);text-align:left;word-break:break-word}label.sc-duet-label span.sc-duet-label{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-label-small.sc-duet-label-h label.sc-duet-label{font-size:0.875rem}.duet-label-small.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-size:0.875rem}.duet-weight-normal.sc-duet-label-h label.sc-duet-label{font-weight:400 !important}.duet-weight-normal.sc-duet-label-h label.sc-duet-label span.sc-duet-label{font-weight:400 !important}.duet-theme-turva.sc-duet-label-h label.sc-duet-label{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)}';var DuetLabelStyle0=duetLabelCss;var DuetLabel=function(){function t(t){registerInstance(this,t);this.theme="";this.for=undefined;this.margin="auto";this.size="medium";this.weight="semi-bold";this.color=""}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.render=function(){var t;var e=getColorByName(this.color);return h(Host,{class:(t={"duet-label":true,"duet-label-small":this.size==="small","duet-theme-turva":this.theme==="turva","duet-small-margin":this.margin==="small","duet-m-0":this.margin==="none"},t["duet-weight-".concat(this.weight)]=true,t)},h("label",{htmlFor:this.for,style:{color:e}},h("span",null,h("slot",null))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetLabel.style=DuetLabelStyle0;export{DuetInput as duet_input,DuetLabel as duet_label};

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

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-53a4590f.js";import{i as isInternetExplorer}from"./is-internet-explorer-2c48f686.js";import{c as checkNamedSlotElement}from"./slot-utils-37bfd1dd.js";var duetLayoutCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 96px);margin:0 -48px 0 -48px}}@media (min-width: 48em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 144px);margin:0 -72px 0 -72px}}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-layout-has-top{margin-top:0}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%;margin:72px auto 0}.duet-layout-top.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";var DuetLayoutStyle0=duetLayoutCss;var DuetLayout=function(){function t(t){registerInstance(this,t);this.hasSidebar=false;this.hasTop=false;this.hasPageHeading=false;this.sticky=false;this.margin="auto";this.stickyDistance="with-links";this.center=false;this.tabs=false;this.middle=false;this.paddingBreakpoint=undefined}t.prototype.componentWillLoad=function(){this.hasSidebar=!!this.element.querySelector("[slot='sidebar']");this.hasTop=!!this.element.querySelector("[slot='top']");this.hasPageHeading=!!this.element.querySelector("[slot='page-heading']");checkNamedSlotElement(this.element,"page-heading","duet-page-heading",1,true);if(!this.element.querySelector("[slot='main']")){console.warn("[DUET WARNING]: Nothing passed to <duet-layout> named slots. Please use one of 'main', 'sidebar' or 'top' to display contents.")}};t.prototype.render=function(){var t,e;return h(Host,{key:"815cf46b505a58a4f1db64f0737eb2461fffe1b4",class:{center:this.center,"duet-middle":this.middle,"duet-ie":isInternetExplorer()}},this.hasTop&&h("div",{key:"97f256b275cea1d8303d3c2b2fafcbc83ab17227",class:{"duet-layout-top":true,"duet-m-0":this.margin==="none","duet-center":this.center}},h("div",{key:"e08dfb887503e2db0e2d315bce69c4243ca0a368",class:"duet-layout-top-wrapper"},h("slot",{key:"a0a214dab158a6228b6d8e69a4ae77b51dc3da68",name:"top"}))),h("div",{key:"37a6738ab3a9695408026c8d83bbc1dbeb17490e",class:(t={"duet-layout":true,"duet-layout-has-top":this.hasTop,"has-sidebar":this.hasSidebar,"duet-m-0":this.margin==="none","duet-center":this.center},t["padding-".concat(this.paddingBreakpoint)]=!!this.paddingBreakpoint,t)},h("main",{key:"9250e251d618850e3ca2a16c7e15f0d921b1cc0f",class:"duet-main"},this.hasPageHeading&&h("slot",{key:"6bd2301fc4f57c18bab92ce7278ec037f38971d4",name:"page-heading"}),h("slot",{key:"d37514f4cc602e46ecbc78e87647076c9e550c94",name:"main"})),this.hasSidebar&&h("aside",{key:"6ad7bd59e98bfe3123a1cccce343fb0f158387e0",class:"duet-sidebar"},h("div",{key:"6476ae186902b93bac02f5512c33ca2419202d8a",class:(e={"duet-sidebar-container":true,"has-tabs":this.tabs,sticky:this.sticky},e[this.stickyDistance]=this.sticky,e)},h("slot",{key:"4406fe27dbd20dd18448aa76800be82b3333c306",name:"sidebar"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetLayout.style=DuetLayoutStyle0;export{DuetLayout as duet_layout};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-ea400af3.js";import{i as isInternetExplorer}from"./is-internet-explorer-2c48f686.js";import{c as checkNamedSlotElement}from"./slot-utils-95c2258f.js";var duetLayoutCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){::slotted([slot=page-heading]){width:calc(100% + 56px);margin:0 -28px 0 -28px}}@media (min-width: 62em){::slotted([slot=page-heading]){width:calc(100% + 112px);margin:0 -56px 0 -56px}}:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 32px);margin:0 -16px 0 -16px}@media (min-width: 36em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 96px);margin:0 -48px 0 -48px}}@media (min-width: 48em){:host(.center) ::slotted([slot=page-heading]){width:calc(100% + 144px);margin:0 -72px 0 -72px}}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-middle) .heading-wrapper{padding:0 !important}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-layout-has-top{margin-top:0}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%;margin:72px auto 0}.duet-layout-top.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";var DuetLayoutStyle0=duetLayoutCss;var DuetLayout=function(){function t(t){registerInstance(this,t);this.hasSidebar=false;this.hasTop=false;this.hasPageHeading=false;this.sticky=false;this.margin="auto";this.stickyDistance="with-links";this.center=false;this.tabs=false;this.middle=false;this.paddingBreakpoint=undefined}t.prototype.componentWillLoad=function(){this.hasSidebar=!!this.element.querySelector("[slot='sidebar']");this.hasTop=!!this.element.querySelector("[slot='top']");this.hasPageHeading=!!this.element.querySelector("[slot='page-heading']");checkNamedSlotElement(this.element,"page-heading","duet-page-heading",1,true);if(!this.element.querySelector("[slot='main']")){console.warn("[DUET WARNING]: Nothing passed to <duet-layout> named slots. Please use one of 'main', 'sidebar' or 'top' to display contents.")}};t.prototype.render=function(){var t,e;return h(Host,{key:"815cf46b505a58a4f1db64f0737eb2461fffe1b4",class:{center:this.center,"duet-middle":this.middle,"duet-ie":isInternetExplorer()}},this.hasTop&&h("div",{key:"97f256b275cea1d8303d3c2b2fafcbc83ab17227",class:{"duet-layout-top":true,"duet-m-0":this.margin==="none","duet-center":this.center}},h("div",{key:"e08dfb887503e2db0e2d315bce69c4243ca0a368",class:"duet-layout-top-wrapper"},h("slot",{key:"a0a214dab158a6228b6d8e69a4ae77b51dc3da68",name:"top"}))),h("div",{key:"37a6738ab3a9695408026c8d83bbc1dbeb17490e",class:(t={"duet-layout":true,"duet-layout-has-top":this.hasTop,"has-sidebar":this.hasSidebar,"duet-m-0":this.margin==="none","duet-center":this.center},t["padding-".concat(this.paddingBreakpoint)]=!!this.paddingBreakpoint,t)},h("main",{key:"9250e251d618850e3ca2a16c7e15f0d921b1cc0f",class:"duet-main"},this.hasPageHeading&&h("slot",{key:"6bd2301fc4f57c18bab92ce7278ec037f38971d4",name:"page-heading"}),h("slot",{key:"d37514f4cc602e46ecbc78e87647076c9e550c94",name:"main"})),this.hasSidebar&&h("aside",{key:"6ad7bd59e98bfe3123a1cccce343fb0f158387e0",class:"duet-sidebar"},h("div",{key:"6476ae186902b93bac02f5512c33ca2419202d8a",class:(e={"duet-sidebar-container":true,"has-tabs":this.tabs,sticky:this.sticky},e[this.stickyDistance]=this.sticky,e)},h("slot",{key:"4406fe27dbd20dd18448aa76800be82b3333c306",name:"sidebar"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetLayout.style=DuetLayoutStyle0;export{DuetLayout as duet_layout};

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

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(t,e,i,d){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,l){function o(t){try{n(d.next(t))}catch(t){l(t)}}function a(t){try{n(d["throw"](t))}catch(t){l(t)}}function n(t){t.done?i(t.value):s(t.value).then(o,a)}n((d=d.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},d,s,l,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(t){return function(e){return n([t,e])}}function n(a){if(d)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(i=0)),i)try{if(d=1,s&&(l=a[0]&2?s["return"]:a[0]?s["throw"]||((l=s["return"])&&l.call(s),0):s.next)&&!(l=l.call(s,a[1])).done)return l;if(s=0,l)a=[a[0]&2,l.value];switch(a[0]){case 0:case 1:l=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;s=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(l=i.trys,l=l.length>0&&l[l.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!l||a[1]>l[0]&&a[1]<l[3])){i.label=a[1];break}if(a[0]===6&&i.label<l[1]){i.label=l[1];l=a;break}if(l&&i.label<l[2]){i.label=l[2];i.ops.push(a);break}if(l[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];s=0}finally{d=l=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,h,g as getElement,H as Host}from"./index-53a4590f.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{w as watchForOptions}from"./watch-options-e96ecd92.js";var duetListCss="*,*::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;width:100%}.duet-list-component{margin-bottom:16px !important;width:100%}.duet-list-component.duet-p-0{padding:0 !important}.duet-list-component.duet-m-0{margin:0 !important}";var DuetListStyle0=duetListCss;var DuetList=function(){function t(t){registerInstance(this,t);this.theme="";this.margin="auto";this.padding="auto";this.mobile="left";this.breakpoint="small";this.variation="default";this.labelWidth="30";this.responsive=true}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){t=this.element;this.mutationO=watchForOptions(t,"duet-list-item",(function(){e.updateListItems()}));this.updateListItems();return[2]}))}))};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};t.prototype.toggleClass=function(t,e,i){if(i){t.classList.add(e)}else{t.classList.remove(e)}};t.prototype.updateListItems=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){t=Array.from(this.element.querySelectorAll("duet-list-item"));t.forEach((function(t){t.responsive=e.responsive;t.breakpoint=e.responsive?e.breakpoint||"small":undefined;t.classList.add("duet-list-width-".concat(e.labelWidth));t.classList.add("duet-list-variation-".concat(e.variation));e.toggleClass(t,"duet-p-0",e.padding==="none");e.toggleClass(t,"duet-list-mobile-center",e.mobile==="center");e.toggleClass(t,"duet-list-striped",e.variation==="striped");e.toggleClass(t,"duet-list-bordered",e.variation==="bordered");e.toggleClass(t,"duet-list-inner-bordered",e.variation==="inner-bordered");e.toggleClass(t,"duet-theme-turva",e.theme==="turva")}));return[2]}))}))};t.prototype.render=function(){return h("dl",{key:"1fe1ac541aeae071f5684e90937cee1a4be689d6",class:{"duet-list-component":true,"duet-m-0":this.margin==="none"}},h("slot",{key:"166ca55ff1ca8e804357bf991b84ede3eac45d13"}))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{theme:["updateListItems"],padding:["updateListItems"],mobile:["updateListItems"],responsive:["updateListItems"],breakpoint:["updateListItems"],variation:["updateListItems"],labelWidth:["updateListItems"]}},enumerable:false,configurable:true});return t}();DuetList.style=DuetListStyle0;var duetListItemCss='*,*::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;flex-direction:column;display:flex;width:100%;overflow:visible;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77)}:host dt{padding-bottom:4px}:host dd{padding-top:0}:host dt,:host dd{flex-basis:100%}:host dt,:host dd{width:100%;margin-inline-start:0;-webkit-hyphens:auto;hyphens:auto;text-align:left;overflow-wrap:break-word}:host dt{font-weight:600}.duet-theme-turva :host dt{font-weight:700}:host dd{margin-left:auto}:host(.duet-list-striped) dt,:host(.duet-list-striped) dd{padding:16px}:host(.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-striped) dd{padding-top:0}:host(.duet-list-striped.duet-no-stacking) dt,:host(.duet-list-striped.duet-no-stacking) dd{padding:16px}:host(:not(.duet-list-striped)) dt,:host(:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(:not(.duet-list-striped)) dt{padding-bottom:4px}:host(:not(.duet-list-striped)) dd{padding-top:0}:host(:not(.duet-list-striped).duet-no-stacking) dt,:host(:not(.duet-list-striped).duet-no-stacking) dd{padding:8px;padding-inline:0}:host(.duet-p-0) dt,:host(.duet-p-0) dd{padding:0 !important}:host(.duet-list-mobile-center) dt,:host(.duet-list-mobile-center) dd{text-align:center}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-list-striped:nth-child(odd)) dt,:host(.duet-list-striped:nth-child(odd)) dd{background:rgb(245, 248, 250)}:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dd{background:rgb(245, 245, 247)}:host(.duet-list-bordered){border-block-start:1px solid rgb(225, 227, 230)}:host(.duet-list-bordered:last-child){border-block-end:1px solid rgb(225, 227, 230)}:host(.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(228, 228, 230)}:host(.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(228, 228, 230)}:host(.duet-list-inner-bordered:not(:last-child)){border-block-end:1px solid rgb(225, 227, 230)}:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(228, 228, 230)}:host(.duet-no-stacking){flex-direction:row}:host(.duet-list-mobile-center.duet-no-stacking) dt,:host(.duet-list-mobile-center.duet-no-stacking) dd{text-align:left}:host(.duet-no-stacking.duet-list-width-30) dt{flex-basis:33%}:host(.duet-no-stacking.duet-list-width-30) dd{flex-basis:67%}:host(.duet-no-stacking.duet-list-width-50) dt{flex-basis:47%}:host(.duet-no-stacking.duet-list-width-50) dd{flex-basis:53%}:host(.duet-no-stacking.duet-list-width-70) dt{flex-basis:65%}:host(.duet-no-stacking.duet-list-width-70) dd{flex-basis:35%}:host(.duet-list-item-breakpoint-x-small){flex-direction:row}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:35%}@media (max-width: 22.5em){:host(.duet-list-item-breakpoint-x-small){flex-direction:column}:host(.duet-list-item-breakpoint-x-small) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:center}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:100%}}@media (min-width: 36em){:host(.duet-list-item-breakpoint-small){flex-direction:row}:host(.duet-list-item-breakpoint-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 48em){:host(.duet-list-item-breakpoint-medium){flex-direction:row}:host(.duet-list-item-breakpoint-medium.duet-list-striped) dt,:host(.duet-list-item-breakpoint-medium.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-medium.duet-p-0) dt,:host(.duet-list-item-breakpoint-medium.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 62em){:host(.duet-list-item-breakpoint-large){flex-direction:row}:host(.duet-list-item-breakpoint-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 64.0625em){:host(.duet-list-item-breakpoint-x-large){flex-direction:row}:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dd{flex-basis:35%}}';var DuetListItemStyle0=duetListItemCss;var DuetListItem=function(){function t(t){registerInstance(this,t);this.responsive=false;this.breakpoint="small"}t.prototype.render=function(){return h(Host,{key:"5ca1067fca4b44ef1a3b57b52e775407879ab750",class:{"duet-no-stacking":!this.responsive,"duet-list-item-breakpoint-x-small":this.breakpoint==="x-small","duet-list-item-breakpoint-small":this.breakpoint==="small","duet-list-item-breakpoint-medium":this.breakpoint==="medium","duet-list-item-breakpoint-large":this.breakpoint==="large","duet-list-item-breakpoint-x-large":this.breakpoint==="x-large"}},h("dt",{key:"c8141e0af55f96c0dae8fbb8a50e74be470dc6bd"},h("slot",{key:"583b9d7f5109da8f0185abcf07ca45d6d30944dc",name:"label"})),h("dd",{key:"bfcb5056ec7fbb9412084e3eb95b610f168d7559"},h("slot",{key:"3b844ecbbf9dbb82e2b4d9ac44cad328104865da",name:"value"})))};return t}();DuetListItem.style=DuetListItemStyle0;export{DuetList as duet_list,DuetListItem as duet_list_item};
+ */import{r as registerInstance,h,g as getElement,H as Host}from"./index-ea400af3.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{w as watchForOptions}from"./watch-options-e96ecd92.js";var duetListCss="*,*::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;width:100%}.duet-list-component{margin-bottom:16px !important;width:100%}.duet-list-component.duet-p-0{padding:0 !important}.duet-list-component.duet-m-0{margin:0 !important}";var DuetListStyle0=duetListCss;var DuetList=function(){function t(t){registerInstance(this,t);this.theme="";this.margin="auto";this.padding="auto";this.mobile="left";this.breakpoint="small";this.variation="default";this.labelWidth="30";this.responsive=true}t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){t=this.element;this.mutationO=watchForOptions(t,"duet-list-item",(function(){e.updateListItems()}));this.updateListItems();return[2]}))}))};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};t.prototype.toggleClass=function(t,e,i){if(i){t.classList.add(e)}else{t.classList.remove(e)}};t.prototype.updateListItems=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){t=Array.from(this.element.querySelectorAll("duet-list-item"));t.forEach((function(t){t.responsive=e.responsive;t.breakpoint=e.responsive?e.breakpoint||"small":undefined;t.classList.add("duet-list-width-".concat(e.labelWidth));t.classList.add("duet-list-variation-".concat(e.variation));e.toggleClass(t,"duet-p-0",e.padding==="none");e.toggleClass(t,"duet-list-mobile-center",e.mobile==="center");e.toggleClass(t,"duet-list-striped",e.variation==="striped");e.toggleClass(t,"duet-list-bordered",e.variation==="bordered");e.toggleClass(t,"duet-list-inner-bordered",e.variation==="inner-bordered");e.toggleClass(t,"duet-theme-turva",e.theme==="turva")}));return[2]}))}))};t.prototype.render=function(){return h("dl",{key:"1fe1ac541aeae071f5684e90937cee1a4be689d6",class:{"duet-list-component":true,"duet-m-0":this.margin==="none"}},h("slot",{key:"166ca55ff1ca8e804357bf991b84ede3eac45d13"}))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{theme:["updateListItems"],padding:["updateListItems"],mobile:["updateListItems"],responsive:["updateListItems"],breakpoint:["updateListItems"],variation:["updateListItems"],labelWidth:["updateListItems"]}},enumerable:false,configurable:true});return t}();DuetList.style=DuetListStyle0;var duetListItemCss='*,*::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;flex-direction:column;display:flex;width:100%;overflow:visible;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77)}:host dt{padding-bottom:4px}:host dd{padding-top:0}:host dt,:host dd{flex-basis:100%}:host dt,:host dd{width:100%;margin-inline-start:0;-webkit-hyphens:auto;hyphens:auto;text-align:left;overflow-wrap:break-word}:host dt{font-weight:600}.duet-theme-turva :host dt{font-weight:700}:host dd{margin-left:auto}:host(.duet-list-striped) dt,:host(.duet-list-striped) dd{padding:16px}:host(.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-striped) dd{padding-top:0}:host(.duet-list-striped.duet-no-stacking) dt,:host(.duet-list-striped.duet-no-stacking) dd{padding:16px}:host(:not(.duet-list-striped)) dt,:host(:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(:not(.duet-list-striped)) dt{padding-bottom:4px}:host(:not(.duet-list-striped)) dd{padding-top:0}:host(:not(.duet-list-striped).duet-no-stacking) dt,:host(:not(.duet-list-striped).duet-no-stacking) dd{padding:8px;padding-inline:0}:host(.duet-p-0) dt,:host(.duet-p-0) dd{padding:0 !important}:host(.duet-list-mobile-center) dt,:host(.duet-list-mobile-center) dd{text-align:center}:host(.duet-theme-turva){font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}:host(.duet-list-striped:nth-child(odd)) dt,:host(.duet-list-striped:nth-child(odd)) dd{background:rgb(245, 248, 250)}:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dd{background:rgb(245, 245, 247)}:host(.duet-list-bordered){border-block-start:1px solid rgb(225, 227, 230)}:host(.duet-list-bordered:last-child){border-block-end:1px solid rgb(225, 227, 230)}:host(.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(228, 228, 230)}:host(.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(228, 228, 230)}:host(.duet-list-inner-bordered:not(:last-child)){border-block-end:1px solid rgb(225, 227, 230)}:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(228, 228, 230)}:host(.duet-no-stacking){flex-direction:row}:host(.duet-list-mobile-center.duet-no-stacking) dt,:host(.duet-list-mobile-center.duet-no-stacking) dd{text-align:left}:host(.duet-no-stacking.duet-list-width-30) dt{flex-basis:33%}:host(.duet-no-stacking.duet-list-width-30) dd{flex-basis:67%}:host(.duet-no-stacking.duet-list-width-50) dt{flex-basis:47%}:host(.duet-no-stacking.duet-list-width-50) dd{flex-basis:53%}:host(.duet-no-stacking.duet-list-width-70) dt{flex-basis:65%}:host(.duet-no-stacking.duet-list-width-70) dd{flex-basis:35%}:host(.duet-list-item-breakpoint-x-small){flex-direction:row}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:35%}@media (max-width: 22.5em){:host(.duet-list-item-breakpoint-x-small){flex-direction:column}:host(.duet-list-item-breakpoint-x-small) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small.duet-list-striped) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dt{padding-bottom:4px}:host(.duet-list-item-breakpoint-x-small:not(.duet-list-striped)) dd{padding-top:0}:host(.duet-list-item-breakpoint-x-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-mobile-center) dd{text-align:center}:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-30) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-50) dd{flex-basis:100%}:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dt,:host(.duet-list-item-breakpoint-x-small.duet-list-width-70) dd{flex-basis:100%}}@media (min-width: 36em){:host(.duet-list-item-breakpoint-small){flex-direction:row}:host(.duet-list-item-breakpoint-small.duet-list-striped) dt,:host(.duet-list-item-breakpoint-small.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-small:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-small.duet-p-0) dt,:host(.duet-list-item-breakpoint-small.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-small.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-small.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-small.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-small.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 48em){:host(.duet-list-item-breakpoint-medium){flex-direction:row}:host(.duet-list-item-breakpoint-medium.duet-list-striped) dt,:host(.duet-list-item-breakpoint-medium.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-medium:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-medium.duet-p-0) dt,:host(.duet-list-item-breakpoint-medium.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-medium.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-medium.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-medium.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-medium.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 62em){:host(.duet-list-item-breakpoint-large){flex-direction:row}:host(.duet-list-item-breakpoint-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-large.duet-list-width-70) dd{flex-basis:35%}}@media (min-width: 64.0625em){:host(.duet-list-item-breakpoint-x-large){flex-direction:row}:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-striped) dd{padding:16px}:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dt,:host(.duet-list-item-breakpoint-x-large:not(.duet-list-striped)) dd{padding:8px;padding-inline:0}:host(.duet-list-item-breakpoint-x-large.duet-p-0) dt,:host(.duet-list-item-breakpoint-x-large.duet-p-0) dd{padding:0 !important}:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dt,:host(.duet-list-item-breakpoint-x-large.duet-list-mobile-center) dd{text-align:left}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-item-breakpoint-x-large.duet-list-width-70) dd{flex-basis:35%}}';var DuetListItemStyle0=duetListItemCss;var DuetListItem=function(){function t(t){registerInstance(this,t);this.responsive=false;this.breakpoint="small"}t.prototype.render=function(){return h(Host,{key:"5ca1067fca4b44ef1a3b57b52e775407879ab750",class:{"duet-no-stacking":!this.responsive,"duet-list-item-breakpoint-x-small":this.breakpoint==="x-small","duet-list-item-breakpoint-small":this.breakpoint==="small","duet-list-item-breakpoint-medium":this.breakpoint==="medium","duet-list-item-breakpoint-large":this.breakpoint==="large","duet-list-item-breakpoint-x-large":this.breakpoint==="x-large"}},h("dt",{key:"c8141e0af55f96c0dae8fbb8a50e74be470dc6bd"},h("slot",{key:"583b9d7f5109da8f0185abcf07ca45d6d30944dc",name:"label"})),h("dd",{key:"bfcb5056ec7fbb9412084e3eb95b610f168d7559"},h("slot",{key:"3b844ecbbf9dbb82e2b4d9ac44cad328104865da",name:"value"})))};return t}();DuetListItem.style=DuetListItemStyle0;export{DuetList as duet_list,DuetListItem as duet_list_item};

package/lib/esm-es5/duet-menu-bar-button.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{s(i.next(e))}catch(e){a(e)}}function u(e){try{s(i["throw"](e))}catch(e){a(e)}}function s(e){e.done?n(e.value):r(e.value).then(o,u)}s((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: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(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(n=0)),n)try{if(i=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{i=a=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(e,t,n,i){function a(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(i.next(e))}catch(e){r(e)}}function u(e){try{s(i["throw"](e))}catch(e){r(e)}}function s(e){e.done?n(e.value):a(e.value).then(o,u)}s((i=i.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:[]},i,a,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(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(n=0)),n)try{if(i=1,a&&(r=u[0]&2?a["return"]:u[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,u[1])).done)return r;if(a=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++;a=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];a=0}finally{i=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-53a4590f.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetMenuBarButtonCss='*,*::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%}.duet-menu-bar-button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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;color:inherit;text-align:center;text-decoration:none;cursor:pointer}.duet-menu-bar-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-button:focus,.duet-menu-bar-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-button .menu-bar-button-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-button .menu-bar-button-icon{width:16px;height:16px}}.duet-menu-bar-button.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"}@media (min-width: 62em){.duet-menu-bar-button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-button{padding:0 28px}}@media (min-width: 62em){.duet-menu-bar-button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-button:hover.duet-theme-turva{color:rgb(198, 12, 48)}}';var DuetMenuBarButtonStyle0=duetMenuBarButtonCss;var DuetMenuBarButton=function(){function e(e){registerInstance(this,e);this.accessibleLabel=undefined;this.accessibleControls=undefined;this.accessiblePopup="false";this.accessibleActiveDescendant=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleExpanded=undefined;this.accessiblePressed=undefined;this.theme="";this.icon=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeButton){this.nativeButton.focus(e)}return[2]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"9206620e16533fa13b7b84f47b8543a70a7b2410",role:"listitem",onfocus:function(){return e.setFocus()}},h("button",{key:"e172b1d487ac1b425e26b56485f03b6ee2453110",ref:function(t){return e.nativeButton=t},class:{"duet-menu-bar-button":true,"duet-theme-turva":this.theme==="turva"},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-pressed":this.accessiblePressed!=null?this.accessiblePressed.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined},this.icon&&h("duet-icon",{key:"46afda060d34d192871f0601c64c188236389aed",class:"menu-bar-button-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),h("slot",{key:"61ead72d9ec280bc7a757582c62d7028ce400d22"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarButton.style=DuetMenuBarButtonStyle0;export{DuetMenuBarButton as duet_menu_bar_button};
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-ea400af3.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetMenuBarButtonCss='*,*::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%}.duet-menu-bar-button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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;color:inherit;text-align:center;text-decoration:none;cursor:pointer}.duet-menu-bar-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-menu-bar-button:focus,.duet-menu-bar-button:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-button .menu-bar-button-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-button .menu-bar-button-icon{width:16px;height:16px}}.duet-menu-bar-button.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"}@media (min-width: 62em){.duet-menu-bar-button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-button{padding:0 28px}}@media (min-width: 62em){.duet-menu-bar-button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-button:hover.duet-theme-turva{color:rgb(198, 12, 48)}}';var DuetMenuBarButtonStyle0=duetMenuBarButtonCss;var DuetMenuBarButton=function(){function e(e){registerInstance(this,e);this.accessibleLabel=undefined;this.accessibleControls=undefined;this.accessiblePopup="false";this.accessibleActiveDescendant=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleExpanded=undefined;this.accessiblePressed=undefined;this.theme="";this.icon=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeButton){this.nativeButton.focus(e)}return[2]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"9206620e16533fa13b7b84f47b8543a70a7b2410",role:"listitem",onfocus:function(){return e.setFocus()}},h("button",{key:"e172b1d487ac1b425e26b56485f03b6ee2453110",ref:function(t){return e.nativeButton=t},class:{"duet-menu-bar-button":true,"duet-theme-turva":this.theme==="turva"},"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-pressed":this.accessiblePressed!=null?this.accessiblePressed.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined},this.icon&&h("duet-icon",{key:"46afda060d34d192871f0601c64c188236389aed",class:"menu-bar-button-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),h("slot",{key:"61ead72d9ec280bc7a757582c62d7028ce400d22"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarButton.style=DuetMenuBarButtonStyle0;export{DuetMenuBarButton as duet_menu_bar_button};

package/lib/esm-es5/duet-menu-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-53a4590f.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-439bcc8b.js";var duetMenuBarDropdownLinkCss='*,*::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-menu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:center;text-decoration:none}.duet-menu-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-menu-bar-dropdown-link:focus,.duet-menu-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-menu-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-menu-bar-dropdown-link:hover{background:rgb(230, 242, 248)}.duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(228, 228, 230)}';var DuetMenuBarDropdownLinkStyle0=duetMenuBarDropdownLinkCss;var DuetMenuBarDropdownLink=function(){function e(e){var n=this;registerInstance(this,e);this.getVariant=function(){var e=n.element.parentElement.parentElement.getAttribute("slot");switch(e){case"center":return"right";case"right":return"right";default:return"right"}};this.theme="";this.href="#";this.icon=undefined;this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var n=this.element.closest("duet-menu-bar-dropdown");n.open=false;n.setFocus()}};e.prototype.render=function(){var e;var n=this;return h(Host,{key:"e3310b8dfef57c95572f69574ab3f2844f0a8fd2"},h("a",{key:"0bc7dc99b57576902aa56cf53e0f0a092d7d1606",class:(e={"duet-menu-bar-dropdown-link":true},e["duet-menu-bar-dropdown-link--slot-".concat(this.getVariant())]=true,e["duet-theme-turva"]=this.theme==="turva",e),href:this.href,role:"menuitem",onKeyUp:function(e){return n.handleEscape(e)},"aria-label":this.accessibleLabel},this.icon&&h("duet-icon",{key:"0434d95f76ea5e61047da18bac14f7261626a161",theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("slot",{key:"8b32a81bdf0bd30bb14486a8593e31f1cd86632e"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarDropdownLink.style=DuetMenuBarDropdownLinkStyle0;export{DuetMenuBarDropdownLink as duet_menu_bar_dropdown_link};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-ea400af3.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-439bcc8b.js";var duetMenuBarDropdownLinkCss='*,*::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-menu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:center;text-decoration:none}.duet-menu-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-menu-bar-dropdown-link:focus,.duet-menu-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-menu-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-menu-bar-dropdown-link:hover{background:rgb(230, 242, 248)}.duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(228, 228, 230)}';var DuetMenuBarDropdownLinkStyle0=duetMenuBarDropdownLinkCss;var DuetMenuBarDropdownLink=function(){function e(e){var n=this;registerInstance(this,e);this.getVariant=function(){var e=n.element.parentElement.parentElement.getAttribute("slot");switch(e){case"center":return"right";case"right":return"right";default:return"right"}};this.theme="";this.href="#";this.icon=undefined;this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var n=this.element.closest("duet-menu-bar-dropdown");n.open=false;n.setFocus()}};e.prototype.render=function(){var e;var n=this;return h(Host,{key:"e3310b8dfef57c95572f69574ab3f2844f0a8fd2"},h("a",{key:"0bc7dc99b57576902aa56cf53e0f0a092d7d1606",class:(e={"duet-menu-bar-dropdown-link":true},e["duet-menu-bar-dropdown-link--slot-".concat(this.getVariant())]=true,e["duet-theme-turva"]=this.theme==="turva",e),href:this.href,role:"menuitem",onKeyUp:function(e){return n.handleEscape(e)},"aria-label":this.accessibleLabel},this.icon&&h("duet-icon",{key:"0434d95f76ea5e61047da18bac14f7261626a161",theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("slot",{key:"8b32a81bdf0bd30bb14486a8593e31f1cd86632e"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarDropdownLink.style=DuetMenuBarDropdownLinkStyle0;export{DuetMenuBarDropdownLink as duet_menu_bar_dropdown_link};

package/lib/esm-es5/duet-menu-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{u(o.next(e))}catch(e){a(e)}}function d(e){try{u(o["throw"](e))}catch(e){a(e)}}function u(e){e.done?n(e.value):r(e.value).then(i,d)}u((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:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function d(e){return function(t){return u([e,t])}}function u(d){if(o)throw new TypeError("Generator is already executing.");while(i&&(i=0,d[0]&&(n=0)),n)try{if(o=1,r&&(a=d[0]&2?r["return"]:d[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,d[1])).done)return a;if(r=0,a)d=[d[0]&2,a.value];switch(d[0]){case 0:case 1:a=d;break;case 4:n.label++;return{value:d[1],done:false};case 5:n.label++;r=d[1];d=[0];continue;case 7:d=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(d[0]===6||d[0]===2)){n=0;continue}if(d[0]===3&&(!a||d[1]>a[0]&&d[1]<a[3])){n.label=d[1];break}if(d[0]===6&&n.label<a[1]){n.label=a[1];a=d;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(d);break}if(a[2])n.ops.pop();n.trys.pop();continue}d=t.call(e,n)}catch(e){d=[6,e];r=0}finally{o=a=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-53a4590f.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-439bcc8b.js";var duetMenuBarDropdownCss='*,*::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%}@media (min-width: 62em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 16px}}@media (min-width: 76.25em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 28px}}.duet-menu-bar-dropdown{position:relative;height:100%}.duet-menu-bar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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(0, 77, 128);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-menu-bar-dropdown button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-dropdown button{padding:0 28px}}.duet-menu-bar-dropdown button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-menu-bar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-menu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-theme-turva .duet-menu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-dropdown button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:16px;height:16px}}.duet-menu-bar-dropdown .items{position:absolute;top:70%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;padding:8px;color:rgb(0, 41, 77);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)}.duet-menu-bar-dropdown .items.hidden{display:none}.duet-menu-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)}.duet-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(198, 12, 48)}.duet-menu-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-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}';var DuetMenuBarDropdownStyle0=duetMenuBarDropdownCss;var DuetMenuBarDropdown=function(){function e(e){var t=this;registerInstance(this,e);this.onClick=function(){t.open=!t.open};this.getVariant=function(){var e=t.element.parentElement.getAttribute("slot");switch(e){case"center":return"right";case"right":return"right";default:return"right"}};this.accessibleLabel=undefined;this.theme="";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)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){this.open=false;this.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;var t=this;return h(Host,{key:"b7505ee892ea3ee2d0e0f37e3638b7d2b783712a",role:"listitem"},h("div",{key:"751e646811727d6f6a24a416df10f1c543940879",class:(e={"duet-menu-bar-dropdown":true,"duet-theme-turva":this.theme==="turva",active:this.open},e["duet-menu-bar-dropdown--slot-".concat(this.getVariant())]=true,e)},h("button",{key:"fef18c42d08e89e0db82ca29c0aacf1cb9ff5326",ref:function(e){return t.button=e},"aria-label":this.accessibleLabel,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick,onKeyUp:function(e){return t.handleEscape(e)}},this.icon&&h("duet-icon",{key:"76888e1deea9cbb8e7bb3bdf5336669e2ae413e5",class:"menu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),h("div",{key:"d6d0c4bd9426aa41b4ba68b222669c922943150b",class:"label"},h("slot",{key:"6478ad4df0cc0f954ef1a2ea8c4d7d6379e3ee83",name:"label"}),h("duet-icon",{key:"4118eec0a8f4d17b22aeab5efb9e7af3d9c6d096",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"d7026456d474f327320675a3174ec3eb1caf706d",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"da2e4f2687f3aa80426a260df734e79cdb69c48a"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarDropdown.style=DuetMenuBarDropdownStyle0;export{DuetMenuBarDropdown as duet_menu_bar_dropdown};
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-ea400af3.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-439bcc8b.js";var duetMenuBarDropdownCss='*,*::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%}@media (min-width: 62em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 16px}}@media (min-width: 76.25em){:host(:last-child) .duet-menu-bar-dropdown button{padding:0 16px 0 28px}}.duet-menu-bar-dropdown{position:relative;height:100%}.duet-menu-bar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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(0, 77, 128);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-menu-bar-dropdown button{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-dropdown button{padding:0 28px}}.duet-menu-bar-dropdown button:hover{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-menu-bar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-menu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-menu-bar-dropdown button.active .caret{transform:rotate(180deg)}.duet-theme-turva .duet-menu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-dropdown button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-dropdown .menu-bar-dropdown-icon{width:16px;height:16px}}.duet-menu-bar-dropdown .items{position:absolute;top:70%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:225px;padding:8px;color:rgb(0, 41, 77);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)}.duet-menu-bar-dropdown .items.hidden{display:none}.duet-menu-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)}.duet-menu-bar-dropdown.duet-theme-turva button:hover{color:rgb(198, 12, 48)}.duet-menu-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-menu-bar-dropdown.duet-theme-turva button.active{color:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva button.active::after{background:rgb(198, 12, 48)}.duet-menu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}';var DuetMenuBarDropdownStyle0=duetMenuBarDropdownCss;var DuetMenuBarDropdown=function(){function e(e){var t=this;registerInstance(this,e);this.onClick=function(){t.open=!t.open};this.getVariant=function(){var e=t.element.parentElement.getAttribute("slot");switch(e){case"center":return"right";case"right":return"right";default:return"right"}};this.accessibleLabel=undefined;this.theme="";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)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){this.open=false;this.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;var t=this;return h(Host,{key:"b7505ee892ea3ee2d0e0f37e3638b7d2b783712a",role:"listitem"},h("div",{key:"751e646811727d6f6a24a416df10f1c543940879",class:(e={"duet-menu-bar-dropdown":true,"duet-theme-turva":this.theme==="turva",active:this.open},e["duet-menu-bar-dropdown--slot-".concat(this.getVariant())]=true,e)},h("button",{key:"fef18c42d08e89e0db82ca29c0aacf1cb9ff5326",ref:function(e){return t.button=e},"aria-label":this.accessibleLabel,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick,onKeyUp:function(e){return t.handleEscape(e)}},this.icon&&h("duet-icon",{key:"76888e1deea9cbb8e7bb3bdf5336669e2ae413e5",class:"menu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),h("div",{key:"d6d0c4bd9426aa41b4ba68b222669c922943150b",class:"label"},h("slot",{key:"6478ad4df0cc0f954ef1a2ea8c4d7d6379e3ee83",name:"label"}),h("duet-icon",{key:"4118eec0a8f4d17b22aeab5efb9e7af3d9c6d096",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"d7026456d474f327320675a3174ec3eb1caf706d",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"da2e4f2687f3aa80426a260df734e79cdb69c48a"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarDropdown.style=DuetMenuBarDropdownStyle0;export{DuetMenuBarDropdown as duet_menu_bar_dropdown};

package/lib/esm-es5/duet-menu-bar-item.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{s(i.next(e))}catch(e){a(e)}}function u(e){try{s(i["throw"](e))}catch(e){a(e)}}function s(e){e.done?n(e.value):r(e.value).then(o,u)}s((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: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(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(n=0)),n)try{if(i=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{i=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-53a4590f.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetMenuBarItemCss='*,*::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%}.duet-menu-bar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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;color:inherit;color:inherit;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-menu-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-menu-bar-item:focus,.duet-menu-bar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:16px;height:16px}}.duet-menu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-menu-bar-item[aria-expanded=true]{color:rgb(0, 119, 179)}.duet-menu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-menu-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"}.duet-menu-bar-item.duet-theme-turva[aria-expanded=true]{color:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-item{padding:0 28px}}.duet-menu-bar-item.active{color:rgb(0, 119, 179)}.duet-menu-bar-item.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){.duet-menu-bar-item.active::after{z-index:auto;height:2px}}.duet-menu-bar-item.active.duet-theme-turva{color:rgb(198, 12, 48)}.duet-menu-bar-item.active.duet-theme-turva::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item:hover{color:rgb(0, 119, 179)}.duet-menu-bar-item:hover.duet-theme-turva{color:rgb(198, 12, 48)}}';var DuetMenuBarItemStyle0=duetMenuBarItemCss;var DuetMenuBarItem=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"}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";return h(Host,{key:"d2a4ae5947cf7b820de11d1c92be082aefa72e3f",role:"listitem"},h(t,{key:"bb5eef2f76aed3e48357bc4cc399794df49ca320",ref:function(t){return e.itemElement=t},class:{"duet-menu-bar-item":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.url,role:"".concat(t==="a"?"link":"button"),"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined},this.leadingIcon&&h("duet-icon",{key:"f0a8e147fe0b4e6beb3e9c0e68d73d17d8903179",class:"leading-icon",size:"auto",name:this.leadingIcon,margin:"none",theme:this.theme,color:"currentColor"}),h("slot",{key:"290f322579d4af32f271ae21d86be07e4938dced"}),this.trailingIcon&&h("duet-icon",{key:"a34778af006706400452949461d96ab1dece7608",class:{"trailing-icon":true,"trailing-icon-arrow":this.trailingIcon==="action-arrow-down-small",rotate:this.trailingIcon==="action-arrow-down-small"&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon,margin:"none",size:"auto",color:"currentColor"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarItem.style=DuetMenuBarItemStyle0;export{DuetMenuBarItem as duet_menu_bar_item};
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-ea400af3.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetMenuBarItemCss='*,*::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%}.duet-menu-bar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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;color:inherit;color:inherit;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer}.duet-menu-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-menu-bar-item:focus,.duet-menu-bar-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:16px;height:16px}}.duet-menu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-menu-bar-item[aria-expanded=true]{color:rgb(0, 119, 179)}.duet-menu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-menu-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"}.duet-menu-bar-item.duet-theme-turva[aria-expanded=true]{color:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-item{padding:0 28px}}.duet-menu-bar-item.active{color:rgb(0, 119, 179)}.duet-menu-bar-item.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){.duet-menu-bar-item.active::after{z-index:auto;height:2px}}.duet-menu-bar-item.active.duet-theme-turva{color:rgb(198, 12, 48)}.duet-menu-bar-item.active.duet-theme-turva::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item:hover{color:rgb(0, 119, 179)}.duet-menu-bar-item:hover.duet-theme-turva{color:rgb(198, 12, 48)}}';var DuetMenuBarItemStyle0=duetMenuBarItemCss;var DuetMenuBarItem=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"}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";return h(Host,{key:"d2a4ae5947cf7b820de11d1c92be082aefa72e3f",role:"listitem"},h(t,{key:"bb5eef2f76aed3e48357bc4cc399794df49ca320",ref:function(t){return e.itemElement=t},class:{"duet-menu-bar-item":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.url,role:"".concat(t==="a"?"link":"button"),"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined},this.leadingIcon&&h("duet-icon",{key:"f0a8e147fe0b4e6beb3e9c0e68d73d17d8903179",class:"leading-icon",size:"auto",name:this.leadingIcon,margin:"none",theme:this.theme,color:"currentColor"}),h("slot",{key:"290f322579d4af32f271ae21d86be07e4938dced"}),this.trailingIcon&&h("duet-icon",{key:"a34778af006706400452949461d96ab1dece7608",class:{"trailing-icon":true,"trailing-icon-arrow":this.trailingIcon==="action-arrow-down-small",rotate:this.trailingIcon==="action-arrow-down-small"&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon,margin:"none",size:"auto",color:"currentColor"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarItem.style=DuetMenuBarItemStyle0;export{DuetMenuBarItem as duet_menu_bar_item};

package/lib/esm-es5/duet-menu-bar-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-53a4590f.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetMenuBarLinkCss='*,*::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%}.duet-menu-bar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:inherit;text-align:center;text-decoration:none;white-space:nowrap}.duet-menu-bar-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-menu-bar-link:focus,.duet-menu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-link .menu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-link .menu-bar-link-icon{width:16px;height:16px}}.duet-menu-bar-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"}@media (min-width: 62em){.duet-menu-bar-link{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-link{padding:0 28px}}.duet-menu-bar-link.active{color:rgb(0, 119, 179)}.duet-menu-bar-link.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){.duet-menu-bar-link.active::after{z-index:auto;height:2px}}.duet-menu-bar-link.active.duet-theme-turva{color:rgb(198, 12, 48)}.duet-menu-bar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-link:hover{color:rgb(0, 119, 179)}.duet-menu-bar-link:hover.duet-theme-turva{color:rgb(198, 12, 48)}}';var DuetMenuBarLinkStyle0=duetMenuBarLinkCss;var DuetMenuBarLink=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined;this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){return h(Host,{key:"570640efc7db1d51c8ec33f775b2b13ffd8fd909",role:"listitem"},h("a",{key:"62ed2f6bf339d40211f56ff0e78ab61aa71a6c9a",class:{"duet-menu-bar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.href,"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel},this.icon&&h("duet-icon",{key:"45e66a513cff3cda4b8f4ab51fc0d404391265a1",class:"menu-bar-link-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),h("slot",{key:"144d7755346f5dc042b2ad7836a3020d954b6648"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarLink.style=DuetMenuBarLinkStyle0;export{DuetMenuBarLink as duet_menu_bar_link};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-ea400af3.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetMenuBarLinkCss='*,*::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%}.duet-menu-bar-link{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:inherit;text-align:center;text-decoration:none;white-space:nowrap}.duet-menu-bar-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-menu-bar-link:focus,.duet-menu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-menu-bar-link .menu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-link .menu-bar-link-icon{width:16px;height:16px}}.duet-menu-bar-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"}@media (min-width: 62em){.duet-menu-bar-link{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-link{padding:0 28px}}.duet-menu-bar-link.active{color:rgb(0, 119, 179)}.duet-menu-bar-link.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(2px)}@media (min-width: 62em){.duet-menu-bar-link.active::after{z-index:auto;height:2px}}.duet-menu-bar-link.active.duet-theme-turva{color:rgb(198, 12, 48)}.duet-menu-bar-link.active.duet-theme-turva::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-link:hover{color:rgb(0, 119, 179)}.duet-menu-bar-link:hover.duet-theme-turva{color:rgb(198, 12, 48)}}';var DuetMenuBarLinkStyle0=duetMenuBarLinkCss;var DuetMenuBarLink=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined;this.accessibleLabel=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){return h(Host,{key:"570640efc7db1d51c8ec33f775b2b13ffd8fd909",role:"listitem"},h("a",{key:"62ed2f6bf339d40211f56ff0e78ab61aa71a6c9a",class:{"duet-menu-bar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.href,"aria-current":this.active?"true":"false","aria-label":this.accessibleLabel},this.icon&&h("duet-icon",{key:"45e66a513cff3cda4b8f4ab51fc0d404391265a1",class:"menu-bar-link-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),h("slot",{key:"144d7755346f5dc042b2ad7836a3020d954b6648"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarLink.style=DuetMenuBarLinkStyle0;export{DuetMenuBarLink as duet_menu_bar_link};

package/lib/esm-es5/duet-menu-bar.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-53a4590f.js";import{a as media_query_large,c as media_query_xx_large}from"./tokens-a9d9d4dd.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{a as getLanguage}from"./language-utils-d51bb211.js";import"./string-utils-ca039233.js";var duetMenuBarCss='*,*::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:relative;width:100%}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(225, 227, 230)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}.duet-menu-bar .container>:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar.duet-theme-turva{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77)}.duet-theme-turva .center{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)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 77, 128)}.duet-theme-turva .right{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)}';var DuetMenuBarStyle0=duetMenuBarCss;var DuetMenuBar=function(){function e(e){var t=this;registerInstance(this,e);this.duetEvent=createEvent(this,"duetEvent",7);this.mql=[window.matchMedia(media_query_large.replace(/'/g,"")),window.matchMedia(media_query_xx_large.replace(/'/g,""))];this.boundMqlFunctions=[];this.previousYScroll=0;this.scrollbarCheck=function(){t.leftMoreVisible=t.container.scrollLeft>0;t.rightMoreVisible=t.container.scrollLeft!==t.container.scrollWidth-t.container.clientWidth};this.scrollToActive=function(){var e=t.element.querySelectorAll("[active]");var i;e.forEach((function(e){if(e.active){i=e}}));if(i&&i.offsetLeft){if(i.offsetLeft>50){t.container.scrollLeft=i.offsetLeft-t.element.getBoundingClientRect().width/2+i.offsetWidth/2}}};this.changeLogoSize=function(){if(t.mql[1].matches){t.logoSize="large"}else{t.logoSize="medium"}};this.handleLogoClick=function(e){t.duetEvent.emit({name:"logoClick",component:"duet-menu-bar",data:{logoHref:t.logoHref},originalEvent:e})};this.hidden=false;this.onBottom=false;this.logoSize="large";this.leftMoreVisible=false;this.rightMoreVisible=false;this.theme="";this.language=getLanguage();this.logo=true;this.logoHref=undefined;this.logoLinkAccessibleLabel=undefined;this.accessibleLabel=undefined;this.hideOnScroll=false}e.prototype.checkScroll=function(){var e=this;if(!this.hideOnScroll){return}if(window.scrollY>this.previousYScroll){if(window.scrollY>100){if(this.hideOnScroll){clearTimeout(this.zindexTimer);this.onBottom=true}this.hidden=true}}else{if(window.scrollY<150){if(this.hideOnScroll){this.zindexTimer=setTimeout((function(){e.onBottom=false}),300)}this.hidden=false}}this.previousYScroll=window.scrollY};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){this.changeLogoSize();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.changeLogoSize.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.componentDidLoad=function(){var e=this;setTimeout((function(){e.scrollbarCheck();e.scrollToActive()}),0)};e.prototype.onWindowResize=function(){var e=this;clearTimeout(this.resizeTimer);this.resizeTimer=setTimeout((function(){e.scrollToActive()}),100)};e.prototype.render=function(){var e=this;var t=document.querySelectorAll("duet-slideout").length>0;var i=t&&!this.logo;return h(Host,{key:"6772191fb52ef833296d4591848722cdd716fd8a"},h("nav",{key:"bbfd138c4487382bf33cd2a27a11abae07c1cd84",class:{"duet-menu-bar":true,"duet-theme-turva":this.theme==="turva","horizontal-nav":i,hidden:this.hidden&&this.hideOnScroll,bottom:this.onBottom},"aria-label":this.accessibleLabel},h("div",{key:"0e76aa9cf8e2088809c32ffb889ea7bd0e65f328",class:"top"}),h("div",{key:"3e0e929ab2dabd44122c86b3d89690084d49ee8c",class:{container:true},ref:function(t){return e.container=t},onScroll:function(){return e.scrollbarCheck()}},this.logo&&h("div",{key:"daf3d473577d75062dbbdd2f4d277aecffddb806"},h("duet-logo",{key:"e560ec5ffbd0ab8c03a2284c6f5c24be44304595",size:this.logoSize,margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language})),h("div",{key:"f90de1dde38ffad772fd1db9ef1949bd69651a17",class:"list center",role:"list"},h("div",{key:"e21ef580e08ebefe3ff5a23da0a6df2d2714c2b0",class:"more-left",hidden:!this.leftMoreVisible,role:"presentation"}),h("slot",{key:"fbfd2e2f6a9d69d0e5f0843d30f723beadde4c1b",name:"center"}),h("div",{key:"6d232d47954eb7590982353aa05a869353cd5103",class:"more-right",hidden:!this.rightMoreVisible,role:"presentation"})),h("div",{key:"14d79bc82134dd5449172dadccdd94e39508e3ce",class:"list right",role:"list"},h("slot",{key:"383cc225f16923f7538daf24ef5f5592ace15ece",name:"right"}))),h("div",{key:"5042a82358354e9a77e5f7d022d47bf46e9c6250",class:"bottom"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBar.style=DuetMenuBarStyle0;export{DuetMenuBar as duet_menu_bar};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-ea400af3.js";import{a as media_query_large,c as media_query_xx_large}from"./tokens-a9d9d4dd.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{a as getLanguage}from"./language-utils-27773807.js";import"./string-utils-ca039233.js";var duetMenuBarCss='*,*::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:relative;width:100%}.duet-menu-bar{position:relative;top:0;z-index:2;display:flex;align-items:center;justify-content:center;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);transition:top 0.3s}.duet-menu-bar.hidden{top:-200px}.duet-menu-bar.bottom{z-index:1}@media (min-width: 62em){.duet-menu-bar{box-shadow:0 3px 6px 0 rgba(0, 41, 77, 0.1)}}.duet-menu-bar .top{display:none}.duet-menu-bar .bottom{display:none}.duet-menu-bar.horizontal-nav{position:relative}.duet-menu-bar.horizontal-nav .top{position:absolute;top:0;left:3.5%;display:block;width:93%;height:1px;background:rgb(245, 248, 250)}.duet-menu-bar.horizontal-nav .bottom{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;background:rgb(225, 227, 230)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-left{display:none}}.duet-menu-bar.horizontal-nav .more-right{position:absolute;top:0;right:-1px;z-index:1;width:56px;height:49px;background:linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%)}@media (min-width: 62em){.duet-menu-bar.horizontal-nav .more-right{display:none}}@media (pointer: fine){.duet-menu-bar.horizontal-nav{display:none}}@media (pointer: fine) and ((min-width: 62em)){.duet-menu-bar.horizontal-nav{display:flex}}.duet-menu-bar .container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1440px;height:100%;height:3.25rem;padding:0 8px 0 20px;overflow-x:auto;scrollbar-width:none}.duet-menu-bar .container::-webkit-scrollbar{width:0;height:0}@media (min-width: 62em){.duet-menu-bar .container{height:5rem;padding:0 28px;overflow-x:visible}}.duet-menu-bar .container .list{height:100%;list-style-type:none}.duet-menu-bar .container ::slotted(*){height:100%}.duet-menu-bar .container>*{display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar .container>:first-child{flex-basis:0;flex-grow:1;justify-content:flex-start}.duet-menu-bar .container>:last-child{flex-basis:0;flex-grow:1;justify-content:flex-end}.duet-menu-bar .container ::slotted(*){display:flex;align-items:center;justify-content:center;height:100%}.duet-menu-bar.duet-theme-turva{background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-menu-bar.duet-theme-turva{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77)}.duet-theme-turva .center{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)}.right{font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 77, 128)}.duet-theme-turva .right{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)}';var DuetMenuBarStyle0=duetMenuBarCss;var DuetMenuBar=function(){function e(e){var t=this;registerInstance(this,e);this.duetEvent=createEvent(this,"duetEvent",7);this.mql=[window.matchMedia(media_query_large.replace(/'/g,"")),window.matchMedia(media_query_xx_large.replace(/'/g,""))];this.boundMqlFunctions=[];this.previousYScroll=0;this.scrollbarCheck=function(){t.leftMoreVisible=t.container.scrollLeft>0;t.rightMoreVisible=t.container.scrollLeft!==t.container.scrollWidth-t.container.clientWidth};this.scrollToActive=function(){var e=t.element.querySelectorAll("[active]");var i;e.forEach((function(e){if(e.active){i=e}}));if(i&&i.offsetLeft){if(i.offsetLeft>50){t.container.scrollLeft=i.offsetLeft-t.element.getBoundingClientRect().width/2+i.offsetWidth/2}}};this.changeLogoSize=function(){if(t.mql[1].matches){t.logoSize="large"}else{t.logoSize="medium"}};this.handleLogoClick=function(e){t.duetEvent.emit({name:"logoClick",component:"duet-menu-bar",data:{logoHref:t.logoHref},originalEvent:e})};this.hidden=false;this.onBottom=false;this.logoSize="large";this.leftMoreVisible=false;this.rightMoreVisible=false;this.theme="";this.language=getLanguage();this.logo=true;this.logoHref=undefined;this.logoLinkAccessibleLabel=undefined;this.accessibleLabel=undefined;this.hideOnScroll=false}e.prototype.checkScroll=function(){var e=this;if(!this.hideOnScroll){return}if(window.scrollY>this.previousYScroll){if(window.scrollY>100){if(this.hideOnScroll){clearTimeout(this.zindexTimer);this.onBottom=true}this.hidden=true}}else{if(window.scrollY<150){if(this.hideOnScroll){this.zindexTimer=setTimeout((function(){e.onBottom=false}),300)}this.hidden=false}}this.previousYScroll=window.scrollY};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){this.changeLogoSize();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.changeLogoSize.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.componentDidLoad=function(){var e=this;setTimeout((function(){e.scrollbarCheck();e.scrollToActive()}),0)};e.prototype.onWindowResize=function(){var e=this;clearTimeout(this.resizeTimer);this.resizeTimer=setTimeout((function(){e.scrollToActive()}),100)};e.prototype.render=function(){var e=this;var t=document.querySelectorAll("duet-slideout").length>0;var i=t&&!this.logo;return h(Host,{key:"6772191fb52ef833296d4591848722cdd716fd8a"},h("nav",{key:"bbfd138c4487382bf33cd2a27a11abae07c1cd84",class:{"duet-menu-bar":true,"duet-theme-turva":this.theme==="turva","horizontal-nav":i,hidden:this.hidden&&this.hideOnScroll,bottom:this.onBottom},"aria-label":this.accessibleLabel},h("div",{key:"0e76aa9cf8e2088809c32ffb889ea7bd0e65f328",class:"top"}),h("div",{key:"3e0e929ab2dabd44122c86b3d89690084d49ee8c",class:{container:true},ref:function(t){return e.container=t},onScroll:function(){return e.scrollbarCheck()}},this.logo&&h("div",{key:"daf3d473577d75062dbbdd2f4d277aecffddb806"},h("duet-logo",{key:"e560ec5ffbd0ab8c03a2284c6f5c24be44304595",size:this.logoSize,margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language})),h("div",{key:"f90de1dde38ffad772fd1db9ef1949bd69651a17",class:"list center",role:"list"},h("div",{key:"e21ef580e08ebefe3ff5a23da0a6df2d2714c2b0",class:"more-left",hidden:!this.leftMoreVisible,role:"presentation"}),h("slot",{key:"fbfd2e2f6a9d69d0e5f0843d30f723beadde4c1b",name:"center"}),h("div",{key:"6d232d47954eb7590982353aa05a869353cd5103",class:"more-right",hidden:!this.rightMoreVisible,role:"presentation"})),h("div",{key:"14d79bc82134dd5449172dadccdd94e39508e3ce",class:"list right",role:"list"},h("slot",{key:"383cc225f16923f7538daf24ef5f5592ace15ece",name:"right"}))),h("div",{key:"5042a82358354e9a77e5f7d022d47bf46e9c6250",class:"bottom"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBar.style=DuetMenuBarStyle0;export{DuetMenuBar as duet_menu_bar};

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

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,a,i){function d(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function n(e){try{s(i.next(e))}catch(e){o(e)}}function r(e){try{s(i["throw"](e))}catch(e){o(e)}}function s(e){e.done?a(e.value):d(e.value).then(n,r)}s((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,d,o,n;return n={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function r(e){return function(t){return s([e,t])}}function s(r){if(i)throw new TypeError("Generator is already executing.");while(n&&(n=0,r[0]&&(a=0)),a)try{if(i=1,d&&(o=r[0]&2?d["return"]:r[0]?d["throw"]||((o=d["return"])&&o.call(d),0):d.next)&&!(o=o.call(d,r[1])).done)return o;if(d=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:a.label++;return{value:r[1],done:false};case 5:a.label++;d=r[1];r=[0];continue;case 7:r=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){a=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){a.label=r[1];break}if(r[0]===6&&a.label<o[1]){a.label=o[1];o=r;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(r);break}if(o[2])a.ops.pop();a.trys.pop();continue}r=t.call(e,a)}catch(e){r=[6,e];d=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,g as getElement}from"./index-53a4590f.js";import{d as disableBodyScroll,e as enableBodyScroll}from"./bodyScrollLock.es6-ecbf187e.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{a as DuetStringsPleaseWaitDefaults}from"./common-strings-af765cad.js";import{f as focusElement}from"./focus-utils-070e9fd8.js";import{f as isEscapeKey}from"./keyboard-utils-439bcc8b.js";import{a as getLanguage,g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-d51bb211.js";import{h as hasSlot}from"./slot-utils-37bfd1dd.js";import{T as Teleport}from"./teleport-546f382d.js";import"./string-utils-ca039233.js";var duetModalCss='*,*::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-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-container.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-container.duet-disable-transitions{transition:none}.duet-modal-container.duet-modal-slide-up{overflow:hidden}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}.duet-modal-inner.duet-modal-slide-up{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}.duet-modal-inner.duet-modal-slide-up::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:"";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}.duet-modal-inner.duet-modal-slide-up::after.small{max-width:545px}.duet-modal-inner.duet-modal-slide-up::after.large{max-width:100%}@media (min-width: 36em){.duet-modal-inner.duet-modal-slide-up::after.large{max-width:1110px}}@media (max-width: 35.9375em){.duet-modal-inner.large{padding-right:0;padding-left:0}.duet-modal-inner.duet-modal-slide-up{padding:0;padding-top:28px}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}.duet-theme-turva .duet-modal{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-modal-active .duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}.duet-modal-active .duet-modal.slide-up{top:0;transition:top 600ms ease}.duet-modal.loader{text-align:center;background:transparent}.duet-modal.loader .duet-modal-close{display:none}.duet-modal.loader .duet-modal-spinner{position:relative;height:120px}.duet-modal.loader .duet-modal-inner-slot-default{position:relative;backdrop-filter:blur(10px)}.duet-modal.loader duet-paragraph.duet-loader-message{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}.duet-modal.loader duet-paragraph.duet-loader-message.show{opacity:1;transform:scaleY(1);transform-origin:bottom}.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph){backdrop-filter:blur(10px)}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal.slide-up{top:100vh;margin:0;overflow:auto;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){.duet-modal.slide-up{border-radius:16px 16px 0 0}}.duet-modal.duet-modal-has-sticky-header{height:100%;overflow:auto}.duet-modal:focus{outline:0}.duet-modal-body,.duet-modal-sticky-header{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-none,.duet-modal-sticky-header.duet-modal-gutter-none{padding:0 !important}.duet-modal-body.duet-modal-gutter-small,.duet-modal-sticky-header.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body,.duet-modal-sticky-header{padding:36px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body,.small .duet-modal-sticky-header{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-sticky-header{position:sticky;top:0;z-index:300;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230);border-radius:4px 4px 0 0}@media (max-width: 35.9375em){.duet-modal-sticky-header{border-radius:16px 16px 0 0}}.duet-theme-turva .duet-modal-sticky-header{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}.duet-modal-close{position:absolute;top:12px;right:12px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}';var DuetModalStyle0=duetModalCss;var TRANSITION_MS=600;var DuetModal=function(){function e(e){registerInstance(this,e);this.duetOpen=createEvent(this,"duetOpen",7);this.duetClose=createEvent(this,"duetClose",7);this.duetCloseComplete=createEvent(this,"duetCloseComplete",7);this.duetBeforeClose=createEvent(this,"duetBeforeClose",7);var t,a;this.hasStickyHeader=false;this.isAndroidDevice=((a=(t=navigator===null||navigator===void 0?void 0:navigator.userAgent)===null||t===void 0?void 0:t.toLowerCase())===null||a===void 0?void 0:a.indexOf("android"))>-1||null;this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(navigator===null||navigator===void 0?void 0:navigator.userAgent);this.accessibleLoaderAnnouncementDefaults=DuetStringsPleaseWaitDefaults;this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"};this.handleAndroidResizeEvents=function(){if(document.activeElement.tagName=="INPUT"){window.setTimeout((function(){var e;try{(e=document===null||document===void 0?void 0:document.activeElement)===null||e===void 0?void 0:e.scrollIntoViewIfNeeded(true)}catch(e){}}),100)}};this.open=false;this.language=getLanguage();this.accessibleCloseLabel=getLocaleString(this.accessibleCloseLabelDefaults,this.language);this.accessibleLoaderAnnouncement=getLocaleString(this.accessibleLoaderAnnouncementDefaults,this.language);this.size="medium";this.accessibleDescribedBy=undefined;this.accessibleLabelledBy=undefined;this.accessibleLabel=undefined;this.accessibleDetails=undefined;this.accessibleDescription=undefined;this.variation="default";this.gutterSize="medium";this.theme="";this.heading="";this.headingLevel="h3";this.headingVisualLevel=undefined;this.icon="";this.color="";this.active=false;this.closeOnBlur=false}e.prototype.openChanged=function(){var e=this;if(this.open){if(this.modalEl&&this.modalEl.scrollTop){this.modalEl.scrollTop=0}this.focusedElBeforeOpen=document.activeElement;disableBodyScroll(this.variation==="slide-up"?this.modalContentEl:this.modalEl,{reserveScrollBarGap:true});this.teleport.makeSiblingsInert();this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((function(e){return e.remove()}));setTimeout((function(){if(e.variation==="loader"){e.addMessage(e.accessibleLoaderAnnouncement,false)}else{if(e.isAndroidDevice){e.modalEl.focus()}else{e.buttonEl.setFocus()}}}),TRANSITION_MS);setTimeout((function(){e.modalEl.classList.add("duet-disable-transitions")}),TRANSITION_MS+200);if(this.isAndroidDevice){window.addEventListener("resize",this.handleAndroidResizeEvents)}this.duetOpen.emit()}else{this.modalEl.classList.remove("duet-disable-transitions");this.modalEl.addEventListener("transitionend",(function(){return e.duetCloseComplete.emit()}),{once:true});enableBodyScroll(this.variation==="slide-up"?this.modalContentEl:this.modalEl);this.duetClose.emit();this.teleport.removeInertFromSiblings();setTimeout((function(){focusElement(e.focusedElBeforeOpen)}),TRANSITION_MS);if(this.isAndroidDevice){window.removeEventListener("resize",this.handleAndroidResizeEvents)}}};e.prototype.activeChanged=function(){this.open=this.active};e.prototype.componentWillLoad=function(){this.hasStickyHeader=hasSlot(this.element,"sticky-header");inheritGlobalTheme(this)};e.prototype.componentDidLoad=function(){if(this.active){this.open=true;this.modalEl.classList.add("duet-disable-transitions")}};e.prototype.connectedCallback=function(){if(!this.teleport){this.teleport=new Teleport(this.element)}if(this.teleport){this.teleport.activate()}connectLanguageChangeObserver(this,[{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"},{prop:"accessibleLoaderAnnouncement",defaults:"accessibleLoaderAnnouncementDefaults"}])};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);if(this.modalEl){enableBodyScroll(this.modalEl)}};e.prototype.handleKeyUp=function(e){if(this.open){if(isEscapeKey(e)){this.closeModal(e)}}};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=false;return[2]}))}))};e.prototype.scrollToTop=function(){return __awaiter(this,arguments,void 0,(function(e){var t,a,i,d;if(e===void 0){e=true}return __generator(this,(function(o){a=e?"smooth":"auto";if(this.variation==="slide-up"){i=((t=this.modalEl.querySelector(".duet-modal-sticky-header"))===null||t===void 0?void 0:t.clientHeight)||0;d=this.modalEl.querySelector(".duet-modal-body").computedStyleMap().get("padding-top");this.slotContainerEl.style.scrollMarginTop="".concat(i+d.value,"px");this.slotContainerEl.scrollIntoView({behavior:a})}else{this.modalEl.querySelector(".duet-modal-body").scrollIntoView({behavior:a})}return[2]}))}))};e.prototype.addMessage=function(e){return __awaiter(this,arguments,void 0,(function(e,t){var a;var i=this;if(t===void 0){t=true}return __generator(this,(function(d){a=document.createElement(t?"duet-paragraph":"duet-visually-hidden");a.textContent=e;a.classList.add("duet-loader-message");if(t){setTimeout((function(){i.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((function(e){return e.classList.remove("show")}));a.classList.add("show")}),10)}this.slotContainerEl.appendChild(a);return[2]}))}))};e.prototype.closeModal=function(e){var t=this;this.duetBeforeClose.emit({originalEvent:e,component:"duet-modal"});if(!e.defaultPrevented){setTimeout((function(){t.hide()}),1)}};e.prototype.render=function(){var e,t;var a=this;var i,d;var o="primary";var n="secondary";var r=h("div",{key:"1dbe12d292a5d852cc15d465a9a66f5965af9430",class:"duet-modal-close"},h("duet-button",{key:"468e6a8ffbaebd63b3b4a8ee7af2a56adc95ca33",ref:function(e){return a.buttonEl=e},variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:n,iconSize:"large",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:function(e){return a.closeModal(e)},fixed:true}));if(this.theme==="turva"){o="primary-turva";n="secondary-turva"}return h("div",{key:"71d788e920473696ea1178fd1f4d531332c0278d",ref:function(e){return a.modalEl=e},"aria-label":(i=this.accessibleLabel)!==null&&i!==void 0?i:this.heading,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,role:this.variation==="loader"?"alert":"dialog","aria-modal":this.isSafariBrowser?false:true,tabindex:"-1",class:{"duet-modal-container":true,"duet-theme-turva":this.theme==="turva","duet-modal-active":this.open,"duet-modal-slide-up":this.variation==="slide-up","duet-modal-has-sticky-header":this.hasStickyHeader}},h("duet-overlay",{key:"dc0d466574cf07bd5b2442a969e2309d1f4c3b84","z-index":"-1",visible:this.open,variation:this.variation==="loader"?"white":"default"}),h("div",{key:"9412b5b6e861150f01c81fbd495a1deca1576301",ref:function(e){return a.modalInnerEl=e},class:(e={"duet-modal-inner":true},e[this.size]=true,e["duet-modal-slide-up"]=this.variation==="slide-up",e),onClick:function(e){if(a.closeOnBlur){var t=e.target||e.srcElement;if(t===a.modalInnerEl){a.closeModal(e)}}}},h("div",{key:"cd7f79907611d3f5d06c95b9288d3d078e12c825",ref:function(e){return a.modalContentEl=e},class:(t={"duet-modal":true,"duet-modal-has-sticky-header":this.hasStickyHeader},t[this.size]=true,t[this.variation]=true,t)},this.gutterSize!=="none"&&!this.hasStickyHeader&&h("duet-spacer",{key:"7836985c408c6f18fc389f3965a4b41d6eb59b3d"}),this.hasStickyHeader?h("div",{class:"duet-modal-sticky-header"},r,h("slot",{name:"sticky-header"})):r,h("div",{key:"9d54f33d50e94607e2ef8517670f723e6602b628",class:{"duet-modal-body":true,"duet-modal-gutter-none":this.gutterSize==="none","duet-modal-gutter-small":this.gutterSize==="small","duet-modal-gutter-medium":this.gutterSize==="medium","duet-modal-gutter-large":this.gutterSize==="large"}},h("div",{key:"ad9468551b2c57c08c2a4a0e412de18472d59795",class:"duet-modal-header"},h("span",{key:"9c6269ee1ca066e75d630a033692daa3d7e45e2c",class:"duet-modal-inner-slot-top"},h("slot",{key:"59df4f56690160cbf5540000a4df88079d934cdb",name:"top"})),this.icon&&h("duet-icon",{key:"686b798b952df7dbc87a678bc20a46d2856bd047",name:this.icon,size:"xx-large",color:this.color||o}),this.heading&&h("duet-heading",{key:"d54b10219d4a823f7d60ace3ee304e920578ed19","visual-level":(d=this.headingVisualLevel)!==null&&d!==void 0?d:this.headingLevel,level:this.headingLevel,theme:this.theme},this.heading)),this.variation==="loader"&&h("div",{key:"86418e12b9d65d5812eb3ced0f08a9d1cd9d3427",class:"duet-modal-spinner"},h("duet-spinner",{key:"3aeda44a3313984a91ec59d3f9455408aa4b7fe7",size:"large",color:"primary"})),h("div",{key:"f130a5ad99bade63e75eb33a6e52d65d5e2267c0",class:"duet-modal-inner-slot-default",ref:function(e){return a.slotContainerEl=e},"aria-live":this.variation==="loader"?"assertive":"off"},h("slot",{key:"38d1e37735093ca54cefb2c0fcea95bcf5031e7d"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["openChanged"],active:["activeChanged"]}},enumerable:false,configurable:true});return e}();DuetModal.style=DuetModalStyle0;export{DuetModal as duet_modal};
+ */import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-ea400af3.js";import{d as disableBodyScroll,e as enableBodyScroll}from"./bodyScrollLock.es6-ecbf187e.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{a as DuetStringsPleaseWaitDefaults}from"./common-strings-af765cad.js";import{f as focusElement}from"./focus-utils-53d44671.js";import{f as isEscapeKey}from"./keyboard-utils-439bcc8b.js";import{a as getLanguage,g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-27773807.js";import{h as hasSlot}from"./slot-utils-95c2258f.js";import{T as Teleport}from"./teleport-546f382d.js";import"./string-utils-ca039233.js";var duetModalCss='*,*::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-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-container.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-container.duet-disable-transitions{transition:none}.duet-modal-container.duet-modal-slide-up{overflow:hidden}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}.duet-modal-inner.duet-modal-slide-up{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}.duet-modal-inner.duet-modal-slide-up::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:"";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}.duet-modal-inner.duet-modal-slide-up::after.small{max-width:545px}.duet-modal-inner.duet-modal-slide-up::after.large{max-width:100%}@media (min-width: 36em){.duet-modal-inner.duet-modal-slide-up::after.large{max-width:1110px}}@media (max-width: 35.9375em){.duet-modal-inner.large{padding-right:0;padding-left:0}.duet-modal-inner.duet-modal-slide-up{padding:0;padding-top:28px}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}.duet-theme-turva .duet-modal{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-modal-active .duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}.duet-modal-active .duet-modal.slide-up{top:0;transition:top 600ms ease}.duet-modal.loader{text-align:center;background:transparent}.duet-modal.loader .duet-modal-close{display:none}.duet-modal.loader .duet-modal-spinner{position:relative;height:120px}.duet-modal.loader .duet-modal-inner-slot-default{position:relative;backdrop-filter:blur(10px)}.duet-modal.loader duet-paragraph.duet-loader-message{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}.duet-modal.loader duet-paragraph.duet-loader-message.show{opacity:1;transform:scaleY(1);transform-origin:bottom}.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph){backdrop-filter:blur(10px)}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal.slide-up{top:100vh;margin:0;overflow:auto;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){.duet-modal.slide-up{border-radius:16px 16px 0 0}}.duet-modal.duet-modal-has-sticky-header{height:100%;overflow:auto}.duet-modal:focus{outline:0}.duet-modal-body,.duet-modal-sticky-header{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-none,.duet-modal-sticky-header.duet-modal-gutter-none{padding:0 !important}.duet-modal-body.duet-modal-gutter-small,.duet-modal-sticky-header.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body,.duet-modal-sticky-header{padding:36px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body,.small .duet-modal-sticky-header{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-sticky-header{position:sticky;top:0;z-index:300;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230);border-radius:4px 4px 0 0}@media (max-width: 35.9375em){.duet-modal-sticky-header{border-radius:16px 16px 0 0}}.duet-theme-turva .duet-modal-sticky-header{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}.duet-modal-close{position:absolute;top:12px;right:12px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}';var DuetModalStyle0=duetModalCss;var TRANSITION_MS=600;var DuetModal=function(){function e(e){registerInstance(this,e);this.duetOpen=createEvent(this,"duetOpen",7);this.duetClose=createEvent(this,"duetClose",7);this.duetCloseComplete=createEvent(this,"duetCloseComplete",7);this.duetBeforeClose=createEvent(this,"duetBeforeClose",7);var t,a;this.hasStickyHeader=false;this.isAndroidDevice=((a=(t=navigator===null||navigator===void 0?void 0:navigator.userAgent)===null||t===void 0?void 0:t.toLowerCase())===null||a===void 0?void 0:a.indexOf("android"))>-1||null;this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(navigator===null||navigator===void 0?void 0:navigator.userAgent);this.accessibleLoaderAnnouncementDefaults=DuetStringsPleaseWaitDefaults;this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"};this.handleAndroidResizeEvents=function(){if(document.activeElement.tagName=="INPUT"){window.setTimeout((function(){var e;try{(e=document===null||document===void 0?void 0:document.activeElement)===null||e===void 0?void 0:e.scrollIntoViewIfNeeded(true)}catch(e){}}),100)}};this.open=false;this.language=getLanguage();this.accessibleCloseLabel=getLocaleString(this.accessibleCloseLabelDefaults,this.language);this.accessibleLoaderAnnouncement=getLocaleString(this.accessibleLoaderAnnouncementDefaults,this.language);this.size="medium";this.accessibleDescribedBy=undefined;this.accessibleLabelledBy=undefined;this.accessibleLabel=undefined;this.accessibleDetails=undefined;this.accessibleDescription=undefined;this.variation="default";this.gutterSize="medium";this.theme="";this.heading="";this.headingLevel="h3";this.headingVisualLevel=undefined;this.icon="";this.color="";this.active=false;this.closeOnBlur=false}e.prototype.openChanged=function(){var e=this;if(this.open){if(this.modalEl&&this.modalEl.scrollTop){this.modalEl.scrollTop=0}this.focusedElBeforeOpen=document.activeElement;disableBodyScroll(this.variation==="slide-up"?this.modalContentEl:this.modalEl,{reserveScrollBarGap:true});this.teleport.makeSiblingsInert();this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((function(e){return e.remove()}));setTimeout((function(){if(e.variation==="loader"){e.addMessage(e.accessibleLoaderAnnouncement,false)}else{if(e.isAndroidDevice){e.modalEl.focus()}else{e.buttonEl.setFocus()}}}),TRANSITION_MS);setTimeout((function(){e.modalEl.classList.add("duet-disable-transitions")}),TRANSITION_MS+200);if(this.isAndroidDevice){window.addEventListener("resize",this.handleAndroidResizeEvents)}this.duetOpen.emit()}else{this.modalEl.classList.remove("duet-disable-transitions");this.modalEl.addEventListener("transitionend",(function(){return e.duetCloseComplete.emit()}),{once:true});enableBodyScroll(this.variation==="slide-up"?this.modalContentEl:this.modalEl);this.duetClose.emit();this.teleport.removeInertFromSiblings();setTimeout((function(){focusElement(e.focusedElBeforeOpen)}),TRANSITION_MS);if(this.isAndroidDevice){window.removeEventListener("resize",this.handleAndroidResizeEvents)}}};e.prototype.activeChanged=function(){this.open=this.active};e.prototype.componentWillLoad=function(){this.hasStickyHeader=hasSlot(this.element,"sticky-header");inheritGlobalTheme(this)};e.prototype.componentDidLoad=function(){if(this.active){this.open=true;this.modalEl.classList.add("duet-disable-transitions")}};e.prototype.connectedCallback=function(){if(!this.teleport){this.teleport=new Teleport(this.element)}if(this.teleport){this.teleport.activate()}connectLanguageChangeObserver(this,[{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"},{prop:"accessibleLoaderAnnouncement",defaults:"accessibleLoaderAnnouncementDefaults"}])};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this);if(this.modalEl){enableBodyScroll(this.modalEl)}};e.prototype.handleKeyUp=function(e){if(this.open){if(isEscapeKey(e)){this.closeModal(e)}}};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=false;return[2]}))}))};e.prototype.scrollToTop=function(){return __awaiter(this,arguments,void 0,(function(e){var t,a,i,d;if(e===void 0){e=true}return __generator(this,(function(o){a=e?"smooth":"auto";if(this.variation==="slide-up"){i=((t=this.modalEl.querySelector(".duet-modal-sticky-header"))===null||t===void 0?void 0:t.clientHeight)||0;d=this.modalEl.querySelector(".duet-modal-body").computedStyleMap().get("padding-top");this.slotContainerEl.style.scrollMarginTop="".concat(i+d.value,"px");this.slotContainerEl.scrollIntoView({behavior:a})}else{this.modalEl.querySelector(".duet-modal-body").scrollIntoView({behavior:a})}return[2]}))}))};e.prototype.addMessage=function(e){return __awaiter(this,arguments,void 0,(function(e,t){var a;var i=this;if(t===void 0){t=true}return __generator(this,(function(d){a=document.createElement(t?"duet-paragraph":"duet-visually-hidden");a.textContent=e;a.classList.add("duet-loader-message");if(t){setTimeout((function(){i.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((function(e){return e.classList.remove("show")}));a.classList.add("show")}),10)}this.slotContainerEl.appendChild(a);return[2]}))}))};e.prototype.closeModal=function(e){var t=this;this.duetBeforeClose.emit({originalEvent:e,component:"duet-modal"});if(!e.defaultPrevented){setTimeout((function(){t.hide()}),1)}};e.prototype.render=function(){var e,t;var a=this;var i,d;var o="primary";var n="secondary";var r=h("div",{key:"1dbe12d292a5d852cc15d465a9a66f5965af9430",class:"duet-modal-close"},h("duet-button",{key:"468e6a8ffbaebd63b3b4a8ee7af2a56adc95ca33",ref:function(e){return a.buttonEl=e},variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:n,iconSize:"large",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:function(e){return a.closeModal(e)},fixed:true}));if(this.theme==="turva"){o="primary-turva";n="secondary-turva"}return h("div",{key:"71d788e920473696ea1178fd1f4d531332c0278d",ref:function(e){return a.modalEl=e},"aria-label":(i=this.accessibleLabel)!==null&&i!==void 0?i:this.heading,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,role:this.variation==="loader"?"alert":"dialog","aria-modal":this.isSafariBrowser?false:true,tabindex:"-1",class:{"duet-modal-container":true,"duet-theme-turva":this.theme==="turva","duet-modal-active":this.open,"duet-modal-slide-up":this.variation==="slide-up","duet-modal-has-sticky-header":this.hasStickyHeader}},h("duet-overlay",{key:"dc0d466574cf07bd5b2442a969e2309d1f4c3b84","z-index":"-1",visible:this.open,variation:this.variation==="loader"?"white":"default"}),h("div",{key:"9412b5b6e861150f01c81fbd495a1deca1576301",ref:function(e){return a.modalInnerEl=e},class:(e={"duet-modal-inner":true},e[this.size]=true,e["duet-modal-slide-up"]=this.variation==="slide-up",e),onClick:function(e){if(a.closeOnBlur){var t=e.target||e.srcElement;if(t===a.modalInnerEl){a.closeModal(e)}}}},h("div",{key:"cd7f79907611d3f5d06c95b9288d3d078e12c825",ref:function(e){return a.modalContentEl=e},class:(t={"duet-modal":true,"duet-modal-has-sticky-header":this.hasStickyHeader},t[this.size]=true,t[this.variation]=true,t)},this.gutterSize!=="none"&&!this.hasStickyHeader&&h("duet-spacer",{key:"7836985c408c6f18fc389f3965a4b41d6eb59b3d"}),this.hasStickyHeader?h("div",{class:"duet-modal-sticky-header"},r,h("slot",{name:"sticky-header"})):r,h("div",{key:"9d54f33d50e94607e2ef8517670f723e6602b628",class:{"duet-modal-body":true,"duet-modal-gutter-none":this.gutterSize==="none","duet-modal-gutter-small":this.gutterSize==="small","duet-modal-gutter-medium":this.gutterSize==="medium","duet-modal-gutter-large":this.gutterSize==="large"}},h("div",{key:"ad9468551b2c57c08c2a4a0e412de18472d59795",class:"duet-modal-header"},h("span",{key:"9c6269ee1ca066e75d630a033692daa3d7e45e2c",class:"duet-modal-inner-slot-top"},h("slot",{key:"59df4f56690160cbf5540000a4df88079d934cdb",name:"top"})),this.icon&&h("duet-icon",{key:"686b798b952df7dbc87a678bc20a46d2856bd047",name:this.icon,size:"xx-large",color:this.color||o}),this.heading&&h("duet-heading",{key:"d54b10219d4a823f7d60ace3ee304e920578ed19","visual-level":(d=this.headingVisualLevel)!==null&&d!==void 0?d:this.headingLevel,level:this.headingLevel,theme:this.theme},this.heading)),this.variation==="loader"&&h("div",{key:"86418e12b9d65d5812eb3ced0f08a9d1cd9d3427",class:"duet-modal-spinner"},h("duet-spinner",{key:"3aeda44a3313984a91ec59d3f9455408aa4b7fe7",size:"large",color:"primary"})),h("div",{key:"f130a5ad99bade63e75eb33a6e52d65d5e2267c0",class:"duet-modal-inner-slot-default",ref:function(e){return a.slotContainerEl=e},"aria-live":this.variation==="loader"?"assertive":"off"},h("slot",{key:"38d1e37735093ca54cefb2c0fcea95bcf5031e7d"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["openChanged"],active:["activeChanged"]}},enumerable:false,configurable:true});return e}();DuetModal.style=DuetModalStyle0;export{DuetModal as duet_modal};