@nanoporetech-digital/components 1.13.21 → 1.15.0

package/dist/esm-es5/nano-nav-item_2.entry.js

@@ -1,2 +1,2 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,a){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function r(t){try{l(a.next(t))}catch(e){o(e)}}function s(t){try{l(a["throw"](t))}catch(e){o(e)}}function l(t){t.done?n(t.value):i(t.value).then(r,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,i,o,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(e){return l([t,e])}}function l(r){if(a)throw new TypeError("Generator is already executing.");while(n)try{if(a=1,i&&(o=r[0]&2?i["return"]:r[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,r[1])).done)return o;if(i=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;i=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){n.label=r[1];break}if(r[0]===6&&n.label<o[1]){n.label=o[1];o=r;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(r);break}if(o[2])n.ops.pop();n.trys.pop();continue}r=e.call(t,n)}catch(s){r=[6,s];i=0}finally{a=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e){for(var n=0,a=e.length,i=t.length;n<a;n++,i++)t[i]=e[n];return t};import{r as registerInstance,c as createEvent,h,e as Host,g as getElement}from"./index-20becda2.js";import{d as displayTransition}from"./utils-fd1ada22.js";import{b as getSiblings,g as getDirectChildren,c as closestElement}from"./dom-ae168a2d.js";import{a as debounceEvent}from"./throttle-e3c852aa.js";import{c as createColorClasses}from"./theme-f5a16c79.js";import{P as Popover}from"./popover-05f61b5f.js";var navItemCss=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{opacity:inherit;display:block;color:var(--color) !important;margin:var(--margin)}:host ::slotted(*),:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::slotted(button),:host button{background:none;border:none}:host ::slotted(button),:host ::slotted(a),:host ::slotted(a:visited),:host button,:host a,:host a:visited{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:var(--display, block);white-space:nowrap;color:var(--color) !important;background-color:var(--bg-color)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host ::slotted(button),:host ::slotted(a),:host ::slotted(a:visited),:host button,:host a,:host a:visited{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host ::slotted(nano-icon[slot=icon-start]){padding-right:var(--padding-end)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host ::slotted(nano-icon[slot=icon-start]){padding-right:unset;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host ::slotted(nano-icon[slot=icon-end]){padding-left:var(--padding-start)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host ::slotted(nano-icon[slot=icon-end]){padding-left:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);}}:host .link::slotted(nano-icon[slot=icon-start]),:host .link ::slotted(nano-icon[slot=icon-start]){padding-left:var(--padding-start);padding-right:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .link::slotted(nano-icon[slot=icon-start]),:host .link ::slotted(nano-icon[slot=icon-start]){padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:0;padding-inline-end:0}}:host .link::slotted(nano-icon[slot=icon-end]),:host .link ::slotted(nano-icon[slot=icon-end]){padding-left:0;padding-right:var(--padding-end)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .link::slotted(nano-icon[slot=icon-end]),:host .link ::slotted(nano-icon[slot=icon-end]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host .link,:host button,:host a{border-bottom:var(--border-bottom);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host .secondary-menu{display:none}:host ::slotted(a:hover),:host ::slotted(button:hover),:host .link:hover,:host button:hover,:host a:hover{text-decoration:inherit !important}:host button:focus,:host a:focus{color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));outline:var(--focus-outline, none)}:host ::slotted(a:focus),:host ::slotted(button:focus){color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));outline:none}.nav-item.selected .link,.nav-item.selected button,.nav-item.selected a{color:var(--color-selected, var(--color-open, var(--color))) !important;background-color:var(--bg-color-selected, var(--bg-color-open, var(--bg-color)))}.nav-item.secondary-open button,.nav-item.secondary-open a{color:var(--color-open, var(--color-selected, var(--color))) !important;background-color:var(--bg-color-open, var(--secondary-bg-color, var(--bg-color-selected, var(--bg-color))))}.nav-item.disabled{opacity:0.6}.nav-item.disabled button,.nav-item.disabled a{color:var(--color-disabled, var(--color)) !important}.nav-item:not(.nano-menu) ::slotted(a:hover),.nav-item:not(.nano-menu) ::slotted(button:hover),.nav-item:not(.nano-menu) .link:hover,.nav-item:not(.nano-menu) button:hover,.nav-item:not(.nano-menu) a:hover{color:var(--color-hover, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-hover, var(--bg-color-focus, var(--bg-color)))}:host(.has-focus) .link{color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));outline:var(--focus-outline, 5px auto -webkit-focus-ring-color)}:host(.nano-global-nav-menu) a,:host(.nano-global-nav-menu) a:visited,:host(.nano-global-nav-menu) button,:host(.nano-global-nav-menu) .link,:host(.nano-menu) a,:host(.nano-menu) a:visited,:host(.nano-menu) button,:host(.nano-menu) .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:"currentColor";text-decoration:inherit;white-space:normal;cursor:pointer;line-height:1.2;width:100%}:host(.nano-global-nav-menu) .text,:host(.nano-menu) .text{padding-left:0;padding-right:var(--padding-end);-webkit-box-flex:1;-ms-flex:1;flex:1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-menu) .text,:host(.nano-menu) .text{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-global-nav-menu) ::slotted(a),:host(.nano-global-nav-menu) ::slotted(button),:host(.nano-menu) ::slotted(a),:host(.nano-menu) ::slotted(button){-webkit-box-flex:1;-ms-flex:1;flex:1}:host(.nano-global-nav-menu) ::slotted(a:focus),:host(.nano-global-nav-menu) ::slotted(button:focus),:host(.nano-menu) ::slotted(a:focus),:host(.nano-menu) ::slotted(button:focus){-webkit-box-shadow:none;box-shadow:none}:host(.nano-global-nav-menu) .secondary-menu,:host(.nano-menu) .secondary-menu{display:none;position:absolute;color:var(--secondary-color, "currentColor");min-height:100%;top:0;left:0;width:100%;z-index:1;opacity:0;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.3s ease;transition:opacity 0.2s ease, -webkit-transform 0.3s ease;transition:opacity 0.2s ease, transform 0.3s ease;transition:opacity 0.2s ease, transform 0.3s ease, -webkit-transform 0.3s ease;background-color:var(--secondary-bg-color, white);-webkit-transform:translateX(100%);transform:translateX(100%)}:host(.nano-global-nav-menu) .secondary-menu:focus,:host(.nano-menu) .secondary-menu:focus{outline:none}:host(.nano-global-nav-menu) .secondary-menu.open,:host(.nano-menu) .secondary-menu.open{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.2s ease;transition:opacity 0.3s ease, -webkit-transform 0.2s ease;transition:opacity 0.3s ease, transform 0.2s ease;transition:opacity 0.3s ease, transform 0.2s ease, -webkit-transform 0.2s ease}:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-start]){padding-left:0;padding-right:var(--padding-end);padding-top:0;padding-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-start]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-end]){padding-left:0;padding-right:var(--padding-end);padding-top:0;padding-bottom:0;font-size:10px;-webkit-box-flex:0;-ms-flex:0 0 10px;flex:0 0 10px;pointer-events:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-end]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-global-nav-menu) button ::slotted(nano-icon[slot=icon-end]),:host(.nano-global-nav-menu) a ::slotted(nano-icon[slot=icon-end]){padding:0}:host(.nano-global-nav-menu[dir=rtl]) .secondary-menu,:host(.nano-menu[dir=rtl]) .secondary-menu{left:auto;right:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}:host(.nano-global-nav-menu[dir=rtl]) .secondary-menu.open,:host(.nano-menu[dir=rtl]) .secondary-menu.open{-webkit-transform:translateX(0);transform:translateX(0)}:host(.nano-menu) .secondary-menu-content{padding-left:var(--secondary-padding-start);padding-right:var(--secondary-padding-end);padding-top:var(--secondary-padding-top);padding-bottom:var(--secondary-padding-bottom)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu) .secondary-menu-content{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--secondary-padding-start);padding-inline-start:var(--secondary-padding-start);-webkit-padding-end:var(--secondary-padding-end);padding-inline-end:var(--secondary-padding-end)}}:host(.nano-global-nav-bar.legacy){margin:0 11px}:host(.nano-global-nav-bar.legacy) ::slotted(a){padding-left:6px;padding-right:6px;padding-top:7px;padding-bottom:7px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-bar.legacy) ::slotted(a){padding-left:unset;padding-right:unset;-webkit-padding-start:6px;padding-inline-start:6px;-webkit-padding-end:6px;padding-inline-end:6px}}:host(.nano-global-nav-menu.legacy) ::slotted(a){padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-menu.legacy) ::slotted(a){padding-left:unset;padding-right:unset;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px}}:host(.nano-global-nav-bar) .link,:host(.nano-global-nav-bar) a,:host(.nano-global-nav-bar) button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}:host(.nano-global-nav-bar) .text{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-end]){margin-left:var(--padding-end);margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-end]){margin-left:unset;margin-right:unset;-webkit-margin-start:var(--padding-end);margin-inline-start:var(--padding-end);-webkit-margin-end:0;margin-inline-end:0}}:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-start]){margin-left:0;margin-right:var(--padding-start);margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-start]){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--padding-start);margin-inline-end:var(--padding-start)}}:host(.nano-global-nav-bar.has-secondary) button{position:relative}:host(.nano-global-nav-bar.has-secondary) button::before{content:"";background:#86bee2;height:3px;left:5px;bottom:-14px;right:5px;position:absolute;-webkit-transform:translateZ(0) scaleX(0);transform:translateZ(0) scaleX(0);-webkit-transform-origin:0;transform-origin:0;-webkit-transition:0.2s ease transform;transition:0.2s ease transform}:host(.nano-global-nav-bar.has-secondary) .selected button::before,:host(.nano-global-nav-bar.has-secondary) .secondary-open button::before{-webkit-transform:translateZ(0) scaleX(1);transform:translateZ(0) scaleX(1)}:host(.nano-global-nav-bar.has-secondary) .secondary-open button::before{opacity:0.5}:host(.nano-global-nav-bar.has-secondary) .secondary-menu{display:none;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;-webkit-transform:translateY(-100%) translateZ(0);transform:translateY(-100%) translateZ(0);background-color:var(--secondary-bg-color, #196c82);color:var(--secondary-color);position:absolute;-webkit-box-shadow:0 1px 25px 0 rgba(0, 0, 0, 0.15);box-shadow:0 1px 25px 0 rgba(0, 0, 0, 0.15);left:0;right:0;z-index:-2}:host(.nano-global-nav-bar.has-secondary) .secondary-menu.open{-webkit-transform:translateY(12px) translateZ(0);transform:translateY(12px) translateZ(0)}:host(.nano-global-nav-bar.has-secondary) .secondary-menu:focus{outline:none}:host(.nano-menu-drawer) .link,:host(.nano-menu-drawer) a,:host(.nano-menu-drawer) button{padding-left:var(--padding-start);padding-right:0;padding-top:calc(var(--padding-top) / 2);padding-bottom:calc(var(--padding-bottom) / 2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:currentColor;text-decoration:inherit;white-space:normal;border:none;cursor:pointer;line-height:1.2;width:100%}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer) .link,:host(.nano-menu-drawer) a,:host(.nano-menu-drawer) button{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:0;padding-inline-end:0}}:host(.nano-menu-drawer) .text{padding-left:0;padding-right:var(--padding-end);text-align:left;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:130px;width:130px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer) .text{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-start]){padding-left:0;padding-right:var(--padding-end);padding-top:0;padding-bottom:0;font-size:var(--icon-size);width:var(--icon-size);-webkit-box-flex:0;-ms-flex:0 0 var(--icon-size);flex:0 0 var(--icon-size)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-start]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-end]){padding-left:0;padding-right:var(--padding-end);padding-top:0;padding-bottom:0;font-size:10px;-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px;min-width:20px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-end]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-menu-drawer) .secondary-menu{display:none;position:absolute;background-color:var(--secondary-bg-color);color:var(--secondary-color);height:100vh;top:0;right:0;left:auto;bottom:0;-webkit-transform:translateX(0);transform:translateX(0);z-index:-1;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.3s ease;transition:opacity 0.2s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.2s ease;transition:transform 0.3s ease, opacity 0.2s ease, -webkit-transform 0.3s ease;overflow-y:auto;width:var(--secondary-width, 400px);max-width:62vw;opacity:1;padding-left:var(--secondary-padding-start, var(--padding-start));padding-right:var(--secondary-padding-end, var(--padding-end));padding-top:var(--secondary-padding-top, var(--padding-top));padding-bottom:var(--secondary-padding-bottom, var(--padding-bottom))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer) .secondary-menu{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--secondary-padding-start, var(--padding-start));padding-inline-start:var(--secondary-padding-start, var(--padding-start));-webkit-padding-end:var(--secondary-padding-end, var(--padding-end));padding-inline-end:var(--secondary-padding-end, var(--padding-end))}}:host(.nano-menu-drawer) .secondary-menu:focus{outline:none}:host(.nano-menu-drawer) .secondary-menu.open{-webkit-transform:translateX(100%);transform:translateX(100%)}:host(.nano-menu-drawer.legacy) .link,:host(.nano-menu-drawer.legacy) a,:host(.nano-menu-drawer.legacy) button{width:auto}:host(.nano-menu-drawer.legacy) ::slotted(nano-icon[slot=icon-end]){padding-left:0;padding-right:calc(var(--padding-end) * 2);padding-top:0;padding-bottom:0;font-size:10px;-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px;min-width:20px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer.legacy) ::slotted(nano-icon[slot=icon-end]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:calc(var(--padding-end) * 2);padding-inline-end:calc(var(--padding-end) * 2)}}:host(.nano-menu-drawer[dir=rtl]) .text{text-align:right}:host(.nano-menu-drawer[dir=rtl]) .secondary-menu{right:auto;left:0;-webkit-transform:translateX(0%);transform:translateX(0%)}:host(.nano-menu-drawer[dir=rtl]) .secondary-menu.open{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:1}';var NavItem=function(){function t(t){var e=this;registerInstance(this,t);this.nanoClose=createEvent(this,"nanoClose",7);this.nanoOpen=createEvent(this,"nanoOpen",7);this.nanoOpening=createEvent(this,"nanoOpening",7);this.nanoClosing=createEvent(this,"nanoClosing",7);this.nanoBlur=createEvent(this,"nanoBlur",7);this.nanoFocus=createEvent(this,"nanoFocus",7);this.hasSecondarySlot=false;this.hasAnchorEle=false;this.didBlur=false;this.animating=false;this.didOpen=false;this.isInGlobalNav=false;this.isInMenuDrawer=false;this.isInMenu=false;this.isLegacy=!document.head.attachShadow;this.hasFocus=false;this.href=null;this.target="_self";this.disabled=false;this.open=false;this.selected=false;this.secondaryActiveWidth=0;this.secondaryFallback=function(){};this.closeOnBlur=true;this.closeSecondary=function(){return __awaiter(e,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.open=false;if(!this.hasSecondarySlot||!this.didOpen)return[2];this.nanoClosing.emit({secondaryMenu:this.secondaryDiv});return[4,displayTransition(this.secondaryDiv,"open",false)];case 1:t=e.sent();this.didOpen=t!=="hidden";return[2]}}))}))};this.openSecondary=function(){return __awaiter(e,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(window.innerWidth<this.secondaryActiveWidth){this.secondaryFallback.call(this);return[2]}this.open=true;if(!this.hasSecondarySlot||this.didOpen)return[2];this.nanoOpening.emit({secondaryMenu:this.secondaryDiv});return[4,displayTransition(this.secondaryDiv,"open",true)];case 1:t=e.sent();this.didOpen=t==="shown";return[2]}}))}))};this.toggleSecondary=function(){if(!e.hasSecondarySlot)return;if(e.didOpen)e.closeSecondary();else e.openSecondary()};this.handleFocus=function(){e.hasFocus=true;if(e.href&&!e.animating&&e.hasSecondarySlot)e.openSecondary();e.nanoFocus.emit()};this.handleHostBlur=function(){if(e.animating)return;e.el.removeAttribute("tabindex");e.hasFocus=false;e.nanoBlur.emit()};this.handleHostClick=function(t){if(!e.hasAnchorEle)return;var n=t.target.closest("a, button");if(!n)e.btn.click()};this.handleMouseEnter=function(){return __awaiter(e,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(n){if(!this.href||this.animating||!this.hasSecondarySlot||this.globalNavEle&&!this.globalNavEle.classList.contains("ready"))return[2];t=0;if(getSiblings(this.el,".secondary-open.has-secondary").length)t=300;clearTimeout(this.waitHide);this.fromHover=true;this.animating=true;this.waitShow=window.setTimeout((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.openSecondary()];case 1:return[2,t.sent()]}}))}))}),t);this.animating=false;return[2]}))}))};this.handleMouseLeave=function(){if(!e.href)return;clearTimeout(e.waitShow);e.fromHover=true;e.animating=true;e.waitHide=window.setTimeout((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.closeSecondary()];case 1:return[2,t.sent()]}}))}))}),300);e.animating=false};this.handleClick=function(){e.fromHover=false;if(e.hasSecondarySlot)e.toggleSecondary();else e.el.querySelector("*").click()};this.blur=function(t){if(!e.didOpen||e.animating)return;if(!e.closeOnBlur)return;if(t&&t.relatedTarget){if(t.relatedTarget===e.el||t.relatedTarget===e.btn||e.foundThisNavEle(t.relatedTarget)){e.secondaryDiv.focus({preventScroll:true});return}}e.btn.removeEventListener("focusout",e.blur);e.secondaryDiv.removeEventListener("focusout",e.blur);window.removeEventListener("blur",e.blur);e.didBlur=true;e.open=false;if(!t.relatedTarget)setTimeout((function(){e.el.focus({preventScroll:true})}),50)}}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.btn)return[2];this.btn.focus();return[2]}))}))};t.prototype.openChange=function(){this.open?this.openSecondary():this.closeSecondary()};t.prototype.didOpenChange=function(){var t=this;if(!this.hasSecondarySlot)return;if(!this.didOpen){if(!this.fromHover){this.btn.removeEventListener("focusout",this.blur);this.secondaryDiv.removeEventListener("focusout",this.blur)}setTimeout((function(){if(!t.fromHover&&!t.didBlur)t.btn.focus({preventScroll:true});t.nanoClose.emit({secondaryMenu:t.secondaryDiv})}),50)}else{this.didBlur=false;if(!this.fromHover){var e=new window.IntersectionObserver((function(n){if(n[0].boundingClientRect.top<0){t.secondaryDiv.scrollIntoView({behavior:"smooth"})}e.disconnect()}),{threshold:1});e.observe(this.secondaryDiv);this.secondaryDiv.focus({preventScroll:true});this.btn.addEventListener("focusout",this.blur);this.secondaryDiv.addEventListener("focusout",this.blur);window.addEventListener("blur",this.blur);this.el.tabIndex=-1;this.nanoOpen.emit({secondaryMenu:this.secondaryDiv})}}};t.prototype.foundThisNavEle=function(t){var e=t.closest("nano-nav-item");e=e===t?t.parentElement.closest("nano-nav-item"):e;if(!e)return false;if(e===this.el)return true;return this.foundThisNavEle(e)};t.prototype.componentWillLoad=function(){var t=this.el.querySelector('[slot="secondary"]');this.hasSecondarySlot=!!t;var e=getDirectChildren(this.el,"a, button")[0];this.hasAnchorEle=!!e;if(e){this.href=e.href?e.href:null;this.btn=e;if(this.hasSecondarySlot)this.btn.addEventListener("click",this.toggleSecondary);this.btn.addEventListener("focus",this.handleFocus);this.btn.addEventListener("blur",this.handleHostBlur)}};t.prototype.connectedCallback=function(){this.isInGlobalNav=false;this.isInMenuDrawer=false;this.globalNavEle=this.el.closest("nano-global-nav");this.isInMenuDrawer=!!this.el.closest("nano-menu-drawer");this.isInMenu=!!this.el.closest("nano-menu");this.isInGlobalNav=this.el.parentElement===this.globalNavEle||!!this.el.closest(".global-nav")};t.prototype.render=function(){var t=this;return h(Host,{class:{"has-secondary":this.hasSecondarySlot,"secondary-open":this.open,selected:this.selected,"has-focus":this.hasFocus,disabled:this.disabled,"nano-global-nav":this.isInGlobalNav,"nano-menu-drawer":this.isInMenuDrawer,"nano-menu":this.isInMenu,legacy:this.isLegacy},onBlur:this.handleHostBlur,dir:this.el.ownerDocument.dir==="rtl"?"rtl":null,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onClick:this.handleHostClick},h("div",{class:{"nav-item":true,"secondary-open":this.open,selected:this.selected}},this.href&&!this.hasAnchorEle&&!this.disabled&&h("a",{target:this.target,ref:function(e){return t.btn=e},href:this.href,onFocus:this.handleFocus},h("slot",{name:"icon-start"}),h("span",{class:"text"},h("slot",null)),h("slot",{name:"icon-end"})),(!this.hasAnchorEle&&!this.href||this.disabled)&&h("button",{ref:function(e){return t.btn=e},onClick:this.handleClick,onFocus:this.handleFocus,disabled:this.disabled},h("slot",{name:"icon-start"}),h("span",{class:"text"},h("slot",null)),h("slot",{name:"icon-end"})),this.hasAnchorEle&&!this.disabled&&h("div",{class:"link"},h("slot",{name:"icon-start"}),h("slot",null),h("slot",{name:"icon-end"})),this.hasSecondarySlot&&!this.disabled&&h("div",{class:"secondary-menu",ref:function(e){return t.secondaryDiv=e},tabindex:"-1"},h("div",{class:"secondary-menu-content"},h("slot",{name:"secondary"})),h("div",{class:"secondary-menu-mask",onClick:this.closeSecondary}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openChange"],didOpen:["didOpenChange"]}},enumerable:false,configurable:true});return t}();NavItem.style=navItemCss;var selectCss='.sc-nano-select-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-select,*.sc-nano-select::before,*.sc-nano-select::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-nano-select-h{--placeholder-color:var(--nano-input-placeholder-color, initial);--placeholder-font-style:var(--nano-input-placeholder-style, initial);--placeholder-font-weight:var(--nano-input-placeholder-weight, initial);--placeholder-opacity:var(--nano-input-placeholder-opacity, 0.5);--padding-top:var(--nano-input-padding-top, var(--nano-input-padding, 8px));--padding-end:var(--nano-input-padding-end, var(--nano-input-padding, 8px));--padding-bottom:var(--nano-input-padding-bottom, var(--nano-input-padding, 8px));--padding-start:var(--nano-input-padding-start, var(--nano-input-padding, 8px));--color-invalid:var(--nano-color-danger-rgb, 239, 65, 53);--color--focus-rgb:var(\n      --nano-color-base-rgb,\n      var(--nano-color-primary-rgb, 0, 132, 169)\n    );--input-font-size:var(--nano-input-font-size, 0.87em);--input-text-color:var(--nano-input-text-color, #4a4a4a);--input-border-width:var(--input-border-width-sh, var(--nano-input-border-width, 2px));--input-border-color:var(--nano-input-border-color, #e4e6e8);--input-border-radius:var(--nano-input-border-radius, 0);--input-border-style:var(--nano-input-border-style, solid) var(--nano-input-border-color, #e4e6e8);--input-border-style--focus:var(--nano-input-border-style, solid) var(--nano-input-border-color--focus, #90c6e7);--input-border-style--invalid:var(--nano-input-border-style, solid) var(--nano-input-border-color--invalid, #fac6c3);--input-border-style--invalid-focus:var(--nano-input-border-style, solid) var(--nano-input-border-color--invalid, #f36d64);--input-bg-color:var(--nano-input-background-color, #fff);--input-bg-color--focus:var(--input-bg-color);--input-bg-color--invalid:var(--nano-input-background-color, #fee8de);--invalid-msg-color:rgba(var(--color-invalid), 1);--invalid-msg-font-size:var(--nano-input-help-font-size, 0.75em);--help-msg-color:var(--nano-input-help-color, #687576);--clear-btn-color:var(--nano-clear-btn-color, rgba(0, 0, 0, 0.3));--clear-btn-color--hover:rgba(var(--color--focus-rgb), 1);--clear-btn-color--invalid:rgba(var(--color-invalid), 1);--label-color:var(--nano-input-label-color, "currentColor");--label-color--focus:var(--label-color);--label-color--invalid:var(--nano-input-label-color-invalid, "currentColor");--label-font-size:var(--nano-input-label-color, 1em);--multi-input-value-bg:var(--nano-input-tag-bg, 186, 220, 240);--multi-input-value-text-color:var(--nano-input-tag-color, #455556);--multi-input-value-border:var(--nano-input-tag-color, #90c6e7);position:relative;width:100%;padding:0 !important;font-family:var(--nano-font-family, inherit);display:inline-block}.nano-color.sc-nano-select-h{--input-border-style--focus:var(--nano-input-border-style, solid) var(--nano-color-tint, var(--nano-color-primary-tint, #2696b6));--multi-input-value-bg:var(--nano-color-tint-rgb);--multi-input-value-border:var(--nano-color-shade);--multi-input-value-text-color:var(--nano-color-contrast);color:var(--nano-color-base)}nano-item.sc-nano-select-h:not(.item-label),nano-item:not(.item-label) .sc-nano-select-h{--padding-start:0}[disabled].sc-nano-select-h:not([disabled=false]){opacity:0.7}[disabled].sc-nano-select-h:not([disabled=false]) *.sc-nano-select{pointer-events:none !important}label.sc-nano-select,.more.sc-nano-select,.error.sc-nano-select,.helper.sc-nano-select{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}label.visually-hide.sc-nano-select,.more.visually-hide.sc-nano-select,.error.visually-hide.sc-nano-select,.helper.visually-hide.sc-nano-select{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.placeholder-as-label.sc-nano-select{padding-left:var(--padding-start);padding-right:0;padding-top:0;padding-bottom:0;color:var(--input-text-color);position:absolute;font-size:1.4em;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:top left;transform-origin:top left;top:50%;-webkit-transition:0.125s ease-in;transition:0.125s ease-in;opacity:0.7;pointer-events:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.placeholder-as-label.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:0;padding-inline-end:0}}.is-invalid.sc-nano-select-h .placeholder-as-label.sc-nano-select{color:var(--invalid-msg-color)}.has-value.sc-nano-select-h .placeholder-as-label.sc-nano-select{-webkit-transform:translateY(-110%);transform:translateY(-110%);font-size:0.9em}.has-focus.has-multiple.sc-nano-select-h .placeholder-as-label.sc-nano-select,.has-value.has-multiple.sc-nano-select-h .placeholder-as-label.sc-nano-select{-webkit-transform:translateY(-75%);transform:translateY(-75%);font-size:0.9em}.has-multiple.sc-nano-select-h .placeholder-as-label.sc-nano-select{top:1.5em}.placeholder-as-label.sc-nano-select~.native-select-wrap.sc-nano-select{font-size:1.1em}.label.sc-nano-select{padding-left:0;padding-right:0;padding-top:0;padding-bottom:var(--padding-bottom);color:var(--label-color);font-size:var(--label-font-size);line-height:1}.label.sc-nano-select .placeholder.sc-nano-select{opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:0.3s ease opacity;transition:0.3s ease opacity;font-size:0.9em}.has-value.sc-nano-select-h .label.sc-nano-select .placeholder.sc-nano-select{opacity:0.5}.has-focus.sc-nano-select-h .label.sc-nano-select{color:var(--label-color--focus)}.is-invalid.sc-nano-select-h .label.sc-nano-select{color:var(--label-color--invalid)}.more.sc-nano-select{margin-left:3px;margin-right:0;margin-top:4px;margin-bottom:var(--padding-bottom);height:1em;position:relative}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.more.sc-nano-select{margin-left:unset;margin-right:unset;-webkit-margin-start:3px;margin-inline-start:3px;-webkit-margin-end:0;margin-inline-end:0}}.helper.sc-nano-select,.error.sc-nano-select{top:0;left:0;position:absolute;font-size:var(--invalid-msg-font-size);line-height:1.2;-webkit-transition:0.3s ease-out opacity;transition:0.3s ease-out opacity}.helper.sc-nano-select{color:var(--help-msg-color);font-style:italic}[show-inline-error].sc-nano-select-h:not([show-inline-error=false]).is-invalid .helper.sc-nano-select{opacity:0}.error.sc-nano-select{opacity:0;color:var(--invalid-msg-color);font-stretch:condensed}.is-invalid.sc-nano-select-h .error.sc-nano-select{opacity:1}.select.sc-nano-select{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;border-radius:var(--input-border-radius);width:100%;padding:0 !important;position:relative;background:var(--input-bg-color);border:var(--input-border-style);border-width:var(--input-border-width);font-size:var(--input-font-size)}.has-focus.sc-nano-select-h .select.sc-nano-select{z-index:10;background:var(--input-bg-color--focus);border:var(--input-border-style--focus);border-width:var(--input-border-width)}.is-invalid.sc-nano-select-h .select.sc-nano-select{background:var(--input-bg-color--invalid);border:var(--input-border-style--invalid);border-width:var(--input-border-width)}.is-invalid.has-focus.sc-nano-select-h .select.sc-nano-select{background:var(--input-bg-color--invalid);border:var(--input-border-style--invalid-focus);border-width:var(--input-border-width)}.native-select-wrap.sc-nano-select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.select-mask.sc-nano-select{border-radius:var(--input-border-radius);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:0;padding-bottom:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;pointer-events:none;line-height:2.5em;min-height:2.5em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.select-mask.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.native-select.sc-nano-select{border-radius:var(--input-border-radius);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:0;padding-bottom:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;color:var(--input-text-color);display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.3s ease opacity;transition:0.3s ease opacity;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;line-height:2.5em;min-height:2.5em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.native-select.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.legacy.sc-nano-select-h .native-select.sc-nano-select{-webkit-box-sizing:content-box;box-sizing:content-box}.masked.sc-nano-select-h .native-select.sc-nano-select{opacity:0;position:absolute;left:0;top:0}.has-float-label.sc-nano-select-h .native-select.sc-nano-select{opacity:0;padding-top:1.8em}.has-value.has-float-label.sc-nano-select-h .native-select.sc-nano-select{opacity:1}.native-select.sc-nano-select:-webkit-autofill{background-color:transparent}.native-select.sc-nano-select:invalid{-webkit-box-shadow:none;box-shadow:none}.native-select.sc-nano-select::-ms-clear{display:none}.native-select.sc-nano-select::-ms-expand{display:none}.native-select[disabled].sc-nano-select{opacity:0.4}.has-multiple.sc-nano-select-h .native-select.sc-nano-select{display:none}.native-select.sc-nano-select option.sc-nano-select{color:black}.multi-wrap.sc-nano-select{padding-left:0;padding-right:calc(1.9em + var(--padding-end));padding-top:0;padding-bottom:calc(var(--padding-bottom) / 2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.multi-wrap.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:calc(1.9em + var(--padding-end));padding-inline-end:calc(1.9em + var(--padding-end))}}.has-clr-btn.sc-nano-select-h .multi-wrap.sc-nano-select{padding-left:0;padding-right:calc(2.6em + (var(--padding-end) * 2) + (var(--padding-end) * 2));padding-top:0;padding-bottom:calc(var(--padding-bottom) / 2)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.has-clr-btn.sc-nano-select-h .multi-wrap.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:calc(2.6em + (var(--padding-end) * 2) + (var(--padding-end) * 2));padding-inline-end:calc(2.6em + (var(--padding-end) * 2) + (var(--padding-end) * 2))}}.has-float-label.sc-nano-select-h .multi-wrap.sc-nano-select{padding-top:1.3em}.multi-input.sc-nano-select{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:calc(var(--padding-top) / 2);padding-bottom:0;min-width:50px;max-width:100%;max-height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:none;display:inline-block;background:transparent;-webkit-box-flex:0;-ms-flex:0;flex:0;position:relative;min-height:calc(2.8em - var(--padding-top));-webkit-box-sizing:border-box;box-sizing:border-box}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.multi-input.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.legacy.sc-nano-select-h .multi-input.sc-nano-select{-webkit-box-sizing:content-box;box-sizing:content-box}.multi-input.sc-nano-select:last-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.multi-select-box.sc-nano-select{position:absolute;background:var(--nano-layer-bg, #fff);min-width:calc(100% + (var(--input-border-width) * 2));z-index:var(--nano-layer-index-dropdown, 300);margin:0;font-size:1.15em;line-height:1.4;max-height:50vh;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--nano-layer-border-radius, var(--nano-border-radius-medium, 4px));-webkit-box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.3));box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.3));padding:var(--padding-top) 0 var(--padding-bottom);border:var(--nano-layer-border-style, 1px solid var(--nano-layer-border-color, rgba(0, 0, 0, 0.1)))}.multi-select-box--open.sc-nano-select{opacity:1}.multi-select-box.sc-nano-select li.sc-nano-select{padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-size:var(--input-font-size);cursor:pointer;list-style:none;color:var(--input-text-color)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.multi-select-box.sc-nano-select li.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.nano-color.sc-nano-select-h .multi-select-box.sc-nano-select li.sc-nano-select{color:black}.multi-select-box.sc-nano-select li.sc-nano-select:hover,.multi-select-box.sc-nano-select li.sc-nano-select:focus{color:var(--color--focus-contrast);outline:none;background:rgba(var(--multi-input-value-bg), 0.2)}.nano-color.sc-nano-select-h .multi-select-box.sc-nano-select li.sc-nano-select:hover,.nano-color.sc-nano-select-h .multi-select-box.sc-nano-select li.sc-nano-select:focus{background:rgba(var(--nano-color-base-rgb), 0.2)}.multi-value.sc-nano-select{margin-left:4px;margin-right:0;margin-top:4px;margin-bottom:0;background:rgba(var(--multi-input-value-bg), 0.8);color:var(--multi-input-value-text-color);border:2px solid;border-color:var(--multi-input-value-border);padding:0.3em 0.5em;border-radius:3px;line-height:1;max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--input-font-size);font-weight:600;letter-spacing:1px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.multi-value.sc-nano-select{margin-left:unset;margin-right:unset;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0}}.multi-value.sc-nano-select span.sc-nano-select{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden;line-height:1.4}.multi-value-remove.sc-nano-select{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;background-position:center;padding-left:0.5em;padding-right:0;padding-top:0;padding-bottom:0;color:inherit;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;font-size:1em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.multi-value-remove.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:0.5em;padding-inline-start:0.5em;-webkit-padding-end:0;padding-inline-end:0}}.multi-value-remove.sc-nano-select nano-icon.sc-nano-select{--color:var(--multi-input-value-text-color)}.select-down-icon.sc-nano-select{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;background-position:center;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:var(--input-text-color);font-size:1.4em;right:0;position:absolute;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.select-down-icon.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.is-invalid.sc-nano-select-h .select-down-icon.sc-nano-select{color:var(--clear-btn-color--invalid)}.rtl.sc-nano-select-h .select-down-icon.sc-nano-select{right:unset;left:0}.has-multiple.sc-nano-select-h .select-down-icon.sc-nano-select{pointer-events:all}.masked.sc-nano-select-h .select-down-icon.sc-nano-select{position:relative}.select-clear-icon.sc-nano-select{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;background-position:center;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-size:1.4em;color:var(--clear-btn-color);border:0;outline:none;background-color:transparent;background-repeat:no-repeat;visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;height:100%;right:calc(1.4em + var(--padding-end))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.select-clear-icon.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.select-clear-icon.sc-nano-select:hover{color:var(--clear-btn-color--hover)}.rtl.sc-nano-select-h .select-clear-icon.sc-nano-select{right:unset;left:calc(1.4em + var(--padding-end))}.is-invalid.sc-nano-select-h .select-clear-icon.sc-nano-select{color:var(--clear-btn-color--invalid)}.has-value.sc-nano-select-h .select-clear-icon.sc-nano-select{visibility:visible}.select-clear-icon.sc-nano-select nano-icon.sc-nano-select{--color:inherit}.has-focus.sc-nano-select-h select.sc-nano-select,.has-focus.sc-nano-select-h a.sc-nano-select,.has-focus.sc-nano-select-h button.sc-nano-select{pointer-events:auto}';var Select=function(){function t(t){var e=this;registerInstance(this,t);this.nanoChange=createEvent(this,"nanoChange",7);this.nanoBlur=createEvent(this,"nanoBlur",7);this.nanoFocus=createEvent(this,"nanoFocus",7);this.nanoDidLoad=createEvent(this,"nanoDidLoad",7);this.nanoDidUnload=createEvent(this,"nanoDidUnload",7);this.nanoSearchChange=createEvent(this,"nanoSearchChange",7);this.nanoValidate=createEvent(this,"nanoValidate",7);this.listItems=[];this.valueItems=[];this.selectId="nano-select-"+selectIds++;this.rtl=false;this.currLiIndex=-1;this.inputSearchVal="";this.watchValue=true;this.onInit=true;this.currInsertIndex=0;this.availOpts=[];this.showErrorMsg=false;this.errorMessage="";this.hasFocus=false;this.listOpen=false;this.isLegacy="registerElement"in document;this.hasLabelSlot=false;this.hasHelperSlot=false;this.hasIconSlot=false;this.invalid=false;this.autofocus=false;this.disabled=false;this.validateOn="submit";this.showInlineError=true;this.hideLabel=false;this.floatLabel=false;this.multiple=false;this.name=this.selectId+"-name";this.readonly=false;this.required=false;this.allowCustomValues=false;this.value=this.multiple?[]:"";this.options=[];this.clearSelect=false;this.mask=false;this.debounce=0;this.native=true;this.customValidate=function(){e.nativeSelect.setCustomValidity("");if(e.required&&!e.getNativeValue().length){e.nativeSelect.setCustomValidity("Please fill in this field.");return true}if(e.getNativeValue().length&&!e.allowCustomValues&&!e.isValidValues()){e.nativeSelect.setCustomValidity("Please choose an item from this field.");return true}if(e.max&&e.getNativeValue().length>e.max){e.nativeSelect.setCustomValidity("Only up to "+e.max+" values are allowed.");return true}if(e.min&&e.getNativeValue().length<e.min){e.nativeSelect.setCustomValidity("You must select a minimum of "+e.min+" values.");return true}return false};this.showInlineValidation=function(t){if(e.validateOn==="submitThenDirty")e.validateOn="dirty";e.invalid=false;e.showErrorMsg=false;e.errorMessage="";if(!e.nativeSelect.validity.valid){e.errorMessage=e.nativeSelect.validationMessage;e.invalid=true;e.showErrorMsg=true}e.nanoValidate.emit({isValid:!e.invalid,errorMessage:e.errorMessage,originalEvent:t})};this.handleInvalid=function(t){e.invalid=true;if(e.validateOn==="submit")e.invalid=e.showErrorMsg=e.customValidate();if(e.showInlineError)t.preventDefault();setTimeout((function(n){return e.showInlineValidation(t)}),20)};this.onChange=function(t){if(!e.readonly&&!e.disabled&&t){t.preventDefault();t.stopPropagation()}e.value=e.getNativeValue()};this.onBlur=function(){if(e.multiple){e.currLiIndex=-1;document.removeEventListener("keydown",e.handleDocumentKeyDown);document.removeEventListener("mousedown",e.handleDocumentMouseDown)}e.hasFocus=false;setTimeout((function(){if(e.validateOn==="dirty"&&!e.listOpen&&!e.hasFocus)e.showInlineValidation()}),20);e.nanoBlur.emit()};this.onFocus=function(){if(e.multiple){e.currLiIndex=-1;document.addEventListener("keydown",e.handleDocumentKeyDown);document.addEventListener("mousedown",e.handleDocumentMouseDown);e.openList()}e.hasFocus=true;e.nanoFocus.emit()};this.clearSelectValue=function(t){if(e.clearSelect&&!e.readonly&&!e.disabled&&t){t.preventDefault();t.stopPropagation()}if(e.multiple){e.value=[];var n=e.nativeSelect.querySelectorAll("option");if(n.length)n.forEach((function(t){return t.remove()}));e.currInsertIndex=-1;e.setAvailOpts()}else e.value="";e.onChange()};this.onClick=function(){e.setFocus();e.openList()};this.onMultiInputBlur=function(){if(e.allowCustomValues)return;e.inputSearchVal="";e.setAvailOpts()};this.onDragStart=function(t){var n=t.target;e.dragVal=n.dataset.value};this.onDragEnd=function(t){e.dragVal=null;t.preventDefault()};this.onDragLeave=function(t){var n=t.target;var a=n.dataset&&n.dataset.value?n.dataset.value:null;if(!a||e.dragVal===a||!e.value.includes(e.dragVal)){t.preventDefault();return}var i=e.value.indexOf(a);var o=e.value.indexOf(e.dragVal);var r=e.value;var s=r[i];r[i]=r[o];r[o]=s;e.value=__spreadArray([],r)};this.onMultiInput=function(t){e.inputSearchVal=t.target.value;e.setAvailOpts();e.openList();e.nanoSearchChange.emit({value:t.target.value})};this.onOptFocus=function(t){var n=e.getActiveOpt();if(n)n.classList.remove("has-focus");t.target.classList.add("has-focus")};this.onHostClick=function(){setTimeout((function(t){if(!e.multiple||e.hasFocus)return;e.setFocus()}),20)};this.handleDocumentMouseDown=function(t){var n=t.target;if(closestElement(e.el.tagName.toLowerCase(),n)!==e.el){e.listOpen=false;e.onBlur()}};this.handleDocumentKeyDown=function(t){if(!e.multiple)return;if(!e.inputSearchVal){var n=void 0;switch(t.key){case"Backspace":if(e.multiInput.previousElementSibling)n=e.multiInput.previousElementSibling;else break;e.removeValue(n.dataset.value||null);break;case"Delete":if(e.multiInput.nextElementSibling)n=e.multiInput.nextElementSibling;else break;e.removeValue(n.dataset.value||null);break;case"ArrowLeft":case"ArrowRight":if(!e.value.length)break;if(t.key==="ArrowLeft"&&e.multiInput.previousSibling)e.currInsertIndex--;if(t.key==="ArrowRight"&&e.multiInput.nextSibling)e.currInsertIndex++;setTimeout((function(){e.multiInput.focus()}),20);t.preventDefault();break}}if(e.hasFocus&&!e.listOpen&&t.key==="ArrowDown"){e.openList();e.currLiIndex=-1}if(e.hasFocus&&t.key==="Tab"){setTimeout((function(){if(document.activeElement&&closestElement(e.el.tagName.toLowerCase(),document.activeElement)!==e.el){e.listOpen=false;e.onBlur();return}}))}if(e.listOpen){var a=e.getActiveOpt();var i=e.listItems.indexOf(a)||e.currLiIndex;switch(t.key){case"ArrowDown":case"ArrowUp":t.preventDefault();if(t.key==="ArrowDown")i++;else if(t.key==="ArrowUp")i--;if(i<0){e.currLiIndex=0;e.multiInput.focus();return}var o=e.listItems[i]?i:e.currLiIndex;setTimeout((function(){e.listItems[o].focus();e.currLiIndex=o}),20);return;case"Enter":case" ":if(e.listItems[e.currLiIndex]){e.addValue(e.listItems[e.currLiIndex].dataset.value);t.preventDefault()}return;case"Escape":e.listOpen=false;return}}if(e.currLiIndex>-1)t.preventDefault()}}t.prototype.debounceChanged=function(){this.nanoSearchChange=debounceEvent(this.nanoSearchChange,this.debounce)};t.prototype.shouldValidate=function(){if(this.onInit)return;if(this.invalid)this.showErrorMsg=this.invalid=false;this.customValidate();if(this.validateOn!=="dirty")return;this.showInlineValidation()};t.prototype.valueChanged=function(){var t=this;if(!this.watchValue)return;if(this.multiple){if(typeof this.value==="string"&&!!this.value.length)this.value=this.value.split(",");if(this.value===null||typeof this.value==="string"&&!this.value.length)this.value=[];if(this.currInsertIndex>this.value.length-1)this.currInsertIndex=this.value.length-1}else if(typeof this.value!=="string"&&this.value&&this.value[0])this.value=this.value[0];this.setNativeValue();this.setAvailOpts();setTimeout((function(e){return t.shouldValidate()}),20);this.nanoChange.emit({value:this.value});if(this.onInit)return};t.prototype.optionsChanged=function(){this.setAvailOpts();if(this.hasFocus)this.openList()};t.prototype.multiChange=function(){this.switchValue();if(this.multiple)this.setupMulti();else if(this.popover)this.popover.destroy()};t.prototype.setupMulti=function(){var t=this;setTimeout((function(){t.setAvailOpts();t.popover=new Popover(t.selectWrap,t.multiList,{placement:"bottom-start",skidding:0,distance:0,onTransitionEnd:function(){if(!t.listOpen){t.multiList.scrollTop=0}}})}),20)};t.prototype.listOpenChange=function(){if(this.listOpen)this.popover.show();else this.popover.hide()};t.prototype.reportValidity=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t)this.showInlineValidation();return[2,{isValid:!this.invalid,errorMessage:this.errorMessage}]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeSelect&&!this.multiple)this.nativeSelect.focus();else if(this.multiInput)this.multiInput.focus();return[2]}))}))};t.prototype.getSelectElement=function(){return Promise.resolve(this.nativeSelect)};t.prototype.showError=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeSelect){this.nativeSelect.setCustomValidity(t);this.nativeSelect.reportValidity()}return[2]}))}))};t.prototype.setAvailOpts=function(){var t=this;if(!this.multiple)return;this.availOpts=this.options.filter((function(e){var n=typeof e==="string"?e:e["value"];var a=typeof e==="string"?e:e["label"]||e["value"];if(!n)return false;return!t.value.includes(n)&&(!t.multiInput||a.toLowerCase().indexOf(t.inputSearchVal.toLowerCase())>-1)}))};t.prototype.getNativeValue=function(){var t=this.nativeSelect;if(!t)return"";if(!this.multiple)return t.options[t.selectedIndex]&&t.options[t.selectedIndex].hasAttribute("value")?t.options[t.selectedIndex].value:"";else{return Array.from(t.options).map((function(t){if(t.selected&&t.hasAttribute("value"))return t.value}))}};t.prototype.setNativeValue=function(){var t=this;var e=this.nativeSelect;if(!e)return null;if(!this.multiple)e.value=this.value;else{Array.from(this.nativeSelect.options).filter((function(e){if(typeof t.value==="string")return e.value===t.value;else return t.value.find((function(e){if(typeof e==="string")return e===t.value;else if(e["value"])return e===e["value"]}))})).map((function(t){t.selected=true}))}};t.prototype.isValidValues=function(){var t=this;var e=this.nativeSelect;if(!e)return null;var n=this.nativeSelect.querySelectorAll("option:checked");var a=Array.from(n).map((function(t){return t.value||null}));if(this.multiple){return a.reduce((function(e,n){if(!e)return false;return!!t.options.find((function(t){return t["value"]?t["value"]===n:t===n}))}),true)}else{return this.options.find((function(t){return t["value"]?t["value"]===a[0]:t===a[0]}))}};t.prototype.openList=function(){if(!this.multiple)return;if((this.availOpts.length||!!this.inputSearchVal.length&&this.allowCustomValues)&&(!this.max||this.max&&this.value.length<this.max))this.listOpen=true;else this.listOpen=false};t.prototype.addValue=function(t){if(!this.multiple)return;if(this.value&&this.value.length&&this.value.includes(t))return;if(this.max&&this.value.length===this.max)return;this.currInsertIndex++;this.value=__spreadArray(__spreadArray(__spreadArray([],this.value.slice(0,this.currInsertIndex)),[t]),this.value.slice(this.currInsertIndex));this.inputSearchVal="";this.setAvailOpts();this.setFocus();this.openList()};t.prototype.removeValue=function(t){if(!this.multiple||!this.value.length)return;if(!t)t=this.value[this.value.length-1];this.value=this.value.filter((function(e){return e!==t}));if(this.currInsertIndex>this.value.length-1)this.currInsertIndex=this.value.length-1;this.setFocus();this.openList()};t.prototype.switchValue=function(){this.watchValue=false;if(this.multiple){if(typeof this.value==="string"&&!!this.value.length)this.value=this.value.split(",");else this.value=[];this.currInsertIndex=Math.max(this.value.length-1,0)}else if(typeof this.value!=="string"&&this.value&&this.value[0])this.value=this.value[0];this.watchValue=true};t.prototype.isSelected=function(t){if(this.multiple)return this.value.find((function(e){return e===t}))};t.prototype.getLabel=function(t){var e=this.options.find((function(e){return e["value"]?e["value"]===t:e===t}));if(!e)return null;return e["label"]?e["label"]:e};t.prototype.slotChangeObserver=function(){var t=this;var e=this.mo=new MutationObserver((function(e){return t.processSlottedContent(e)}));e.observe(this.el,{childList:true,subtree:true})};t.prototype.processSlottedContent=function(t){var e=this;this.hasLabelSlot=!!this.el.querySelectorAll('[slot="label"]').length;this.hasHelperSlot=!!this.el.querySelector('[slot="helper"]');this.hasIconSlot=!!this.el.querySelector('[slot="icon"]');if(!t){var n=this.el.querySelector('select:not([class*="sc-nano-select"])');if(n){Array.from(n.attributes).filter((function(t){return t.specified&&t.nodeName in e})).map((function(t){return e[t.nodeName]=t.nodeValue}))}var a=this.el.querySelector('label:not([class*="sc-nano-select"])');if(a)this.label=this.label||a.innerHTML;var i=this.el.querySelectorAll('option:not([class*="sc-nano-select"])');this.watchValue=false;if(i&&i.length){var o=[];i.forEach((function(t){o.push({label:t.label||t.innerText,value:t.value});if(!t.selected||!t.value)return;if(e.multiple)e.value.push(t.value);else e.value=t.value}));this.options=o}if(i.length||a||n){var r=this.el.querySelectorAll('[slot="legacy"]');if(r)r.forEach((function(t){return t.parentNode.removeChild(t)}))}this.watchValue=true}if(t&&!Array.from(t[0].addedNodes).find((function(t){return t.nodeName.toLowerCase()==="nano-select-option"})))return;var s=this.el.querySelectorAll("nano-select-option");if(s&&s.length){var l=[];s.forEach((function(t){l.push({label:t.label||t.innerText,value:t.value});if(!t.selected||!t.value)return;if(e.multiple)e.value.push(t.value);else e.value=t.value}));this.options=l}this.setAvailOpts()};t.prototype.getActiveOpt=function(){return this.multiList.querySelector(".has-focus")};t.prototype.connectedCallback=function(){this.debounceChanged();this.el.dispatchEvent(new CustomEvent("nanoDidLoad",{detail:this.el}))};t.prototype.disconnectedCallback=function(){document.dispatchEvent(new CustomEvent("nanoDidUnload",{detail:this.el}));if(this.mo)this.mo.disconnect();if(this.popover)this.popover.destroy()};t.prototype.componentDidLoad=function(){this.slotChangeObserver();if(this.multiple)this.setupMulti();this.customValidate()};t.prototype.componentWillLoad=function(){this.switchValue();this.processSlottedContent();this.onInit=false};t.prototype.renderLabel=function(t,e){var n={};if(e==="float"){n={"placeholder-as-label":true}}else{n={label:true,"visually-hide":this.hideLabel}}if(!this.label&&!this.hasLabelSlot)return;return h("label",{class:n,htmlFor:this.selectId,id:t},this.label&&this.label,!this.label&&!!this.hasLabelSlot&&h("slot",{name:"label"}))};t.prototype.render=function(){var t=this;var e=this.selectId+"-lbl";var n=this.showInlineError||this.hasHelperSlot?this.selectId+"-moreId":"";var a=this.selectId+"-list";this.rtl=this.el.ownerDocument.dir==="rtl";this.listItems=[];this.valueItems=[];if(this.placeholder&&(!this.options[0]||this.options[0]["label"]!==this.placeholder)){this.options.unshift({label:this.placeholder,value:""})}var i=this.listOpen;var o;if(this.multiple){var r=h("input",{class:"multi-input",id:this.selectId,ref:function(e){return t.multiInput=e},disabled:this.disabled,autoFocus:this.autofocus,autocomplete:"off",onInput:this.onMultiInput,value:this.inputSearchVal,onTouchStart:this.onClick,onMouseDown:this.onClick,onFocus:this.onFocus,onBlur:this.onMultiInputBlur,placeholder:this.placeholder&&!this.floatLabel&&!this.value.length?this.placeholder:"",role:this.multiple?"combobox":"","aria-labelledby":e+" "+n,"aria-controls":a,"aria-expanded":i?"true":"false","aria-required":this.required?"true":"false","aria-autocomplete":"list"});if(!!this.value.length){o=this.value.map((function(e,n){var a=t.options.find((function(t){return t["value"]?t["value"]===e:t===e}));a=a&&a["label"]?a["label"]:e;var i=h("span",{onDragStart:t.onDragStart,onDragLeave:t.onDragLeave,onDragEnd:t.onDragEnd,draggable:true,"data-value":e,ref:function(e){return t.valueItems.push(e)},class:"multi-value"},h("span",null,a),h("button",{class:"multi-value-remove",type:"button",tabindex:"-1",onTouchEnd:function(){t.removeValue(e)},onMouseUp:function(){t.removeValue(e)}},h("nano-icon",{name:"light/times"})));if(n===0&&t.currInsertIndex<0)i=[r,i];else if(n===t.currInsertIndex)i=[i,r];return i}))}else o=r}return h(Host,{type:this.multiple?"select-multiple":"select-one","aria-disabled":this.disabled?"true":null,class:Object.assign(Object.assign({},createColorClasses(this.color)),{"has-value":!!this.value.length||!!this.inputSearchVal.length,"has-focus":this.hasFocus,"is-invalid":this.invalid,"has-label":this.label!==null&&!this.floatLabel,"has-float-label":this.label!==null&&this.floatLabel,rtl:this.rtl,"has-multiple":this.multiple,"multi-list-open":this.listOpen,"has-clr-btn":this.clearSelect,masked:this.mask,legacy:this.isLegacy}),onClick:this.onHostClick},!this.floatLabel&&this.renderLabel(e),h("div",{class:"select",ref:function(e){return t.selectWrap=e}},this.floatLabel&&this.renderLabel(e,"float"),h("div",{class:{"native-select-wrap":true,"native-select-wrap--multiple":this.multiple}},!this.multiple&&this.mask&&h("div",{class:"select-mask"},this.getLabel(this.value)),this.multiple&&[h("div",{class:"multi-wrap"},o),h("ul",{role:"listbox",ref:function(e){return t.multiList=e},"aria-multiselectable":"true","aria-required":this.required,"aria-expanded":i?"true":"false","aria-hidden":!i,hidden:!i,id:a,class:{"multi-select-box":true,"multi-select-box--open":i}},this.allowCustomValues&&this.inputSearchVal.length>0&&h("li",{"data-value":this.inputSearchVal,role:"option",tabindex:"-1",ref:function(e){return t.listItems.push(e)},onMouseDown:function(){t.addValue(t.inputSearchVal)},onFocus:this.onOptFocus},"Add ",this.inputSearchVal),this.availOpts.map((function(e){var n,a;if(e["value"]){n=e["value"];a=e["label"]||e["value"]}else if(typeof e==="string"){n=e;a=n}if(!n)return;return h("li",{role:"option",key:n,"data-value":n,ref:function(e){return t.listItems.push(e)},tabindex:"-1","aria-selected":t.isSelected(n)?"true":"false",onMouseDown:function(){t.addValue(n)},onFocus:t.onOptFocus},a)}))),h("select",{id:this.selectId+"-hidden",class:"native-select",ref:function(e){return t.nativeSelect=e},"aria-labelledby":e+" "+n,disabled:this.disabled,form:this.form,multiple:this.multiple,name:this.name,required:this.required,onInvalid:this.handleInvalid},this.value.map((function(t){return h("option",{value:t,selected:true},t)})))],!this.multiple&&h("select",{id:this.selectId,class:"native-select",ref:function(e){return t.nativeSelect=e},"aria-labelledby":e+" "+n,disabled:this.disabled,form:this.form,autoFocus:this.autofocus,multiple:this.multiple,name:this.name,required:this.required,size:this.size,onBlur:this.onBlur,onFocus:this.onFocus,onInvalid:this.handleInvalid,onChange:this.onChange},this.options.map((function(e,n){if(e["value"]||e["label"])return h("option",{key:e["label"]+n,label:e["label"],value:e["value"],selected:e["value"]===t.value||!t.value&&!e["value"],disabled:!e["value"]&&t.required},e["label"]?e["label"]:e["value"]);else return h("option",{key:e+n,value:e,selected:e===t.value},e)})),h("slot",{name:"legacy"})),this.clearSelect&&!this.readonly&&!this.disabled&&h("button",{type:"button",class:"select-clear-icon",tabindex:"-1",onTouchEnd:this.clearSelectValue,onMouseUp:this.clearSelectValue},h("nano-icon",{name:"light/times"})),h("div",{onTouchEnd:this.onClick,onMouseUp:this.onClick,class:"select-down-icon"},this.hasIconSlot?h("slot",{name:"icon"}):h("nano-icon",{name:"regular/chevron-down"})))),(this.showInlineError||this.hasHelperSlot)&&h("div",{class:"more",id:n},!!this.showInlineError?h("div",{class:"error"},this.errorMessage):"",h("div",{class:"helper"},h("slot",{name:"helper"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],required:["shouldValidate"],disabled:["shouldValidate"],min:["shouldValidate"],max:["shouldValidate"],validateOn:["shouldValidate"],readonly:["shouldValidate"],value:["valueChanged"],options:["optionsChanged"],multiple:["multiChange"],listOpen:["listOpenChange"]}},enumerable:false,configurable:true});return t}();var selectIds=0;Select.style=selectCss;export{NavItem as nano_nav_item,Select as nano_select};
+var __awaiter=this&&this.__awaiter||function(t,e,n,a){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function r(t){try{l(a.next(t))}catch(e){o(e)}}function s(t){try{l(a["throw"](t))}catch(e){o(e)}}function l(t){t.done?n(t.value):i(t.value).then(r,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,i,o,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(e){return l([t,e])}}function l(r){if(a)throw new TypeError("Generator is already executing.");while(n)try{if(a=1,i&&(o=r[0]&2?i["return"]:r[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,r[1])).done)return o;if(i=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:n.label++;return{value:r[1],done:false};case 5:n.label++;i=r[1];r=[0];continue;case 7:r=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){n=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){n.label=r[1];break}if(r[0]===6&&n.label<o[1]){n.label=o[1];o=r;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(r);break}if(o[2])n.ops.pop();n.trys.pop();continue}r=e.call(t,n)}catch(s){r=[6,s];i=0}finally{a=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,e){for(var n=0,a=e.length,i=t.length;n<a;n++,i++)t[i]=e[n];return t};import{r as registerInstance,c as createEvent,h,e as Host,g as getElement}from"./index-912ef959.js";import{d as displayTransition}from"./index-269c88a9.js";import{b as getSiblings,g as getDirectChildren,c as closestElement}from"./dom-ae168a2d.js";import{a as debounceEvent}from"./throttle-e3c852aa.js";import{c as createColorClasses}from"./theme-f5a16c79.js";import{P as Popover}from"./popover-a57d8413.js";var navItemCss=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host{opacity:inherit;display:block;color:var(--color) !important;margin:var(--margin)}:host ::slotted(*),:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::slotted(button),:host button{background:none;border:none}:host ::slotted(button),:host ::slotted(a),:host ::slotted(a:visited),:host button,:host a,:host a:visited{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:var(--display, block);white-space:nowrap;color:var(--color) !important;background-color:var(--bg-color)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host ::slotted(button),:host ::slotted(a),:host ::slotted(a:visited),:host button,:host a,:host a:visited{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host ::slotted(nano-icon[slot=icon-start]){padding-right:var(--padding-end)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host ::slotted(nano-icon[slot=icon-start]){padding-right:unset;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host ::slotted(nano-icon[slot=icon-end]){padding-left:var(--padding-start)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host ::slotted(nano-icon[slot=icon-end]){padding-left:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);}}:host .link::slotted(nano-icon[slot=icon-start]),:host .link ::slotted(nano-icon[slot=icon-start]){padding-left:var(--padding-start);padding-right:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .link::slotted(nano-icon[slot=icon-start]),:host .link ::slotted(nano-icon[slot=icon-start]){padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:0;padding-inline-end:0}}:host .link::slotted(nano-icon[slot=icon-end]),:host .link ::slotted(nano-icon[slot=icon-end]){padding-left:0;padding-right:var(--padding-end)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host .link::slotted(nano-icon[slot=icon-end]),:host .link ::slotted(nano-icon[slot=icon-end]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host .link,:host button,:host a{border-bottom:var(--border-bottom);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host .secondary-menu{display:none}:host ::slotted(a:hover),:host ::slotted(button:hover),:host .link:hover,:host button:hover,:host a:hover{text-decoration:inherit !important}:host button:focus,:host a:focus{color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));outline:var(--focus-outline, none)}:host ::slotted(a:focus),:host ::slotted(button:focus){color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));outline:none}.nav-item.selected .link,.nav-item.selected button,.nav-item.selected a{color:var(--color-selected, var(--color-open, var(--color))) !important;background-color:var(--bg-color-selected, var(--bg-color-open, var(--bg-color)))}.nav-item.secondary-open button,.nav-item.secondary-open a{color:var(--color-open, var(--color-selected, var(--color))) !important;background-color:var(--bg-color-open, var(--secondary-bg-color, var(--bg-color-selected, var(--bg-color))))}.nav-item.disabled{opacity:0.6}.nav-item.disabled button,.nav-item.disabled a{color:var(--color-disabled, var(--color)) !important}.nav-item:not(.nano-menu) ::slotted(a:hover),.nav-item:not(.nano-menu) ::slotted(button:hover),.nav-item:not(.nano-menu) .link:hover,.nav-item:not(.nano-menu) button:hover,.nav-item:not(.nano-menu) a:hover{color:var(--color-hover, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-hover, var(--bg-color-focus, var(--bg-color)))}:host(.has-focus) .link{color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));outline:var(--focus-outline, 5px auto -webkit-focus-ring-color)}:host(.nano-global-nav-menu) a,:host(.nano-global-nav-menu) a:visited,:host(.nano-global-nav-menu) button,:host(.nano-global-nav-menu) .link,:host(.nano-menu) a,:host(.nano-menu) a:visited,:host(.nano-menu) button,:host(.nano-menu) .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:"currentColor";text-decoration:inherit;white-space:normal;cursor:pointer;line-height:1.2;width:100%}:host(.nano-global-nav-menu) .text,:host(.nano-menu) .text{padding-left:0;padding-right:var(--padding-end);-webkit-box-flex:1;-ms-flex:1;flex:1}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-menu) .text,:host(.nano-menu) .text{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-global-nav-menu) ::slotted(a),:host(.nano-global-nav-menu) ::slotted(button),:host(.nano-menu) ::slotted(a),:host(.nano-menu) ::slotted(button){-webkit-box-flex:1;-ms-flex:1;flex:1}:host(.nano-global-nav-menu) ::slotted(a:focus),:host(.nano-global-nav-menu) ::slotted(button:focus),:host(.nano-menu) ::slotted(a:focus),:host(.nano-menu) ::slotted(button:focus){-webkit-box-shadow:none;box-shadow:none}:host(.nano-global-nav-menu) .secondary-menu,:host(.nano-menu) .secondary-menu{display:none;position:absolute;color:var(--secondary-color, "currentColor");min-height:100%;top:0;left:0;width:100%;z-index:1;opacity:0;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.3s ease;transition:opacity 0.2s ease, -webkit-transform 0.3s ease;transition:opacity 0.2s ease, transform 0.3s ease;transition:opacity 0.2s ease, transform 0.3s ease, -webkit-transform 0.3s ease;background-color:var(--secondary-bg-color, white);-webkit-transform:translateX(100%);transform:translateX(100%)}:host(.nano-global-nav-menu) .secondary-menu:focus,:host(.nano-menu) .secondary-menu:focus{outline:none}:host(.nano-global-nav-menu) .secondary-menu.open,:host(.nano-menu) .secondary-menu.open{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.2s ease;transition:opacity 0.3s ease, -webkit-transform 0.2s ease;transition:opacity 0.3s ease, transform 0.2s ease;transition:opacity 0.3s ease, transform 0.2s ease, -webkit-transform 0.2s ease}:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-start]){padding-left:0;padding-right:var(--padding-end);padding-top:0;padding-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-start]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-end]){padding-left:0;padding-right:var(--padding-end);padding-top:0;padding-bottom:0;font-size:10px;-webkit-box-flex:0;-ms-flex:0 0 10px;flex:0 0 10px;pointer-events:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-end]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-global-nav-menu) button ::slotted(nano-icon[slot=icon-end]),:host(.nano-global-nav-menu) a ::slotted(nano-icon[slot=icon-end]){padding:0}:host(.nano-global-nav-menu[dir=rtl]) .secondary-menu,:host(.nano-menu[dir=rtl]) .secondary-menu{left:auto;right:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}:host(.nano-global-nav-menu[dir=rtl]) .secondary-menu.open,:host(.nano-menu[dir=rtl]) .secondary-menu.open{-webkit-transform:translateX(0);transform:translateX(0)}:host(.nano-menu) .secondary-menu-content{padding-left:var(--secondary-padding-start);padding-right:var(--secondary-padding-end);padding-top:var(--secondary-padding-top);padding-bottom:var(--secondary-padding-bottom)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu) .secondary-menu-content{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--secondary-padding-start);padding-inline-start:var(--secondary-padding-start);-webkit-padding-end:var(--secondary-padding-end);padding-inline-end:var(--secondary-padding-end)}}:host(.nano-global-nav-bar.legacy){margin:0 11px}:host(.nano-global-nav-bar.legacy) ::slotted(a){padding-left:6px;padding-right:6px;padding-top:7px;padding-bottom:7px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-bar.legacy) ::slotted(a){padding-left:unset;padding-right:unset;-webkit-padding-start:6px;padding-inline-start:6px;-webkit-padding-end:6px;padding-inline-end:6px}}:host(.nano-global-nav-menu.legacy) ::slotted(a){padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-menu.legacy) ::slotted(a){padding-left:unset;padding-right:unset;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px}}:host(.nano-global-nav-bar) .link,:host(.nano-global-nav-bar) a,:host(.nano-global-nav-bar) button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}:host(.nano-global-nav-bar) .text{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-end]){margin-left:var(--padding-end);margin-right:0;margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-end]){margin-left:unset;margin-right:unset;-webkit-margin-start:var(--padding-end);margin-inline-start:var(--padding-end);-webkit-margin-end:0;margin-inline-end:0}}:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-start]){margin-left:0;margin-right:var(--padding-start);margin-top:0;margin-bottom:0}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-start]){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--padding-start);margin-inline-end:var(--padding-start)}}:host(.nano-global-nav-bar.has-secondary) button{position:relative}:host(.nano-global-nav-bar.has-secondary) button::before{content:"";background:#86bee2;height:3px;left:5px;bottom:-14px;right:5px;position:absolute;-webkit-transform:translateZ(0) scaleX(0);transform:translateZ(0) scaleX(0);-webkit-transform-origin:0;transform-origin:0;-webkit-transition:0.2s ease transform;transition:0.2s ease transform}:host(.nano-global-nav-bar.has-secondary) .selected button::before,:host(.nano-global-nav-bar.has-secondary) .secondary-open button::before{-webkit-transform:translateZ(0) scaleX(1);transform:translateZ(0) scaleX(1)}:host(.nano-global-nav-bar.has-secondary) .secondary-open button::before{opacity:0.5}:host(.nano-global-nav-bar.has-secondary) .secondary-menu{display:none;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;-webkit-transform:translateY(-100%) translateZ(0);transform:translateY(-100%) translateZ(0);background-color:var(--secondary-bg-color, #196c82);color:var(--secondary-color);position:absolute;-webkit-box-shadow:0 1px 25px 0 rgba(0, 0, 0, 0.15);box-shadow:0 1px 25px 0 rgba(0, 0, 0, 0.15);left:0;right:0;z-index:-2}:host(.nano-global-nav-bar.has-secondary) .secondary-menu.open{-webkit-transform:translateY(12px) translateZ(0);transform:translateY(12px) translateZ(0)}:host(.nano-global-nav-bar.has-secondary) .secondary-menu:focus{outline:none}:host(.nano-menu-drawer) .link,:host(.nano-menu-drawer) a,:host(.nano-menu-drawer) button{padding-left:var(--padding-start);padding-right:0;padding-top:calc(var(--padding-top) / 2);padding-bottom:calc(var(--padding-bottom) / 2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:currentColor;text-decoration:inherit;white-space:normal;border:none;cursor:pointer;line-height:1.2;width:100%}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer) .link,:host(.nano-menu-drawer) a,:host(.nano-menu-drawer) button{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:0;padding-inline-end:0}}:host(.nano-menu-drawer) .text{padding-left:0;padding-right:var(--padding-end);text-align:left;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:130px;width:130px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer) .text{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-start]){padding-left:0;padding-right:var(--padding-end);padding-top:0;padding-bottom:0;font-size:var(--icon-size);width:var(--icon-size);-webkit-box-flex:0;-ms-flex:0 0 var(--icon-size);flex:0 0 var(--icon-size)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-start]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-end]){padding-left:0;padding-right:var(--padding-end);padding-top:0;padding-bottom:0;font-size:10px;-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px;min-width:20px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-end]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}:host(.nano-menu-drawer) .secondary-menu{display:none;position:absolute;background-color:var(--secondary-bg-color);color:var(--secondary-color);height:100vh;top:0;right:0;left:auto;bottom:0;-webkit-transform:translateX(0);transform:translateX(0);z-index:-1;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.3s ease;transition:opacity 0.2s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.2s ease;transition:transform 0.3s ease, opacity 0.2s ease, -webkit-transform 0.3s ease;overflow-y:auto;width:var(--secondary-width, 400px);max-width:62vw;opacity:1;padding-left:var(--secondary-padding-start, var(--padding-start));padding-right:var(--secondary-padding-end, var(--padding-end));padding-top:var(--secondary-padding-top, var(--padding-top));padding-bottom:var(--secondary-padding-bottom, var(--padding-bottom))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer) .secondary-menu{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--secondary-padding-start, var(--padding-start));padding-inline-start:var(--secondary-padding-start, var(--padding-start));-webkit-padding-end:var(--secondary-padding-end, var(--padding-end));padding-inline-end:var(--secondary-padding-end, var(--padding-end))}}:host(.nano-menu-drawer) .secondary-menu:focus{outline:none}:host(.nano-menu-drawer) .secondary-menu.open{-webkit-transform:translateX(100%);transform:translateX(100%)}:host(.nano-menu-drawer.legacy) .link,:host(.nano-menu-drawer.legacy) a,:host(.nano-menu-drawer.legacy) button{width:auto}:host(.nano-menu-drawer.legacy) ::slotted(nano-icon[slot=icon-end]){padding-left:0;padding-right:calc(var(--padding-end) * 2);padding-top:0;padding-bottom:0;font-size:10px;-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px;min-width:20px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.nano-menu-drawer.legacy) ::slotted(nano-icon[slot=icon-end]){padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:calc(var(--padding-end) * 2);padding-inline-end:calc(var(--padding-end) * 2)}}:host(.nano-menu-drawer[dir=rtl]) .text{text-align:right}:host(.nano-menu-drawer[dir=rtl]) .secondary-menu{right:auto;left:0;-webkit-transform:translateX(0%);transform:translateX(0%)}:host(.nano-menu-drawer[dir=rtl]) .secondary-menu.open{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:1}';var NavItem=function(){function t(t){var e=this;registerInstance(this,t);this.nanoClose=createEvent(this,"nanoClose",7);this.nanoOpen=createEvent(this,"nanoOpen",7);this.nanoOpening=createEvent(this,"nanoOpening",7);this.nanoClosing=createEvent(this,"nanoClosing",7);this.nanoBlur=createEvent(this,"nanoBlur",7);this.nanoFocus=createEvent(this,"nanoFocus",7);this.hasSecondarySlot=false;this.hasAnchorEle=false;this.didBlur=false;this.animating=false;this.didOpen=false;this.isInGlobalNav=false;this.isInMenuDrawer=false;this.isInMenu=false;this.isLegacy=!document.head.attachShadow;this.hasFocus=false;this.href=null;this.target="_self";this.disabled=false;this.open=false;this.selected=false;this.secondaryActiveWidth=0;this.secondaryFallback=function(){};this.closeOnBlur=true;this.closeSecondary=function(){return __awaiter(e,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.open=false;if(!this.hasSecondarySlot||!this.didOpen)return[2];this.nanoClosing.emit({secondaryMenu:this.secondaryDiv});return[4,displayTransition(this.secondaryDiv,"open",false)];case 1:t=e.sent();this.didOpen=t!=="hidden";return[2]}}))}))};this.openSecondary=function(){return __awaiter(e,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:if(window.innerWidth<this.secondaryActiveWidth){this.secondaryFallback.call(this);return[2]}this.open=true;if(!this.hasSecondarySlot||this.didOpen)return[2];this.nanoOpening.emit({secondaryMenu:this.secondaryDiv});return[4,displayTransition(this.secondaryDiv,"open",true)];case 1:t=e.sent();this.didOpen=t==="shown";return[2]}}))}))};this.toggleSecondary=function(){if(!e.hasSecondarySlot)return;if(e.didOpen)e.closeSecondary();else e.openSecondary()};this.handleFocus=function(){e.hasFocus=true;if(e.href&&!e.animating&&e.hasSecondarySlot)e.openSecondary();e.nanoFocus.emit()};this.handleHostBlur=function(){if(e.animating)return;e.el.removeAttribute("tabindex");e.hasFocus=false;e.nanoBlur.emit()};this.handleHostClick=function(t){if(!e.hasAnchorEle)return;var n=t.target.closest("a, button");if(!n)e.btn.click()};this.handleMouseEnter=function(){return __awaiter(e,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(n){if(!this.href||this.animating||!this.hasSecondarySlot||this.globalNavEle&&!this.globalNavEle.classList.contains("ready"))return[2];t=0;if(getSiblings(this.el,".secondary-open.has-secondary").length)t=300;clearTimeout(this.waitHide);this.fromHover=true;this.animating=true;this.waitShow=window.setTimeout((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.openSecondary()];case 1:return[2,t.sent()]}}))}))}),t);this.animating=false;return[2]}))}))};this.handleMouseLeave=function(){if(!e.href)return;clearTimeout(e.waitShow);e.fromHover=true;e.animating=true;e.waitHide=window.setTimeout((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,this.closeSecondary()];case 1:return[2,t.sent()]}}))}))}),300);e.animating=false};this.handleClick=function(){e.fromHover=false;if(e.hasSecondarySlot)e.toggleSecondary();else e.el.querySelector("*").click()};this.blur=function(t){if(!e.didOpen||e.animating)return;if(!e.closeOnBlur)return;if(t&&t.relatedTarget){if(t.relatedTarget===e.el||t.relatedTarget===e.btn||e.foundThisNavEle(t.relatedTarget)){e.secondaryDiv.focus({preventScroll:true});return}}e.btn.removeEventListener("focusout",e.blur);e.secondaryDiv.removeEventListener("focusout",e.blur);window.removeEventListener("blur",e.blur);e.didBlur=true;e.open=false;if(!t.relatedTarget)setTimeout((function(){e.el.focus({preventScroll:true})}),50)}}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(!this.btn)return[2];this.btn.focus();return[2]}))}))};t.prototype.openChange=function(){this.open?this.openSecondary():this.closeSecondary()};t.prototype.didOpenChange=function(){var t=this;if(!this.hasSecondarySlot)return;if(!this.didOpen){if(!this.fromHover){this.btn.removeEventListener("focusout",this.blur);this.secondaryDiv.removeEventListener("focusout",this.blur)}setTimeout((function(){if(!t.fromHover&&!t.didBlur)t.btn.focus({preventScroll:true});t.nanoClose.emit({secondaryMenu:t.secondaryDiv})}),50)}else{this.didBlur=false;if(!this.fromHover){var e=new window.IntersectionObserver((function(n){if(n[0].boundingClientRect.top<0){t.secondaryDiv.scrollIntoView({behavior:"smooth"})}e.disconnect()}),{threshold:1});e.observe(this.secondaryDiv);this.secondaryDiv.focus({preventScroll:true});this.btn.addEventListener("focusout",this.blur);this.secondaryDiv.addEventListener("focusout",this.blur);window.addEventListener("blur",this.blur);this.el.tabIndex=-1;this.nanoOpen.emit({secondaryMenu:this.secondaryDiv})}}};t.prototype.foundThisNavEle=function(t){var e=t.closest("nano-nav-item");e=e===t?t.parentElement.closest("nano-nav-item"):e;if(!e)return false;if(e===this.el)return true;return this.foundThisNavEle(e)};t.prototype.componentWillLoad=function(){var t=this.el.querySelector('[slot="secondary"]');this.hasSecondarySlot=!!t;var e=getDirectChildren(this.el,"a, button")[0];this.hasAnchorEle=!!e;if(e){this.href=e.href?e.href:null;this.btn=e;if(this.hasSecondarySlot)this.btn.addEventListener("click",this.toggleSecondary);this.btn.addEventListener("focus",this.handleFocus);this.btn.addEventListener("blur",this.handleHostBlur)}};t.prototype.connectedCallback=function(){this.isInGlobalNav=false;this.isInMenuDrawer=false;this.globalNavEle=this.el.closest("nano-global-nav");this.isInMenuDrawer=!!this.el.closest("nano-menu-drawer");this.isInMenu=!!this.el.closest("nano-menu");this.isInGlobalNav=this.el.parentElement===this.globalNavEle||!!this.el.closest(".global-nav")};t.prototype.render=function(){var t=this;return h(Host,{class:{"has-secondary":this.hasSecondarySlot,"secondary-open":this.open,selected:this.selected,"has-focus":this.hasFocus,disabled:this.disabled,"nano-global-nav":this.isInGlobalNav,"nano-menu-drawer":this.isInMenuDrawer,"nano-menu":this.isInMenu,legacy:this.isLegacy},onBlur:this.handleHostBlur,dir:this.el.ownerDocument.dir==="rtl"?"rtl":null,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onClick:this.handleHostClick},h("div",{class:{"nav-item":true,"secondary-open":this.open,selected:this.selected}},this.href&&!this.hasAnchorEle&&!this.disabled&&h("a",{target:this.target,ref:function(e){return t.btn=e},href:this.href,onFocus:this.handleFocus},h("slot",{name:"icon-start"}),h("span",{class:"text"},h("slot",null)),h("slot",{name:"icon-end"})),(!this.hasAnchorEle&&!this.href||this.disabled)&&h("button",{ref:function(e){return t.btn=e},onClick:this.handleClick,onFocus:this.handleFocus,disabled:this.disabled},h("slot",{name:"icon-start"}),h("span",{class:"text"},h("slot",null)),h("slot",{name:"icon-end"})),this.hasAnchorEle&&!this.disabled&&h("div",{class:"link"},h("slot",{name:"icon-start"}),h("slot",null),h("slot",{name:"icon-end"})),this.hasSecondarySlot&&!this.disabled&&h("div",{class:"secondary-menu",ref:function(e){return t.secondaryDiv=e},tabindex:"-1"},h("div",{class:"secondary-menu-content"},h("slot",{name:"secondary"})),h("div",{class:"secondary-menu-mask",onClick:this.closeSecondary}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openChange"],didOpen:["didOpenChange"]}},enumerable:false,configurable:true});return t}();NavItem.style=navItemCss;var selectCss='.sc-nano-select-h{-webkit-box-sizing:border-box;box-sizing:border-box}*.sc-nano-select,*.sc-nano-select::before,*.sc-nano-select::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-nano-select-h{--placeholder-color:var(--nano-input-placeholder-color, initial);--placeholder-font-style:var(--nano-input-placeholder-style, initial);--placeholder-font-weight:var(--nano-input-placeholder-weight, initial);--placeholder-opacity:var(--nano-input-placeholder-opacity, 0.5);--padding-top:var(--nano-input-padding-top, var(--nano-input-padding, 8px));--padding-end:var(--nano-input-padding-end, var(--nano-input-padding, 8px));--padding-bottom:var(--nano-input-padding-bottom, var(--nano-input-padding, 8px));--padding-start:var(--nano-input-padding-start, var(--nano-input-padding, 8px));--color-invalid:var(--nano-color-danger-rgb, 239, 65, 53);--color--focus-rgb:var(\n      --nano-color-base-rgb,\n      var(--nano-color-primary-rgb, 0, 116, 149)\n    );--input-font-size:var(--nano-input-font-size, 0.87em);--input-text-color:var(--nano-input-text-color, #4a4a4a);--input-border-width:var(--input-border-width-sh, var(--nano-input-border-width, 2px));--input-border-color:var(--nano-input-border-color, #e4e6e8);--input-border-radius:var(--nano-input-border-radius, 0);--input-border-style:var(--nano-input-border-style, solid) var(--nano-input-border-color, #e4e6e8);--input-border-style--focus:var(--nano-input-border-style, solid) var(--nano-input-border-color--focus, #90c6e7);--input-border-style--invalid:var(--nano-input-border-style, solid) var(--nano-input-border-color--invalid, #fac6c3);--input-border-style--invalid-focus:var(--nano-input-border-style, solid) var(--nano-input-border-color--invalid, #f36d64);--input-bg-color:var(--nano-input-background-color, #fff);--input-bg-color--focus:var(--input-bg-color);--input-bg-color--invalid:var(--nano-input-background-color, #fee8de);--invalid-msg-color:rgba(var(--color-invalid), 1);--invalid-msg-font-size:var(--nano-input-help-font-size, 0.75em);--help-msg-color:var(--nano-input-help-color, #616d6e);--clear-btn-color:var(--nano-clear-btn-color, rgba(0, 0, 0, 0.3));--clear-btn-color--hover:rgba(var(--color--focus-rgb), 1);--clear-btn-color--invalid:rgba(var(--color-invalid), 1);--label-color:var(--nano-input-label-color, "currentColor");--label-color--focus:var(--label-color);--label-color--invalid:var(--nano-input-label-color-invalid, "currentColor");--label-font-size:var(--nano-input-label-color, 1em);--multi-input-value-bg:var(--nano-input-tag-bg, 186, 220, 240);--multi-input-value-text-color:var(--nano-input-tag-color, #455556);--multi-input-value-border:var(--nano-input-tag-color, #90c6e7);position:relative;width:100%;padding:0 !important;font-family:var(--nano-font-family, inherit);display:inline-block}.nano-color.sc-nano-select-h{--input-border-style--focus:var(--nano-input-border-style, solid) var(--nano-color-tint, var(--nano-color-primary-tint, #2689a5));--multi-input-value-bg:var(--nano-color-tint-rgb);--multi-input-value-border:var(--nano-color-shade);--multi-input-value-text-color:var(--nano-color-contrast);color:var(--nano-color-base)}nano-item.sc-nano-select-h:not(.item-label),nano-item:not(.item-label) .sc-nano-select-h{--padding-start:0}[disabled].sc-nano-select-h:not([disabled=false]){opacity:0.7}[disabled].sc-nano-select-h:not([disabled=false]) *.sc-nano-select{pointer-events:none !important}label.sc-nano-select,.more.sc-nano-select,.error.sc-nano-select,.helper.sc-nano-select{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}label.visually-hide.sc-nano-select,.more.visually-hide.sc-nano-select,.error.visually-hide.sc-nano-select,.helper.visually-hide.sc-nano-select{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.placeholder-as-label.sc-nano-select{padding-left:var(--padding-start);padding-right:0;padding-top:0;padding-bottom:0;color:var(--input-text-color);position:absolute;font-size:1.4em;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:top left;transform-origin:top left;top:50%;-webkit-transition:0.125s ease-in;transition:0.125s ease-in;opacity:0.7;pointer-events:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.placeholder-as-label.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:0;padding-inline-end:0}}.is-invalid.sc-nano-select-h .placeholder-as-label.sc-nano-select{color:var(--invalid-msg-color)}.has-value.sc-nano-select-h .placeholder-as-label.sc-nano-select{-webkit-transform:translateY(-110%);transform:translateY(-110%);font-size:0.9em}.has-focus.has-multiple.sc-nano-select-h .placeholder-as-label.sc-nano-select,.has-value.has-multiple.sc-nano-select-h .placeholder-as-label.sc-nano-select{-webkit-transform:translateY(-75%);transform:translateY(-75%);font-size:0.9em}.has-multiple.sc-nano-select-h .placeholder-as-label.sc-nano-select{top:1.5em}.placeholder-as-label.sc-nano-select~.native-select-wrap.sc-nano-select{font-size:1.1em}.label.sc-nano-select{padding-left:0;padding-right:0;padding-top:0;padding-bottom:var(--padding-bottom);color:var(--label-color);font-size:var(--label-font-size);line-height:1}.label.sc-nano-select .placeholder.sc-nano-select{opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:0.3s ease opacity;transition:0.3s ease opacity;font-size:0.9em}.has-value.sc-nano-select-h .label.sc-nano-select .placeholder.sc-nano-select{opacity:0.5}.has-focus.sc-nano-select-h .label.sc-nano-select{color:var(--label-color--focus)}.is-invalid.sc-nano-select-h .label.sc-nano-select{color:var(--label-color--invalid)}.more.sc-nano-select{margin-left:3px;margin-right:0;margin-top:4px;margin-bottom:var(--padding-bottom);height:1em;position:relative}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.more.sc-nano-select{margin-left:unset;margin-right:unset;-webkit-margin-start:3px;margin-inline-start:3px;-webkit-margin-end:0;margin-inline-end:0}}.helper.sc-nano-select,.error.sc-nano-select{top:0;left:0;position:absolute;font-size:var(--invalid-msg-font-size);line-height:1.2;-webkit-transition:0.3s ease-out opacity;transition:0.3s ease-out opacity}.helper.sc-nano-select{color:var(--help-msg-color);font-style:italic}[show-inline-error].sc-nano-select-h:not([show-inline-error=false]).is-invalid .helper.sc-nano-select{opacity:0}.error.sc-nano-select{opacity:0;color:var(--invalid-msg-color);font-stretch:condensed}.is-invalid.sc-nano-select-h .error.sc-nano-select{opacity:1}.select.sc-nano-select{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;border-radius:var(--input-border-radius);width:100%;padding:0 !important;position:relative;background:var(--input-bg-color);border:var(--input-border-style);border-width:var(--input-border-width);font-size:var(--input-font-size)}.has-focus.sc-nano-select-h .select.sc-nano-select{z-index:10;background:var(--input-bg-color--focus);border:var(--input-border-style--focus);border-width:var(--input-border-width)}.is-invalid.sc-nano-select-h .select.sc-nano-select{background:var(--input-bg-color--invalid);border:var(--input-border-style--invalid);border-width:var(--input-border-width)}.is-invalid.has-focus.sc-nano-select-h .select.sc-nano-select{background:var(--input-bg-color--invalid);border:var(--input-border-style--invalid-focus);border-width:var(--input-border-width)}.native-select-wrap.sc-nano-select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.select-mask.sc-nano-select{border-radius:var(--input-border-radius);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:0;padding-bottom:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;pointer-events:none;line-height:2.5em;min-height:2.5em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.select-mask.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.native-select.sc-nano-select{border-radius:var(--input-border-radius);padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:0;padding-bottom:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;color:var(--input-text-color);display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.3s ease opacity;transition:0.3s ease opacity;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;line-height:2.5em;min-height:2.5em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.native-select.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.legacy.sc-nano-select-h .native-select.sc-nano-select{-webkit-box-sizing:content-box;box-sizing:content-box}.masked.sc-nano-select-h .native-select.sc-nano-select{opacity:0;position:absolute;left:0;top:0}.has-float-label.sc-nano-select-h .native-select.sc-nano-select{opacity:0;padding-top:1.8em}.has-value.has-float-label.sc-nano-select-h .native-select.sc-nano-select{opacity:1}.native-select.sc-nano-select:-webkit-autofill{background-color:transparent}.native-select.sc-nano-select:invalid{-webkit-box-shadow:none;box-shadow:none}.native-select.sc-nano-select::-ms-clear{display:none}.native-select.sc-nano-select::-ms-expand{display:none}.native-select[disabled].sc-nano-select{opacity:0.4}.has-multiple.sc-nano-select-h .native-select.sc-nano-select{display:none}.native-select.sc-nano-select option.sc-nano-select{color:black}.multi-wrap.sc-nano-select{padding-left:0;padding-right:calc(1.9em + var(--padding-end));padding-top:0;padding-bottom:calc(var(--padding-bottom) / 2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.multi-wrap.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:calc(1.9em + var(--padding-end));padding-inline-end:calc(1.9em + var(--padding-end))}}.has-clr-btn.sc-nano-select-h .multi-wrap.sc-nano-select{padding-left:0;padding-right:calc(2.6em + (var(--padding-end) * 2) + (var(--padding-end) * 2));padding-top:0;padding-bottom:calc(var(--padding-bottom) / 2)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.has-clr-btn.sc-nano-select-h .multi-wrap.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:calc(2.6em + (var(--padding-end) * 2) + (var(--padding-end) * 2));padding-inline-end:calc(2.6em + (var(--padding-end) * 2) + (var(--padding-end) * 2))}}.has-float-label.sc-nano-select-h .multi-wrap.sc-nano-select{padding-top:1.3em}.multi-input.sc-nano-select{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:calc(var(--padding-top) / 2);padding-bottom:0;min-width:50px;max-width:100%;max-height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:none;display:inline-block;background:transparent;-webkit-box-flex:0;-ms-flex:0;flex:0;position:relative;min-height:calc(2.8em - var(--padding-top));-webkit-box-sizing:border-box;box-sizing:border-box}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.multi-input.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.legacy.sc-nano-select-h .multi-input.sc-nano-select{-webkit-box-sizing:content-box;box-sizing:content-box}.multi-input.sc-nano-select:last-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.multi-select-box.sc-nano-select{position:absolute;background:var(--nano-layer-bg, #fff);min-width:calc(100% + (var(--input-border-width) * 2));z-index:var(--nano-layer-index-dropdown, 300);margin:0;font-size:1.15em;line-height:1.4;max-height:50vh;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;opacity:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--nano-layer-border-radius, var(--nano-border-radius-medium, 4px));-webkit-box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.3));box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.3));padding:var(--padding-top) 0 var(--padding-bottom);border:var(--nano-layer-border-style, 1px solid var(--nano-layer-border-color, rgba(0, 0, 0, 0.1)))}.multi-select-box--open.sc-nano-select{opacity:1}.multi-select-box.sc-nano-select li.sc-nano-select{padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-size:var(--input-font-size);cursor:pointer;list-style:none;color:var(--input-text-color)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.multi-select-box.sc-nano-select li.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.nano-color.sc-nano-select-h .multi-select-box.sc-nano-select li.sc-nano-select{color:black}.multi-select-box.sc-nano-select li.sc-nano-select:hover,.multi-select-box.sc-nano-select li.sc-nano-select:focus{color:var(--color--focus-contrast);outline:none;background:rgba(var(--multi-input-value-bg), 0.2)}.nano-color.sc-nano-select-h .multi-select-box.sc-nano-select li.sc-nano-select:hover,.nano-color.sc-nano-select-h .multi-select-box.sc-nano-select li.sc-nano-select:focus{background:rgba(var(--nano-color-base-rgb), 0.2)}.multi-value.sc-nano-select{margin-left:4px;margin-right:0;margin-top:4px;margin-bottom:0;background:rgba(var(--multi-input-value-bg), 0.8);color:var(--multi-input-value-text-color);border:2px solid;border-color:var(--multi-input-value-border);padding:0.3em 0.5em;border-radius:3px;line-height:1;max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--input-font-size);font-weight:600;letter-spacing:1px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.multi-value.sc-nano-select{margin-left:unset;margin-right:unset;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0}}.multi-value.sc-nano-select span.sc-nano-select{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden;line-height:1.4}.multi-value-remove.sc-nano-select{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;background-position:center;padding-left:0.5em;padding-right:0;padding-top:0;padding-bottom:0;color:inherit;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:0;font-size:1em}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.multi-value-remove.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:0.5em;padding-inline-start:0.5em;-webkit-padding-end:0;padding-inline-end:0}}.multi-value-remove.sc-nano-select nano-icon.sc-nano-select{--color:var(--multi-input-value-text-color)}.select-down-icon.sc-nano-select{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;background-position:center;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:var(--input-text-color);font-size:1.4em;right:0;position:absolute;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.select-down-icon.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.is-invalid.sc-nano-select-h .select-down-icon.sc-nano-select{color:var(--clear-btn-color--invalid)}.rtl.sc-nano-select-h .select-down-icon.sc-nano-select{right:unset;left:0}.has-multiple.sc-nano-select-h .select-down-icon.sc-nano-select{pointer-events:all}.masked.sc-nano-select-h .select-down-icon.sc-nano-select{position:relative}.select-clear-icon.sc-nano-select{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;background-position:center;padding-left:var(--padding-start);padding-right:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-size:1.4em;color:var(--clear-btn-color);border:0;outline:none;background-color:transparent;background-repeat:no-repeat;visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;height:100%;right:calc(1.4em + var(--padding-end))}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.select-clear-icon.sc-nano-select{padding-left:unset;padding-right:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}}.select-clear-icon.sc-nano-select:hover{color:var(--clear-btn-color--hover)}.rtl.sc-nano-select-h .select-clear-icon.sc-nano-select{right:unset;left:calc(1.4em + var(--padding-end))}.is-invalid.sc-nano-select-h .select-clear-icon.sc-nano-select{color:var(--clear-btn-color--invalid)}.has-value.sc-nano-select-h .select-clear-icon.sc-nano-select{visibility:visible}.select-clear-icon.sc-nano-select nano-icon.sc-nano-select{--color:inherit}.has-focus.sc-nano-select-h select.sc-nano-select,.has-focus.sc-nano-select-h a.sc-nano-select,.has-focus.sc-nano-select-h button.sc-nano-select{pointer-events:auto}';var Select=function(){function t(t){var e=this;registerInstance(this,t);this.nanoChange=createEvent(this,"nanoChange",7);this.nanoBlur=createEvent(this,"nanoBlur",7);this.nanoFocus=createEvent(this,"nanoFocus",7);this.nanoDidLoad=createEvent(this,"nanoDidLoad",7);this.nanoDidUnload=createEvent(this,"nanoDidUnload",7);this.nanoSearchChange=createEvent(this,"nanoSearchChange",7);this.nanoValidate=createEvent(this,"nanoValidate",7);this.listItems=[];this.valueItems=[];this.selectId="nano-select-"+selectIds++;this.rtl=false;this.currLiIndex=-1;this.inputSearchVal="";this.watchValue=true;this.onInit=true;this.currInsertIndex=0;this.availOpts=[];this.showErrorMsg=false;this.errorMessage="";this.hasFocus=false;this.listOpen=false;this.isLegacy="registerElement"in document;this.hasLabelSlot=false;this.hasHelperSlot=false;this.hasIconSlot=false;this.invalid=false;this.autofocus=false;this.disabled=false;this.validateOn="submit";this.showInlineError=true;this.hideLabel=false;this.floatLabel=false;this.multiple=false;this.name=this.selectId+"-name";this.readonly=false;this.required=false;this.allowCustomValues=false;this.value=this.multiple?[]:"";this.options=[];this.clearSelect=false;this.mask=false;this.debounce=0;this.native=true;this.customValidate=function(){e.nativeSelect.setCustomValidity("");if(e.required&&!e.getNativeValue().length){e.nativeSelect.setCustomValidity("Please fill in this field.");return true}if(e.getNativeValue().length&&!e.allowCustomValues&&!e.isValidValues()){e.nativeSelect.setCustomValidity("Please choose an item from this field.");return true}if(e.max&&e.getNativeValue().length>e.max){e.nativeSelect.setCustomValidity("Only up to "+e.max+" values are allowed.");return true}if(e.min&&e.getNativeValue().length<e.min){e.nativeSelect.setCustomValidity("You must select a minimum of "+e.min+" values.");return true}return false};this.showInlineValidation=function(t){if(e.validateOn==="submitThenDirty")e.validateOn="dirty";e.invalid=false;e.showErrorMsg=false;e.errorMessage="";if(!e.nativeSelect.validity.valid){e.errorMessage=e.nativeSelect.validationMessage;e.invalid=true;e.showErrorMsg=true}e.nanoValidate.emit({isValid:!e.invalid,errorMessage:e.errorMessage,originalEvent:t})};this.handleInvalid=function(t){e.invalid=true;if(e.validateOn==="submit")e.invalid=e.showErrorMsg=e.customValidate();if(e.showInlineError)t.preventDefault();setTimeout((function(n){return e.showInlineValidation(t)}),20)};this.onChange=function(t){if(!e.readonly&&!e.disabled&&t){t.preventDefault();t.stopPropagation()}e.value=e.getNativeValue()};this.onBlur=function(){if(e.multiple){e.currLiIndex=-1;document.removeEventListener("keydown",e.handleDocumentKeyDown);document.removeEventListener("mousedown",e.handleDocumentMouseDown)}e.hasFocus=false;setTimeout((function(){if(e.validateOn==="dirty"&&!e.listOpen&&!e.hasFocus)e.showInlineValidation()}),20);e.nanoBlur.emit()};this.onFocus=function(){if(e.multiple){e.currLiIndex=-1;document.addEventListener("keydown",e.handleDocumentKeyDown);document.addEventListener("mousedown",e.handleDocumentMouseDown);e.openList()}e.hasFocus=true;e.nanoFocus.emit()};this.clearSelectValue=function(t){if(e.clearSelect&&!e.readonly&&!e.disabled&&t){t.preventDefault();t.stopPropagation()}if(e.multiple){e.value=[];var n=e.nativeSelect.querySelectorAll("option");if(n.length)n.forEach((function(t){return t.remove()}));e.currInsertIndex=-1;e.setAvailOpts()}else e.value="";e.onChange()};this.onClick=function(){e.setFocus();e.openList()};this.onMultiInputBlur=function(){if(e.allowCustomValues)return;e.inputSearchVal="";e.setAvailOpts()};this.onDragStart=function(t){var n=t.target;e.dragVal=n.dataset.value};this.onDragEnd=function(t){e.dragVal=null;t.preventDefault()};this.onDragLeave=function(t){var n=t.target;var a=n.dataset&&n.dataset.value?n.dataset.value:null;if(!a||e.dragVal===a||!e.value.includes(e.dragVal)){t.preventDefault();return}var i=e.value.indexOf(a);var o=e.value.indexOf(e.dragVal);var r=e.value;var s=r[i];r[i]=r[o];r[o]=s;e.value=__spreadArray([],r)};this.onMultiInput=function(t){e.inputSearchVal=t.target.value;e.setAvailOpts();e.openList();e.nanoSearchChange.emit({value:t.target.value})};this.onOptFocus=function(t){var n=e.getActiveOpt();if(n)n.classList.remove("has-focus");t.target.classList.add("has-focus")};this.onHostClick=function(){setTimeout((function(t){if(!e.multiple||e.hasFocus)return;e.setFocus()}),20)};this.handleDocumentMouseDown=function(t){var n=t.target;if(closestElement(e.el.tagName.toLowerCase(),n)!==e.el){e.listOpen=false;e.onBlur()}};this.handleDocumentKeyDown=function(t){if(!e.multiple)return;if(!e.inputSearchVal){var n=void 0;switch(t.key){case"Backspace":if(e.multiInput.previousElementSibling)n=e.multiInput.previousElementSibling;else break;e.removeValue(n.dataset.value||null);break;case"Delete":if(e.multiInput.nextElementSibling)n=e.multiInput.nextElementSibling;else break;e.removeValue(n.dataset.value||null);break;case"ArrowLeft":case"ArrowRight":if(!e.value.length)break;if(t.key==="ArrowLeft"&&e.multiInput.previousSibling)e.currInsertIndex--;if(t.key==="ArrowRight"&&e.multiInput.nextSibling)e.currInsertIndex++;setTimeout((function(){e.multiInput.focus()}),20);t.preventDefault();break}}if(e.hasFocus&&!e.listOpen&&t.key==="ArrowDown"){e.openList();e.currLiIndex=-1}if(e.hasFocus&&t.key==="Tab"){setTimeout((function(){if(document.activeElement&&closestElement(e.el.tagName.toLowerCase(),document.activeElement)!==e.el){e.listOpen=false;e.onBlur();return}}))}if(e.listOpen){var a=e.getActiveOpt();var i=e.listItems.indexOf(a)||e.currLiIndex;switch(t.key){case"ArrowDown":case"ArrowUp":t.preventDefault();if(t.key==="ArrowDown")i++;else if(t.key==="ArrowUp")i--;if(i<0){e.currLiIndex=0;e.multiInput.focus();return}var o=e.listItems[i]?i:e.currLiIndex;setTimeout((function(){e.listItems[o].focus();e.currLiIndex=o}),20);return;case"Enter":case" ":if(e.listItems[e.currLiIndex]){e.addValue(e.listItems[e.currLiIndex].dataset.value);t.preventDefault()}return;case"Escape":e.listOpen=false;return}}if(e.currLiIndex>-1)t.preventDefault()}}t.prototype.debounceChanged=function(){this.nanoSearchChange=debounceEvent(this.nanoSearchChange,this.debounce)};t.prototype.shouldValidate=function(){if(this.onInit)return;if(this.invalid)this.showErrorMsg=this.invalid=false;this.customValidate();if(this.validateOn!=="dirty")return;this.showInlineValidation()};t.prototype.valueChanged=function(){var t=this;if(!this.watchValue)return;if(this.multiple){if(typeof this.value==="string"&&!!this.value.length)this.value=this.value.split(",");if(this.value===null||typeof this.value==="string"&&!this.value.length)this.value=[];if(this.currInsertIndex>this.value.length-1)this.currInsertIndex=this.value.length-1}else if(typeof this.value!=="string"&&this.value&&this.value[0])this.value=this.value[0];this.setNativeValue();this.setAvailOpts();setTimeout((function(e){return t.shouldValidate()}),20);this.nanoChange.emit({value:this.value});if(this.onInit)return};t.prototype.optionsChanged=function(){this.setAvailOpts();if(this.hasFocus)this.openList()};t.prototype.multiChange=function(){this.switchValue();if(this.multiple)this.setupMulti();else if(this.popover)this.popover.destroy()};t.prototype.setupMulti=function(){var t=this;setTimeout((function(){t.setAvailOpts();t.popover=new Popover(t.selectWrap,t.multiList,{placement:"bottom-start",skidding:0,distance:0,onTransitionEnd:function(){if(!t.listOpen){t.multiList.scrollTop=0}}})}),20)};t.prototype.listOpenChange=function(){if(this.listOpen)this.popover.show();else this.popover.hide()};t.prototype.reportValidity=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(t)this.showInlineValidation();return[2,{isValid:!this.invalid,errorMessage:this.errorMessage}]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeSelect&&!this.multiple)this.nativeSelect.focus();else if(this.multiInput)this.multiInput.focus();return[2]}))}))};t.prototype.getSelectElement=function(){return Promise.resolve(this.nativeSelect)};t.prototype.showError=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeSelect){this.nativeSelect.setCustomValidity(t);this.nativeSelect.reportValidity()}return[2]}))}))};t.prototype.setAvailOpts=function(){var t=this;if(!this.multiple)return;this.availOpts=this.options.filter((function(e){var n=typeof e==="string"?e:e["value"];var a=typeof e==="string"?e:e["label"]||e["value"];if(!n)return false;return!t.value.includes(n)&&(!t.multiInput||a.toLowerCase().indexOf(t.inputSearchVal.toLowerCase())>-1)}))};t.prototype.getNativeValue=function(){var t=this.nativeSelect;if(!t)return"";if(!this.multiple)return t.options[t.selectedIndex]&&t.options[t.selectedIndex].hasAttribute("value")?t.options[t.selectedIndex].value:"";else{return Array.from(t.options).map((function(t){if(t.selected&&t.hasAttribute("value"))return t.value}))}};t.prototype.setNativeValue=function(){var t=this;var e=this.nativeSelect;if(!e)return null;if(!this.multiple)e.value=this.value;else{Array.from(this.nativeSelect.options).filter((function(e){if(typeof t.value==="string")return e.value===t.value;else return t.value.find((function(e){if(typeof e==="string")return e===t.value;else if(e["value"])return e===e["value"]}))})).map((function(t){t.selected=true}))}};t.prototype.isValidValues=function(){var t=this;var e=this.nativeSelect;if(!e)return null;var n=this.nativeSelect.querySelectorAll("option:checked");var a=Array.from(n).map((function(t){return t.value||null}));if(this.multiple){return a.reduce((function(e,n){if(!e)return false;return!!t.options.find((function(t){return t["value"]?t["value"]===n:t===n}))}),true)}else{return this.options.find((function(t){return t["value"]?t["value"]===a[0]:t===a[0]}))}};t.prototype.openList=function(){if(!this.multiple)return;if((this.availOpts.length||!!this.inputSearchVal.length&&this.allowCustomValues)&&(!this.max||this.max&&this.value.length<this.max))this.listOpen=true;else this.listOpen=false};t.prototype.addValue=function(t){if(!this.multiple)return;if(this.value&&this.value.length&&this.value.includes(t))return;if(this.max&&this.value.length===this.max)return;this.currInsertIndex++;this.value=__spreadArray(__spreadArray(__spreadArray([],this.value.slice(0,this.currInsertIndex)),[t]),this.value.slice(this.currInsertIndex));this.inputSearchVal="";this.setAvailOpts();this.setFocus();this.openList()};t.prototype.removeValue=function(t){if(!this.multiple||!this.value.length)return;if(!t)t=this.value[this.value.length-1];this.value=this.value.filter((function(e){return e!==t}));if(this.currInsertIndex>this.value.length-1)this.currInsertIndex=this.value.length-1;this.setFocus();this.openList()};t.prototype.switchValue=function(){this.watchValue=false;if(this.multiple){if(typeof this.value==="string"&&!!this.value.length)this.value=this.value.split(",");else this.value=[];this.currInsertIndex=Math.max(this.value.length-1,0)}else if(typeof this.value!=="string"&&this.value&&this.value[0])this.value=this.value[0];this.watchValue=true};t.prototype.isSelected=function(t){if(this.multiple)return this.value.find((function(e){return e===t}))};t.prototype.getLabel=function(t){var e=this.options.find((function(e){return e["value"]?e["value"]===t:e===t}));if(!e)return null;return e["label"]?e["label"]:e};t.prototype.slotChangeObserver=function(){var t=this;var e=this.mo=new MutationObserver((function(e){return t.processSlottedContent(e)}));e.observe(this.el,{childList:true,subtree:true})};t.prototype.processSlottedContent=function(t){var e=this;this.hasLabelSlot=!!this.el.querySelectorAll('[slot="label"]').length;this.hasHelperSlot=!!this.el.querySelector('[slot="helper"]');this.hasIconSlot=!!this.el.querySelector('[slot="icon"]');if(!t){var n=this.el.querySelector('select:not([class*="sc-nano-select"])');if(n){Array.from(n.attributes).filter((function(t){return t.specified&&t.nodeName in e})).map((function(t){return e[t.nodeName]=t.nodeValue}))}var a=this.el.querySelector('label:not([class*="sc-nano-select"])');if(a)this.label=this.label||a.innerHTML;var i=this.el.querySelectorAll('option:not([class*="sc-nano-select"])');this.watchValue=false;if(i&&i.length){var o=[];i.forEach((function(t){o.push({label:t.label||t.innerText,value:t.value});if(!t.selected||!t.value)return;if(e.multiple)e.value.push(t.value);else e.value=t.value}));this.options=o}if(i.length||a||n){var r=this.el.querySelectorAll('[slot="legacy"]');if(r)r.forEach((function(t){return t.parentNode.removeChild(t)}))}this.watchValue=true}if(t&&!Array.from(t[0].addedNodes).find((function(t){return t.nodeName.toLowerCase()==="nano-select-option"})))return;var s=this.el.querySelectorAll("nano-select-option");if(s&&s.length){var l=[];s.forEach((function(t){l.push({label:t.label||t.innerText,value:t.value});if(!t.selected||!t.value)return;if(e.multiple)e.value.push(t.value);else e.value=t.value}));this.options=l}this.setAvailOpts()};t.prototype.getActiveOpt=function(){return this.multiList.querySelector(".has-focus")};t.prototype.connectedCallback=function(){this.debounceChanged();this.el.dispatchEvent(new CustomEvent("nanoDidLoad",{detail:this.el}))};t.prototype.disconnectedCallback=function(){document.dispatchEvent(new CustomEvent("nanoDidUnload",{detail:this.el}));if(this.mo)this.mo.disconnect();if(this.popover)this.popover.destroy()};t.prototype.componentDidLoad=function(){this.slotChangeObserver();if(this.multiple)this.setupMulti();this.customValidate()};t.prototype.componentWillLoad=function(){this.switchValue();this.processSlottedContent();this.onInit=false};t.prototype.renderLabel=function(t,e){var n={};if(e==="float"){n={"placeholder-as-label":true}}else{n={label:true,"visually-hide":this.hideLabel}}if(!this.label&&!this.hasLabelSlot)return;return h("label",{class:n,htmlFor:this.selectId,id:t},this.label&&this.label,!this.label&&!!this.hasLabelSlot&&h("slot",{name:"label"}))};t.prototype.render=function(){var t=this;var e=this.selectId+"-lbl";var n=this.showInlineError||this.hasHelperSlot?this.selectId+"-moreId":"";var a=this.selectId+"-list";this.rtl=this.el.ownerDocument.dir==="rtl";this.listItems=[];this.valueItems=[];if(this.placeholder&&(!this.options[0]||this.options[0]["label"]!==this.placeholder)){this.options.unshift({label:this.placeholder,value:""})}var i=this.listOpen;var o;if(this.multiple){var r=h("input",{class:"multi-input",id:this.selectId,ref:function(e){return t.multiInput=e},disabled:this.disabled,autoFocus:this.autofocus,autocomplete:"off",onInput:this.onMultiInput,value:this.inputSearchVal,onTouchStart:this.onClick,onMouseDown:this.onClick,onFocus:this.onFocus,onBlur:this.onMultiInputBlur,placeholder:this.placeholder&&!this.floatLabel&&!this.value.length?this.placeholder:"",role:this.multiple?"combobox":"","aria-labelledby":e+" "+n,"aria-controls":a,"aria-expanded":i?"true":"false","aria-required":this.required?"true":"false","aria-autocomplete":"list"});if(!!this.value.length){o=this.value.map((function(e,n){var a=t.options.find((function(t){return t["value"]?t["value"]===e:t===e}));a=a&&a["label"]?a["label"]:e;var i=h("span",{onDragStart:t.onDragStart,onDragLeave:t.onDragLeave,onDragEnd:t.onDragEnd,draggable:true,"data-value":e,ref:function(e){return t.valueItems.push(e)},class:"multi-value"},h("span",null,a),h("button",{class:"multi-value-remove",type:"button",tabindex:"-1",onTouchEnd:function(){t.removeValue(e)},onMouseUp:function(){t.removeValue(e)}},h("nano-icon",{name:"light/times"})));if(n===0&&t.currInsertIndex<0)i=[r,i];else if(n===t.currInsertIndex)i=[i,r];return i}))}else o=r}return h(Host,{type:this.multiple?"select-multiple":"select-one","aria-disabled":this.disabled?"true":null,class:Object.assign(Object.assign({},createColorClasses(this.color)),{"has-value":!!this.value.length||!!this.inputSearchVal.length,"has-focus":this.hasFocus,"is-invalid":this.invalid,"has-label":this.label!==null&&!this.floatLabel,"has-float-label":this.label!==null&&this.floatLabel,rtl:this.rtl,"has-multiple":this.multiple,"multi-list-open":this.listOpen,"has-clr-btn":this.clearSelect,masked:this.mask,legacy:this.isLegacy}),onClick:this.onHostClick},!this.floatLabel&&this.renderLabel(e),h("div",{class:"select",ref:function(e){return t.selectWrap=e}},this.floatLabel&&this.renderLabel(e,"float"),h("div",{class:{"native-select-wrap":true,"native-select-wrap--multiple":this.multiple}},!this.multiple&&this.mask&&h("div",{class:"select-mask"},this.getLabel(this.value)),this.multiple&&[h("div",{class:"multi-wrap"},o),h("ul",{role:"listbox",ref:function(e){return t.multiList=e},"aria-multiselectable":"true","aria-required":this.required,"aria-expanded":i?"true":"false","aria-hidden":!i,hidden:!i,id:a,class:{"multi-select-box":true,"multi-select-box--open":i}},this.allowCustomValues&&this.inputSearchVal.length>0&&h("li",{"data-value":this.inputSearchVal,role:"option",tabindex:"-1",ref:function(e){return t.listItems.push(e)},onMouseDown:function(){t.addValue(t.inputSearchVal)},onFocus:this.onOptFocus},"Add ",this.inputSearchVal),this.availOpts.map((function(e){var n,a;if(e["value"]){n=e["value"];a=e["label"]||e["value"]}else if(typeof e==="string"){n=e;a=n}if(!n)return;return h("li",{role:"option",key:n,"data-value":n,ref:function(e){return t.listItems.push(e)},tabindex:"-1","aria-selected":t.isSelected(n)?"true":"false",onMouseDown:function(){t.addValue(n)},onFocus:t.onOptFocus},a)}))),h("select",{id:this.selectId+"-hidden",class:"native-select",ref:function(e){return t.nativeSelect=e},"aria-labelledby":e+" "+n,disabled:this.disabled,form:this.form,multiple:this.multiple,name:this.name,required:this.required,onInvalid:this.handleInvalid},this.value.map((function(t){return h("option",{value:t,selected:true},t)})))],!this.multiple&&h("select",{id:this.selectId,class:"native-select",ref:function(e){return t.nativeSelect=e},"aria-labelledby":e+" "+n,disabled:this.disabled,form:this.form,autoFocus:this.autofocus,multiple:this.multiple,name:this.name,required:this.required,size:this.size,onBlur:this.onBlur,onFocus:this.onFocus,onInvalid:this.handleInvalid,onChange:this.onChange},this.options.map((function(e,n){if(e["value"]||e["label"])return h("option",{key:e["label"]+n,label:e["label"],value:e["value"],selected:e["value"]===t.value||!t.value&&!e["value"],disabled:!e["value"]&&t.required},e["label"]?e["label"]:e["value"]);else return h("option",{key:e+n,value:e,selected:e===t.value},e)})),h("slot",{name:"legacy"})),this.clearSelect&&!this.readonly&&!this.disabled&&h("button",{type:"button",class:"select-clear-icon",tabindex:"-1",onTouchEnd:this.clearSelectValue,onMouseUp:this.clearSelectValue},h("nano-icon",{name:"light/times"})),h("div",{onTouchEnd:this.onClick,onMouseUp:this.onClick,class:"select-down-icon"},this.hasIconSlot?h("slot",{name:"icon"}):h("nano-icon",{name:"regular/chevron-down"})))),(this.showInlineError||this.hasHelperSlot)&&h("div",{class:"more",id:n},!!this.showInlineError?h("div",{class:"error"},this.errorMessage):"",h("div",{class:"helper"},h("slot",{name:"helper"}))))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{debounce:["debounceChanged"],required:["shouldValidate"],disabled:["shouldValidate"],min:["shouldValidate"],max:["shouldValidate"],validateOn:["shouldValidate"],readonly:["shouldValidate"],value:["valueChanged"],options:["optionsChanged"],multiple:["multiChange"],listOpen:["listOpenChange"]}},enumerable:false,configurable:true});return t}();var selectIds=0;Select.style=selectCss;export{NavItem as nano_nav_item,Select as nano_select};
 //# sourceMappingURL=nano-nav-item_2.entry.js.map