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

@duetds/components 9.3.1 → 9.4.0

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

Files changed (705) hide show

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

@@ -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-eedb042d.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,e as isBackspaceKey,d as isArrowLeftKey,a as isArrowRightKey}from"./keyboard-utils-439bcc8b.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString}from"./language-utils-238c5ed0.js";import{c as checkNamedSlotElement}from"./slot-utils-866b1fd5.js";import{g as getColorByName}from"./token-utils-a32eb753.js";import"./string-utils-192eb3c8.js";import"./tokens.module-a746651a.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(8, 42, 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, 75, 129)}.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(8, 42, 77)}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.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(8, 42, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(127, 150, 165) !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(214, 28, 82) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !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(143, 147, 158) !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(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-input[disabled].sc-duet-input{color:rgb(8, 42, 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(8, 42, 77) !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-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(98, 121, 138);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(143, 147, 158)}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.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(127, 150, 165);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(143, 147, 158)}.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(212, 223, 229);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.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(127, 150, 165);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(143, 147, 158)}.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;padding-left:0 !important;margin-left:12px !important;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.chipCountId=createID("DuetInputChipCount");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.chipsSelectedDesriptionLabel={en:"selected",fi:"valittu",sv:"valt"};this.onInput=function(t){if(e.disallowPatternRegex){cleanValue(e.nativeInput,e.disallowPatternRegex)}if(e.chips){e.clearChipSelection()}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.clearChipSelection();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.getAriaDescribedBy=function(){var t=[];if(e.isCaptionVisible&&e.topCaptionId){t.push(e.topCaptionId)}if(e.accessibleDescribedBy){t.push(e.accessibleDescribedBy)}if(e.chips){var i=e.getAllChips();if(i.length){t.push(e.chipCountId);i.forEach((function(e){return t.push(e.id)}))}}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}}if(e.chips&&e.nativeInput.value.length===0){if(isBackspaceKey(t)){if(e.isChipSelected()){e.getSelectedChip().removeChip();setTimeout((function(){return e.selectLastChip()}))}e.selectLastChip()}if(isArrowLeftKey(t)){e.selectChipToLeft()}if(isArrowRightKey(t)&&e.isChipSelected()){e.selectChipToRight()}}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.isChipSelected=function(){return this.getAllChips().some((function(t){return t.selected}))};t.prototype.getSelectedChip=function(){return this.getAllChips().find((function(t){return t.selected}))};t.prototype.clearChipSelection=function(){var t=this.getAllChips();t.forEach((function(t){return t.selected=false}))};t.prototype.selectLastChip=function(){var t=this.getAllChips();if(t.length){t.forEach((function(t){return t.selected=false}));t.at(-1).selected=true}};t.prototype.selectChipToLeft=function(){var t=this.getAllChips();var e=t.findIndex((function(t){return t.selected}));if(t.length){t.forEach((function(t){return t.selected=false}));if(e===-1){t.at(-1).selected=true}else if(e===0){t[0].selected=true}else{t[e-1].selected=true}}};t.prototype.selectChipToRight=function(){var t=this.getAllChips();var e=t.findIndex((function(t){return t.selected}));if(t.length){t.forEach((function(t){return t.selected=false}));if(e>-1&&e<t.length-1){t[e+1].selected=true}}};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)");t.id=createID("DuetInputChip");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),this.chips&&h("duet-visually-hidden",{id:this.chipCountId},", ","".concat(this.getAllChips().length," ").concat(getLocaleString(this.chipsSelectedDesriptionLabel)),","),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.getAriaDescribedBy(),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(8, 42, 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-5a27eaf5.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,e as isBackspaceKey,d as isArrowLeftKey,a as isArrowRightKey}from"./keyboard-utils-daf80d44.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString}from"./language-utils-2c1dd412.js";import{c as checkNamedSlotElement}from"./slot-utils-2823028d.js";import{g as getColorByName}from"./token-utils-a32eb753.js";import"./string-utils-192eb3c8.js";import"./tokens.module-a746651a.js";var 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(8, 42, 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, 75, 129)}.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(8, 42, 77)}.duet-input-container.duet-theme-turva.has-clear.sc-duet-input .duet-input-clear-icon.sc-duet-input button.sc-duet-input:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.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(8, 42, 77) !important;cursor:initial !important;background:rgb(255, 255, 255) !important;background-clip:initial !important;border:1px solid rgb(127, 150, 165) !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(214, 28, 82) !important}.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-input .duet-input.sc-duet-input+.duet-input-icon.sc-duet-input{color:rgb(214, 28, 82) !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(143, 147, 158) !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(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input::-moz-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-input .duet-input.sc-duet-input:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-input[disabled].sc-duet-input{color:rgb(8, 42, 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(8, 42, 77) !important}.duet-theme-turva.sc-duet-input .duet-input[disabled].sc-duet-input{color:rgb(23, 28, 58) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-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(98, 121, 138);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(143, 147, 158)}.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-input .duet-input-help.sc-duet-input{color:rgb(214, 28, 82)}.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(127, 150, 165);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(143, 147, 158)}.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(212, 223, 229);box-shadow:none}.duet-input-variation-revealable.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.duet-input-variation-revealable.duet-theme-turva.has-error.sc-duet-input .duet-input-relative.sc-duet-input{border-color:rgb(214, 28, 82)}.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(127, 150, 165);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(143, 147, 158)}.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;padding-left:0 !important;margin-left:12px !important;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.chipCountId=createID("DuetInputChipCount");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.chipsSelectedDesriptionLabel={en:"selected",fi:"valittu",sv:"valt"};this.onInput=function(t){if(e.disallowPatternRegex){cleanValue(e.nativeInput,e.disallowPatternRegex)}if(e.chips){e.clearChipSelection()}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.clearChipSelection();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.getAriaDescribedBy=function(){var t=[];if(e.isCaptionVisible&&e.topCaptionId){t.push(e.topCaptionId)}if(e.accessibleDescribedBy){t.push(e.accessibleDescribedBy)}if(e.chips){var i=e.getAllChips();if(i.length){t.push(e.chipCountId);i.forEach((function(e){return t.push(e.id)}))}}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}}if(e.chips&&e.nativeInput.value.length===0){if(isBackspaceKey(t)){if(e.isChipSelected()){e.getSelectedChip().removeChip();setTimeout((function(){return e.selectLastChip()}))}e.selectLastChip()}if(isArrowLeftKey(t)){e.selectChipToLeft()}if(isArrowRightKey(t)&&e.isChipSelected()){e.selectChipToRight()}}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.isChipSelected=function(){return this.getAllChips().some((function(t){return t.selected}))};t.prototype.getSelectedChip=function(){return this.getAllChips().find((function(t){return t.selected}))};t.prototype.clearChipSelection=function(){var t=this.getAllChips();t.forEach((function(t){return t.selected=false}))};t.prototype.selectLastChip=function(){var t=this.getAllChips();if(t.length){t.forEach((function(t){return t.selected=false}));t.at(-1).selected=true}};t.prototype.selectChipToLeft=function(){var t=this.getAllChips();var e=t.findIndex((function(t){return t.selected}));if(t.length){t.forEach((function(t){return t.selected=false}));if(e===-1){t.at(-1).selected=true}else if(e===0){t[0].selected=true}else{t[e-1].selected=true}}};t.prototype.selectChipToRight=function(){var t=this.getAllChips();var e=t.findIndex((function(t){return t.selected}));if(t.length){t.forEach((function(t){return t.selected=false}));if(e>-1&&e<t.length-1){t[e+1].selected=true}}};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)");t.id=createID("DuetInputChip");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),this.chips&&h("duet-visually-hidden",{id:this.chipCountId},", ","".concat(this.getAllChips().length," ").concat(getLocaleString(this.chipsSelectedDesriptionLabel)),","),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.getAriaDescribedBy(),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(8, 42, 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 CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-eedb042d.js";import{i as isInternetExplorer}from"./is-internet-explorer-2c48f686.js";import{c as checkNamedSlotElement}from"./slot-utils-866b1fd5.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-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";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()}},h("div",{key:"0db8d45f16f7bec516c0b831393cb05f962bfdb8",class:{"duet-layout-wrapper":true,"duet-m-0":this.margin==="none"}},this.hasTop&&h("div",{key:"b65a92ce153b41318cb757b3457dfc470c11c4c6",class:{"duet-layout-top":true,"duet-center":this.center}},h("div",{key:"777fc5b75ff85428b7234d94739f7471f5dc8011",class:"duet-layout-top-wrapper"},h("slot",{key:"513fa6d80b00980efc02c454889726f24b3af6a9",name:"top"}))),h("div",{key:"8d24cdd9f0a38cadf71cf74df0f44c547a9fb4f3",class:(t={"duet-layout":true,"has-sidebar":this.hasSidebar,"duet-center":this.center},t["padding-".concat(this.paddingBreakpoint)]=!!this.paddingBreakpoint,t)},h("main",{key:"e98b4d6704819e6a07f5ccc7b29227d6623e2bc2",class:"duet-main"},this.hasPageHeading&&h("slot",{key:"642f458827bfce2732c708d5cff00b382180a202",name:"page-heading"}),h("slot",{key:"929847b72cf01ed5be66b9fdc6e0e204281d0eab",name:"main"})),this.hasSidebar&&h("aside",{key:"9cf127c89c37b47642d7d3234476c16d5c38fd11",class:"duet-sidebar"},h("div",{key:"043863761695cf57b596ab6759e99ae32e09f432",class:(e={"duet-sidebar-container":true,"has-tabs":this.tabs,sticky:this.sticky},e[this.stickyDistance]=this.sticky,e)},h("slot",{key:"772f164951137306ec8289a095a829fd2fc0a87b",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-5a27eaf5.js";import{i as isInternetExplorer}from"./is-internet-explorer-2c48f686.js";import{c as checkNamedSlotElement}from"./slot-utils-2823028d.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-wrapper{display:block;margin:48px 0 36px;overflow-x:clip}@media (min-width: 36em){.duet-layout-wrapper{margin-top:72px}}@media (min-width: 62em){.duet-layout-wrapper{margin-bottom:48px}}.duet-layout-wrapper.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-wrapper>*{width:100%}.duet-layout{position:relative;padding:0 16px;margin:0 auto}@media (max-width: 20.5em){.duet-layout.padding-xxx-small{padding:0}}@media (max-width: 22.5em){.duet-layout.padding-xx-small{padding:0}}@media (max-width: 35.9375em){.duet-layout.padding-x-small{padding:0}}@media (min-width: 36em){.duet-layout.padding-small{padding:0}}@media (min-width: 48em){.duet-layout.padding-medium{padding:0}}@media (min-width: 62em){.duet-layout.padding-large{padding:0}}@media (min-width: 64.0625em){.duet-layout.padding-x-large{padding:0}}@media (min-width: 76.25em){.duet-layout.padding-xx-large{padding:0}}@media (min-width: 106.25em){.duet-layout.padding-xxx-large{padding:0}}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";var DuetLayoutStyle0=duetLayoutCss;var DuetLayout=function(){function e(e){registerInstance(this,e);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}e.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.")}};e.prototype.render=function(){var e,t;return h(Host,{key:"77e2f191178d05f54711416debb0c7f64780a0fd",class:{center:this.center,"duet-middle":this.middle,"duet-ie":isInternetExplorer()}},h("div",{key:"905dcf1de42b34427d89e098f157126507d12aa5",class:{"duet-layout-wrapper":true,"duet-m-0":this.margin==="none"}},this.hasTop&&h("div",{key:"aff4d94915e6db5fec05f1591702ddf5d32309b8",class:{"duet-layout-top":true,"duet-center":this.center}},h("div",{key:"e9a78a2f90f64572d0f9eb0095696f7292231b90",class:"duet-layout-top-wrapper"},h("slot",{key:"5c8632796fc97f96a9db17cb193730d394d63bc6",name:"top"}))),h("div",{key:"7e0243ab692a0f95ae46a7f41afaac27ab6f8c2f",class:(e={"duet-layout":true,"has-sidebar":this.hasSidebar,"duet-center":this.center},e["padding-".concat(this.paddingBreakpoint)]=!!this.paddingBreakpoint,e)},h("main",{key:"e0eb98840d79da68f19c18dfb6b0b738c50a8563",class:"duet-main"},this.hasPageHeading&&h("slot",{key:"a8dc3953ae2de7c4d6cdfb7b732a0a2f6ff59ba8",name:"page-heading"}),h("slot",{key:"9dc9657dba0718b7553aa79d2ba525fdfeb14279",name:"main"})),this.hasSidebar&&h("aside",{key:"2ca95869b0244da856be5a537d4781fcba395eda",class:"duet-sidebar"},h("div",{key:"63c6ea53fff4a0f22940410c70619ce468179c20",class:(t={"duet-sidebar-container":true,"has-tabs":this.tabs,sticky:this.sticky},t[this.stickyDistance]=this.sticky,t)},h("slot",{key:"7329e6f47779d50e1ce873a0bb93e67b3a5cdcfb",name:"sidebar"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetLayout.style=DuetLayoutStyle0;export{DuetLayout as duet_layout};

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

@@ -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-eedb042d.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:"be789bab546df8b0ac070d09a5f5c47f5f428afe",class:{"duet-list-component":true,"duet-m-0":this.margin==="none"}},h("slot",{key:"645ee0c7c623eeed042e25ac2ea7aab51ef1a2bc"}))};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(8, 42, 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, 247, 250)}:host(.duet-list-bordered){border-block-start:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered:last-child){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(222, 224, 228)}:host(.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-list-inner-bordered:not(:last-child)){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(222, 224, 228)}: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:"4d92cde8114cd83fd9d52008a16ce57a934eeb4f",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:"58c9679805f2a50dbf3c847157d0a1799feaeeed"},h("slot",{key:"2f167529b2c16e01e0430267dfe564ad8d9aed6c",name:"label"})),h("dd",{key:"11b92167d9b42d5e5d97b1e056ecc08a25aa1f6e"},h("slot",{key:"7bb89dc78c1a571df7d27a285435d7c596d3d6f8",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-5a27eaf5.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:"fb75b5a512a993e8478f5c82e38b8b82a5e199cc",class:{"duet-list-component":true,"duet-m-0":this.margin==="none"}},h("slot",{key:"b8c6ed37ea89e194ef5a2f9fb603b60cd204ff69"}))};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(8, 42, 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, 247, 250)}:host(.duet-list-bordered){border-block-start:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered:last-child){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-bordered.duet-theme-turva){border-block-start:1px solid rgb(222, 224, 228)}:host(.duet-list-bordered.duet-theme-turva:last-child){border-block-end:1px solid rgb(222, 224, 228)}:host(.duet-list-inner-bordered:not(:last-child)){border-block-end:1px solid rgb(212, 223, 229)}:host(.duet-list-inner-bordered.duet-theme-turva:not(:last-child)){border-block-end:1px solid rgb(222, 224, 228)}: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:"22e6cfe329bfdf6f2f1c374bbf9bf9ab79241c52",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:"ac210602fa781f3a400b0268c29612b3feda2882"},h("slot",{key:"3e79d41cc7272db352845896debfd271df16fb70",name:"label"})),h("dd",{key:"441336e69ff97fb2b7b94e19ce909b7936bc9519"},h("slot",{key:"884a75fd16b595aaf8ca7aeaec1d345e2760e4b4",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 CHANGED Viewed

@@ -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-eedb042d.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:"82464805ea51559084ea355862b4f31c8f7e54b4",role:"listitem",onfocus:function(){return e.setFocus()}},h("button",{key:"f0fa86fc2049ffc2c50d1373f983bfda5016f0dd",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:"cf6e2dbf37f362d520925c642768d962d4215ad7",class:"menu-bar-button-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),h("slot",{key:"20d6d69e5e34eb70dc3dd61dcaf100c51862ac02"})))};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-5a27eaf5.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:"004d0d4f86fba40f9fad10254bbd9a67fde481b3",role:"listitem",onfocus:function(){return e.setFocus()}},h("button",{key:"93260868022fcff94e5594b0982729e449aaaf0d",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:"09c43d7c0dc7ee3887710f7fc88a0b290160dd7d",class:"menu-bar-button-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),h("slot",{key:"b4a30a15fa55995016084db6437987aeec8ff925"})))};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 CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-eedb042d.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{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(8, 42, 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(228, 241, 247)}.duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}';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:"8d112f638049058d29ae3ba9ab00d6acbb52f857"},h("a",{key:"39954a1d2940510a100fc6d20302767612d0bfd0",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:"488d03db430f04af7c2c6a13f31ae5932a57e40e",theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("slot",{key:"b42533bc5fd7ccc2557d1cb2b2ad7dc8bed68b30"})))};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-5a27eaf5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.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(8, 42, 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(228, 241, 247)}.duet-menu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}';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:"65d409311019e93c176030ae276b74b780f0722c"},h("a",{key:"71abec43b5213cece2f6f537220c28f28c174cbe",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:"abcb3dd527aed658cd2b4bbd23edb20edfce91eb",theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("slot",{key:"7732547ae2fc62149c2250780e40bbe6c108a49a"})))};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 CHANGED Viewed

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,n,o){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function i(e){try{d(o.next(e))}catch(e){a(e)}}function u(e){try{d(o["throw"](e))}catch(e){a(e)}}function d(e){e.done?n(e.value):r(e.value).then(i,u)}d((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,r,a,i;return i={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function u(e){return function(t){return d([e,t])}}function d(u){if(o)throw new TypeError("Generator is already executing.");while(i&&(i=0,u[0]&&(n=0)),n)try{if(o=1,r&&(a=u[0]&2?r["return"]:u[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,u[1])).done)return a;if(r=0,a)u=[u[0]&2,a.value];switch(u[0]){case 0:case 1:a=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;r=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!a||u[1]>a[0]&&u[1]<a[3])){n.label=u[1];break}if(u[0]===6&&n.label<a[1]){n.label=a[1];a=u;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(u);break}if(a[2])n.ops.pop();n.trys.pop();continue}u=t.call(e,n)}catch(e){u=[6,e];r=0}finally{o=a=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-eedb042d.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, 75, 129);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(8, 42, 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:"14604da439d8f76ce91c6ee608491a1e35dbb6cf",role:"listitem"},h("div",{key:"894acf67c028837682296e787b78815f20536fe8",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:"27975670c14a7f50d462c16c311d92e1b7f015e8",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:"da16731cb49afdd761eba05ed7ccd4c022eb5be7",class:"menu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),h("div",{key:"a86e2f65da4100756c193ff0a63b0787ae0c458d",class:"label"},h("slot",{key:"d8e977ae62ec554a0c41c2e92bfe724a33a36af9",name:"label"}),h("duet-icon",{key:"d1fd9a923165aeb594c076448f16ca20369f92a9",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"cb6c675efba2ccf218e275d5ba0a9e22b9338706",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"f27720a15f413ff6193f40f99c760378c13901e3"}))))};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-5a27eaf5.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.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, 75, 129);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(8, 42, 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:"b66d07696fb73e08c25ee747d2580d086a1f6034",role:"listitem"},h("div",{key:"a76407d0613c128ca1c106ab93e5559923b86c60",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:"2821837c6d54d1312e3a9722a426b76d94973aa9",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:"a9e0ee9ccdd4e2e93db53969c5af2e38e3cd40fa",class:"menu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),h("div",{key:"65580cab4fb839ee4b520f56e4a048d6d0bae122",class:"label"},h("slot",{key:"c62365b60d57413f850d9f1abed85bc109285145",name:"label"}),h("duet-icon",{key:"be8eea0170768c101754a5bb6244280ed0c431e0",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"be1513d3702db6f94611e3108415b37f0707ab9a",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"2bebbcac98c6087f9e03ac9a40a897ecf5d778e6"}))))};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 CHANGED Viewed

@@ -1,4 +1,4 @@
 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-eedb042d.js";import{a as actionNewWindowSmall}from"./action-new-window-small-1945be91.js";import{D as DuetStringsExternalDefaults}from"./common-strings-af765cad.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{g as getAccessibleLinkLabel}from"./a11y-utils-f2222b42.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-238c5ed0.js";import"./slot-utils-866b1fd5.js";import"./string-utils-192eb3c8.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;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 .external-icon{width:10px;height:10px}.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";this.accessibleLabelExternalDefaults=DuetStringsExternalDefaults;this.accessibleLabelExternal=getLocaleString(this.accessibleLabelExternalDefaults);this.external=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.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:"564cec69e1e6e84d349582f746e7a4398980d788",role:"listitem"},h(t,{key:"3c025a87721de91b523330f2f609064e0e0f973f",target:!this.url?null:this.external?"_blank":"_self",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.url&&getAccessibleLinkLabel(this)||this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined,rel:this.external?"noopener":undefined},this.leadingIcon&&h("duet-icon",{key:"c615dc0da6804efce3f5e038f578314ce7963a05",class:"leading-icon",size:"auto",name:this.leadingIcon,margin:"none",theme:this.theme,color:"currentColor"}),h("slot",{key:"0944adf559c68a55cbedb75bc8a4d038197dc4fe"}),(this.trailingIcon||this.external)&&h("duet-icon",{key:"81b6caf00069e39948f9c1f69370144367bbaf12",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":this.trailingIcon==="action-arrow-down-small","external-icon":!!this.external,rotate:this.trailingIcon==="action-arrow-down-small"&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.external?actionNewWindowSmall.title:"",margin:"none",size:"auto",color:"currentColor"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarItem.style=DuetMenuBarItemStyle0;export{DuetMenuBarItem as duet_menu_bar_item};
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-5a27eaf5.js";import{a as actionNewWindowSmall}from"./action-new-window-small-1945be91.js";import{D as DuetStringsExternalDefaults}from"./common-strings-af765cad.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{g as getAccessibleLinkLabel}from"./a11y-utils-efd1151b.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-2c1dd412.js";import"./slot-utils-2823028d.js";import"./string-utils-192eb3c8.js";var 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;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 .external-icon{width:10px;height:10px}.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";this.accessibleLabelExternalDefaults=DuetStringsExternalDefaults;this.accessibleLabelExternal=getLocaleString(this.accessibleLabelExternalDefaults);this.external=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.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:"bbb7ab55c67b4db51e15236bca4d88bb424285ac",role:"listitem"},h(t,{key:"fe5e350f27ee0bc5f7284a1a4f042ca07cf8ff09",target:!this.url?null:this.external?"_blank":"_self",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.url&&getAccessibleLinkLabel(this)||this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined,rel:this.external?"noopener":undefined},this.leadingIcon&&h("duet-icon",{key:"e726aadf242af86b56407416f363f337830cca5b",class:"leading-icon",size:"auto",name:this.leadingIcon,margin:"none",theme:this.theme,color:"currentColor"}),h("slot",{key:"752e9b002c53afc4a7bc62227afe1f3222e72602"}),(this.trailingIcon||this.external)&&h("duet-icon",{key:"b983d7aad90a67857c92d864f4c807fe3f7a7a16",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":this.trailingIcon==="action-arrow-down-small","external-icon":!!this.external,rotate:this.trailingIcon==="action-arrow-down-small"&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.external?actionNewWindowSmall.title:"",margin:"none",size:"auto",color:"currentColor"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetMenuBarItem.style=DuetMenuBarItemStyle0;export{DuetMenuBarItem as duet_menu_bar_item};

package/lib/esm-es5/duet-menu-bar-link.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-eedb042d.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";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:"2af75611d72cb2981e7bdd6be6ee1a309eb689b0",role:"listitem"},h("a",{key:"a7966c48fbbf6c673c284e22f66b43103033e055",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:"4ff70f1ae3cd9ba219b5ac63e814d3c5ba315f6a",class:"menu-bar-link-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),h("slot",{key:"b1b533c32b451c5c43c7f61101e7b9a6496dd53a"})))};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-5a27eaf5.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:"f682d26a48ec220240975707b35c96a477eeb6be",role:"listitem"},h("a",{key:"4e3786d460b72263478547c988eb8bde5dd3501e",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:"37047bd278cc4b7bb56acdcf3db2937025736dc7",class:"menu-bar-link-icon",theme:this.theme,size:"auto",name:this.icon,margin:"none",color:"currentColor"}),h("slot",{key:"014a47458e2dedfad6bf8290061227812e8e4d24"})))};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 CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-eedb042d.js";import{a as media_query_large,c as media_query_xx_large}from"./tokens-84fb2357.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{a as getLanguage}from"./language-utils-238c5ed0.js";import"./string-utils-192eb3c8.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(212, 223, 229)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:-1px;z-index:1;width:56px;height:49px;pointer-events:none;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;pointer-events:none;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)}}@media (min-width: 62em){.duet-menu-bar.duet-menu-bar-slim .container{height:4rem}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 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, 75, 129)}.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.checkCenterSlot=function(){var e=t.element.querySelector('[slot="center"]');t.centerSlotUsed=!!e};this.changeLogoSize=function(){if(t.mql[1].matches&&t.centerSlotUsed){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.centerSlotUsed=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}}this.checkCenterSlot()};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();e.checkCenterSlot()}),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:"a65c23ad487b0568d090ce557e371efd6d9c327e"},h("nav",{key:"21e9511d958e4399c027bd8c22f2fa5d55b787ea",class:{"duet-menu-bar":true,"duet-theme-turva":this.theme==="turva","horizontal-nav":i,"duet-menu-bar-slim":!this.centerSlotUsed,hidden:this.hidden&&this.hideOnScroll,bottom:this.onBottom},"aria-label":this.accessibleLabel},h("div",{key:"eb917b1c926da1afdb46bd394dd8b9c8c8ffa61e",class:"top"}),h("div",{key:"cf6bbcdfc49a0d74801a526cbc90adb45540845f",class:{container:true},ref:function(t){return e.container=t},onScroll:function(){return e.scrollbarCheck()}},this.logo&&h("div",{key:"68e1850c9b52d150b6e4d62fefd5c6dcac8729cc"},h("duet-logo",{key:"403fb778a1ab49bca29520ca8ed3e29a7608036c",size:this.logoSize,margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language})),h("div",{key:"66972c33fef9180083b6823f0eb2e6249df46a42",class:"list center",role:"list"},h("div",{key:"5b141c33b3b4e7bf836bba115e06f6657e4d2d9e",class:"more-left",hidden:!this.leftMoreVisible,role:"presentation"}),h("slot",{key:"a31a813255f7e37f17734297331b69db14d84ac2",name:"center"}),h("div",{key:"0380979146e17aa48f702e5b333465591b7a7d32",class:"more-right",hidden:!this.rightMoreVisible,role:"presentation"})),h("div",{key:"425ef8602860673db531601f0518859444eabe8b",class:"list right",role:"list"},h("slot",{key:"c9f71431b68616e5f53b695322da1918e64779de",name:"right"}))),h("div",{key:"2acd626dc57ba7286fc5112c54d1bb137bb8b700",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-5a27eaf5.js";import{a as media_query_large,c as media_query_xx_large}from"./tokens-84fb2357.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{a as getLanguage}from"./language-utils-2c1dd412.js";import"./string-utils-192eb3c8.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(212, 223, 229)}.duet-menu-bar.horizontal-nav .more-left{position:absolute;top:0;left:-1px;z-index:1;width:56px;height:49px;pointer-events:none;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;pointer-events:none;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)}}@media (min-width: 62em){.duet-menu-bar.duet-menu-bar-slim .container{height:4rem}}.center{font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 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, 75, 129)}.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.checkCenterSlot=function(){var e=t.element.querySelector('[slot="center"]');t.centerSlotUsed=!!e};this.changeLogoSize=function(){if(t.mql[1].matches&&t.centerSlotUsed){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.centerSlotUsed=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}}this.checkCenterSlot()};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();e.checkCenterSlot()}),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:"bcad938ec9d36146a03cfe0f700b6634c1f46958"},h("nav",{key:"b7323bf93dd036b635a2252547c632e031c39225",class:{"duet-menu-bar":true,"duet-theme-turva":this.theme==="turva","horizontal-nav":i,"duet-menu-bar-slim":!this.centerSlotUsed,hidden:this.hidden&&this.hideOnScroll,bottom:this.onBottom},"aria-label":this.accessibleLabel},h("div",{key:"694c45482cf6cd2c1d227696eee86efa9f46a3f5",class:"top"}),h("div",{key:"5b9c0fbfb801099a8f5e6071c5eebcb5ec0339c2",class:{container:true},ref:function(t){return e.container=t},onScroll:function(){return e.scrollbarCheck()}},this.logo&&h("div",{key:"9a7f4a50cf92efe098b290fa5226a38b64cb742f"},h("duet-logo",{key:"4cd17a664e1b676281232cf9957d7e27790172d7",size:this.logoSize,margin:"none",theme:this.theme,href:this.logoHref,accessibleLabel:this.logoLinkAccessibleLabel,onClick:this.handleLogoClick,language:this.language})),h("div",{key:"212ccefe739a5ee560da239fe9b87d4d7a9d6f76",class:"list center",role:"list"},h("div",{key:"64e4c3298055047e7454a8ed83052a0964039b07",class:"more-left",hidden:!this.leftMoreVisible,role:"presentation"}),h("slot",{key:"d31c10e443b0578aa254e39dbcb50d31de587ac2",name:"center"}),h("div",{key:"22833b4443643c532f6dbbceeb8cf76785fe4ace",class:"more-right",hidden:!this.rightMoreVisible,role:"presentation"})),h("div",{key:"e2612b209d40d795c7cca2f1486cb9e94d527e96",class:"list right",role:"list"},h("slot",{key:"3bfee649190a701ced101c72af35477164842c94",name:"right"}))),h("div",{key:"561c073cd4af726db6a62d7d150c1814d9ef3621",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};