npm - @duetds/components - Versions diffs - 9.5.1 → 9.5.2 - Mend

@duetds/components 9.5.1 → 9.5.2

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

Files changed (607) hide show

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

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

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

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

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

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

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-caf8af66.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetSubmenuBarDropdownLinkCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-submenu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:8px 20px 8px 60px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none}.duet-submenu-bar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-submenu-bar-dropdown-link:focus,.duet-submenu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-dropdown-link .label-container{display:flex;flex:1;gap:12px;align-items:center;justify-content:flex-start}@media (min-width: 62em){.duet-submenu-bar-dropdown-link{padding:0.5rem 8px;font-size:1rem;line-height:1.5}}.duet-submenu-bar-dropdown-link.active .label{position:relative}.duet-submenu-bar-dropdown-link.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}.duet-submenu-bar-dropdown-link.active .active-check{display:none}.duet-submenu-bar-dropdown-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-submenu-bar-dropdown-link.active .label::after{display:none}.duet-submenu-bar-dropdown-link.active .active-check{display:block}.duet-submenu-bar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-submenu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown-link.highlight{color:rgb(0, 119, 179)}.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva{color:rgb(126, 2, 35)}';var DuetSubmenuBarDropdownLinkStyle0=duetSubmenuBarDropdownLinkCss;var DuetSubmenuBarDropdownLink=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined;this.caret=false;this.highlight=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var n=this.element.closest("duet-submenu-bar-dropdown");n.open=false;n.setFocus()}};e.prototype.render=function(){var e=this;return h(Host,{key:"f80ee91cccb915e476e1f572f9656985c2028978"},h("a",{key:"8a53200290262940ac11346d9d7526afed459893",class:{"duet-submenu-bar-dropdown-link":true,"duet-theme-turva":this.theme==="turva",highlight:this.highlight,active:this.active},"aria-current":this.active?"true":"false",href:this.href,onKeyUp:function(n){return e.handleEscape(n)}},this.icon&&h("duet-icon",{key:"006a4ba73b60083703dbcc084263b8a721c320d7",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("span",{key:"9450f9f49041afd67cd79bf8c9b3ea0094cef6ce",class:"label-container"},h("span",{key:"f0e0d4882fd97aeb7c33c29e68be8c4ee40302f8",class:"label"},h("slot",{key:"a72b1bcc2fcd65022d09fea90b1c7c957e54ffb5"})),this.caret&&h("duet-icon",{key:"795f6f318bde5239cf79fa96a4a915e42032e5d1",name:"action-arrow-right-small",size:"xxx-small",margin:"none"})),this.active&&h("duet-icon",{key:"d79f93df8837c4e201869a960f8f7a53783b7852",class:"active-check",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarDropdownLink.style=DuetSubmenuBarDropdownLinkStyle0;export{DuetSubmenuBarDropdownLink as duet_submenu_bar_dropdown_link};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-2ab7ff5a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetSubmenuBarDropdownLinkCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-submenu-bar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:8px 20px 8px 60px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77);text-align:left;text-decoration:none}.duet-submenu-bar-dropdown-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-submenu-bar-dropdown-link:focus,.duet-submenu-bar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-dropdown-link .label-container{display:flex;flex:1;gap:12px;align-items:center;justify-content:flex-start}@media (min-width: 62em){.duet-submenu-bar-dropdown-link{padding:0.5rem 8px;font-size:1rem;line-height:1.5}}.duet-submenu-bar-dropdown-link.active .label{position:relative}.duet-submenu-bar-dropdown-link.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}.duet-submenu-bar-dropdown-link.active .active-check{display:none}.duet-submenu-bar-dropdown-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-dropdown-link.duet-theme-turva.active .label::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-submenu-bar-dropdown-link.active .label::after{display:none}.duet-submenu-bar-dropdown-link.active .active-check{display:block}.duet-submenu-bar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-submenu-bar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown-link.highlight{color:rgb(0, 119, 179)}.duet-submenu-bar-dropdown-link.highlight.duet-theme-turva{color:rgb(126, 2, 35)}';var DuetSubmenuBarDropdownLinkStyle0=duetSubmenuBarDropdownLinkCss;var DuetSubmenuBarDropdownLink=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined;this.caret=false;this.highlight=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var n=this.element.closest("duet-submenu-bar-dropdown");n.open=false;n.setFocus()}};e.prototype.render=function(){var e=this;return h(Host,{key:"f80ee91cccb915e476e1f572f9656985c2028978"},h("a",{key:"8a53200290262940ac11346d9d7526afed459893",class:{"duet-submenu-bar-dropdown-link":true,"duet-theme-turva":this.theme==="turva",highlight:this.highlight,active:this.active},"aria-current":this.active?"true":"false",href:this.href,onKeyUp:function(n){return e.handleEscape(n)}},this.icon&&h("duet-icon",{key:"006a4ba73b60083703dbcc084263b8a721c320d7",name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("span",{key:"9450f9f49041afd67cd79bf8c9b3ea0094cef6ce",class:"label-container"},h("span",{key:"f0e0d4882fd97aeb7c33c29e68be8c4ee40302f8",class:"label"},h("slot",{key:"a72b1bcc2fcd65022d09fea90b1c7c957e54ffb5"})),this.caret&&h("duet-icon",{key:"795f6f318bde5239cf79fa96a4a915e42032e5d1",name:"action-arrow-right-small",size:"xxx-small",margin:"none"})),this.active&&h("duet-icon",{key:"d79f93df8837c4e201869a960f8f7a53783b7852",class:"active-check",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarDropdownLink.style=DuetSubmenuBarDropdownLinkStyle0;export{DuetSubmenuBarDropdownLink as duet_submenu_bar_dropdown_link};

package/lib/esm-es5/duet-submenu-bar-dropdown.entry.js 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-caf8af66.js";import{a as media_query_large}from"./tokens-84fb2357.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetSubmenuBarDropdownCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-dropdown{position:relative;height:100%}.duet-submenu-bar-dropdown button{position:relative;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-submenu-bar-dropdown button{flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;font-size:0.875rem;color:rgb(0, 75, 129)}}.duet-submenu-bar-dropdown button .label{display:flex;gap:5px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar-dropdown button.open{background:rgb(228, 241, 247)}}.duet-submenu-bar-dropdown button.open .caret{transform:rotate(180deg)}.duet-submenu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar-dropdown button.active .label-text{position:relative}.duet-submenu-bar-dropdown button.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-dropdown button.active .label-text::after{display:none}}@media (min-width: 62em){.duet-submenu-bar-dropdown button .caret{position:absolute;right:12px}.duet-submenu-bar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown button:hover.active{color:rgb(8, 42, 77)}.duet-theme-turva .duet-submenu-bar-dropdown button:hover.active{color:rgb(23, 28, 58)}.duet-submenu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-theme-turva .duet-submenu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-submenu-bar-dropdown button.active::after,.duet-submenu-bar-dropdown button.open::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-theme-turva .duet-submenu-bar-dropdown button.active::after,.duet-theme-turva .duet-submenu-bar-dropdown button.open::after{background:rgb(198, 12, 48)}}.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:16px;height:16px}}.duet-submenu-bar-dropdown .items{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:1000px;padding:4px 0 16px;overflow-y:auto;color:rgb(8, 42, 77);visibility:visible;transition:max-height 0.3s ease-in, padding 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-submenu-bar-dropdown .items::-webkit-scrollbar{display:none}@media (min-width: 62em){.duet-submenu-bar-dropdown .items{position:absolute;top:93%;z-index:600;min-width:320px;padding:8px;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);transition:none}}.duet-submenu-bar-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility:hidden;transition:max-height 0.3s ease-in, padding 0.3s ease-in}.duet-submenu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button:hover{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.active,.duet-submenu-bar-dropdown.duet-theme-turva button.open{color:rgb(126, 2, 35)}}.duet-submenu-bar-dropdown.duet-theme-turva button.active::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open::after{background:rgb(126, 2, 35)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.open{background:rgb(222, 224, 228)}}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}}';var DuetSubmenuBarDropdownStyle0=duetSubmenuBarDropdownCss;var DuetSubmenuBarDropdown=function(){function e(e){var t=this;registerInstance(this,e);this.mql=[window.matchMedia(media_query_large.replace(/'/g,""))];this.boundMqlFunctions=[];this.checkIsDesktop=function(){if(t.mql[0].matches){t.isDesktop=true}else{t.isDesktop=false}};this.onClick=function(){var e=t.open;if(!t.isDesktop){var n=Array.from(t.element.parentElement.querySelectorAll("duet-submenu-bar-dropdown"));for(var o=0,r=n;o<r.length;o++){var a=r[o];a.open=false}}if(e){t.open=false}else{t.open=true}};this.isDesktop=false;this.theme="";this.active=false;this.open=false;this.icon=undefined}e.prototype.handleFocus=function(e){var t=this;var n=e.composedPath().every((function(e){return e!==t.element}));if(n&&this.isDesktop){this.open=false}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){this.checkIsDesktop();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.checkIsDesktop.bind(this);this.mql[e].addEventListener("change",t);this.boundMqlFunctions[e]=t}}};e.prototype.disconnectedCallback=function(){for(var e=0;e<this.mql.length;e++){if(this.mql[e].removeEventListener){this.mql[e].removeEventListener("change",this.boundMqlFunctions[e])}}this.boundMqlFunctions=[]};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){if(this.open){this.open=false}else{var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"b3ceba0158daeda5a08cdbb24998e6a5621a3703",role:"listitem"},h("div",{key:"7151474e27716eb431d4e91c40df63183b3a7aa3",class:{"duet-submenu-bar-dropdown":true,"duet-theme-turva":this.theme==="turva",open:this.open,active:this.active}},h("button",{key:"5c52390b4c51542e2f964c334678b69bbd579520",ref:function(t){return e.button=t},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{open:this.open,active:this.active},onClick:this.onClick,onKeyUp:function(t){return e.handleEscape(t)}},this.icon&&h("duet-icon",{key:"b54bb41ddf9a8743c91ca00b851f278ed01be2d3",class:"submenu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),h("div",{key:"5e48f0afd254dc828b65347ed8b9503a258cf2fa",class:"label"},h("span",{key:"11e104876c90fb056e2ec497e48a8ab634bcaf90",class:"label-text"},h("slot",{key:"a5eba5494cfa87a94cfa0f7a6b9614f5e84127e5",name:"label"})),h("duet-icon",{key:"954b21321b8f10dda0da3e8b049157bd6ac52b49",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"f2cbdcc7f153986c5d76351fb27070eb233cf68c",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"4e14b8e2e6c20c4fa8e9e90b34047a6a790ff5e6"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarDropdown.style=DuetSubmenuBarDropdownStyle0;export{DuetSubmenuBarDropdown as duet_submenu_bar_dropdown};
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-2ab7ff5a.js";import{a as media_query_large}from"./tokens-84fb2357.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetSubmenuBarDropdownCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-dropdown{position:relative;height:100%}.duet-submenu-bar-dropdown button{position:relative;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none;cursor:pointer}@media (min-width: 62em){.duet-submenu-bar-dropdown button{flex-direction:column;gap:5px;align-items:center;justify-content:center;width:auto;font-size:0.875rem;color:rgb(0, 75, 129)}}.duet-submenu-bar-dropdown button .label{display:flex;gap:5px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar-dropdown button.open{background:rgb(228, 241, 247)}}.duet-submenu-bar-dropdown button.open .caret{transform:rotate(180deg)}.duet-submenu-bar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar-dropdown button.active .label-text{position:relative}.duet-submenu-bar-dropdown button.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-dropdown button.active .label-text::after{display:none}}@media (min-width: 62em){.duet-submenu-bar-dropdown button .caret{position:absolute;right:12px}.duet-submenu-bar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-dropdown button:hover.active{color:rgb(8, 42, 77)}.duet-theme-turva .duet-submenu-bar-dropdown button:hover.active{color:rgb(23, 28, 58)}.duet-submenu-bar-dropdown button.active{color:rgb(0, 119, 179)}.duet-theme-turva .duet-submenu-bar-dropdown button.active{color:rgb(198, 12, 48)}.duet-submenu-bar-dropdown button.active::after,.duet-submenu-bar-dropdown button.open::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-theme-turva .duet-submenu-bar-dropdown button.active::after,.duet-theme-turva .duet-submenu-bar-dropdown button.open::after{background:rgb(198, 12, 48)}}.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-dropdown .submenu-bar-dropdown-icon{width:16px;height:16px}}.duet-submenu-bar-dropdown .items{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:1000px;padding:4px 0 16px;overflow-y:auto;color:rgb(8, 42, 77);visibility:visible;transition:max-height 0.3s ease-in, padding 0.3s ease-in;-ms-overflow-style:none;scrollbar-width:none}.duet-submenu-bar-dropdown .items::-webkit-scrollbar{display:none}@media (min-width: 62em){.duet-submenu-bar-dropdown .items{position:absolute;top:93%;z-index:600;min-width:320px;padding:8px;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);transition:none}}.duet-submenu-bar-dropdown .items.hidden{max-height:0;padding:0;overflow:hidden;visibility:hidden;transition:max-height 0.3s ease-in, padding 0.3s ease-in}.duet-submenu-bar-dropdown.duet-theme-turva button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button:hover{background:rgb(222, 224, 228)}}.duet-submenu-bar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-dropdown.duet-theme-turva button.active .label-text::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open .label-text::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.active,.duet-submenu-bar-dropdown.duet-theme-turva button.open{color:rgb(126, 2, 35)}}.duet-submenu-bar-dropdown.duet-theme-turva button.active::after,.duet-submenu-bar-dropdown.duet-theme-turva button.open::after{background:rgb(126, 2, 35)}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva button.open{background:rgb(222, 224, 228)}}@media (min-width: 62em){.duet-submenu-bar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}}';var DuetSubmenuBarDropdownStyle0=duetSubmenuBarDropdownCss;var DuetSubmenuBarDropdown=function(){function e(e){var t=this;registerInstance(this,e);this.mql=[window.matchMedia(media_query_large.replace(/'/g,""))];this.boundMqlFunctions=[];this.checkIsDesktop=function(){if(t.mql[0].matches){t.isDesktop=true}else{t.isDesktop=false}};this.onClick=function(){var e=t.open;if(!t.isDesktop){var n=Array.from(t.element.parentElement.querySelectorAll("duet-submenu-bar-dropdown"));for(var o=0,r=n;o<r.length;o++){var a=r[o];a.open=false}}if(e){t.open=false}else{t.open=true}};this.isDesktop=false;this.theme="";this.active=false;this.open=false;this.icon=undefined}e.prototype.handleFocus=function(e){var t=this;var n=e.composedPath().every((function(e){return e!==t.element}));if(n&&this.isDesktop){this.open=false}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){this.checkIsDesktop();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.checkIsDesktop.bind(this);this.mql[e].addEventListener("change",t);this.boundMqlFunctions[e]=t}}};e.prototype.disconnectedCallback=function(){for(var e=0;e<this.mql.length;e++){if(this.mql[e].removeEventListener){this.mql[e].removeEventListener("change",this.boundMqlFunctions[e])}}this.boundMqlFunctions=[]};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){if(this.open){this.open=false}else{var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.button.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;return h(Host,{key:"b3ceba0158daeda5a08cdbb24998e6a5621a3703",role:"listitem"},h("div",{key:"7151474e27716eb431d4e91c40df63183b3a7aa3",class:{"duet-submenu-bar-dropdown":true,"duet-theme-turva":this.theme==="turva",open:this.open,active:this.active}},h("button",{key:"5c52390b4c51542e2f964c334678b69bbd579520",ref:function(t){return e.button=t},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{open:this.open,active:this.active},onClick:this.onClick,onKeyUp:function(t){return e.handleEscape(t)}},this.icon&&h("duet-icon",{key:"b54bb41ddf9a8743c91ca00b851f278ed01be2d3",class:"submenu-bar-dropdown-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),h("div",{key:"5e48f0afd254dc828b65347ed8b9503a258cf2fa",class:"label"},h("span",{key:"11e104876c90fb056e2ec497e48a8ab634bcaf90",class:"label-text"},h("slot",{key:"a5eba5494cfa87a94cfa0f7a6b9614f5e84127e5",name:"label"})),h("duet-icon",{key:"954b21321b8f10dda0da3e8b049157bd6ac52b49",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"f2cbdcc7f153986c5d76351fb27070eb233cf68c",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"4e14b8e2e6c20c4fa8e9e90b34047a6a790ff5e6"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarDropdown.style=DuetSubmenuBarDropdownStyle0;export{DuetSubmenuBarDropdown as duet_submenu_bar_dropdown};

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

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

package/lib/esm-es5/duet-submenu-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-caf8af66.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetSubmenuBarLinkCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-link{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none}.duet-submenu-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-submenu-bar-link:focus,.duet-submenu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-link .submenu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-link .submenu-bar-link-icon{width:16px;height:16px}}@media (min-width: 62em){.duet-submenu-bar-link{flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:0.875rem;color:rgb(0, 75, 129)}}@media (min-width: 62em){.duet-submenu-bar-link.active{color:rgb(0, 119, 179)}.duet-submenu-bar-link.active.duet-theme-turva{color:rgb(126, 2, 35)}}.duet-submenu-bar-link.active .label{position:relative}.duet-submenu-bar-link.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-link.active .label::after{display:none}.duet-submenu-bar-link.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}}.duet-submenu-bar-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-link.duet-theme-turva.active .label::after{background:rgb(126, 2, 35)}.duet-submenu-bar-link.duet-theme-turva.active::after{background:rgb(126, 2, 35)}@media (min-width: 62em){.duet-submenu-bar-link:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-link:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}}';var DuetSubmenuBarLinkStyle0=duetSubmenuBarLinkCss;var DuetSubmenuBarLink=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}};e.prototype.render=function(){var e=this;return h(Host,{key:"51e5c82b88f45b2a32b9007c1cba3c28bebb0f76",role:"listitem"},h("a",{key:"777ef8ad98f32b4be821e576e7085b767e2c80ac",class:{"duet-submenu-bar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.href,onKeyUp:function(t){return e.handleEscape(t)},"aria-current":this.active?"true":"false"},this.icon&&h("duet-icon",{key:"eb80ccc57229a8a448d32e17695c7f573805f967",class:"submenu-bar-link-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),h("span",{key:"3dc063ad2c8b8fb92d1d292205dcf5ea82889b4f",class:"label"},h("slot",{key:"2274f12f2198558e45a4b79c828c06cf9bb7f1c0"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarLink.style=DuetSubmenuBarLinkStyle0;export{DuetSubmenuBarLink as duet_submenu_bar_link};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-2ab7ff5a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetSubmenuBarLinkCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}@media (min-width: 62em){:host{width:auto}}.duet-submenu-bar-link{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;height:100%;padding:12px 1.5rem;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.25;color:rgb(8, 42, 77);text-align:center;text-decoration:none}.duet-submenu-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-submenu-bar-link:focus,.duet-submenu-bar-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar-link .submenu-bar-link-icon{width:20px;height:20px}@media (min-width: 62em){.duet-submenu-bar-link .submenu-bar-link-icon{width:16px;height:16px}}@media (min-width: 62em){.duet-submenu-bar-link{flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:0.875rem;color:rgb(0, 75, 129)}}@media (min-width: 62em){.duet-submenu-bar-link.active{color:rgb(0, 119, 179)}.duet-submenu-bar-link.active.duet-theme-turva{color:rgb(126, 2, 35)}}.duet-submenu-bar-link.active .label{position:relative}.duet-submenu-bar-link.active .label::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:1px}@media (min-width: 62em){.duet-submenu-bar-link.active .label::after{display:none}.duet-submenu-bar-link.active::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}}.duet-submenu-bar-link.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-submenu-bar-link.duet-theme-turva.active .label::after{background:rgb(126, 2, 35)}.duet-submenu-bar-link.duet-theme-turva.active::after{background:rgb(126, 2, 35)}@media (min-width: 62em){.duet-submenu-bar-link:hover{color:rgb(8, 42, 77);background:rgb(228, 241, 247)}.duet-submenu-bar-link:hover.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(222, 224, 228)}.duet-submenu-bar-link:hover.duet-theme-turva.active{color:rgb(126, 2, 35)}}';var DuetSubmenuBarLinkStyle0=duetSubmenuBarLinkCss;var DuetSubmenuBarLink=function(){function e(e){registerInstance(this,e);this.theme="";this.active=false;this.href="#";this.icon=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var t=this.element.closest("duet-submenu-bar");t.open=false;t.setFocus()}};e.prototype.render=function(){var e=this;return h(Host,{key:"51e5c82b88f45b2a32b9007c1cba3c28bebb0f76",role:"listitem"},h("a",{key:"777ef8ad98f32b4be821e576e7085b767e2c80ac",class:{"duet-submenu-bar-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.href,onKeyUp:function(t){return e.handleEscape(t)},"aria-current":this.active?"true":"false"},this.icon&&h("duet-icon",{key:"eb80ccc57229a8a448d32e17695c7f573805f967",class:"submenu-bar-link-icon",theme:this.theme,name:this.icon,size:"auto",margin:"none",color:"currentColor"}),h("span",{key:"3dc063ad2c8b8fb92d1d292205dcf5ea82889b4f",class:"label"},h("slot",{key:"2274f12f2198558e45a4b79c828c06cf9bb7f1c0"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetSubmenuBarLink.style=DuetSubmenuBarLinkStyle0;export{DuetSubmenuBarLink as duet_submenu_bar_link};

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

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function o(e){try{u(n.next(e))}catch(e){r(e)}}function s(e){try{u(n["throw"](e))}catch(e){r(e)}}function u(e){e.done?i(e.value):a(e.value).then(o,s)}u((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return u([e,t])}}function u(s){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(i=0)),i)try{if(n=1,a&&(r=s[0]&2?a["return"]:s[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,s[1])).done)return r;if(a=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;a=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e];a=0}finally{n=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-caf8af66.js";import{a as media_query_large}from"./tokens-84fb2357.js";import{e as enableBodyScroll,d as disableBodyScroll}from"./bodyScrollLock.es6-ecbf187e.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetSubmenuBarCss='*,*::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%}:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:none}@media (min-width: 62em){:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:inherit}}.duet-submenu-bar{position:relative;top:0;z-index:1;background:rgb(240, 247, 250);transition:top 0.4s}.duet-submenu-bar.hidden{top:-200px}@media (min-width: 62em){.duet-submenu-bar{border-bottom:1px solid rgb(198, 225, 238)}}.duet-submenu-bar button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77)}.duet-submenu-bar button.active .caret{transform:rotate(180deg)}.duet-submenu-bar button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar button .label{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar button{display:none}}.duet-submenu-bar .menu-container{position:absolute;z-index:399;width:100%}.duet-submenu-bar .menu-container.hidden{max-height:0;overflow:hidden;visibility:hidden}@media (min-width: 62em){.duet-submenu-bar .menu-container,.duet-submenu-bar .menu-container.hidden{position:static;z-index:auto;max-height:unset;overflow:visible;visibility:visible}}.duet-submenu-bar .items{width:100%;height:70vh;overflow-y:scroll;visibility:visible;background:rgb(240, 247, 250);border-bottom:1px solid rgb(181, 198, 208)}.duet-submenu-bar .items ::slotted(*){position:relative}.duet-submenu-bar .items.hidden{max-height:0;overflow:hidden;visibility:hidden;border-bottom:0 solid rgb(181, 198, 208)}.duet-submenu-bar .items .list-padding{padding-bottom:188px}@media (min-width: 62em){.duet-submenu-bar .items .list{display:flex;align-items:center;justify-content:space-between;height:100%}.duet-submenu-bar .items,.duet-submenu-bar .items.hidden{position:static;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;height:auto;max-height:unset;overflow:visible;visibility:visible;border:0}.duet-submenu-bar .items .list-padding{display:none;padding-bottom:0}}.duet-submenu-bar.duet-theme-turva{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-submenu-bar.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar.duet-theme-turva .items{background:rgb(245, 247, 250)}.duet-submenu-bar.duet-theme-turva .mobile-background{background:rgb(23, 28, 58)}.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}';var DuetSubmenuBarStyle0=duetSubmenuBarCss;var DuetSubmenuBar=function(){function e(e){var t=this;registerInstance(this,e);this.mql=[window.matchMedia(media_query_large.replace(/'/g,""))];this.boundMqlFunctions=[];this.previousYScroll=0;this.handleMobileView=function(){if(t.mql[0].matches){t.mobile=false;t.enableBodyScroll()}else{t.mobile=true;if(!t.bodyScroll){t.disableBodyScroll()}}};this.onClick=function(){t.open=!t.open};this.enableBodyScroll=function(){if(t.nav){enableBodyScroll(t.nav)}if(t.itemsContainer){enableBodyScroll(t.itemsContainer)}};this.disableBodyScroll=function(){if(t.nav){disableBodyScroll(t.nav,{reserveScrollBarGap:true})}if(t.itemsContainer){disableBodyScroll(t.itemsContainer,{reserveScrollBarGap:true})}};this.checkIfHasItems=function(){var e=!!t.element.querySelector("duet-submenu-bar-dropdown-link");var i=!!t.element.querySelector("duet-submenu-bar-link");var n=!!t.element.querySelector("duet-submenu-bar-item");return e||i||n};this.hidden=false;this.mobile=true;this.bodyScroll=true;this.theme="";this.hideOnScroll=false;this.open=false;this.accessibleLabel=undefined}e.prototype.watchOpenStateHandler=function(e){var t=e;if(t){this.bodyScroll=false;this.disableBodyScroll()}else{this.enableBodyScroll();this.bodyScroll=true}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){this.nav=document.querySelector("duet-nav > [slot='mobile']");this.hasItems=this.checkIfHasItems();this.handleMobileView();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.handleMobileView.bind(this);this.mql[e].addEventListener("change",t);this.boundMqlFunctions[e]=t}}};e.prototype.disconnectedCallback=function(){for(var e=0;e<this.mql.length;e++){if(this.mql[e].removeEventListener){this.mql[e].removeEventListener("change",this.boundMqlFunctions[e])}}this.boundMqlFunctions=[];this.enableBodyScroll()};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.checkScroll=function(){if(!this.hideOnScroll){return}if(window.scrollY>this.previousYScroll){if(window.scrollY>100){this.hidden=true}}else{if(window.scrollY<150){this.hidden=false}}this.previousYScroll=window.scrollY};e.prototype.render=function(){var e=this;return h(Host,{key:"fec25f6c8b5983923f591d756decc5ae3404de5e"},h("nav",{key:"6f812f5da82df3218d6de29f655d2596ed865a4d",class:{"duet-submenu-bar":true,"duet-theme-turva":this.theme==="turva",hidden:this.hidden},"aria-label":this.accessibleLabel},this.hasItems&&h("button",{key:"5e8ab90a4e09dbd7746b1405d3ea92615a439dd7",ref:function(t){return e.button=t},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick},h("span",{key:"1f2ed95c73d93faf4ba71d7984e00488137250d1",class:"label"},h("slot",{key:"5ca819d2a6f97bb4c9e75f2ea024187f76af67e2",name:"label"}),h("duet-icon",{key:"3b1a4bcac49bec29f344a38e5f743aaeb63f59a0",theme:this.theme,class:"caret",name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"01e35b212a44a4bb39a8fd5cc5a694b94dcb1ccb",class:{"menu-container":true,hidden:!this.open},role:"presentation"},h("div",{key:"5f94254c66db242ce904ddfd963f6dbe7f4337b6",role:this.mobile?"menu":null,id:"menu","aria-labelledby":this.mobile?"button":null,"aria-expanded":this.mobile?this.open?"true":"false":null,class:{items:true,hidden:!this.open},ref:function(t){return e.itemsContainer=t}},h("div",{key:"be03e176ea88bf9b83e506a67470747a4f30b9ee",class:"list",role:this.mobile?"presentation":"list"},h("slot",{key:"1ba101226680d98cffade2702cbe6f6c40432146"}),h("div",{key:"c51c2e13e3f5a24edf28dba162ee0602666ca1f9",class:"list-padding"}))),h("duet-overlay",{key:"5b93e09b26a80acce10526710c818c0017d74627","keep-stacking-context":true,visible:this.open,"display-device":"not-large",transition:"immediate"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["watchOpenStateHandler"]}},enumerable:false,configurable:true});return e}();DuetSubmenuBar.style=DuetSubmenuBarStyle0;export{DuetSubmenuBar as duet_submenu_bar};
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-2ab7ff5a.js";import{a as media_query_large}from"./tokens-84fb2357.js";import{e as enableBodyScroll,d as disableBodyScroll}from"./bodyScrollLock.es6-ecbf187e.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetSubmenuBarCss='*,*::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%}:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:none}@media (min-width: 62em){:host(:not([open])) ::slotted(duet-submenu-bar-dropdown){display:inherit}}.duet-submenu-bar{position:relative;top:0;z-index:1;background:rgb(240, 247, 250);transition:top 0.4s}.duet-submenu-bar.hidden{top:-200px}@media (min-width: 62em){.duet-submenu-bar{border-bottom:1px solid rgb(198, 225, 238)}}.duet-submenu-bar button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(8, 42, 77)}.duet-submenu-bar button.active .caret{transform:rotate(180deg)}.duet-submenu-bar button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-submenu-bar button .label{position:relative;display:flex;gap:8px;align-items:center;justify-content:center}@media (min-width: 62em){.duet-submenu-bar button{display:none}}.duet-submenu-bar .menu-container{position:absolute;z-index:399;width:100%}.duet-submenu-bar .menu-container.hidden{max-height:0;overflow:hidden;visibility:hidden}@media (min-width: 62em){.duet-submenu-bar .menu-container,.duet-submenu-bar .menu-container.hidden{position:static;z-index:auto;max-height:unset;overflow:visible;visibility:visible}}.duet-submenu-bar .items{width:100%;height:70vh;overflow-y:scroll;visibility:visible;background:rgb(240, 247, 250);border-bottom:1px solid rgb(181, 198, 208)}.duet-submenu-bar .items ::slotted(*){position:relative}.duet-submenu-bar .items.hidden{max-height:0;overflow:hidden;visibility:hidden;border-bottom:0 solid rgb(181, 198, 208)}.duet-submenu-bar .items .list-padding{padding-bottom:188px}@media (min-width: 62em){.duet-submenu-bar .items .list{display:flex;align-items:center;justify-content:space-between;height:100%}.duet-submenu-bar .items,.duet-submenu-bar .items.hidden{position:static;z-index:auto;display:flex;flex-direction:row;align-items:center;justify-content:center;height:auto;max-height:unset;overflow:visible;visibility:visible;border:0}.duet-submenu-bar .items .list-padding{display:none;padding-bottom:0}}.duet-submenu-bar.duet-theme-turva{background:rgb(245, 247, 250);border-bottom:1px solid rgb(222, 224, 228)}.duet-submenu-bar.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-submenu-bar.duet-theme-turva .items{background:rgb(245, 247, 250)}.duet-submenu-bar.duet-theme-turva .mobile-background{background:rgb(23, 28, 58)}.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 2px 6px 0 rgba(23, 28, 58, 0.07)}@media (min-width: 62em){.duet-submenu-bar.duet-theme-turva .shadow-container .top-shadow{box-shadow:0 3px 6px 0 rgba(23, 28, 58, 0.1)}}';var DuetSubmenuBarStyle0=duetSubmenuBarCss;var DuetSubmenuBar=function(){function e(e){var t=this;registerInstance(this,e);this.mql=[window.matchMedia(media_query_large.replace(/'/g,""))];this.boundMqlFunctions=[];this.previousYScroll=0;this.handleMobileView=function(){if(t.mql[0].matches){t.mobile=false;t.enableBodyScroll()}else{t.mobile=true;if(!t.bodyScroll){t.disableBodyScroll()}}};this.onClick=function(){t.open=!t.open};this.enableBodyScroll=function(){if(t.nav){enableBodyScroll(t.nav)}if(t.itemsContainer){enableBodyScroll(t.itemsContainer)}};this.disableBodyScroll=function(){if(t.nav){disableBodyScroll(t.nav,{reserveScrollBarGap:true})}if(t.itemsContainer){disableBodyScroll(t.itemsContainer,{reserveScrollBarGap:true})}};this.checkIfHasItems=function(){var e=!!t.element.querySelector("duet-submenu-bar-dropdown-link");var i=!!t.element.querySelector("duet-submenu-bar-link");var n=!!t.element.querySelector("duet-submenu-bar-item");return e||i||n};this.hidden=false;this.mobile=true;this.bodyScroll=true;this.theme="";this.hideOnScroll=false;this.open=false;this.accessibleLabel=undefined}e.prototype.watchOpenStateHandler=function(e){var t=e;if(t){this.bodyScroll=false;this.disableBodyScroll()}else{this.enableBodyScroll();this.bodyScroll=true}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){this.nav=document.querySelector("duet-nav > [slot='mobile']");this.hasItems=this.checkIfHasItems();this.handleMobileView();for(var e=0;e<this.mql.length;e++){if(this.mql[e].addEventListener){var t=this.handleMobileView.bind(this);this.mql[e].addEventListener("change",t);this.boundMqlFunctions[e]=t}}};e.prototype.disconnectedCallback=function(){for(var e=0;e<this.mql.length;e++){if(this.mql[e].removeEventListener){this.mql[e].removeEventListener("change",this.boundMqlFunctions[e])}}this.boundMqlFunctions=[];this.enableBodyScroll()};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.checkScroll=function(){if(!this.hideOnScroll){return}if(window.scrollY>this.previousYScroll){if(window.scrollY>100){this.hidden=true}}else{if(window.scrollY<150){this.hidden=false}}this.previousYScroll=window.scrollY};e.prototype.render=function(){var e=this;return h(Host,{key:"fec25f6c8b5983923f591d756decc5ae3404de5e"},h("nav",{key:"6f812f5da82df3218d6de29f655d2596ed865a4d",class:{"duet-submenu-bar":true,"duet-theme-turva":this.theme==="turva",hidden:this.hidden},"aria-label":this.accessibleLabel},this.hasItems&&h("button",{key:"5e8ab90a4e09dbd7746b1405d3ea92615a439dd7",ref:function(t){return e.button=t},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false",id:"button",type:"button",class:{active:this.open},onClick:this.onClick},h("span",{key:"1f2ed95c73d93faf4ba71d7984e00488137250d1",class:"label"},h("slot",{key:"5ca819d2a6f97bb4c9e75f2ea024187f76af67e2",name:"label"}),h("duet-icon",{key:"3b1a4bcac49bec29f344a38e5f743aaeb63f59a0",theme:this.theme,class:"caret",name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"01e35b212a44a4bb39a8fd5cc5a694b94dcb1ccb",class:{"menu-container":true,hidden:!this.open},role:"presentation"},h("div",{key:"5f94254c66db242ce904ddfd963f6dbe7f4337b6",role:this.mobile?"menu":null,id:"menu","aria-labelledby":this.mobile?"button":null,"aria-expanded":this.mobile?this.open?"true":"false":null,class:{items:true,hidden:!this.open},ref:function(t){return e.itemsContainer=t}},h("div",{key:"be03e176ea88bf9b83e506a67470747a4f30b9ee",class:"list",role:this.mobile?"presentation":"list"},h("slot",{key:"1ba101226680d98cffade2702cbe6f6c40432146"}),h("div",{key:"c51c2e13e3f5a24edf28dba162ee0602666ca1f9",class:"list-padding"}))),h("duet-overlay",{key:"5b93e09b26a80acce10526710c818c0017d74627","keep-stacking-context":true,visible:this.open,"display-device":"not-large",transition:"immediate"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["watchOpenStateHandler"]}},enumerable:false,configurable:true});return e}();DuetSubmenuBar.style=DuetSubmenuBarStyle0;export{DuetSubmenuBar as duet_submenu_bar};

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

@@ -1,4 +1,4 @@
-var __awaiter=this&&this.__awaiter||function(e,t,a,r){function i(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function s(e){try{u(r.next(e))}catch(e){o(e)}}function n(e){try{u(r["throw"](e))}catch(e){o(e)}}function u(e){e.done?a(e.value):i(e.value).then(s,n)}u((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,s;return s={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function n(e){return function(t){return u([e,t])}}function u(n){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,n[0]&&(a=0)),a)try{if(r=1,i&&(o=n[0]&2?i["return"]:n[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,n[1])).done)return o;if(i=0,o)n=[n[0]&2,o.value];switch(n[0]){case 0:case 1:o=n;break;case 4:a.label++;return{value:n[1],done:false};case 5:a.label++;i=n[1];n=[0];continue;case 7:n=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(n[0]===6||n[0]===2)){a=0;continue}if(n[0]===3&&(!o||n[1]>o[0]&&n[1]<o[3])){a.label=n[1];break}if(n[0]===6&&a.label<o[1]){a.label=o[1];o=n;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(n);break}if(o[2])a.ops.pop();a.trys.pop();continue}n=t.call(e,a)}catch(e){n=[6,e];i=0}finally{r=o=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(t,e,a,r){function i(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,o){function s(t){try{u(r.next(t))}catch(t){o(t)}}function n(t){try{u(r["throw"](t))}catch(t){o(t)}}function u(t){t.done?a(t.value):i(t.value).then(s,n)}u((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,s;return s={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function n(t){return function(e){return u([t,e])}}function u(n){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,n[0]&&(a=0)),a)try{if(r=1,i&&(o=n[0]&2?i["return"]:n[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,n[1])).done)return o;if(i=0,o)n=[n[0]&2,o.value];switch(n[0]){case 0:case 1:o=n;break;case 4:a.label++;return{value:n[1],done:false};case 5:a.label++;i=n[1];n=[0];continue;case 7:n=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(n[0]===6||n[0]===2)){a=0;continue}if(n[0]===3&&(!o||n[1]>o[0]&&n[1]<o[3])){a.label=n[1];break}if(n[0]===6&&a.label<o[1]){a.label=o[1];o=n;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(n);break}if(o[2])a.ops.pop();a.trys.pop();continue}n=e.call(t,a)}catch(t){n=[6,t];i=0}finally{r=o=0}if(n[0]&5)throw n[1];return{value:n[0]?n[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-caf8af66.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{c as cleanValue}from"./input-utils-85681162.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-37fa60e1.js";import{c as checkNamedSlotElement}from"./slot-utils-44165de2.js";import"./string-utils-192eb3c8.js";var duetTextareaCss='*.sc-duet-textarea,*.sc-duet-textarea::after,*.sc-duet-textarea::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-textarea-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:block;width:100%;max-width:100%;text-align:left}.sc-duet-textarea-h:last-child,.sc-duet-textarea-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-textarea-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-textarea-h{width:100% !important}}.duet-m-0.sc-duet-textarea-h{margin:0 !important}duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-textarea-container.sc-duet-textarea{position:relative;width:100%;height:100%}.duet-textarea-container.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:none}.duet-textarea-container.duet-input-top-caption-shown.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:flex !important}.duet-textarea-wrapper.sc-duet-textarea{position:relative}.duet-textarea-placeholder.sc-duet-textarea{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-textarea.sc-duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea[disabled].sc-duet-textarea{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important}.duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(8, 42, 77);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(8, 42, 77)}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #747475}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:focus{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help.sc-duet-textarea{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;line-height:1.25}.duet-textarea-help.sc-duet-textarea span.sc-duet-textarea{display:block;margin-top:8px}.duet-theme-turva.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{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-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-textarea duet-label.sc-duet-textarea{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count.sc-duet-textarea{display:block;margin:8px 0 0 auto}';var DuetTextareaStyle0=duetTextareaCss;var CharacterCount=function(e){var t=e.value,a=e.maxlength,r=e.label,i=e.theme;if(a==null){return}var o=t.length;var s=Math.max(a-o,0);var n=s/a<=.1;return h("div",{class:"duet-character-count"},h("duet-caption",{margin:"none",theme:i,size:"small"},h("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true",class:"duet-textarea-counter-remaining"},n&&"".concat(s," ").concat(r)),h("span",{"aria-hidden":"true"},o,"/",a)))};var DuetTextarea=function(){function e(e){var t=this;registerInstance(this,e);this.duetInput=createEvent(this,"duetInput",7);this.duetChange=createEvent(this,"duetChange",7);this.duetBlur=createEvent(this,"duetBlur",7);this.duetFocus=createEvent(this,"duetFocus",7);this.textareaId=createID("DuetTextarea");this.topCaptionId=createID("DuetCaptionTop");this.topCaptionPlaceholderId=createID("DuetCaptionPlaceholderTop");this.labelId=createID("DuetLabel");this.errorId=createID("DuetError");this.characterCountId=createID("DuetCharacterCount");this.disallowPatternRegex=null;this.counterLabelDefaults={fi:"merkkiä jäljellä",en:"characters remaining",sv:"tecken kvar"};this.handleInput=function(e){if(t.disallowPatternRegex){cleanValue(t.nativeInput,t.disallowPatternRegex)}t.value=t.nativeInput.value;t.isCaptionVisible=!!t.caption;t.duetInput.emit({originalEvent:e,value:t.value,component:"duet-textarea"})};this.handleChange=function(e){t.value=t.nativeInput.value;t.duetChange.emit({originalEvent:e,value:t.value,component:"duet-textarea"})};this.handleBlur=function(e){t.duetBlur.emit({originalEvent:e,value:t.value,component:"duet-textarea"})};this.handleFocus=function(e){if(t.counter){t.hiddenCounterLabel.textContent="".concat(Math.max(t.maxlength-t.value.length,0),"/").concat(t.maxlength," ").concat(t.counterLabel)}t.duetFocus.emit({originalEvent:e,value:t.value,component:"duet-textarea"})};this.getDescribedBy=function(){var e=[];if(t.isCaptionVisible&&t.topCaptionId){e.push(t.topCaptionId)}if(t.accessibleDescribedBy){e.push(t.accessibleDescribedBy)}if(t.error){e.push(t.errorId)}if(t.counter){e.push(t.characterCountId)}return e.length>0?e.join(" "):null};this.margin="auto";this.accessibleActiveDescendant=undefined;this.accessibleAutocomplete=undefined;this.accessibleControls=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLiveError="polite";this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.theme="";this.expand=false;this.disabled=false;this.identifier=undefined;this.required=false;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.labelHidden=false;this.name=undefined;this.placeholder=undefined;this.caption=undefined;this.echoPlaceholder=false;this.maxlength=undefined;this.minlength=undefined;this.error="";this.role=undefined;this.tooltip="";this.tooltipDirection="auto";this.value="";this.disallowPattern=null;this.counter=false;this.counterLabel=getLocaleString(this.counterLabelDefaults)}e.prototype.disallowedPatternChange=function(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.disallowedPatternChange();this.isCaptionVisible=!!this.caption;checkNamedSlotElement(this.element,"tooltip","duet-tooltip",1,true);if(this.counter&&this.maxlength==null){console.warn("[DUET WARNING]: counter will only take effect if maxlength is set")}};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"counterLabel",defaults:"counterLabelDefaults"})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.textareaId;return h(Host,{class:{"duet-m-0":this.margin==="none","duet-has-counter":this.counter&&!this.error,"duet-expand":this.expand}},h("div",{class:{"duet-textarea-container":true,"duet-theme-turva":this.theme==="turva","duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},h("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:t},this.label),this.tooltip&&h("duet-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",theme:this.theme==="turva"?"turva":"default"},this.caption),h("div",{class:"duet-textarea-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&h("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-textarea-placeholder",size:"small"},this.placeholder),h("textarea",{onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:function(t){return e.nativeInput=t},class:{"duet-textarea":true,disabled:this.disabled},value:this.value,disabled:this.disabled,"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-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,placeholder:this.placeholder,spellcheck:"false",required:this.required,minlength:this.minlength,maxlength:this.maxlength,role:this.role,name:this.name,id:t})),h("duet-grid",{alignment:"stretch"},h("duet-grid-item",{margin:"none",fill:true},h("div",{class:"duet-textarea-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&h("span",null,this.error))),h("duet-grid-item",{margin:"none",class:"duet-character-count-caption"},this.counter&&h(CharacterCount,{theme:this.theme,value:this.value,maxlength:this.maxlength,label:this.counterLabel}))),this.counter&&h("duet-visually-hidden",{class:"duet-visually-hidden",id:this.characterCountId,ref:function(t){e.hiddenCounterLabel=t}})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disallowPattern:["disallowedPatternChange"]}},enumerable:false,configurable:true});return e}();DuetTextarea.style=DuetTextareaStyle0;export{DuetTextarea as duet_textarea};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-2ab7ff5a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{c as cleanValue}from"./input-utils-85681162.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-579bbfe7.js";import{c as checkNamedSlotElement}from"./slot-utils-2fa37472.js";import"./string-utils-192eb3c8.js";var duetTextareaCss='*.sc-duet-textarea,*.sc-duet-textarea::after,*.sc-duet-textarea::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-textarea-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:block;width:100%;max-width:100%;text-align:left}.sc-duet-textarea-h:last-child,.sc-duet-textarea-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-textarea-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-textarea-h{width:100% !important}}.duet-m-0.sc-duet-textarea-h{margin:0 !important}duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-textarea,.sc-duet-textarea-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-textarea-container.sc-duet-textarea{position:relative;width:100%;height:100%}.duet-textarea-container.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:none}.duet-textarea-container.duet-input-top-caption-shown.sc-duet-textarea .duet-input-top-caption.sc-duet-textarea{display:flex !important}.duet-textarea-wrapper.sc-duet-textarea{position:relative}.duet-textarea-placeholder.sc-duet-textarea{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-textarea.sc-duet-textarea{padding:15px !important;position:relative;z-index:100;display:block;width:100%;min-width:8rem;min-height:160px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(8, 42, 77);resize:vertical;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-radius:4px;transition:150ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(143, 147, 158)}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea{border-color:rgb(214, 28, 82) !important}.duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(98, 121, 138);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-webkit-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-webkit-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(98, 121, 138);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea::-moz-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus::-moz-placeholder{color:rgb(199, 202, 207)}.duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(98, 121, 138)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:-ms-input-placeholder{color:rgb(143, 147, 158)}.duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(181, 198, 208)}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus:-ms-input-placeholder{color:rgb(199, 202, 207)}.duet-textarea[disabled].sc-duet-textarea{color:rgb(98, 121, 138) !important;cursor:not-allowed !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea{color:rgb(143, 147, 158) !important;background:rgb(245, 247, 250) !important;border-color:rgb(245, 247, 250) !important}.duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(8, 42, 77);opacity:1 !important;transition:color 300ms ease}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-webkit-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(8, 42, 77);opacity:1 !important}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea::-moz-placeholder{color:rgb(23, 28, 58)}.duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(8, 42, 77)}.duet-theme-turva.sc-duet-textarea .duet-textarea[disabled].sc-duet-textarea:-ms-input-placeholder{color:rgb(23, 28, 58)}.duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #747475}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:hover:not(:disabled){box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:focus{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea.sc-duet-textarea:focus{box-shadow:0 0 0 1px #e55039}.duet-textarea.sc-duet-textarea:not(:focus):not(:hover):invalid{box-shadow:none}.duet-textarea-help.sc-duet-textarea{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;line-height:1.25}.duet-textarea-help.sc-duet-textarea span.sc-duet-textarea{display:block;margin-top:8px}.duet-theme-turva.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{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-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-theme-turva.has-error.sc-duet-textarea .duet-textarea-help.sc-duet-textarea{color:rgb(214, 28, 82)}.duet-label-hidden.sc-duet-textarea duet-label.sc-duet-textarea{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-character-count.sc-duet-textarea{display:block;margin:8px 0 0 auto}';var DuetTextareaStyle0=duetTextareaCss;var CharacterCount=function(t){var e=t.value,a=t.maxlength,r=t.label,i=t.theme;if(a==null){return}var o=e.length;var s=Math.max(a-o,0);var n=s/a<=.1;return h("div",{class:"duet-character-count"},h("duet-caption",{margin:"none",theme:i,size:"small"},h("duet-visually-hidden",{"aria-live":"polite","aria-atomic":"true",class:"duet-textarea-counter-remaining"},n&&"".concat(s," ").concat(r)),h("span",{"aria-hidden":"true"},o,"/",a)))};var DuetTextarea=function(){function t(t){var e=this;registerInstance(this,t);this.duetInput=createEvent(this,"duetInput",7);this.duetChange=createEvent(this,"duetChange",7);this.duetBlur=createEvent(this,"duetBlur",7);this.duetFocus=createEvent(this,"duetFocus",7);this.textareaId=createID("DuetTextarea");this.topCaptionId=createID("DuetCaptionTop");this.topCaptionPlaceholderId=createID("DuetCaptionPlaceholderTop");this.labelId=createID("DuetLabel");this.errorId=createID("DuetError");this.characterCountId=createID("DuetCharacterCount");this.disallowPatternRegex=null;this.counterLabelDefaults={fi:"merkkiä jäljellä",en:"characters remaining",sv:"tecken kvar"};this.handleInput=function(t){if(e.disallowPatternRegex){cleanValue(e.nativeInput,e.disallowPatternRegex)}e.value=e.nativeInput.value;e.isCaptionVisible=!!e.caption;e.duetInput.emit({originalEvent:t,value:e.value,component:"duet-textarea"})};this.handleChange=function(t){e.value=e.nativeInput.value;e.duetChange.emit({originalEvent:t,value:e.value,component:"duet-textarea"})};this.handleBlur=function(t){e.duetBlur.emit({originalEvent:t,value:e.value,component:"duet-textarea"})};this.handleFocus=function(t){if(e.counter){e.hiddenCounterLabel.textContent="".concat(Math.max(e.maxlength-e.value.length,0),"/").concat(e.maxlength," ").concat(e.counterLabel)}e.duetFocus.emit({originalEvent:t,value:e.value,component:"duet-textarea"})};this.getDescribedBy=function(){var t=[];if(e.isCaptionVisible&&e.topCaptionId){t.push(e.topCaptionId)}if(e.accessibleDescribedBy){t.push(e.accessibleDescribedBy)}if(e.error){t.push(e.errorId)}if(e.counter){t.push(e.characterCountId)}return t.length>0?t.join(" "):null};this.margin="auto";this.accessibleActiveDescendant=undefined;this.accessibleAutocomplete=undefined;this.accessibleControls=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLiveError="polite";this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.theme="";this.expand=false;this.disabled=false;this.identifier=undefined;this.required=false;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.labelHidden=false;this.name=undefined;this.placeholder=undefined;this.caption=undefined;this.echoPlaceholder=false;this.maxlength=undefined;this.minlength=undefined;this.error="";this.role=undefined;this.tooltip="";this.tooltipDirection="auto";this.value="";this.disallowPattern=null;this.counter=false;this.counterLabel=getLocaleString(this.counterLabelDefaults)}t.prototype.disallowedPatternChange=function(){this.disallowPatternRegex=this.disallowPattern?new RegExp(this.disallowPattern,"gu"):null};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.disallowedPatternChange();this.isCaptionVisible=!!this.caption;checkNamedSlotElement(this.element,"tooltip","duet-tooltip",1,true);if(this.counter&&this.maxlength==null){console.warn("[DUET WARNING]: counter will only take effect if maxlength is set")}};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"counterLabel",defaults:"counterLabelDefaults"})};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.nativeInput.focus(t);return[2]}))}))};t.prototype.render=function(){var t=this;var e=this.identifier||this.textareaId;return h(Host,{class:{"duet-m-0":this.margin==="none","duet-has-counter":this.counter&&!this.error,"duet-expand":this.expand}},h("div",{class:{"duet-textarea-container":true,"duet-theme-turva":this.theme==="turva","duet-label-hidden":this.labelHidden,"duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},h("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},margin:this.isCaptionVisible?"small":"auto",color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:e},this.label),this.tooltip&&h("duet-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",theme:this.theme==="turva"?"turva":"default"},this.caption),h("div",{class:"duet-textarea-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&h("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-textarea-placeholder",size:"small"},this.placeholder),h("textarea",{onInput:this.handleInput,onChange:this.handleChange,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:function(e){return t.nativeInput=e},class:{"duet-textarea":true,disabled:this.disabled},value:this.value,disabled:this.disabled,"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-owns":this.accessibleOwns,"aria-describedby":this.getDescribedBy(),"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,placeholder:this.placeholder,spellcheck:"false",required:this.required,minlength:this.minlength,maxlength:this.maxlength,role:this.role,name:this.name,id:e})),h("duet-grid",{alignment:"stretch"},h("duet-grid-item",{margin:"none",fill:true},h("div",{class:"duet-textarea-help",id:this.errorId,"aria-atomic":"true","aria-live":this.accessibleLiveError,"aria-relevant":"additions removals"},this.error&&h("span",null,this.error))),h("duet-grid-item",{margin:"none",class:"duet-character-count-caption"},this.counter&&h(CharacterCount,{theme:this.theme,value:this.value,maxlength:this.maxlength,label:this.counterLabel}))),this.counter&&h("duet-visually-hidden",{class:"duet-visually-hidden",id:this.characterCountId,ref:function(e){t.hiddenCounterLabel=e}})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disallowPattern:["disallowedPatternChange"]}},enumerable:false,configurable:true});return t}();DuetTextarea.style=DuetTextareaStyle0;export{DuetTextarea as duet_textarea};

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

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,i,o){function s(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,d){function u(e){try{r(o.next(e))}catch(e){d(e)}}function n(e){try{r(o["throw"](e))}catch(e){d(e)}}function r(e){e.done?i(e.value):s(e.value).then(u,n)}r((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(d[0]&1)throw d[1];return d[1]},trys:[],ops:[]},o,s,d,u;return u={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function n(e){return function(t){return r([e,t])}}function r(n){if(o)throw new TypeError("Generator is already executing.");while(u&&(u=0,n[0]&&(i=0)),i)try{if(o=1,s&&(d=n[0]&2?s["return"]:n[0]?s["throw"]||((d=s["return"])&&d.call(s),0):s.next)&&!(d=d.call(s,n[1])).done)return d;if(s=0,d)n=[n[0]&2,d.value];switch(n[0]){case 0:case 1:d=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;s=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(d=i.trys,d=d.length>0&&d[d.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!d||n[1]>d[0]&&n[1]<d[3])){i.label=n[1];break}if(n[0]===6&&i.label<d[1]){i.label=d[1];d=n;break}if(d&&i.label<d[2]){i.label=d[2];i.ops.push(n);break}if(d[2])i.ops.pop();i.trys.pop();continue}n=t.call(e,i)}catch(e){n=[6,e];s=0}finally{o=d=0}if(n[0]&5)throw n[1];return{value:n[0]?n[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-caf8af66.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-daf80d44.js";var duetToggleCss='*.sc-duet-toggle,*.sc-duet-toggle::after,*.sc-duet-toggle::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-toggle-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;-webkit-user-select:none;user-select:none;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-toggle-h:last-child,.sc-duet-toggle-h:last-of-type{margin-right:0 !important}.duet-m-0.sc-duet-toggle-h{margin:0 !important}duet-label.sc-duet-toggle{display:block !important;width:100% !important}.duet-side-label.sc-duet-toggle{display:flex;gap:12px;align-items:center}.duet-side-label.sc-duet-toggle duet-label.sc-duet-toggle{width:auto !important}.duet-reverse-label.sc-duet-toggle{flex-direction:row-reverse}.duet-switch.sc-duet-toggle{position:relative;display:block;width:48px;height:28px}.duet-switch.sc-duet-toggle input.sc-duet-toggle{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(0, 119, 179);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(198, 12, 48)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #004467;transform:translateX(20px)}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #660619}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle{cursor:default}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#bfcbd2}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#c7c9cf}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#80bbd9}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#e38698}.user-is-tabbing.sc-duet-toggle-h .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-toggle-h .duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-slider.sc-duet-toggle{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgb(127, 150, 165);border-radius:24px;transition:background-color 300ms ease}.duet-slider.sc-duet-toggle::before{position:absolute;bottom:2px;left:2px;width:24px;height:24px;content:"";background-color:rgb(255, 255, 255);border-radius:50%;box-shadow:1px 0 2px 0 #5d6266;transition:300ms ease}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle{background-color:rgb(143, 147, 158)}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:1px 0 2px 0 #00334d}';var DuetToggleStyle0=duetToggleCss;var DuetToggle=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.toggleId=createID("DuetToggle");this.onClick=function(e){e.preventDefault();t.setFocus();t.checked=!t.checked};this.theme="";this.margin="auto";this.accessibleActiveDescendant=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.labelPosition="top";this.required=false;this.disabled=false;this.checked=false;this.value=undefined;this.identifier=undefined;this.name=undefined;this.role=undefined}e.prototype.checkedChanged=function(e){this.duetChange.emit({checked:e,value:this.value,component:"duet-toggle"})};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);if(this.value===undefined){this.value=this.identifier}};e.prototype.connectedCallback=function(){subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.toggleId;return h(Host,{onClick:this.disabled?undefined:this.onClick,class:{"duet-m-0":this.margin==="none"}},h("div",{class:{"duet-toggle":true,"duet-theme-turva":this.theme==="turva","duet-side-label":this.labelPosition!=="top","duet-reverse-label":this.labelPosition==="right"}},h("duet-label",{theme:this.theme,color:this.labelColor,weight:this.labelWeight,for:t,margin:this.labelPosition==="top"?"auto":"none"},this.label),h("label",{class:"duet-switch",htmlFor:t},h("input",{type:"checkbox",value:this.value,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,id:t,role:this.role,name:this.name,checked:this.checked,required:this.required,disabled:this.disabled,ref:function(t){return e.nativeInput=t}}),h("div",{class:"duet-slider"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}();DuetToggle.style=DuetToggleStyle0;export{DuetToggle as duet_toggle};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-2ab7ff5a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-daf80d44.js";var duetToggleCss='*.sc-duet-toggle,*.sc-duet-toggle::after,*.sc-duet-toggle::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-toggle-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;-webkit-user-select:none;user-select:none;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-toggle-h:last-child,.sc-duet-toggle-h:last-of-type{margin-right:0 !important}.duet-m-0.sc-duet-toggle-h{margin:0 !important}duet-label.sc-duet-toggle{display:block !important;width:100% !important}.duet-side-label.sc-duet-toggle{display:flex;gap:12px;align-items:center}.duet-side-label.sc-duet-toggle duet-label.sc-duet-toggle{width:auto !important}.duet-reverse-label.sc-duet-toggle{flex-direction:row-reverse}.duet-switch.sc-duet-toggle{position:relative;display:block;width:48px;height:28px}.duet-switch.sc-duet-toggle input.sc-duet-toggle{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(0, 119, 179);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:rgb(198, 12, 48)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #004467;transform:translateX(20px)}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:-1px 0 2px #660619}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle{cursor:default}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle::before{box-shadow:none}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#bfcbd2}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255);box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{background:#c7c9cf}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:rgb(255, 255, 255)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#80bbd9}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#e38698}.user-is-tabbing.sc-duet-toggle-h .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-toggle-h .duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-slider.sc-duet-toggle{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:rgb(127, 150, 165);border-radius:24px;transition:background-color 300ms ease}.duet-slider.sc-duet-toggle::before{position:absolute;bottom:2px;left:2px;width:24px;height:24px;content:"";background-color:rgb(255, 255, 255);border-radius:50%;box-shadow:1px 0 2px 0 #5d6266;transition:300ms ease}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle{background-color:rgb(143, 147, 158)}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle::before{background-color:rgb(255, 255, 255);box-shadow:1px 0 2px 0 #00334d}';var DuetToggleStyle0=duetToggleCss;var DuetToggle=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.toggleId=createID("DuetToggle");this.onClick=function(e){e.preventDefault();t.setFocus();t.checked=!t.checked};this.theme="";this.margin="auto";this.accessibleActiveDescendant=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.labelPosition="top";this.required=false;this.disabled=false;this.checked=false;this.value=undefined;this.identifier=undefined;this.name=undefined;this.role=undefined}e.prototype.checkedChanged=function(e){this.duetChange.emit({checked:e,value:this.value,component:"duet-toggle"})};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);if(this.value===undefined){this.value=this.identifier}};e.prototype.connectedCallback=function(){subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.toggleId;return h(Host,{onClick:this.disabled?undefined:this.onClick,class:{"duet-m-0":this.margin==="none"}},h("div",{class:{"duet-toggle":true,"duet-theme-turva":this.theme==="turva","duet-side-label":this.labelPosition!=="top","duet-reverse-label":this.labelPosition==="right"}},h("duet-label",{theme:this.theme,color:this.labelColor,weight:this.labelWeight,for:t,margin:this.labelPosition==="top"?"auto":"none"},this.label),h("label",{class:"duet-switch",htmlFor:t},h("input",{type:"checkbox",value:this.value,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,id:t,role:this.role,name:this.name,checked:this.checked,required:this.required,disabled:this.disabled,ref:function(t){return e.nativeInput=t}}),h("div",{class:"duet-slider"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}();DuetToggle.style=DuetToggleStyle0;export{DuetToggle as duet_toggle};

package/lib/esm-es5/duet-toolbar-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-caf8af66.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetToolbarDropdownLinkCss='*,*::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-toolbar-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-toolbar-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-toolbar-dropdown-link:focus,.duet-toolbar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-dropdown-link .label{flex:1;text-align:left}.duet-toolbar-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-toolbar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-toolbar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-toolbar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-toolbar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}';var DuetToolbarDropdownLinkStyle0=duetToolbarDropdownLinkCss;var DuetToolbarDropdownLink=function(){function e(e){registerInstance(this,e);this.accessibleLabel=undefined;this.theme="";this.targetLanguage=undefined;this.href="#";this.icon=undefined;this.active=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var o=this.element.closest("duet-toolbar-dropdown");o.open=false;o.setFocus()}};e.prototype.render=function(){var e=this;return h(Host,{key:"1c874f9ed81beb0ee19f1675e95dffd0a193e2ce"},h("a",{key:"8b04559cb61b8c25ecfd1511cc07de5a260f70bf",class:{"duet-toolbar-dropdown-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.href,lang:this.targetLanguage,hreflang:this.targetLanguage,role:"link menuitem","aria-label":this.accessibleLabel,"aria-current":this.active?"true":"false",onKeyUp:function(o){return e.handleEscape(o)}},this.icon&&h("duet-icon",{key:"c58dd6c5edc6a41fe20c73876cbe5637b9d389ba",name:this.icon,size:"x-small",margin:"none"}),h("span",{key:"93d7b57557f9999e2a790a94407e098a3b43350f",class:"label"},h("slot",{key:"3ef98fd8e64aebc17df819a375c2e38207ccf3aa"})),this.active&&h("duet-icon",{key:"a77c71f91778c5e70c0c23decc3ea9e23168422d",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetToolbarDropdownLink.style=DuetToolbarDropdownLinkStyle0;export{DuetToolbarDropdownLink as duet_toolbar_dropdown_link};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-2ab7ff5a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetToolbarDropdownLinkCss='*,*::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-toolbar-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-toolbar-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-toolbar-dropdown-link:focus,.duet-toolbar-dropdown-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-dropdown-link .label{flex:1;text-align:left}.duet-toolbar-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-toolbar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-toolbar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-toolbar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-toolbar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}';var DuetToolbarDropdownLinkStyle0=duetToolbarDropdownLinkCss;var DuetToolbarDropdownLink=function(){function e(e){registerInstance(this,e);this.accessibleLabel=undefined;this.theme="";this.targetLanguage=undefined;this.href="#";this.icon=undefined;this.active=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.handleEscape=function(e){if(isEscapeKey(e)){var o=this.element.closest("duet-toolbar-dropdown");o.open=false;o.setFocus()}};e.prototype.render=function(){var e=this;return h(Host,{key:"1c874f9ed81beb0ee19f1675e95dffd0a193e2ce"},h("a",{key:"8b04559cb61b8c25ecfd1511cc07de5a260f70bf",class:{"duet-toolbar-dropdown-link":true,"duet-theme-turva":this.theme==="turva",active:this.active},href:this.href,lang:this.targetLanguage,hreflang:this.targetLanguage,role:"link menuitem","aria-label":this.accessibleLabel,"aria-current":this.active?"true":"false",onKeyUp:function(o){return e.handleEscape(o)}},this.icon&&h("duet-icon",{key:"c58dd6c5edc6a41fe20c73876cbe5637b9d389ba",name:this.icon,size:"x-small",margin:"none"}),h("span",{key:"93d7b57557f9999e2a790a94407e098a3b43350f",class:"label"},h("slot",{key:"3ef98fd8e64aebc17df819a375c2e38207ccf3aa"})),this.active&&h("duet-icon",{key:"a77c71f91778c5e70c0c23decc3ea9e23168422d",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetToolbarDropdownLink.style=DuetToolbarDropdownLinkStyle0;export{DuetToolbarDropdownLink as duet_toolbar_dropdown_link};

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

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(t,e,o,r){function n(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,a){function i(t){try{u(r.next(t))}catch(t){a(t)}}function d(t){try{u(r["throw"](t))}catch(t){a(t)}}function u(t){t.done?o(t.value):n(t.value).then(i,d)}u((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,i;return i={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function d(t){return function(e){return u([t,e])}}function u(d){if(r)throw new TypeError("Generator is already executing.");while(i&&(i=0,d[0]&&(o=0)),o)try{if(r=1,n&&(a=d[0]&2?n["return"]:d[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,d[1])).done)return a;if(n=0,a)d=[d[0]&2,a.value];switch(d[0]){case 0:case 1:a=d;break;case 4:o.label++;return{value:d[1],done:false};case 5:o.label++;n=d[1];d=[0];continue;case 7:d=o.ops.pop();o.trys.pop();continue;default:if(!(a=o.trys,a=a.length>0&&a[a.length-1])&&(d[0]===6||d[0]===2)){o=0;continue}if(d[0]===3&&(!a||d[1]>a[0]&&d[1]<a[3])){o.label=d[1];break}if(d[0]===6&&o.label<a[1]){o.label=a[1];a=d;break}if(a&&o.label<a[2]){o.label=a[2];o.ops.push(d);break}if(a[2])o.ops.pop();o.trys.pop();continue}d=e.call(t,o)}catch(t){d=[6,t];n=0}finally{r=a=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,h,H as Host,g as getElement}from"./index-caf8af66.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetToolbarDropdownCss='*,*::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-toolbar-dropdown{position:relative;height:100%}.duet-toolbar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;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}.duet-toolbar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-toolbar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-dropdown button.open .caret{transform:rotate(180deg)}.duet-toolbar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-toolbar-dropdown button.active,.duet-toolbar-dropdown button.open{color:rgb(8, 42, 77)}.duet-toolbar-dropdown button.active::after,.duet-toolbar-dropdown button.open::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-dropdown .items{position:absolute;top:93%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;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-toolbar-dropdown .items.hidden{display:none}.duet-toolbar-dropdown.right .items{right:auto;left:0%}.duet-toolbar-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-toolbar-dropdown.duet-theme-turva button:hover{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-dropdown.duet-theme-turva button.active,.duet-toolbar-dropdown.duet-theme-turva button.open{color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button.active::after,.duet-toolbar-dropdown.duet-theme-turva button.open::after{background:rgb(198, 12, 48)}.duet-toolbar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button:hover{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button.open{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-dropdown.duet-theme-turva.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.duet-theme-turva.negative button:hover{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.open{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button duet-icon{color:rgb(255, 185, 190)}';var DuetToolbarDropdownStyle0=duetToolbarDropdownCss;var DuetToolbarDropdown=function(){function t(t){var e=this;registerInstance(this,t);this.onClick=function(){e.open=!e.open};this.theme="";this.variation="default";this.accessibleLabel=undefined;this.active=false;this.open=false;this.icon=undefined}t.prototype.handleFocus=function(t){var e=this;var o=t.composedPath().every((function(t){return t!==e.element}));if(o){this.open=false}};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.handleEscape=function(t){if(isEscapeKey(t)){this.open=false;this.setFocus()}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.button.focus(t);return[2]}))}))};t.prototype.render=function(){var t;var e=this;var o="right";if(this.element&&this.element.parentElement){o=this.element.parentElement.getAttribute("slot")==="left"?"right":"left"}var r=this.variation==="negative"?"negative":"white";return h(Host,{key:"71c0427eecb0676263c35bff4557210701d27e6f",role:"listitem"},h("div",{key:"a5038335629483dcf2d049129ebfed49eae6a457",class:(t={"duet-toolbar-dropdown":true,"duet-theme-turva":this.theme==="turva"},t[o]=true,t[r]=true,t)},h("button",{key:"5be6ce290e94c6e03c8c49336f4ef50e4283a92a",ref:function(t){return e.button=t},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false","aria-label":this.accessibleLabel,id:"button",type:"button",class:{active:this.active,open:this.open},onClick:this.onClick,onKeyUp:function(t){return e.handleEscape(t)}},this.icon&&h("duet-icon",{key:"e4e5076e21a084d205cb550946f6a7914911a4e9",theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("span",{key:"4a79cbc7d59d30c5f763050c44c61c03ae502e74",class:"label"},h("slot",{key:"adecb2560eba25c9bdb1872fedc29c6b98c4d343",name:"label"}),h("duet-icon",{key:"ef92b887f19bd4145ae89b3d6ab05be6c3b2fcd0",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"61bb1eff472548331aab26b636fb4606fbc982f7",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"bdbb39527038baf411f9f4770cf594bdb3e86378"}))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetToolbarDropdown.style=DuetToolbarDropdownStyle0;export{DuetToolbarDropdown as duet_toolbar_dropdown};
+ */import{r as registerInstance,h,H as Host,g as getElement}from"./index-2ab7ff5a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as isEscapeKey}from"./keyboard-utils-daf80d44.js";var duetToolbarDropdownCss='*,*::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-toolbar-dropdown{position:relative;height:100%}.duet-toolbar-dropdown button{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 16px;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}.duet-toolbar-dropdown button .label{display:flex;gap:0.5rem;align-items:center;justify-content:center}.duet-toolbar-dropdown button:hover{color:rgb(8, 42, 77);background:rgb(240, 247, 250)}.duet-toolbar-dropdown button.open .caret{transform:rotate(180deg)}.duet-toolbar-dropdown button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-toolbar-dropdown button.active,.duet-toolbar-dropdown button.open{color:rgb(8, 42, 77)}.duet-toolbar-dropdown button.active::after,.duet-toolbar-dropdown button.open::after{position:absolute;top:auto;bottom:1px;left:0;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transition:300ms ease;transform:translateY(1px)}.duet-toolbar-dropdown .items{position:absolute;top:93%;right:0%;left:auto;z-index:600;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:175px;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-toolbar-dropdown .items.hidden{display:none}.duet-toolbar-dropdown.right .items{right:auto;left:0%}.duet-toolbar-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-toolbar-dropdown.duet-theme-turva button:hover{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-toolbar-dropdown.duet-theme-turva button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-toolbar-dropdown.duet-theme-turva button.active,.duet-toolbar-dropdown.duet-theme-turva button.open{color:rgb(23, 28, 58)}.duet-toolbar-dropdown.duet-theme-turva button.active::after,.duet-toolbar-dropdown.duet-theme-turva button.open::after{background:rgb(198, 12, 48)}.duet-toolbar-dropdown.duet-theme-turva .items{background:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.negative button:hover{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button.open{color:rgb(255, 255, 255);background:rgba(8, 42, 77, 0.2)}.duet-toolbar-dropdown.negative button duet-icon{color:rgb(198, 225, 238)}.duet-toolbar-dropdown.duet-theme-turva.negative button{color:rgb(255, 255, 255)}.duet-toolbar-dropdown.duet-theme-turva.negative button:hover{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.active{font-weight:600;color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button.open{color:rgb(255, 255, 255);background:rgba(23, 28, 58, 0.2)}.duet-toolbar-dropdown.duet-theme-turva.negative button duet-icon{color:rgb(255, 185, 190)}';var DuetToolbarDropdownStyle0=duetToolbarDropdownCss;var DuetToolbarDropdown=function(){function t(t){var e=this;registerInstance(this,t);this.onClick=function(){e.open=!e.open};this.theme="";this.variation="default";this.accessibleLabel=undefined;this.active=false;this.open=false;this.icon=undefined}t.prototype.handleFocus=function(t){var e=this;var o=t.composedPath().every((function(t){return t!==e.element}));if(o){this.open=false}};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.handleEscape=function(t){if(isEscapeKey(t)){this.open=false;this.setFocus()}};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.button.focus(t);return[2]}))}))};t.prototype.render=function(){var t;var e=this;var o="right";if(this.element&&this.element.parentElement){o=this.element.parentElement.getAttribute("slot")==="left"?"right":"left"}var r=this.variation==="negative"?"negative":"white";return h(Host,{key:"71c0427eecb0676263c35bff4557210701d27e6f",role:"listitem"},h("div",{key:"a5038335629483dcf2d049129ebfed49eae6a457",class:(t={"duet-toolbar-dropdown":true,"duet-theme-turva":this.theme==="turva"},t[o]=true,t[r]=true,t)},h("button",{key:"5be6ce290e94c6e03c8c49336f4ef50e4283a92a",ref:function(t){return e.button=t},"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false","aria-label":this.accessibleLabel,id:"button",type:"button",class:{active:this.active,open:this.open},onClick:this.onClick,onKeyUp:function(t){return e.handleEscape(t)}},this.icon&&h("duet-icon",{key:"e4e5076e21a084d205cb550946f6a7914911a4e9",theme:this.theme,name:this.icon,size:"x-small",margin:"none",color:"currentColor"}),h("span",{key:"4a79cbc7d59d30c5f763050c44c61c03ae502e74",class:"label"},h("slot",{key:"adecb2560eba25c9bdb1872fedc29c6b98c4d343",name:"label"}),h("duet-icon",{key:"ef92b887f19bd4145ae89b3d6ab05be6c3b2fcd0",class:"caret",theme:this.theme,name:"action-arrow-down-small",margin:"none",size:"xxx-small",color:"currentColor"}))),h("div",{key:"61bb1eff472548331aab26b636fb4606fbc982f7",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:true,hidden:!this.open}},h("slot",{key:"bdbb39527038baf411f9f4770cf594bdb3e86378"}))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetToolbarDropdown.style=DuetToolbarDropdownStyle0;export{DuetToolbarDropdown as duet_toolbar_dropdown};