@nanoporetech-digital/components 1.13.10 → 1.13.14

package/dist/nano-components/p-642e8adb.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/nav-item/nav-item.scss?tag=nano-nav-item&encapsulation=shadow","src/components/nav-item/nav-item.tsx","src/components/select/select.scss?tag=nano-select&encapsulation=scoped","src/components/select/select.tsx"],"names":["navItemCss","NavItem","exports","class_1","hostRef","_this","this","hasSecondarySlot","hasAnchorEle","didBlur","animating","didOpen","isInGlobalNav","isInMenuDrawer","isInMenu","isLegacy","document","head","attachShadow","hasFocus","href","target","disabled","open","selected","secondaryActiveWidth","secondaryFallback","closeOnBlur","closeSecondary","__awaiter","nanoClosing","emit","secondaryMenu","secondaryDiv","displayTransition","status","_a","sent","openSecondary","window","innerWidth","call","nanoOpening","toggleSecondary","handleFocus","nanoFocus","handleHostBlur","el","removeAttribute","nanoBlur","handleHostClick","ev","foundlink","closest","btn","click","handleMouseEnter","globalNavEle","classList","contains","timeToWait","getSiblings","length","clearTimeout","waitHide","fromHover","waitShow","setTimeout","__generator","handleMouseLeave","handleClick","querySelector","blur","relatedTarget","foundThisNavEle","focus","preventScroll","removeEventListener","prototype","setFocus","openChange","didOpenChange","nanoClose","panelio_1","IntersectionObserver","data","boundingClientRect","top","scrollIntoView","behavior","disconnect","threshold","observe","addEventListener","tabIndex","nanoOpen","found","parentElement","componentWillLoad","secondaryEle","link","getDirectChildren","connectedCallback","render","h","Host","class","has-secondary","secondary-open","has-focus","nano-global-nav","nano-menu-drawer","nano-menu","legacy","onBlur","dir","ownerDocument","onMouseEnter","onMouseLeave","onClick","nav-item","ref","a","onFocus","name","div","tabindex","selectCss","Select","class_2","listItems","valueItems","selectId","selectIds","rtl","currLiIndex","inputSearchVal","watchValue","onInit","currInsertIndex","availOpts","showErrorMsg","errorMessage","listOpen","hasLabelSlot","hasHelperSlot","hasIconSlot","invalid","autofocus","validateOn","showInlineError","hideLabel","floatLabel","multiple","readonly","required","allowCustomValues","value","options","clearSelect","mask","debounce","native","customValidate","nativeSelect","setCustomValidity","getNativeValue","isValidValues","max","min","showInlineValidation","validity","valid","validationMessage","nanoValidate","isValid","originalEvent","handleInvalid","preventDefault","_","onChange","stopPropagation","handleDocumentKeyDown","handleDocumentMouseDown","openList","clearSelectValue","querySelectorAll","forEach","n","remove","setAvailOpts","onMultiInputBlur","onDragStart","ele","dragVal","dataset","onDragEnd","onDragLeave","spanVal","includes","to","indexOf","from","tmpArr","tmpVal","__spreadArray","onMultiInput","nanoSearchChange","onOptFocus","activeEle","getActiveOpt","add","onHostClick","closestElement","tagName","toLowerCase","rm","key","multiInput","previousElementSibling","removeValue","nextElementSibling","previousSibling","nextSibling","activeElement","selectedItem","testIndex","foundIndex_1","addValue","debounceChanged","debounceEvent","shouldValidate","valueChanged","split","setNativeValue","nanoChange","optionsChanged","multiChange","switchValue","setupMulti","popover","destroy","Popover","selectWrap","multiList","placement","skidding","distance","onTransitionEnd","scrollTop","listOpenChange","show","hide","reportValidity","validateFirst","getSelectElement","Promise","resolve","showError","message","filter","opt","toFind","strFilter","nsl","selectedIndex","hasAttribute","Array","map","find","val","values","reduce","accumulator","currentValue","slice","Math","isSelected","getLabel","foundVal","slotChangeObserver","mo","MutationObserver","mrs","processSlottedContent","childList","subtree","mutations","existingselect","attributes","attr","specified","nodeName","nodeValue","existingLabel","label","innerHTML","legacyOpts","options_1","option","push","innerText","children","parentNode","removeChild","addedNodes","node","nanoOpts","options_2","dispatchEvent","CustomEvent","detail","disconnectedCallback","componentDidLoad","renderLabel","labelId","position","classes","placeholder-as-label","visually-hide","htmlFor","id","moreId","listId","placeholder","unshift","optionMenu","valueMarkup","input_1","input","autoFocus","autocomplete","onInput","onTouchStart","onMouseDown","role","aria-labelledby","aria-controls","aria-expanded","aria-required","aria-autocomplete","i","toReturn","draggable","data-value","span","type","onTouchEnd","onMouseUp","aria-disabled","Object","assign","createColorClasses","color","has-value","is-invalid","has-label","has-float-label","has-multiple","multi-list-open","has-clr-btn","masked","native-select-wrap","native-select-wrap--multiple","ul","aria-multiselectable","aria-hidden","hidden","multi-select-box","multi-select-box--open","li","optval","aria-selected","select","form","onInvalid","size"],"mappings":"68DAAA,IAAMA,EAAa,u8jBCeNC,EAAOC,EAAA,gBAAA,WALpB,SAAAC,EAAAC,GAAA,IAAAC,EAAAC,iPAMUA,KAAAC,iBAA4B,MAC5BD,KAAAE,aAAwB,MAGxBF,KAAAG,QAAmB,MAEnBH,KAAAI,UAAqB,MAKpBJ,KAAAK,QAAmB,MACnBL,KAAAM,cAAyB,MACzBN,KAAAO,eAA0B,MAC1BP,KAAAQ,SAAoB,MACpBR,KAAAS,UAAqBC,SAASC,KAAKC,aACnCZ,KAAAa,SAAoB,MAMrBb,KAAAc,KAAe,KAKfd,KAAAe,OAAkD,QAKlDf,KAAAgB,SAAoB,MAKYhB,KAAAiB,KAAgB,MAK/BjB,KAAAkB,SAAoB,MAKrClB,KAAAmB,qBAA+B,EAK/BnB,KAAAoB,kBAAoB,aAKpBpB,KAAAqB,YAAuB,KAkGvBrB,KAAAsB,eAAiB,WAAA,OAAAC,UAAAxB,OAAA,OAAA,GAAA,6EACvBC,KAAKiB,KAAO,MACZ,IAAKjB,KAAKC,mBAAqBD,KAAKK,QAAS,MAAA,CAAA,GAE7CL,KAAKwB,YAAYC,KAAK,CAAEC,cAAe1B,KAAK2B,eAC/B,MAAA,CAAA,EAAMC,EAAkB5B,KAAK2B,aAAc,OAAQ,eAA5DE,EAASC,EAAAC,OACb/B,KAAKK,QAAUwB,IAAW,2BAGpB7B,KAAAgC,cAAgB,WAAA,OAAAT,UAAAxB,OAAA,OAAA,GAAA,6EACtB,GAAIkC,OAAOC,WAAalC,KAAKmB,qBAAsB,CACjDnB,KAAKoB,kBAAkBe,KAAKnC,MAC5B,MAAA,CAAA,GAEFA,KAAKiB,KAAO,KACZ,IAAKjB,KAAKC,kBAAoBD,KAAKK,QAAS,MAAA,CAAA,GAE5CL,KAAKoC,YAAYX,KAAK,CAAEC,cAAe1B,KAAK2B,eAC/B,MAAA,CAAA,EAAMC,EAAkB5B,KAAK2B,aAAc,OAAQ,cAA5DE,EAASC,EAAAC,OACb/B,KAAKK,QAAUwB,IAAW,0BAGpB7B,KAAAqC,gBAAkB,WACxB,IAAKtC,EAAKE,iBAAkB,OAC5B,GAAIF,EAAKM,QAASN,EAAKuB,sBAClBvB,EAAKiC,iBAGJhC,KAAAsC,YAAc,WACpBvC,EAAKc,SAAW,KAEhB,GAAId,EAAKe,OAASf,EAAKK,WAAaL,EAAKE,iBAAkBF,EAAKiC,gBAChEjC,EAAKwC,UAAUd,QAGTzB,KAAAwC,eAAiB,WACvB,GAAIzC,EAAKK,UAAW,OAIpBL,EAAK0C,GAAGC,gBAAgB,YACxB3C,EAAKc,SAAW,MAChBd,EAAK4C,SAASlB,QAIRzB,KAAA4C,gBAAkB,SAACC,GACzB,IAAK9C,EAAKG,aAAc,OACxB,IAAI4C,EAAaD,EAAG9B,OAAuBgC,QAAQ,aACnD,IAAKD,EAAW/C,EAAKiD,IAAIC,SAInBjD,KAAAkD,iBAAmB,WAAA,OAAA3B,UAAAxB,OAAA,OAAA,GAAA,iEACzB,IAAKC,KAAKc,MAAQd,KAAKI,YAAcJ,KAAKC,kBACpCD,KAAKmD,eAAiBnD,KAAKmD,aAAaC,UAAUC,SAAS,SAAW,MAAA,CAAA,GAIxEC,EAAa,EACjB,GAAIC,EAAYvD,KAAKyC,GAAI,iCAAiCe,OAAQF,EAAa,IAE/EG,aAAazD,KAAK0D,UAClB1D,KAAK2D,UAAY,KACjB3D,KAAKI,UAAY,KACjBJ,KAAK4D,SAAW3B,OAAO4B,YAAW,WAAA,OAAAtC,UAAAxB,OAAA,OAAA,GAAA,WAAA,OAAA+D,YAAA9D,MAAA,SAAA8B,0BAAY,MAAA,CAAA,EAAM9B,KAAKgC,wBAAX,MAAA,CAAA,EAAAF,EAAAC,iBAA4BuB,GAC1EtD,KAAKI,UAAY,uBAIXJ,KAAA+D,iBAAmB,WACzB,IAAKhE,EAAKe,KAAM,OAChB2C,aAAa1D,EAAK6D,UAClB7D,EAAK4D,UAAY,KACjB5D,EAAKK,UAAY,KAGjBL,EAAK2D,SAAWzB,OAAO4B,YAAW,WAAA,OAAAtC,UAAAxB,OAAA,OAAA,GAAA,WAAA,OAAA+D,YAAA9D,MAAA,SAAA8B,0BAAY,MAAA,CAAA,EAAM9B,KAAKsB,yBAAX,MAAA,CAAA,EAAAQ,EAAAC,iBAA6B,KAC3EhC,EAAKK,UAAY,OAGXJ,KAAAgE,YAAc,WACpBjE,EAAK4D,UAAY,MACjB,GAAI5D,EAAKE,iBAAkBF,EAAKsC,uBAC3BtC,EAAK0C,GAAGwB,cAA2B,KAAKhB,SAavCjD,KAAAkE,KAAO,SAACrB,GACd,IAAK9C,EAAKM,SAAWN,EAAKK,UAAW,OACrC,IAAKL,EAAKsB,YAAa,OAGvB,GAAIwB,GAAMA,EAAGsB,cAAe,CAC1B,GAAItB,EAAGsB,gBAAkBpE,EAAK0C,IAAMI,EAAGsB,gBAAkBpE,EAAKiD,KACzDjD,EAAKqE,gBAAiBvB,EAAGsB,eAAgC,CAC1DpE,EAAK4B,aAAa0C,MAAM,CAAEC,cAAe,OACzC,QAINvE,EAAKiD,IAAIuB,oBAAoB,WAAYxE,EAAKmE,MAC9CnE,EAAK4B,aAAa4C,oBAAoB,WAAYxE,EAAKmE,MACvDjC,OAAOsC,oBAAoB,OAAQxE,EAAKmE,MAExCnE,EAAKI,QAAU,KAEfJ,EAAKkB,KAAO,MACZ,IAAK4B,EAAGsB,cAAeN,YAAW,WAAQ9D,EAAK0C,GAAG4B,MAAM,CAAEC,cAAe,SAAW,KAlLhFzE,EAAA2E,UAAAC,SAAN,gGACE,IAAKzE,KAAKgD,IAAK,MAAA,CAAA,GACfhD,KAAKgD,IAAIqB,yBAOXxE,EAAA2E,UAAAE,WAAA,WACE1E,KAAKiB,KAAOjB,KAAKgC,gBAAkBhC,KAAKsB,kBAO1CzB,EAAA2E,UAAAG,cAAA,WAAA,IAAA5E,EAAAC,KACE,IAAKA,KAAKC,iBAAkB,OAE5B,IAAKD,KAAKK,QAAS,CAGjB,IAAKL,KAAK2D,UAAW,CACnB3D,KAAKgD,IAAIuB,oBAAoB,WAAYvE,KAAKkE,MAC9ClE,KAAK2B,aAAa4C,oBAAoB,WAAYvE,KAAKkE,MAEzDL,YAAW,WACT,IAAK9D,EAAK4D,YAAc5D,EAAKI,QAASJ,EAAKiD,IAAIqB,MAAM,CAAEC,cAAe,OACtEvE,EAAK6E,UAAUnD,KAAK,CAAEC,cAAe3B,EAAK4B,iBACzC,QACE,CACL3B,KAAKG,QAAU,MAIf,IAAKH,KAAK2D,UAAW,CACnB,IAAMkB,EAAU,IAAK5C,OAAe6C,sBAClC,SAACC,GACC,GAAIA,EAAK,GAAGC,mBAAmBC,IAAM,EAAG,CACtClF,EAAK4B,aAAauD,eAAe,CAC/BC,SAAU,WAGdN,EAAQO,eAEV,CAAEC,UAAW,IAEfR,EAAQS,QAAQtF,KAAK2B,cACrB3B,KAAK2B,aAAa0C,MAAM,CAAEC,cAAe,OAEzCtE,KAAKgD,IAAIuC,iBAAiB,WAAYvF,KAAKkE,MAC3ClE,KAAK2B,aAAa4D,iBAAiB,WAAYvF,KAAKkE,MACpDjC,OAAOsD,iBAAiB,OAAQvF,KAAKkE,MAErClE,KAAKyC,GAAG+C,UAAY,EACpBxF,KAAKyF,SAAShE,KAAK,CAAEC,cAAe1B,KAAK2B,kBA6FvC9B,EAAA2E,UAAAJ,gBAAA,SAAgB3B,GACtB,IAAIiD,EAAQjD,EAAGM,QAAQ,iBACvB2C,EAAQA,IAAUjD,EAAKA,EAAGkD,cAAc5C,QAAQ,iBAAmB2C,EAEnE,IAAKA,EAAO,OAAO,MACnB,GAAIA,IAAU1F,KAAKyC,GAAI,OAAO,KAC9B,OAAOzC,KAAKoE,gBAAgBsB,IA0B9B7F,EAAA2E,UAAAoB,kBAAA,WACE,IAAIC,EAAe7F,KAAKyC,GAAGwB,cAAc,sBACzCjE,KAAKC,mBAAqB4F,EAE1B,IAAIC,EAAOC,EAAkB/F,KAAKyC,GAAI,aAAa,GACnDzC,KAAKE,eAAiB4F,EAEtB,GAAIA,EAAM,CACR9F,KAAKc,KAAQgF,EAA2BhF,KAAQgF,EAA2BhF,KAAO,KAClFd,KAAKgD,IAAM8C,EACX,GAAI9F,KAAKC,iBAAkBD,KAAKgD,IAAIuC,iBAAiB,QAASvF,KAAKqC,iBAEnErC,KAAKgD,IAAIuC,iBAAiB,QAASvF,KAAKsC,aACxCtC,KAAKgD,IAAIuC,iBAAiB,OAAQvF,KAAKwC,kBAI3C3C,EAAA2E,UAAAwB,kBAAA,WACEhG,KAAKM,cAAgB,MACrBN,KAAKO,eAAiB,MACtBP,KAAKmD,aAAenD,KAAKyC,GAAGM,QAAQ,mBAEpC/C,KAAKO,iBAAmBP,KAAKyC,GAAGM,QAAQ,oBACxC/C,KAAKQ,WAAaR,KAAKyC,GAAGM,QAAQ,aAClC/C,KAAKM,cAAgBN,KAAKyC,GAAGkD,gBAAkB3F,KAAKmD,gBAAkBnD,KAAKyC,GAAGM,QAAQ,gBAGxFlD,EAAA2E,UAAAyB,OAAA,WAAA,IAAAlG,EAAAC,KACE,OACEkG,EAACC,EAAI,CACHC,MAAO,CACLC,gBAAiBrG,KAAKC,iBACtBqG,iBAAkBtG,KAAKiB,KACvBC,SAAYlB,KAAKkB,SACjBqF,YAAavG,KAAKa,SAClBG,SAAYhB,KAAKgB,SACjBwF,kBAAmBxG,KAAKM,cACxBmG,mBAAoBzG,KAAKO,eACzBmG,YAAa1G,KAAKQ,SAClBmG,OAAU3G,KAAKS,UAEjBmG,OAAQ5G,KAAKwC,eACbqE,IAAM7G,KAAKyC,GAAGqE,cAA2BD,MAAQ,MAAQ,MAAQ,KACjEE,aAAc/G,KAAKkD,iBACnB8D,aAAchH,KAAK+D,iBACnBkD,QAASjH,KAAK4C,iBAEdsD,EAAA,MAAA,CAAKE,MAAO,CACVc,WAAY,KACZZ,iBAAkBtG,KAAKiB,KACvBC,SAAYlB,KAAKkB,WAEflB,KAAKc,OAASd,KAAKE,eAAiBF,KAAKgB,UACzCkF,EAAA,IAAA,CACEnF,OAAQf,KAAKe,OACboG,IAAK,SAAAC,GAAK,OAAArH,EAAKiD,IAAMoE,GACrBtG,KAAMd,KAAKc,KACXuG,QAASrH,KAAKsC,aAEd4D,EAAA,OAAA,CAAMoB,KAAK,eACXpB,EAAA,OAAA,CAAME,MAAM,QAAOF,EAAA,OAAA,OACnBA,EAAA,OAAA,CAAMoB,KAAK,gBAGXtH,KAAKE,eAAiBF,KAAKc,MAASd,KAAKgB,WAC3CkF,EAAA,SAAA,CACEiB,IAAK,SAAAnE,GAAO,OAAAjD,EAAKiD,IAAMA,GACvBiE,QAASjH,KAAKgE,YACdqD,QAASrH,KAAKsC,YACdtB,SAAUhB,KAAKgB,UAEfkF,EAAA,OAAA,CAAMoB,KAAK,eACXpB,EAAA,OAAA,CAAME,MAAM,QAAOF,EAAA,OAAA,OACnBA,EAAA,OAAA,CAAMoB,KAAK,cAGbtH,KAAKE,eAAiBF,KAAKgB,UAC3BkF,EAAA,MAAA,CAAKE,MAAM,QACTF,EAAA,OAAA,CAAMoB,KAAK,eACXpB,EAAA,OAAA,MACAA,EAAA,OAAA,CAAMoB,KAAK,cAGbtH,KAAKC,mBAAqBD,KAAKgB,UAC/BkF,EAAA,MAAA,CAAKE,MAAM,iBAAiBe,IAAK,SAAAI,GAAO,OAAAxH,EAAK4B,aAAe4F,GAAKC,SAAS,MACxEtB,EAAA,MAAA,CAAKE,MAAM,0BACTF,EAAA,OAAA,CAAMoB,KAAK,eAEbpB,EAAA,MAAA,CAAKE,MAAM,sBAAsBa,QAASjH,KAAKsB,yRA5WzC,cCfpB,IAAMmG,EAAY,qymBCoBLC,EAAM9H,EAAA,cAAA,WALnB,SAAA+H,EAAA7H,GAAA,IAAAC,EAAAC,kTAUUA,KAAA4H,UAAkC,GAClC5H,KAAA6H,WAAqC,GAKrC7H,KAAA8H,SAAW,eAAeC,IAC1B/H,KAAAgI,IAAe,MACfhI,KAAAiI,aAAuB,EACvBjI,KAAAkI,eAAyB,GACzBlI,KAAAmI,WAAsB,KACtBnI,KAAAoI,OAAkB,KAEjBpI,KAAAqI,gBAA0B,EAC1BrI,KAAAsI,UAAY,GACZtI,KAAAuI,aAAe,MACfvI,KAAAwI,aAAuB,GACvBxI,KAAAa,SAAW,MACXb,KAAAyI,SAAW,MACXzI,KAAAS,SAAoB,oBAAqBC,SACzCV,KAAA0I,aAAwB,MACxB1I,KAAA2I,cAAyB,MACzB3I,KAAA4I,YAAuB,MAQQ5I,KAAA6I,QAAU,MAW1C7I,KAAA8I,UAAY,MAKK9I,KAAAgB,SAAW,MAKXhB,KAAA+I,WAAsD,SAKtD/I,KAAAgJ,gBAAkB,KAUnChJ,KAAAiJ,UAAsB,MAKtBjJ,KAAAkJ,WAAsB,MAKtBlJ,KAAAmJ,SAAqB,MAKrBnJ,KAAAsH,KAAetH,KAAK8H,SAAW,QAU/B9H,KAAAoJ,SAAW,MAKXpJ,KAAAqJ,SAAW,MAyBXrJ,KAAAsJ,kBAA6B,MAKZtJ,KAAAuJ,MAAwCvJ,KAAKmJ,SAAW,GAAK,GAK7DnJ,KAAAwJ,QAA6D,GAK9ExJ,KAAAyJ,YAAc,MAMdzJ,KAAA0J,KAAO,MAKP1J,KAAA2J,SAAW,EAKX3J,KAAA4J,OAAS,KA2OT5J,KAAA6J,eAAiB,WACvB9J,EAAK+J,aAAaC,kBAAkB,IAGpC,GAAIhK,EAAKsJ,WAAatJ,EAAKiK,iBAAiBxG,OAAQ,CAClDzD,EAAK+J,aAAaC,kBAAkB,8BACpC,OAAO,KAET,GAAIhK,EAAKiK,iBAAiBxG,SAAWzD,EAAKuJ,oBAAsBvJ,EAAKkK,gBAAiB,CACpFlK,EAAK+J,aAAaC,kBAAkB,0CACpC,OAAO,KAET,GAAIhK,EAAKmK,KAAOnK,EAAKiK,iBAAiBxG,OAASzD,EAAKmK,IAAK,CACvDnK,EAAK+J,aAAaC,kBAAkB,cAAchK,EAAKmK,IAAG,wBAC1D,OAAO,KAET,GAAInK,EAAKoK,KAAOpK,EAAKiK,iBAAiBxG,OAASzD,EAAKoK,IAAK,CACvDpK,EAAK+J,aAAaC,kBAAkB,gCAAgChK,EAAKoK,IAAG,YAC5E,OAAO,KAET,OAAO,OAGDnK,KAAAoK,qBAAuB,SAACvH,GAC9B,GAAI9C,EAAKgJ,aAAe,kBAAmBhJ,EAAKgJ,WAAa,QAE7DhJ,EAAK8I,QAAU,MACf9I,EAAKwI,aAAe,MACpBxI,EAAKyI,aAAe,GAEpB,IAAKzI,EAAK+J,aAAaO,SAASC,MAAO,CACrCvK,EAAKyI,aAAezI,EAAK+J,aAAaS,kBACtCxK,EAAK8I,QAAU,KACf9I,EAAKwI,aAAe,KAEtBxI,EAAKyK,aAAa/I,KAAK,CAACgJ,SAAU1K,EAAK8I,QAASL,aAAczI,EAAKyI,aAAckC,cAAe7H,KAG1F7C,KAAA2K,cAAgB,SAAC9H,GACvB9C,EAAK8I,QAAU,KAEf,GAAI9I,EAAKgJ,aAAe,SAAUhJ,EAAK8I,QAAU9I,EAAKwI,aAAexI,EAAK8J,iBAC1E,GAAI9J,EAAKiJ,gBAAiBnG,EAAG+H,iBAE7B/G,YAAW,SAAAgH,GAAK,OAAA9K,EAAKqK,qBAAqBvH,KAAK,KAgJzC7C,KAAA8K,SAAW,SAACjI,GAClB,IAAK9C,EAAKqJ,WAAarJ,EAAKiB,UAAY6B,EAAI,CAC1CA,EAAG+H,iBACH/H,EAAGkI,kBAELhL,EAAKwJ,MAAQxJ,EAAKiK,kBAGZhK,KAAA4G,OAAS,WACf,GAAI7G,EAAKoJ,SAAU,CACjBpJ,EAAKkI,aAAe,EACpBvH,SAAS6D,oBAAoB,UAAWxE,EAAKiL,uBAC7CtK,SAAS6D,oBAAoB,YAAaxE,EAAKkL,yBAEjDlL,EAAKc,SAAW,MAEhBgD,YAAW,WACT,GAAI9D,EAAKgJ,aAAe,UAAYhJ,EAAK0I,WAAa1I,EAAKc,SAAUd,EAAKqK,yBACzE,IACHrK,EAAK4C,SAASlB,QAGRzB,KAAAqH,QAAU,WAChB,GAAItH,EAAKoJ,SAAU,CACjBpJ,EAAKkI,aAAe,EACpBvH,SAAS6E,iBAAiB,UAAWxF,EAAKiL,uBAC1CtK,SAAS6E,iBAAiB,YAAaxF,EAAKkL,yBAC5ClL,EAAKmL,WAGPnL,EAAKc,SAAW,KAChBd,EAAKwC,UAAUd,QAGTzB,KAAAmL,iBAAmB,SAACtI,GAC1B,GAAI9C,EAAK0J,cAAgB1J,EAAKqJ,WAAarJ,EAAKiB,UAAY6B,EAAI,CAC9DA,EAAG+H,iBACH/H,EAAGkI,kBAGL,GAAIhL,EAAKoJ,SAAU,CACjBpJ,EAAKwJ,MAAQ,GACb,IAAIC,EAAUzJ,EAAK+J,aAAasB,iBAAiB,UACjD,GAAI5B,EAAQhG,OAAQgG,EAAQ6B,SAAQ,SAAAC,GAAK,OAAAA,EAAEC,YAC3CxL,EAAKsI,iBAAmB,EACxBtI,EAAKyL,oBACAzL,EAAKwJ,MAAQ,GAEpBxJ,EAAK+K,YAGC9K,KAAAiH,QAAU,WAChBlH,EAAK0E,WACL1E,EAAKmL,YAKClL,KAAAyL,iBAAmB,WACzB,GAAI1L,EAAKuJ,kBAAmB,OAC5BvJ,EAAKmI,eAAiB,GACtBnI,EAAKyL,gBAGCxL,KAAA0L,YAAc,SAAC7I,GACrB,IAAI8I,EAAM9I,EAAG9B,OACbhB,EAAK6L,QAAUD,EAAIE,QAAQtC,OAGrBvJ,KAAA8L,UAAY,SAACjJ,GACnB9C,EAAK6L,QAAU,KACf/I,EAAG+H,kBAGG5K,KAAA+L,YAAc,SAAClJ,GACrB,IAAI8I,EAAM9I,EAAG9B,OACb,IAAIiL,EAAkBL,EAAIE,SAAWF,EAAIE,QAAQtC,MAAQoC,EAAIE,QAAQtC,MAAQ,KAE7E,IAAKyC,GAAWjM,EAAK6L,UAAYI,IAAYjM,EAAKwJ,MAAM0C,SAASlM,EAAK6L,SAAU,CAC9E/I,EAAG+H,iBACH,OAGF,IAAIsB,EAAKnM,EAAKwJ,MAAM4C,QAAQH,GAC5B,IAAII,EAAOrM,EAAKwJ,MAAM4C,QAAQpM,EAAK6L,SACnC,IAAIS,EAAUtM,EAAKwJ,MACnB,IAAI+C,EAASD,EAAOH,GAEpBG,EAAOH,GAAMG,EAAOD,GACpBC,EAAOD,GAAQE,EACfvM,EAAKwJ,MAAKgD,cAAA,GAAOF,IAGXrM,KAAAwM,aAAe,SAAC3J,GACtB9C,EAAKmI,eAAiBrF,EAAG9B,OAAOwI,MAChCxJ,EAAKyL,eACLzL,EAAKmL,WACLnL,EAAK0M,iBAAiBhL,KAAK,CAAE8H,MAAO1G,EAAG9B,OAAOwI,SAOxCvJ,KAAA0M,WAAa,SAAC7J,GACpB,IAAI8J,EAAY5M,EAAK6M,eACrB,GAAID,EAAWA,EAAUvJ,UAAUmI,OAAO,aACzC1I,EAAG9B,OAAuBqC,UAAUyJ,IAAI,cAGnC7M,KAAA8M,YAAc,WACpBjJ,YAAW,SAAAgH,GACT,IAAK9K,EAAKoJ,UAAYpJ,EAAKc,SAAU,OACrCd,EAAK0E,aACJ,KAGGzE,KAAAiL,wBAA0B,SAACpI,GACjC,IAAM9B,EAAS8B,EAAG9B,OAClB,GAAIgM,EAAehN,EAAK0C,GAAGuK,QAAQC,cAAelM,KAAYhB,EAAK0C,GAAI,CACrE1C,EAAK0I,SAAW,MAChB1I,EAAK6G,WAID5G,KAAAgL,sBAAwB,SAACnI,GAC/B,IAAK9C,EAAKoJ,SAAU,OAEpB,IAAKpJ,EAAKmI,eAAgB,CACxB,IAAIgF,OAAmB,EAEvB,OAAQrK,EAAGsK,KACT,IAAK,YACH,GAAIpN,EAAKqN,WAAWC,uBAClBH,EAAMnN,EAAKqN,WAAWC,4BACnB,MAELtN,EAAKuN,YAAYJ,EAAGrB,QAAQtC,OAAS,MACrC,MAEF,IAAK,SACH,GAAIxJ,EAAKqN,WAAWG,mBAClBL,EAAMnN,EAAKqN,WAAWG,wBACnB,MAELxN,EAAKuN,YAAYJ,EAAGrB,QAAQtC,OAAS,MACrC,MAEF,IAAK,YACL,IAAK,aACH,IAAKxJ,EAAKwJ,MAAM/F,OAAQ,MAExB,GAAIX,EAAGsK,MAAQ,aAAepN,EAAKqN,WAAWI,gBAAiBzN,EAAKsI,kBACpE,GAAIxF,EAAGsK,MAAQ,cAAgBpN,EAAKqN,WAAWK,YAAa1N,EAAKsI,kBAEjExE,YAAW,WAAQ9D,EAAKqN,WAAW/I,UAAW,IAC9CxB,EAAG+H,iBACH,OAKN,GAAI7K,EAAKc,WAAad,EAAK0I,UAAY5F,EAAGsK,MAAQ,YAAa,CAC7DpN,EAAKmL,WACLnL,EAAKkI,aAAe,EAItB,GAAIlI,EAAKc,UAAYgC,EAAGsK,MAAQ,MAAO,CACrCtJ,YAAW,WACT,GAAKnD,SAASgN,eACZX,EAAehN,EAAK0C,GAAGuK,QAAQC,cAAevM,SAASgN,iBAAmB3N,EAAK0C,GAAI,CACnF1C,EAAK0I,SAAW,MAChB1I,EAAK6G,SACL,WAMN,GAAI7G,EAAK0I,SAAU,CACjB,IAAMkF,EAAe5N,EAAK6M,eAC1B,IAAIgB,EAAY7N,EAAK6H,UAAUuE,QAAQwB,IAAiB5N,EAAKkI,YAE7D,OAAQpF,EAAGsK,KACT,IAAK,YACL,IAAK,UACHtK,EAAG+H,iBAEH,GAAI/H,EAAGsK,MAAQ,YAAaS,SACvB,GAAI/K,EAAGsK,MAAQ,UAAWS,IAE/B,GAAIA,EAAY,EAAG,CACjB7N,EAAKkI,YAAc,EACnBlI,EAAKqN,WAAW/I,QAChB,OAGF,IAAIwJ,EAAa9N,EAAK6H,UAAUgG,GAAaA,EAAY7N,EAAKkI,YAC9DpE,YAAW,WACT9D,EAAK6H,UAAUiG,GAAYxJ,QAC3BtE,EAAKkI,YAAc4F,IAClB,IACH,OACF,IAAK,QACL,IAAK,IACH,GAAI9N,EAAK6H,UAAU7H,EAAKkI,aAAc,CACpClI,EAAK+N,SAAS/N,EAAK6H,UAAU7H,EAAKkI,aAAa4D,QAAQtC,OACvD1G,EAAG+H,iBAEL,OACF,IAAK,SACH7K,EAAK0I,SAAW,MAChB,QAIN,GAAI1I,EAAKkI,aAAe,EAAGpF,EAAG+H,kBA7nBtBjD,EAAAnD,UAAAuJ,gBAAA,WACR/N,KAAKyM,iBAAmBuB,EAAchO,KAAKyM,iBAAkBzM,KAAK2J,WAU1DhC,EAAAnD,UAAAyJ,eAAA,WACR,GAAIjO,KAAKoI,OAAQ,OACjB,GAAIpI,KAAK6I,QAAS7I,KAAKuI,aAAevI,KAAK6I,QAAU,MAErD7I,KAAK6J,iBACL,GAAI7J,KAAK+I,aAAe,QAAS,OACjC/I,KAAKoK,wBAOGzC,EAAAnD,UAAA0J,aAAA,WAAA,IAAAnO,EAAAC,KACR,IAAKA,KAAKmI,WAAY,OAEtB,GAAInI,KAAKmJ,SAAU,CACjB,UAAWnJ,KAAKuJ,QAAU,YAAcvJ,KAAKuJ,MAAM/F,OAAQxD,KAAKuJ,MAAQvJ,KAAKuJ,MAAM4E,MAAM,KACzF,GAAInO,KAAKuJ,QAAU,aAAgBvJ,KAAKuJ,QAAU,WAAavJ,KAAKuJ,MAAM/F,OAASxD,KAAKuJ,MAAQ,GAEhG,GAAIvJ,KAAKqI,gBAAkBrI,KAAKuJ,MAAM/F,OAAS,EAAGxD,KAAKqI,gBAAkBrI,KAAKuJ,MAAM/F,OAAS,OACxF,UAAWxD,KAAKuJ,QAAU,UAAYvJ,KAAKuJ,OAASvJ,KAAKuJ,MAAM,GAAIvJ,KAAKuJ,MAAQvJ,KAAKuJ,MAAM,GAElGvJ,KAAKoO,iBACLpO,KAAKwL,eACL3H,YAAW,SAAAgH,GAAK,OAAA9K,EAAKkO,mBAAkB,IACvCjO,KAAKqO,WAAW5M,KAAK,CAAE8H,MAAOvJ,KAAKuJ,QAEnC,GAAIvJ,KAAKoI,OAAQ,QAITT,EAAAnD,UAAA8J,eAAA,WACRtO,KAAKwL,eACL,GAAIxL,KAAKa,SAAUb,KAAKkL,YAOhBvD,EAAAnD,UAAA+J,YAAA,WACRvO,KAAKwO,cAEL,GAAIxO,KAAKmJ,SAAUnJ,KAAKyO,kBACnB,GAAIzO,KAAK0O,QAAS1O,KAAK0O,QAAQC,WAG9BhH,EAAAnD,UAAAiK,WAAA,WAAA,IAAA1O,EAAAC,KACN6D,YAAW,WACT9D,EAAKyL,eACLzL,EAAK2O,QAAU,IAAIE,EAAQ7O,EAAK8O,WAAY9O,EAAK+O,UAAW,CAC1DC,UAAW,eACXC,SAAU,EACVC,SAAU,EACVC,gBAAiB,WACf,IAAKnP,EAAK0I,SAAU,CAClB1I,EAAK+O,UAAUK,UAAY,QAIhC,KAILxH,EAAAnD,UAAA4K,eAAA,WACE,GAAIpP,KAAKyI,SAAUzI,KAAK0O,QAAQW,YAC3BrP,KAAK0O,QAAQY,QA+Cb3H,EAAAnD,UAAA+K,eAAN,SAAqBC,wFACnB,GAAIA,EAAexP,KAAKoK,uBACxB,MAAA,CAAA,EAAO,CACLK,SAAUzK,KAAK6I,QACfL,aAAcxI,KAAKwI,sBASlBb,EAAAnD,UAAAC,SAAN,gGACE,GAAIzE,KAAK8J,eAAiB9J,KAAKmJ,SAAUnJ,KAAK8J,aAAazF,aACtD,GAAIrE,KAAKoN,WAAYpN,KAAKoN,WAAW/I,yBAO5CsD,EAAAnD,UAAAiL,iBAAA,WACE,OAAOC,QAAQC,QAAQ3P,KAAK8J,eAQxBnC,EAAAnD,UAAAoL,UAAN,SAAgBC,wFACd,GAAI7P,KAAK8J,aAAc,CACrB9J,KAAK8J,aAAaC,kBAAkB8F,GACpC7P,KAAK8J,aAAayF,kCASd5H,EAAAnD,UAAAgH,aAAA,WAAA,IAAAzL,EAAAC,KACN,IAAKA,KAAKmJ,SAAU,OAEpBnJ,KAAKsI,UAAYtI,KAAKwJ,QAAQsG,QAAO,SAAAC,GACnC,IAAIC,SAAgBD,IAAQ,SAAWA,EAAMA,EAAI,SACjD,IAAIE,SAAmBF,IAAQ,SAAWA,EAAOA,EAAI,UAAYA,EAAI,SAErE,IAAKC,EAAQ,OAAO,MACpB,OAASjQ,EAAKwJ,MAAwB0C,SAAS+D,MAAajQ,EAAKqN,YAAc6C,EAAUhD,cAAcd,QAAQpM,EAAKmI,eAAe+E,gBAAkB,OAIjJtF,EAAAnD,UAAAwF,eAAA,WACN,IAAMkG,EAAMlQ,KAAK8J,aACjB,IAAKoG,EAAK,MAAO,GAEjB,IAAKlQ,KAAKmJ,SAAU,OAAO+G,EAAI1G,QAAQ0G,EAAIC,gBAAkBD,EAAI1G,QAAQ0G,EAAIC,eAAeC,aAAa,SAAWF,EAAI1G,QAAQ0G,EAAIC,eAAe5G,MAAQ,OACtJ,CACH,OAAO8G,MAAMjE,KAAK8D,EAAI1G,SACnB8G,KAAI,SAAAP,GACH,GAAIA,EAAI7O,UAAY6O,EAAIK,aAAa,SAAU,OAAOL,EAAIxG,WAK1D5B,EAAAnD,UAAA4J,eAAA,WAAA,IAAArO,EAAAC,KACN,IAAMkQ,EAAMlQ,KAAK8J,aACjB,IAAKoG,EAAK,OAAO,KACjB,IAAKlQ,KAAKmJ,SAAU+G,EAAI3G,MAAQvJ,KAAKuJ,UAChC,CACH8G,MAAMjE,KAAKpM,KAAK8J,aAAaN,SAC1BsG,QAAO,SAAAC,GACN,UAAWhQ,EAAKwJ,QAAU,SAAU,OAAOwG,EAAIxG,QAAUxJ,EAAKwJ,WACzD,OAAOxJ,EAAKwJ,MAAMgH,MAAK,SAAAC,GAC1B,UAAWA,IAAQ,SAAU,OAAOA,IAAQzQ,EAAKwJ,WAC5C,GAAIiH,EAAI,SAAU,OAAOA,IAAQA,EAAI,eAE3CF,KAAI,SAAAP,GACLA,EAAI7O,SAAW,UAKfyG,EAAAnD,UAAAyF,cAAA,WAAA,IAAAlK,EAAAC,KACN,IAAMkQ,EAAMlQ,KAAK8J,aACjB,IAAKoG,EAAK,OAAO,KAEjB,IAAMhP,EAAWlB,KAAK8J,aAAasB,iBAAiB,kBACpD,IAAMqF,EAASJ,MAAMjE,KAAKlL,GAAUoP,KAAI,SAAC7N,GAA0B,OAAAA,EAAG8G,OAAS,QAE/E,GAAIvJ,KAAKmJ,SAAU,CACjB,OAAOsH,EAAOC,QAAO,SAACC,EAAaC,GACjC,IAAKD,EAAa,OAAO,MACzB,QAAS5Q,EAAKyJ,QAAQ+G,MAAK,SAAAR,GACzB,OAAAA,EAAI,SAAYA,EAAI,WAAaa,EAAiBb,IAAQa,OAE3D,UACE,CACL,OAAO5Q,KAAKwJ,QAAQ+G,MAAK,SAAAR,GACvB,OAAAA,EAAI,SAAYA,EAAI,WAAaU,EAAO,GAAOV,IAAQU,EAAO,QAoD5D9I,EAAAnD,UAAA0G,SAAA,WACN,IAAKlL,KAAKmJ,SAAU,OACpB,IAAKnJ,KAAKsI,UAAU9E,UAAaxD,KAAKkI,eAAe1E,QAAUxD,KAAKsJ,sBAC3DtJ,KAAKkK,KAAQlK,KAAKkK,KAAOlK,KAAKuJ,MAAM/F,OAASxD,KAAKkK,KACzDlK,KAAKyI,SAAW,UACbzI,KAAKyI,SAAW,OAGfd,EAAAnD,UAAAsJ,SAAA,SAASvE,GACf,IAAKvJ,KAAKmJ,SAAU,OACpB,GAAInJ,KAAKuJ,OAASvJ,KAAKuJ,MAAM/F,QAAUxD,KAAKuJ,MAAM0C,SAAS1C,GAAQ,OACnE,GAAIvJ,KAAKkK,KAAOlK,KAAKuJ,MAAM/F,SAAWxD,KAAKkK,IAAK,OAEhDlK,KAAKqI,kBACLrI,KAAKuJ,MAAKgD,cAAAA,cAAAA,cAAA,GAAOvM,KAAKuJ,MAAMsH,MAAM,EAAG7Q,KAAKqI,kBAAgB,CAAEkB,IAAUvJ,KAAKuJ,MAAMsH,MAAM7Q,KAAKqI,kBAE5FrI,KAAKkI,eAAiB,GAEtBlI,KAAKwL,eAGLxL,KAAKyE,WACLzE,KAAKkL,YAGCvD,EAAAnD,UAAA8I,YAAA,SAAY0C,GAClB,IAAKhQ,KAAKmJ,WAAanJ,KAAKuJ,MAAM/F,OAAQ,OAE1C,IAAKwM,EAAQA,EAAShQ,KAAKuJ,MAAMvJ,KAAKuJ,MAAM/F,OAAS,GACrDxD,KAAKuJ,MAASvJ,KAAKuJ,MAAwBuG,QAAO,SAAAU,GAAO,OAAAA,IAAQR,KAEjE,GAAIhQ,KAAKqI,gBAAkBrI,KAAKuJ,MAAM/F,OAAS,EAAGxD,KAAKqI,gBAAkBrI,KAAKuJ,MAAM/F,OAAS,EAG7FxD,KAAKyE,WACLzE,KAAKkL,YAGCvD,EAAAnD,UAAAgK,YAAA,WACNxO,KAAKmI,WAAa,MAClB,GAAInI,KAAKmJ,SAAU,CACjB,UAAWnJ,KAAKuJ,QAAU,YAAcvJ,KAAKuJ,MAAM/F,OAAQxD,KAAKuJ,MAAQvJ,KAAKuJ,MAAM4E,MAAM,UACpFnO,KAAKuJ,MAAQ,GAElBvJ,KAAKqI,gBAAkByI,KAAK5G,IAAIlK,KAAKuJ,MAAM/F,OAAS,EAAG,QAClD,UAAWxD,KAAKuJ,QAAU,UAAYvJ,KAAKuJ,OAASvJ,KAAKuJ,MAAM,GAAIvJ,KAAKuJ,MAAQvJ,KAAKuJ,MAAM,GAClGvJ,KAAKmI,WAAa,MAGZR,EAAAnD,UAAAuM,WAAA,SAAWxH,GACjB,GAAIvJ,KAAKmJ,SAAU,OAAQnJ,KAAKuJ,MAAwBgH,MAAK,SAAAC,GAAO,OAAAA,IAAQjH,MAItE5B,EAAAnD,UAAAwM,SAAA,SAASR,GACf,IAAIS,EAAWjR,KAAKwJ,QAAQ+G,MAAK,SAAAR,GAC/B,OAAOA,EAAI,SAAYA,EAAI,WAAaS,EAAQT,IAAQS,KAE1D,IAAKS,EAAU,OAAO,KACtB,OAAOA,EAAS,SAAWA,EAAS,SAAWA,GAGzCtJ,EAAAnD,UAAA0M,mBAAA,WAAA,IAAAnR,EAAAC,KACN,IAAMmR,EAAKnR,KAAKmR,GAAK,IAAIC,kBAAiB,SAACC,GAA0B,OAAAtR,EAAKuR,sBAAsBD,MAChGF,EAAG7L,QAAQtF,KAAKyC,GAAI,CAAE8O,UAAW,KAAMC,QAAS,QAG1C7J,EAAAnD,UAAA8M,sBAAA,SAAsBG,GAAtB,IAAA1R,EAAAC,KAENA,KAAK0I,eAAiB1I,KAAKyC,GAAG2I,iBAAiB,kBAAkB5H,OACjExD,KAAK2I,gBAAkB3I,KAAKyC,GAAGwB,cAAc,mBAC7CjE,KAAK4I,cAAgB5I,KAAKyC,GAAGwB,cAAc,iBAE3C,IAAKwN,EAAW,CAEd,IAAIC,EAAiB1R,KAAKyC,GAAGwB,cAAc,yCAC3C,GAAIyN,EAAgB,CAClBrB,MAAMjE,KAAKsF,EAAeC,YACvB7B,QAAO,SAAA8B,GAAQ,OAAAA,EAAKC,WAAaD,EAAKE,YAAY/R,KAClDuQ,KAAI,SAAAsB,GAAQ,OAAA7R,EAAK6R,EAAKE,UAAYF,EAAKG,aAI5C,IAAIC,EAAgBhS,KAAKyC,GAAGwB,cAAc,wCAC1C,GAAI+N,EAAehS,KAAKiS,MAAQjS,KAAKiS,OAASD,EAAcE,UAG5D,IAAIC,EAAanS,KAAKyC,GAAG2I,iBAAiB,yCAE1CpL,KAAKmI,WAAa,MAClB,GAAIgK,GAAcA,EAAW3O,OAAQ,CACnC,IAAI4O,EAAU,GACdD,EAAW9G,SAAQ,SAACgH,GAClBD,EAAQE,KAAK,CACXL,MAAOI,EAAOJ,OAASI,EAAOE,UAC9BhJ,MAAO8I,EAAO9I,QAEhB,IAAK8I,EAAOnR,WAAamR,EAAO9I,MAAO,OAEvC,GAAIxJ,EAAKoJ,SAAWpJ,EAAKwJ,MAAwB+I,KAAKD,EAAO9I,YACxDxJ,EAAKwJ,MAAQ8I,EAAO9I,SAE3BvJ,KAAKwJ,QAAU4I,EAGjB,GAAID,EAAW3O,QAAUwO,GAAiBN,EAAgB,CAExD,IAAIc,EAAWxS,KAAKyC,GAAG2I,iBAAiB,mBACxC,GAAIoH,EAAUA,EAASnH,SAAQ,SAAAC,GAAK,OAAAA,EAAEmH,WAAWC,YAAYpH,MAG/DtL,KAAKmI,WAAa,KAGpB,GAAIsJ,IACDpB,MAAMjE,KAAKqF,EAAU,GAAGkB,YAAYpC,MAAK,SAAAqC,GAAQ,OAAAA,EAAKd,SAAS7E,gBAAkB,wBAClF,OAGF,IAAI4F,EAAW7S,KAAKyC,GAAG2I,iBAAiB,sBAExC,GAAIyH,GAAYA,EAASrP,OAAQ,CAC/B,IAAIsP,EAAU,GACdD,EAASxH,SAAQ,SAACgH,GAChBS,EAAQR,KAAK,CACXL,MAAOI,EAAOJ,OAASI,EAAOE,UAC9BhJ,MAAO8I,EAAO9I,QAEhB,IAAK8I,EAAOnR,WAAamR,EAAO9I,MAAO,OAEvC,GAAIxJ,EAAKoJ,SAAWpJ,EAAKwJ,MAAwB+I,KAAKD,EAAO9I,YACxDxJ,EAAKwJ,MAAQ8I,EAAO9I,SAE3BvJ,KAAKwJ,QAAUsJ,EAGjB9S,KAAKwL,gBAyGC7D,EAAAnD,UAAAoI,aAAA,WACN,OAAO5M,KAAK8O,UAAU7K,cAAc,eAyHtC0D,EAAAnD,UAAAwB,kBAAA,WACEhG,KAAK+N,kBAIL/N,KAAKyC,GAAGsQ,cAAc,IAAIC,YAAY,cAAe,CACnDC,OAAQjT,KAAKyC,OAKjBkF,EAAAnD,UAAA0O,qBAAA,WACExS,SAASqS,cAAc,IAAIC,YAAY,gBAAiB,CACtDC,OAAQjT,KAAKyC,MAIf,GAAIzC,KAAKmR,GAAInR,KAAKmR,GAAG/L,aACrB,GAAIpF,KAAK0O,QAAS1O,KAAK0O,QAAQC,WAGjChH,EAAAnD,UAAA2O,iBAAA,WACEnT,KAAKkR,qBACL,GAAIlR,KAAKmJ,SAAUnJ,KAAKyO,aACxBzO,KAAK6J,kBAGPlC,EAAAnD,UAAAoB,kBAAA,WACE5F,KAAKwO,cACLxO,KAAKsR,wBACLtR,KAAKoI,OAAS,OAGRT,EAAAnD,UAAA4O,YAAA,SAAYC,EAAiBC,GACnC,IAAIC,EAAuB,GAC3B,GAAID,IAAa,QAAS,CACxBC,EAAU,CAAEC,uBAAwB,UAC/B,CACLD,EAAU,CAAEtB,MAAS,KAAMwB,gBAAiBzT,KAAKiJ,WAEnD,IAAKjJ,KAAKiS,QAAUjS,KAAK0I,aAAc,OAEvC,OAAOxC,EAAA,QAAA,CAAOE,MAAOmN,EAASG,QAAS1T,KAAK8H,SAAU6L,GAAIN,GACpDrT,KAAU,OAAKA,KAAKiS,OACnBjS,KAAKiS,SAAWjS,KAAK0I,cAAiBxC,EAAA,OAAA,CAAMoB,KAAK,YAI1DK,EAAAnD,UAAAyB,OAAA,WAAA,IAAAlG,EAAAC,KACE,IAAMqT,EAAUrT,KAAK8H,SAAW,OAChC,IAAM8L,EAAS5T,KAAKgJ,iBAAmBhJ,KAAK2I,cAAgB3I,KAAK8H,SAAW,UAAY,GACxF,IAAM+L,EAAS7T,KAAK8H,SAAW,QAE/B9H,KAAKgI,IAAOhI,KAAKyC,GAAGqE,cAA2BD,MAAQ,MACvD7G,KAAK4H,UAAY,GACjB5H,KAAK6H,WAAa,GAElB,GAAI7H,KAAK8T,eAAiB9T,KAAKwJ,QAAQ,IAAMxJ,KAAKwJ,QAAQ,GAAG,WAAaxJ,KAAK8T,aAAc,CAC3F9T,KAAKwJ,QAAQuK,QAAQ,CAAE9B,MAAOjS,KAAK8T,YAAavK,MAAO,KAGzD,IAAIyK,EAAahU,KAAKyI,SAEtB,IAAIwL,EACJ,GAAIjU,KAAKmJ,SAAU,CACjB,IAAI+K,EAAQhO,EAAA,QAAA,CAAOE,MAAM,cACvBuN,GAAI3T,KAAK8H,SACTX,IAAK,SAAAgN,GAAS,OAAApU,EAAKqN,WAAa+G,GAChCnT,SAAUhB,KAAKgB,SACfoT,UAAWpU,KAAK8I,UAChBuL,aAAa,MACbC,QAAStU,KAAKwM,aACdjD,MAAOvJ,KAAKkI,eACZqM,aAAcvU,KAAKiH,QACnBuN,YAAaxU,KAAKiH,QAClBI,QAASrH,KAAKqH,QACdT,OAAQ5G,KAAKyL,iBACbqI,YAAa9T,KAAK8T,cAAgB9T,KAAKkJ,aAAelJ,KAAKuJ,MAAM/F,OAASxD,KAAK8T,YAAc,GAC7FW,KAAMzU,KAAKmJ,SAAW,WAAa,GAAEuL,kBACpBrB,EAAU,IAAMO,EAAMe,gBACxBd,EAAMe,gBACNZ,EAAa,OAAS,QAAOa,gBAC7B7U,KAAKqJ,SAAW,OAAS,QAAOyL,oBAC7B,SAGpB,KAAM9U,KAAKuJ,MAAM/F,OAAQ,CACvByQ,EAAejU,KAAKuJ,MAAwB+G,KAAI,SAACE,EAAKuE,GACpD,IAAI9C,EAAQlS,EAAKyJ,QAAQ+G,MAAK,SAAAR,GAC5B,OAAOA,EAAI,SAAYA,EAAI,WAAaS,EAAQT,IAAQS,KAE1DyB,EAAQA,GAASA,EAAM,SAAWA,EAAM,SAAWzB,EAEnD,IAAIwE,EAAW9O,EAAA,OAAA,CACbwF,YAAa3L,EAAK2L,YAClBK,YAAahM,EAAKgM,YAClBD,UAAW/L,EAAK+L,UAChBmJ,UAAS,KAAAC,aACG1E,EACZrJ,IAAK,SAAAgO,GAAQ,OAAApV,EAAK8H,WAAWyK,KAAK6C,IAClC/O,MAAM,eAENF,EAAA,OAAA,KAAO+L,GACP/L,EAAA,SAAA,CACEE,MAAM,qBACNgP,KAAK,SACL5N,SAAS,KACT6N,WAAY,WAAQtV,EAAKuN,YAAYkD,IACrC8E,UAAW,WAAQvV,EAAKuN,YAAYkD,KACrCtK,EAAA,YAAA,CAAWoB,KAAK,kBAGnB,GAAIyN,IAAM,GAAKhV,EAAKsI,gBAAkB,EAAG2M,EAAW,CAACd,EAAOc,QACvD,GAAID,IAAMhV,EAAKsI,gBAAiB2M,EAAW,CAACA,EAAUd,GAC3D,OAAA,UAEGD,EAAcC,EAGvB,OACEhO,EAACC,EAAI,CACHiP,KAAMpV,KAAKmJ,SAAW,kBAAoB,aAAYoM,gBACvCvV,KAAKgB,SAAW,OAAS,KACxCoF,MAAKoP,OAAAC,OAAAD,OAAAC,OAAA,GACAC,EAAmB1V,KAAK2V,QAAM,CACjCC,cAAgB5V,KAAKuJ,MAAM/F,UAAYxD,KAAKkI,eAAe1E,OAC3D+C,YAAavG,KAAKa,SAClBgV,aAAc7V,KAAK6I,QACnBiN,YAAc9V,KAAKiS,QAAU,OAASjS,KAAKkJ,WAC3C6M,kBAAoB/V,KAAKiS,QAAU,MAAQjS,KAAKkJ,WAChDlB,IAAOhI,KAAKgI,IACZgO,eAAgBhW,KAAKmJ,SACrB8M,kBAAmBjW,KAAKyI,SACxByN,cAAelW,KAAKyJ,YACpB0M,OAAUnW,KAAK0J,KACf/C,OAAU3G,KAAKS,WAEjBwG,QAASjH,KAAK8M,cAEX9M,KAAKkJ,YACNlJ,KAAKoT,YAAYC,GAEnBnN,EAAA,MAAA,CAAKE,MAAM,SAASe,IAAK,SAAAI,GAAO,OAAAxH,EAAK8O,WAAatH,IAE9CvH,KAAe,YACfA,KAAKoT,YAAYC,EAAS,SAE5BnN,EAAA,MAAA,CAAKE,MAAO,CACVgQ,qBAAsB,KACtBC,+BAAgCrW,KAAKmJ,YAElCnJ,KAAKmJ,UAAYnJ,KAAK0J,MACvBxD,EAAA,MAAA,CAAKE,MAAM,eACRpG,KAAKgR,SAAShR,KAAKuJ,QAGtBvJ,KAAa,UAAK,CAClBkG,EAAA,MAAA,CAAKE,MAAM,cAAc6N,GACzB/N,EAAA,KAAA,CAAIuO,KAAK,UACPtN,IAAK,SAAAmP,GAAM,OAAAvW,EAAK+O,UAAYwH,GAAEC,uBACT,OAAM1B,gBACZ7U,KAAKqJ,SAAQuL,gBACbZ,EAAa,OAAS,QAAOwC,eAC9BxC,EACdyC,QAASzC,EACTL,GAAIE,EACJzN,MAAO,CACLsQ,mBAAoB,KACpBC,yBAA0B3C,IAG1BhU,KAAKsJ,mBAAqBtJ,KAAKkI,eAAe1E,OAAS,GACvD0C,EAAA,KAAA,CAAAgP,aACclV,KAAKkI,eACjBuM,KAAK,SACLjN,SAAS,KACTL,IAAK,SAAAyP,GAAM,OAAA7W,EAAK6H,UAAU0K,KAAKsE,IAC/BpC,YAAa,WAAQzU,EAAK+N,SAAS/N,EAAKmI,iBACxCb,QAASrH,KAAK0M,YAAU,OACpB1M,KAAKkI,gBAEZlI,KAAKsI,UAAUgI,KAAI,SAAA+B,GAClB,IAAIwE,EAAQ5E,EACZ,GAAII,EAAO,SAAU,CACnBwE,EAASxE,EAAO,SAChBJ,EAAQI,EAAO,UAAYA,EAAO,cAC7B,UAAWA,IAAW,SAAU,CACrCwE,EAASxE,EACTJ,EAAQ4E,EAEV,IAAKA,EAAQ,OACb,OACE3Q,EAAA,KAAA,CACEuO,KAAK,SACLtH,IAAK0J,EAAM3B,aACC2B,EACZ1P,IAAK,SAAAyP,GAAM,OAAA7W,EAAK6H,UAAU0K,KAAKsE,IAC/BpP,SAAS,KAAIsP,gBACE/W,EAAKgR,WAAW8F,GAAU,OAAS,QAClDrC,YAAa,WAAQzU,EAAK+N,SAAS+I,IACnCxP,QAAStH,EAAK2M,YACduF,OAIR/L,EAAA,SAAA,CACEyN,GAAI3T,KAAK8H,SAAW,UACpB1B,MAAM,gBACNe,IAAK,SAAA4P,GAAU,OAAAhX,EAAK+J,aAAeiN,GAAMrC,kBACxBrB,EAAU,IAAMO,EACjC5S,SAAUhB,KAAKgB,SACfgW,KAAMhX,KAAKgX,KACX7N,SAAUnJ,KAAKmJ,SACf7B,KAAMtH,KAAKsH,KACX+B,SAAUrJ,KAAKqJ,SACf4N,UAAWjX,KAAK2K,eACf3K,KAAKuJ,MAAwB+G,KAAI,SAAAE,GAClC,OAAQtK,EAAA,SAAA,CAAQqD,MAAOiH,EAAKtP,SAAQ,MAAEsP,SAIvCxQ,KAAKmJ,UACNjD,EAAA,SAAA,CACEyN,GAAI3T,KAAK8H,SACT1B,MAAM,gBACNe,IAAK,SAAA4P,GAAU,OAAAhX,EAAK+J,aAAeiN,GAAMrC,kBACxBrB,EAAU,IAAMO,EACjC5S,SAAUhB,KAAKgB,SACfgW,KAAMhX,KAAKgX,KACX5C,UAAWpU,KAAK8I,UAChBK,SAAUnJ,KAAKmJ,SACf7B,KAAMtH,KAAKsH,KACX+B,SAAUrJ,KAAKqJ,SACf6N,KAAMlX,KAAKkX,KACXtQ,OAAQ5G,KAAK4G,OACbS,QAASrH,KAAKqH,QACd4P,UAAWjX,KAAK2K,cAChBG,SAAU9K,KAAK8K,UAEd9K,KAAKwJ,QAAQ8G,KAAI,SAAC+B,EAAQ0C,GACzB,GAAI1C,EAAO,UAAYA,EAAO,SAC5B,OAAQnM,EAAA,SAAA,CACNiH,IAAMkF,EAAO,SAAY0C,EACzB9C,MAAOI,EAAO,SACd9I,MAAO8I,EAAO,SACdnR,SAAUmR,EAAO,WAAatS,EAAKwJ,QAAWxJ,EAAKwJ,QAAU8I,EAAO,SACpErR,UAAWqR,EAAO,UAAYtS,EAAKsJ,UAAWgJ,EAAO,SAAWA,EAAO,SAAWA,EAAO,eAG3F,OAAQnM,EAAA,SAAA,CACNiH,IAAMkF,EAAoB0C,EAC1BxL,MAAO8I,EACPnR,SAAUmR,IAAWtS,EAAKwJ,OACzB8I,MAGPnM,EAAA,OAAA,CAAMoB,KAAK,YAGbtH,KAAKyJ,cAAgBzJ,KAAKoJ,WAAapJ,KAAKgB,UAC5CkF,EAAA,SAAA,CACEkP,KAAK,SACLhP,MAAM,oBACNoB,SAAS,KACT6N,WAAYrV,KAAKmL,iBACjBmK,UAAWtV,KAAKmL,kBACjBjF,EAAA,YAAA,CAAWoB,KAAK,iBAEnBpB,EAAA,MAAA,CACEmP,WAAYrV,KAAKiH,QACjBqO,UAAWtV,KAAKiH,QAChBb,MAAM,oBACFpG,KAAgB,YAAIkG,EAAA,OAAA,CAAMoB,KAAK,SAAYpB,EAAA,YAAA,CAAWoB,KAAK,6BAInEtH,KAAKgJ,iBAAmBhJ,KAAK2I,gBAC7BzC,EAAA,MAAA,CAAKE,MAAM,OAAOuN,GAAIC,KAChB5T,KAAKgJ,gBAAkB9C,EAAA,MAAA,CAAKE,MAAM,SAASpG,KAAKwI,cAAsB,GAC1EtC,EAAA,MAAA,CAAKE,MAAM,UACTF,EAAA,OAAA,CAAMoB,KAAK,ygBA1jCN,IAmkCnB,IAAIS,EAAY","sourcesContent":["@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/form';\n\n:host {\n  // --padding-top: inherit;\n  // --padding-bottom: inherit;\n  // --padding-start: inherit;\n  // --padding-end: inherit;\n  // --margin: inherit;\n\n  // --secondary-padding-top: inherit;\n  // --secondary-padding-bottom: inherit;\n  // --secondary-padding-start: inherit;\n  // --secondary-padding-end: inherit;\n\n  // --border-bottom: inherit;\n  // --icon-size: inherit;\n\n  // --color: inherit;\n  // --color-hover: inherit;\n  // --color-focus: inherit;\n  // --color-selected: inherit;\n  // --color-open: inherit;\n\n  // --bg-color: inherit;\n  // --bg-color-hover: inherit;\n  // --bg-color-selected: inherit;\n  // --bg-color-open: inherit;\n  // --bg-color-focus: inherit;\n\n  // --secondary-bg-color: inherit;\n  // --secondary-color: inherit;\n\n  opacity: inherit;\n  display: block;\n  color: var(--color) !important;\n  margin: var(--margin);\n\n  ::slotted(*),\n  * {\n    box-sizing: border-box;\n  }\n\n  ::slotted(button),\n  button {\n    background: none;\n    border: none;\n  }\n\n  ::slotted(button),\n  ::slotted(a),\n  ::slotted(a:visited),\n  button,\n  a,\n  a:visited {\n    @include text-inherit();\n    @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));\n    display: var(--display, block);\n    white-space: nowrap;\n\n    color: var(--color) !important;\n    background-color: var(--bg-color);\n  }\n\n  ::slotted(nano-icon[slot=\"icon-start\"]) {\n    @include padding(null, var(--padding-end), null, null);\n  }\n\n  ::slotted(nano-icon[slot=\"icon-end\"]) {\n    @include padding(null, null, null, var(--padding-start));\n  }\n\n  .link {\n\n    &::slotted(nano-icon[slot=\"icon-start\"]),\n    ::slotted(nano-icon[slot=\"icon-start\"]) {\n      @include padding(null, 0, null, var(--padding-start));\n    }\n\n    &::slotted(nano-icon[slot=\"icon-end\"]),\n    ::slotted(nano-icon[slot=\"icon-end\"]) {\n      @include padding(null, var(--padding-end), null, 0);\n    }\n  }\n\n  .link,\n  button,\n  a {\n    border-bottom: var(--border-bottom);\n    display: flex;\n    align-items: center;\n  }\n\n  .secondary-menu {\n    display: none;\n  }\n\n  ::slotted(a:hover),\n  ::slotted(button:hover),\n  .link:hover,\n  button:hover,\n  a:hover {\n    text-decoration: inherit !important;\n  }\n\n  button:focus,\n  a:focus {\n    color: var(--color-focus, var(--color-hover, var(--color))) !important;\n    background-color: var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));\n    outline: var(--focus-outline, none);\n  }\n\n  ::slotted(a:focus),\n  ::slotted(button:focus) {\n    color: var(--color-focus, var(--color-hover, var(--color))) !important;\n    background-color: var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));\n    outline: none;\n  }\n}\n\n.nav-item {\n\n  &.selected {\n    .link,\n    button,\n    a {\n      color: var(--color-selected, var(--color-open, var(--color))) !important;\n      background-color: var(--bg-color-selected, var(--bg-color-open, var(--bg-color)));\n    }\n  }\n\n  &.secondary-open {\n    button,\n    a {\n      color: var(--color-open, var(--color-selected, var(--color))) !important;\n      background-color: var(--bg-color-open, var(--secondary-bg-color, var(--bg-color-selected, var(--bg-color))));\n    }\n  }\n\n  &.disabled {\n    opacity: .6;\n\n    button,\n    a {\n      color: var(--color-disabled, var(--color)) !important;\n    }\n  }\n\n  &:not(.nano-menu) {\n    ::slotted(a:hover),\n    ::slotted(button:hover),\n    .link:hover,\n    button:hover,\n    a:hover {\n      color: var(--color-hover, var(--color-hover, var(--color))) !important;\n      background-color: var(--bg-color-hover, var(--bg-color-focus, var(--bg-color)));\n    }\n  }\n\n}\n\n\n:host(.has-focus) {\n  .link {\n    color: var(--color-focus, var(--color-hover, var(--color))) !important;\n    background-color: var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));\n    outline: var(--focus-outline, 5px auto -webkit-focus-ring-color);\n  }\n}\n\n\n:host(.nano-global-nav-menu),\n:host(.nano-menu) {\n\n  a,\n  a:visited,\n  button,\n  .link {\n    display: flex;\n    justify-content: flex-start;\n    flex-direction: row;\n    align-items: center;\n    color: 'currentColor';\n    text-decoration: inherit;\n    white-space: normal;\n    cursor: pointer;\n    line-height: 1.2;\n    width: 100%;\n  }\n\n  .text {\n    @include padding(null, var(--padding-end), null, 0);\n    flex: 1;\n  }\n\n  ::slotted(a),\n  ::slotted(button) {\n    flex: 1;\n  }\n\n  ::slotted(a:focus),\n  ::slotted(button:focus) {\n    box-shadow: none;\n  }\n\n  .secondary-menu {\n    display: none;\n    position: absolute;\n    color: var(--secondary-color, 'currentColor');\n    min-height: 100%;\n    top: 0;\n    left: 0;\n    width: 100%;\n    z-index: 1;\n    opacity: 0;\n    transition: opacity .2s ease, transform .3s ease;\n    background-color: var(--secondary-bg-color, white);\n    transform: translateX(100%);\n\n    &:focus {\n      outline: none;\n    }\n\n    &.open {\n      opacity: 1;\n      transform: translateX(0);\n      transition: opacity .3s ease, transform .2s ease;\n    }\n  }\n}\n\n:host(.nano-global-nav-menu) {\n\n  ::slotted(nano-icon[slot=\"icon-start\"]) {\n    @include padding(0, var(--padding-end), 0, 0);\n  }\n\n  ::slotted(nano-icon[slot=\"icon-end\"]) {\n    @include padding(0, var(--padding-end), 0, 0);\n    font-size: 10px;\n    flex: 0 0 10px;\n    pointer-events: none;\n  }\n\n  button, a {\n    ::slotted(nano-icon[slot=\"icon-end\"]) {\n      padding: 0;\n    }\n  }\n}\n\n:host(.nano-global-nav-menu[dir=rtl]),\n:host(.nano-menu[dir=rtl]) {\n  .secondary-menu {\n    left: auto;\n    right: 0;\n    transform: translateX(-100%);\n\n    &.open {\n      transform: translateX(0);\n    }\n  }\n}\n\n:host(.nano-menu) {\n  .secondary-menu-content {\n    @include padding(var(--secondary-padding-top), var(--secondary-padding-end), var(--secondary-padding-bottom), var(--secondary-padding-start));\n  }\n}\n\n// I'm sorry. Horrible IE fixes for collapsing stuff :/\n:host(.nano-global-nav-bar.legacy) {\n  margin: 0 11px;\n\n  ::slotted(a) {\n    @include padding(7px, 6px, 7px, 6px);\n  }\n}\n\n:host(.nano-global-nav-menu.legacy) {\n\n  ::slotted(a) {\n    @include padding(8px, 12px, 8px, 12px);\n  }\n}\n\n:host(.nano-global-nav-bar) {\n\n  .link,\n  a,\n  button {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n  }\n\n  .text {\n    flex: 1 0 auto;\n  }\n\n  ::slotted(nano-icon[slot=\"icon-end\"]) {\n    @include margin(0, 0, 0, var(--padding-end));\n  }\n\n  ::slotted(nano-icon[slot=\"icon-start\"]) {\n    @include margin(0, var(--padding-start), 0, 0);\n  }\n}\n\n:host(.nano-global-nav-bar.has-secondary) {\n\n  button {\n    position: relative;\n\n    &::before {\n      content: '';\n      background: rgb(134, 190, 226);\n      height: 3px;\n      left: 5px;\n      bottom: -14px;\n      right: 5px;\n      position: absolute;\n      transform: translateZ(0) scaleX(0);\n      transform-origin: 0;\n      transition: .2s ease transform;\n    }\n  }\n\n  .selected button::before, .secondary-open button::before {\n    transform: translateZ(0) scaleX(1);\n  }\n\n  .secondary-open button::before {\n    opacity: .5;\n  }\n\n  .secondary-menu {\n    display: none;\n    transition: transform .3s ease;\n    transform: translateY(-100%) translateZ(0);\n    background-color: var(--secondary-bg-color, #196c82);\n    color: var(--secondary-color);\n    position: absolute;\n    box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.15);\n    left: 0;\n    right: 0;\n    z-index: -2;\n\n    &.open {\n      transform: translateY(12px) translateZ(0);\n    }\n\n    &:focus {\n      outline: none;\n    }\n  }\n}\n\n:host(.nano-menu-drawer) {\n\n  .link,\n  a,\n  button {\n    @include padding(calc(var(--padding-top)/2), 0, calc(var(--padding-bottom)/2), var(--padding-start));\n    display: flex;\n    justify-content: flex-start;\n    flex-direction: row;\n    align-items: center;\n    color: currentColor;\n    text-decoration: inherit;\n    white-space: normal;\n    border: none;\n    cursor: pointer;\n    line-height: 1.2;\n    width: 100%;\n  }\n\n  .text {\n    @include padding(null, var(--padding-end), null, 0);\n    text-align: left;\n    flex: 0 1 auto;\n    min-width: 130px;\n    width: 130px;\n  }\n\n  ::slotted(nano-icon[slot=\"icon-start\"]) {\n    @include padding(0, var(--padding-end), 0, 0);\n    font-size: var(--icon-size);\n    width: var(--icon-size);\n    flex: 0 0 var(--icon-size);\n  }\n\n  ::slotted(nano-icon[slot=\"icon-end\"]) {\n    @include padding(0, var(--padding-end), 0, 0);\n    font-size: 10px;\n    flex: 0 0 20px;\n    min-width: 20px;\n  }\n\n  .secondary-menu {\n    display: none;\n    position: absolute;\n    background-color: var(--secondary-bg-color);\n    color: var(--secondary-color);\n    height: 100vh;\n    top: 0;\n    right: 0;\n    left: auto;\n    bottom: 0;\n    transform: translateX(0);\n    z-index: -1;\n    transition: transform .3s ease, opacity .2s ease;\n    overflow-y: auto;\n    width: var(--secondary-width, 400px);\n    max-width: 62vw;\n    opacity: 1;\n    @include padding(var(--secondary-padding-top, var(--padding-top)), var(--secondary-padding-end, var(--padding-end)), var(--secondary-padding-bottom, var(--padding-bottom)), var(--secondary-padding-start, var(--padding-start)));\n\n    &:focus {\n      outline: none;\n    }\n\n    &.open {\n      transform: translateX(100%);\n      // opacity: 1;\n    }\n  }\n}\n\n:host(.nano-menu-drawer.legacy) {\n\n  .link,\n  a,\n  button {\n    width: auto;\n  }\n\n  ::slotted(nano-icon[slot=\"icon-end\"]) {\n    @include padding(0, calc(var(--padding-end) * 2), 0, 0);\n    font-size: 10px;\n    flex: 0 0 20px;\n    min-width: 20px;\n  }\n}\n\n:host(.nano-menu-drawer[dir=rtl]) {\n\n  .text {\n    text-align: right;\n  }\n\n  .secondary-menu {\n    right: auto;\n    left: 0;\n    transform: translateX(0%);\n\n    &.open {\n      transform: translateX(-100%);\n      opacity: 1;\n    }\n  }\n}\n","import { Component, h, Host, Element, Prop, Watch, EventEmitter, Event, State, Method, ComponentInterface } from '@stencil/core';\nimport { displayTransition, getDirectChildren, getSiblings } from '../../utils/utils';\nimport { NavItemEventDetail } from '../../interface';\n\n/**\n * Nav items to be used with the various nav items.\n * [Globla-Nav](/story/compounds-global-nav)\n * [Menu-Drawer](/story/components-menu-drawer)\n * [Dropdown](/story/components-dropdown)\n */\n@Component({\n  tag: 'nano-nav-item',\n  styleUrl: 'nav-item.scss',\n  shadow: true\n})\nexport class NavItem implements ComponentInterface {\n  private hasSecondarySlot: boolean = false;\n  private hasAnchorEle: boolean = false;\n  private secondaryDiv: HTMLDivElement;\n  private btn: HTMLButtonElement | HTMLAnchorElement;\n  private didBlur: boolean = false;\n  private fromHover: boolean;\n  private animating: boolean = false;\n  private waitHide: number;\n  private waitShow: number;\n  private globalNavEle?: HTMLNanoGlobalNavElement;\n\n  @State() didOpen: boolean = false;\n  @State() isInGlobalNav: boolean = false;\n  @State() isInMenuDrawer: boolean = false;\n  @State() isInMenu: boolean = false;\n  @State() isLegacy: boolean = !document.head.attachShadow;\n  @State() hasFocus: boolean = false;\n  @Element() private el: HTMLNanoNavItemElement;\n\n  /**\n   * Href to link to\n   */\n  @Prop() href: string = null;\n\n  /**\n   * Target to use for links\n   */\n  @Prop() target: '_self' | '_blank' | '_parent' | '_top' = '_self';\n\n  /**\n   * Disable the nav item\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether a secondary menu should be or is currently open\n   */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /**\n   * Whether this menu item is currently 'selected'\n  */\n  @Prop({ reflect: true }) selected: boolean = false;\n\n  /**\n   * Screen pixel width to activate the secondary menu\n  */\n  @Prop() secondaryActiveWidth: number = 0;\n\n  /**\n   * Secondary fallback function for when the secondary menu is no longer active.\n   */\n  @Prop() secondaryFallback = () => {};\n\n  /**\n   * Whether secondary menus should close on blur\n  */\n  @Prop() closeOnBlur: boolean = true;\n\n  /**\n   * Emitted when the nav item closes it's secondary navigation.\n   */\n  @Event() nanoClose!: EventEmitter<NavItemEventDetail>;\n\n  /**\n   * Emitted when the nav item opens it's secondary navigation.\n   */\n  @Event() nanoOpen!: EventEmitter<NavItemEventDetail>;\n\n  /**\n   * Emitted when the nav item is about to open it's secondary navigation.\n   */\n  @Event() nanoOpening!: EventEmitter<NavItemEventDetail>;\n\n  /**\n   * Emitted when the nav item is about to close it's secondary navigation.\n   */\n  @Event() nanoClosing!: EventEmitter<NavItemEventDetail>;\n\n  /**\n   * Emitted when the nav item loses focus.\n   */\n  @Event() nanoBlur!: EventEmitter<void>;\n\n  /**\n   * Emitted when the nav item has focus.\n   */\n  @Event() nanoFocus!: EventEmitter<void>;\n\n  /**\n   * Sets focus on the first button or anchor present. Use this method instead of the global\n   * `element.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if (!this.btn) return;\n    this.btn.focus()\n  }\n\n  /**\n   * Public open watcher\n   */\n  @Watch('open')\n  openChange() {\n    this.open ? this.openSecondary() : this.closeSecondary();\n  }\n\n  /**\n   * Internal open watcher\n   */\n  @Watch('didOpen')\n  didOpenChange() {\n    if (!this.hasSecondarySlot) return;\n\n    if (!this.didOpen) {\n      /* the secondadry panel is not closing via hover,\n      remove blur events, add focus back to originating button */\n      if (!this.fromHover) {\n        this.btn.removeEventListener('focusout', this.blur);\n        this.secondaryDiv.removeEventListener('focusout', this.blur);\n      }\n      setTimeout(() => {\n        if (!this.fromHover && !this.didBlur) this.btn.focus({ preventScroll: true })\n        this.nanoClose.emit({ secondaryMenu: this.secondaryDiv });\n      }, 50)\n    } else {\n      this.didBlur = false;\n\n      /* the secondadry panel is not opening via hover,\n      scroll content into view, focus on it and add blur events */\n      if (!this.fromHover) {\n        const panelio = new (window as any).IntersectionObserver(\n          (data: IntersectionObserverEntry[]) => {\n            if (data[0].boundingClientRect.top < 0) {\n              this.secondaryDiv.scrollIntoView({\n                behavior: 'smooth'\n              });\n            }\n            panelio.disconnect();\n          },\n          { threshold: 1 }\n        );\n        panelio.observe(this.secondaryDiv);\n        this.secondaryDiv.focus({ preventScroll: true });\n\n        this.btn.addEventListener('focusout', this.blur);\n        this.secondaryDiv.addEventListener('focusout', this.blur);\n        window.addEventListener('blur', this.blur);\n\n        this.el.tabIndex = -1;\n        this.nanoOpen.emit({ secondaryMenu: this.secondaryDiv });\n      }\n    }\n  }\n\n  private closeSecondary = async () => {\n    this.open = false;\n    if (!this.hasSecondarySlot || !this.didOpen) return;\n\n    this.nanoClosing.emit({ secondaryMenu: this.secondaryDiv });\n    let status = await displayTransition(this.secondaryDiv, 'open', false);\n    this.didOpen = status !== 'hidden';\n  }\n\n  private openSecondary = async () => {\n    if (window.innerWidth < this.secondaryActiveWidth) {\n      this.secondaryFallback.call(this);\n      return;\n    }\n    this.open = true;\n    if (!this.hasSecondarySlot || this.didOpen) return;\n\n    this.nanoOpening.emit({ secondaryMenu: this.secondaryDiv });\n    let status = await displayTransition(this.secondaryDiv, 'open', true);\n    this.didOpen = status === 'shown';\n  }\n\n  private toggleSecondary = () => {\n    if (!this.hasSecondarySlot) return;\n    if (this.didOpen) this.closeSecondary();\n    else this.openSecondary();\n  }\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    // opens secondary panel when activated via hover\n    if (this.href && !this.animating && this.hasSecondarySlot) this.openSecondary();\n    this.nanoFocus.emit();\n  }\n\n  private handleHostBlur = () => {\n    if (this.animating) return;\n\n    // tab index is added to host when secondary panel opens\n    // to return focus after secondary panel closes. Remove now if it was added\n    this.el.removeAttribute('tabindex');\n    this.hasFocus = false;\n    this.nanoBlur.emit();\n  }\n\n  // direct host clicks to internal button\n  private handleHostClick = (ev: MouseEvent) => {\n    if (!this.hasAnchorEle) return;\n    let foundlink = (ev.target as HTMLElement).closest('a, button');\n    if (!foundlink) this.btn.click();\n  }\n\n  // handles secondary menu hover behaviour.\n  private handleMouseEnter = async () => {\n    if (!this.href || this.animating || !this.hasSecondarySlot\n      || (this.globalNavEle && !this.globalNavEle.classList.contains('ready'))) return;\n\n    // if there are sibling secondary panels currently open,\n    // we need to wait before opening otherwise we get unwanted overlapping\n    let timeToWait = 0;\n    if (getSiblings(this.el, '.secondary-open.has-secondary').length) timeToWait = 300;\n\n    clearTimeout(this.waitHide);\n    this.fromHover = true;\n    this.animating = true;\n    this.waitShow = window.setTimeout(async () => await this.openSecondary(), timeToWait);\n    this.animating = false;\n  }\n\n  // handles secondary menu hover-out behaviour.\n  private handleMouseLeave = () => {\n    if (!this.href) return;\n    clearTimeout(this.waitShow);\n    this.fromHover = true;\n    this.animating = true;\n\n    // prevent closing immediately - makes navigating to items within more forgiving\n    this.waitHide = window.setTimeout(async () => await this.closeSecondary(), 300);\n    this.animating = false;\n  }\n\n  private handleClick = () => {\n    this.fromHover = false;\n    if (this.hasSecondarySlot) this.toggleSecondary();\n    else this.el.querySelector<HTMLElement>('*').click();\n  }\n\n  // utility to traverse up, to see if element is nested within current nav-item\n  private foundThisNavEle(el: HTMLElement): boolean {\n    let found = el.closest('nano-nav-item');\n    found = found === el ? el.parentElement.closest('nano-nav-item') : found;\n\n    if (!found) return false;\n    if (found === this.el) return true;\n    return this.foundThisNavEle(found);\n  }\n\n  private blur = (ev: FocusEvent) => {\n    if (!this.didOpen || this.animating) return;\n    if (!this.closeOnBlur) return;\n\n    // if event is associated with this element don't close\n    if (ev && ev.relatedTarget) {\n      if (ev.relatedTarget === this.el || ev.relatedTarget === this.btn\n        || this.foundThisNavEle((ev.relatedTarget as HTMLElement))) {\n          this.secondaryDiv.focus({ preventScroll: true });\n          return\n      };\n    }\n\n    this.btn.removeEventListener('focusout', this.blur);\n    this.secondaryDiv.removeEventListener('focusout', this.blur);\n    window.removeEventListener('blur', this.blur);\n\n    this.didBlur = true;\n\n    this.open = false;\n    if (!ev.relatedTarget) setTimeout(() => { this.el.focus({ preventScroll: true }) }, 50)\n  }\n\n  componentWillLoad() {\n    let secondaryEle = this.el.querySelector('[slot=\"secondary\"]');\n    this.hasSecondarySlot = !!secondaryEle;\n\n    let link = getDirectChildren(this.el, 'a, button')[0] as HTMLAnchorElement | HTMLButtonElement;\n    this.hasAnchorEle = !!link;\n\n    if (link) {\n      this.href = (link as HTMLAnchorElement).href ? (link as HTMLAnchorElement).href : null;\n      this.btn = link;\n      if (this.hasSecondarySlot) this.btn.addEventListener('click', this.toggleSecondary);\n\n      this.btn.addEventListener('focus', this.handleFocus);\n      this.btn.addEventListener('blur', this.handleHostBlur);\n    }\n  }\n\n  connectedCallback() {\n    this.isInGlobalNav = false;\n    this.isInMenuDrawer = false;\n    this.globalNavEle = this.el.closest('nano-global-nav');\n\n    this.isInMenuDrawer = !!this.el.closest('nano-menu-drawer');\n    this.isInMenu = !!this.el.closest('nano-menu');\n    this.isInGlobalNav = this.el.parentElement === this.globalNavEle || !!this.el.closest('.global-nav');\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'has-secondary': this.hasSecondarySlot,\n          'secondary-open': this.open,\n          'selected': this.selected,\n          'has-focus': this.hasFocus,\n          'disabled': this.disabled,\n          'nano-global-nav': this.isInGlobalNav,\n          'nano-menu-drawer': this.isInMenuDrawer,\n          'nano-menu': this.isInMenu,\n          'legacy': this.isLegacy\n        }}\n        onBlur={this.handleHostBlur}\n        dir={(this.el.ownerDocument as Document).dir === 'rtl' ? 'rtl' : null}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        onClick={this.handleHostClick}\n      >\n        <div class={{\n          'nav-item': true,\n          'secondary-open': this.open,\n          'selected': this.selected\n        }}>\n          {(this.href && !this.hasAnchorEle && !this.disabled) &&\n            <a\n              target={this.target}\n              ref={a => this.btn = a}\n              href={this.href}\n              onFocus={this.handleFocus}\n            >\n              <slot name=\"icon-start\" />\n              <span class=\"text\"><slot /></span>\n              <slot name=\"icon-end\" />\n            </a>\n          }\n          {((!this.hasAnchorEle && !this.href) || this.disabled) &&\n            <button\n              ref={btn => this.btn = btn}\n              onClick={this.handleClick}\n              onFocus={this.handleFocus}\n              disabled={this.disabled}\n            >\n              <slot name=\"icon-start\" />\n              <span class=\"text\"><slot /></span>\n              <slot name=\"icon-end\" />\n            </button>\n          }\n          {(this.hasAnchorEle && !this.disabled) &&\n            <div class=\"link\">\n              <slot name=\"icon-start\" />\n              <slot />\n              <slot name=\"icon-end\" />\n            </div>\n          }\n          {(this.hasSecondarySlot && !this.disabled) &&\n            <div class=\"secondary-menu\" ref={div => this.secondaryDiv = div} tabindex=\"-1\">\n              <div class=\"secondary-menu-content\">\n                <slot name=\"secondary\" />\n              </div>\n              <div class=\"secondary-menu-mask\" onClick={this.closeSecondary}></div>\n            </div>\n          }\n        </div>\n      </Host>\n    )\n  }\n}\n","@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/form';\n@import '../../global/style/nano-theme/layers';\n@import '../input/input.vars';\n\n:host {\n  @include inputVars;\n\n  position: relative;\n  width: 100%;\n  /* stylelint-disable-next-line all */\n  padding: 0 !important;\n  font-family: $font-family-base;\n  display: inline-block;\n}\n\n:host(.nano-color) {\n  --input-border-style--focus: #{$input-border-style} var(--nano-color-tint, #{nano-color(primary, tint)});\n  --multi-input-value-bg: var(--nano-color-tint-rgb);\n  --multi-input-value-border: var(--nano-color-shade);\n  --multi-input-value-text-color: var(--nano-color-contrast);\n  color: current-color(base);\n}\n\n:host-context(nano-item:not(.item-label)) {\n  --padding-start: 0;\n}\n\n:host([disabled]:not([disabled=\"false\"])) {\n  opacity: .7;\n\n  * {\n    pointer-events: none !important;\n  }\n}\n\n:host(.has-focus) {\n  .select {\n    z-index: 10;\n  }\n}\n\nlabel,\n.more, .error, .helper {\n  display: block;\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n\n  &.visually-hide {\n    @include visually-hide;\n  }\n}\n\n\n.placeholder-as-label {\n  @include padding(0, 0, 0, var(--padding-start));\n  color: var(--input-text-color);\n  position: absolute;\n  font-size: 1.4em;\n  transform: translateY(-50%);\n  transform-origin: top left;\n  top: 50%;\n  transition: .125s ease-in;\n  opacity: .7;\n  pointer-events: none;\n\n  :host(.is-invalid) & {\n    color: var(--invalid-msg-color);\n  }\n\n  :host(.has-value) & {\n    transform: translateY(-110%);\n    font-size: .9em;\n  }\n\n  :host(.has-focus.has-multiple) &,\n  :host(.has-value.has-multiple) & {\n    transform: translateY(-75%);\n    font-size: .9em;\n  }\n\n  :host(.has-multiple) & {\n    top: 1.5em;\n  }\n\n  &~.native-select-wrap {\n    font-size: 1.1em;\n  }\n}\n\n.label {\n  color: var(--label-color);\n  font-size: var(--label-font-size);\n  @include padding(0, 0, var(--padding-bottom));\n  line-height: 1;\n\n  .placeholder {\n    opacity: 0;\n    appearance: none;\n    transition: .3s ease opacity;\n    font-size: .9em;\n  }\n\n  :host(.has-value) & {\n    .placeholder {\n      opacity: .5;\n    }\n  }\n\n  :host(.has-focus) & {\n    color: var(--label-color--focus);\n  }\n\n  :host(.is-invalid) & {\n    color: var(--label-color--invalid);\n  }\n}\n\n.more {\n  height: 1em;\n  position: relative;\n  @include margin(4px, 0, var(--padding-bottom), 3px);\n}\n\n.helper, .error {\n  top: 0;\n  left: 0;\n  position: absolute;\n  font-size: var(--invalid-msg-font-size);\n  line-height: 1.2;\n  transition: .3s ease-out opacity;\n}\n\n.helper {\n  color: var(--help-msg-color);\n  font-style: italic;\n\n  :host([show-inline-error]:not([show-inline-error=\"false\"]).is-invalid) & {\n    opacity: 0;\n  }\n}\n\n.error {\n  opacity: 0;\n  color: var(--invalid-msg-color);\n  font-stretch: condensed;\n\n  :host(.is-invalid) & {\n    opacity: 1;\n  }\n}\n\n.select {\n  @include text-inherit();\n  @include border-radius(var(--input-border-radius));\n  width: 100%;\n  padding: 0 !important;\n  position: relative;\n\n  background: var(--input-bg-color);\n  border: var(--input-border-style);\n  border-width: var(--input-border-width);\n  font-size: var(--input-font-size);\n\n  :host(.has-focus) & {\n    background: var(--input-bg-color--focus);\n    border: var(--input-border-style--focus);\n    border-width: var(--input-border-width);\n  }\n\n  :host(.is-invalid) & {\n    background: var(--input-bg-color--invalid);\n    border: var(--input-border-style--invalid);\n    border-width: var(--input-border-width);\n  }\n\n  :host(.is-invalid.has-focus) & {\n    background: var(--input-bg-color--invalid);\n    border: var(--input-border-style--invalid-focus);\n    border-width: var(--input-border-width);\n  }\n}\n\n// Native Select\n// --------------------------------------------------\n\n.native-select-wrap {\n  display: flex;\n  align-items: center;\n}\n\n.select-mask {\n  @include border-radius(var(--input-border-radius));\n  @include padding(0, var(--padding-end), 0, var(--padding-start));\n  @include text-inherit();\n  pointer-events: none;\n  line-height: 2.5em;\n  min-height: 2.5em;\n}\n\n.native-select {\n  @include border-radius(var(--input-border-radius));\n  @include padding(0, var(--padding-end), 0, var(--padding-start));\n  @include text-inherit();\n  color: var(--input-text-color);\n  display: inline-block;\n  flex: 1;\n  width: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  border: 0;\n  outline: none;\n  background: transparent;\n  box-sizing: border-box;\n  transition: .3s ease opacity;\n  appearance: none;\n  // line-height: 1.3;\n  margin: 0;\n  line-height: 2.5em;\n  min-height: 2.5em;\n  box-sizing: border-box;\n\n  :host(.legacy) & {\n    box-sizing: content-box;\n  }\n\n  :host(.masked) & {\n    opacity: 0;\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n\n  :host(.has-float-label) & {\n    opacity: 0;\n    padding-top: 1.8em;\n  }\n\n  :host(.has-value.has-float-label) & {\n    opacity: 1;\n  }\n\n  &:-webkit-autofill {\n    background-color: transparent;\n  }\n\n  &:invalid {\n    box-shadow: none;\n  }\n\n  &::-ms-clear {\n    display: none;\n  }\n\n  &::-ms-expand {\n    display: none;\n  }\n\n  &[disabled] {\n    opacity: .4;\n  }\n\n  :host(.has-multiple) & {\n    display: none;\n  }\n\n  option {\n    color: black;\n  }\n}\n\n// multi stuff\n\n.multi {\n\n  &-wrap {\n    @include padding(0, calc(1.9em + var(--padding-end)), calc(var(--padding-bottom)/2), 0);\n    display: flex;\n    flex: 1;\n    flex-wrap: wrap;\n    max-width: 100%;\n\n    :host(.has-clr-btn) & {\n      @include padding(0, calc(2.6em + (var(--padding-end)*2) + (var(--padding-end)*2)), calc(var(--padding-bottom)/2), 0);\n    }\n\n    :host(.has-float-label) & {\n      padding-top: 1.3em;\n    }\n  }\n\n  &-input {\n    @include text-inherit();\n    @include padding(calc(var(--padding-top)/2), var(--padding-end), 0, var(--padding-start));\n    min-width: 50px;\n    max-width: 100%;\n    max-height: 100%;\n    appearance: none;\n    border: 0;\n    outline: none;\n    display: inline-block;\n    background: transparent;\n    flex: 0;\n    position: relative;\n    // line-height: calc(2.8em - var(--padding-top));\n    min-height: calc(2.8em - var(--padding-top));\n    box-sizing: border-box;\n\n    :host(.legacy) & {\n      box-sizing: content-box;\n    }\n\n    &:last-child {\n      flex: 1;\n    }\n  }\n\n  &-select-box {\n    position: absolute;\n    background: #{$layer-bg-color};\n    min-width: calc(100% + (var(--input-border-width) * 2));\n    z-index: #{$layer-index-dropdown};\n    margin: 0;\n    font-size: 1.15em;\n    line-height: 1.4;\n    max-height: 50vh;\n    overflow-y: auto;\n    overscroll-behavior: none;\n    transition: opacity .2s ease;\n    opacity: 0;\n    box-sizing: border-box;\n    border-radius: #{$layer-border-radius};\n    box-shadow: #{$layer-shadow-large};\n    padding: var(--padding-top) 0 var(--padding-bottom);\n    border: #{$layer-border-style};\n\n    &--open {\n      opacity: 1;\n    }\n\n    li {\n      @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));\n      font-size: var(--input-font-size);\n      cursor: pointer;\n      list-style: none;\n      color: var(--input-text-color);\n\n      :host(.nano-color) & {\n        color: black;\n      }\n\n      &:hover,\n      &:focus {\n        color: var(--color--focus-contrast);\n        outline: none;\n        background: rgba(var(--multi-input-value-bg), .2);\n\n        :host(.nano-color) & {\n          background: current-color(base, 0.2);\n        }\n      }\n    }\n  }\n\n  &-value {\n    @include margin(4px, 0, 0, 4px);\n    background: rgba(var(--multi-input-value-bg), .8);\n    color: var(--multi-input-value-text-color);\n    border: 2px solid;\n    border-color: var(--multi-input-value-border);\n    padding: .3em .5em;\n    border-radius: 3px;\n    line-height: 1;\n    max-width: 100%;\n    display: flex;\n    align-items: center;\n    font-size: var(--input-font-size);\n    font-weight: 600;\n    letter-spacing: 1px;\n\n    span {\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      max-width: 100%;\n      overflow: hidden;\n      line-height: 1.4;\n    }\n  }\n\n  &-value-remove {\n    @include margin(0);\n    @include background-position(center);\n    @include padding(0, 0, 0, .5em);\n    color: inherit;\n    border: 0;\n    outline: none;\n    background-color: transparent;\n    background-repeat: no-repeat;\n    appearance: none;\n    display: flex;\n    align-items: center;\n    top: 0;\n    font-size: 1em;\n\n    nano-icon {\n      --color: var(--multi-input-value-text-color);\n    }\n  }\n}\n\n// Clear Input Icon\n// --------------------------------------------------\n\n.select-down-icon {\n  @include margin(0);\n  @include background-position(center);\n  @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));\n  color: var(--input-text-color);\n  font-size: 1.4em;\n  right: 0;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n\n  :host(.is-invalid) & {\n    color: var(--clear-btn-color--invalid);\n  }\n\n  :host(.rtl) & {\n    right: unset;\n    left: 0;\n  }\n\n  :host(.has-multiple) & {\n    pointer-events: all;\n  }\n\n  :host(.masked) & {\n    position: relative;\n  }\n}\n\n.select-clear-icon {\n  @include margin(0);\n  @include background-position(center);\n  @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));\n  font-size: 1.4em;\n  color: var(--clear-btn-color);\n  border: 0;\n  outline: none;\n  background-color: transparent;\n  background-repeat: no-repeat;\n  visibility: hidden;\n  appearance: none;\n  display: flex;\n  align-items: center;\n  position: absolute;\n  top: 0;\n  height: 100%;\n  right: calc(1.4em + var(--padding-end));\n\n  &:hover {\n    color: var(--clear-btn-color--hover);\n  }\n\n  :host(.rtl) & {\n    right: unset;\n    left: calc(1.4em + var(--padding-end));\n  }\n\n  :host(.is-invalid) & {\n    color: var(--clear-btn-color--invalid);\n  }\n\n  :host(.has-value) & {\n    visibility: visible;\n  }\n\n  nano-icon {\n    --color: inherit;\n  }\n}\n\n\n// Input Has focus\n// --------------------------------------------------\n// When the select has focus, then the select cover should be hidden\n\n// :host(.has-focus) {\n//   pointer-events: none;\n// }\n\n:host(.has-focus) select,\n:host(.has-focus) a,\n:host(.has-focus) button {\n  pointer-events: auto;\n}\n","import { Build, Component, ComponentInterface, Element, Event, EventEmitter, Host, Method, Prop, State, Watch, h } from '@stencil/core';\n\nimport { Color, SelectChangeEventDetail, InputChangeEventDetail, CssClassMap, ControlValidityEventDetail, ControlValidity } from '../../interface';\nimport { testLegacyStyle, debounceEvent, closestElement, createColorClasses } from '../../utils/utils';\nimport Popover from '../../utils/popover';\n\n/**\n * The select component is a wrapper to the HTML select element with custom styling and additional functionality.\n * It accepts most of the same properties as the HTML [select](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select).\n * It's multi selection functionality is vastly improved from the native solution. It allows for the control of\n * value order through drag and drop or changing the insertion point with arrow keys. It also can allow for user defined values.\n *\n * @slot label - if you do not set a label attribute, you can use this slot for more complex markup\n * @slot legacy - you can use this slot to wrap any old select / labels / options. This will set appropriate defaults for the nano-select\n*/\n@Component({\n  tag: 'nano-select',\n  styleUrl: 'select.scss',\n  scoped: true\n})\nexport class Select implements ComponentInterface {\n  private nativeSelect?: HTMLSelectElement;\n  private multiInput?: HTMLInputElement;\n  private multiList?: HTMLUListElement;\n  private selectWrap?: HTMLDivElement;\n  private listItems: Array<HTMLLIElement> = [];\n  private valueItems: Array<HTMLSpanElement> = [];\n  private dragVal: string;\n  private mo?: MutationObserver;\n  private popover: Popover;\n\n  private selectId = `nano-select-${selectIds++}`;\n  private rtl: boolean = false;\n  private currLiIndex: number = -1;\n  private inputSearchVal: string = '';\n  private watchValue: boolean = true;\n  private onInit: boolean = true;\n\n  @State() currInsertIndex: number = 0;\n  @State() availOpts = [];\n  @State() showErrorMsg = false;\n  @State() errorMessage: string = '';\n  @State() hasFocus = false;\n  @State() listOpen = false;\n  @State() isLegacy: boolean = 'registerElement' in document;\n  @State() hasLabelSlot: boolean = false;\n  @State() hasHelperSlot: boolean = false;\n  @State() hasIconSlot: boolean = false;\n\n  @Element() el!: HTMLNanoSelectElement;\n\n   /**\n   * This will be true when the control is in an invalid state.\n   * Validity is determined by the `required` prop. Or if custom validity message is set.\n   */\n  @Prop({ mutable: true, reflect: true }) invalid = false;\n\n  /**\n   * The color to use from your application's color palette.\n   * Default options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\n   */\n  @Prop() color?: Color;\n\n  /**\n   * This Boolean attribute lets you specify that a form control should have select focus when the page loads.\n   */\n  @Prop() autofocus = false;\n\n  /**\n   * If `true`, the user cannot interact with the select.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When should the field perform validation\n   */\n  @Prop({ mutable: true }) validateOn?: 'dirty' | 'submit' | 'submitThenDirty' = 'submit';\n\n  /**\n   * Whether to show validation errors underneath input\n   */\n  @Prop({ reflect: true }) showInlineError = true;\n\n  /**\n   * String to place within a label element.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Visually hide the label - but make it accessible.\n   */\n  @Prop() hideLabel?: boolean = false;\n\n  /**\n   * Enable floating label behaviour. Will disable placeholder if set.\n   */\n  @Prop() floatLabel: boolean = false;\n\n  /**\n   * If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to `\"email\"` or `\"file\"`, otherwise it is ignored.\n   */\n  @Prop() multiple?: boolean = false;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.selectId + '-name';\n\n  /**\n   * Instructional text that shows before the select has a value. Text set here will be placed inside the label when a value is set. If you don't want this behaviour just set the first option to have no value.\n   */\n  @Prop() placeholder?: string | null;\n\n  /**\n   * If `true`, the user cannot modify the value.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * If `true`, the user must fill in a value before submitting a form.\n   */\n  @Prop() required = false;\n\n  /**\n   * The initial size of the control.\n   */\n  @Prop() size?: number;\n\n  /**\n   * Maximum number of options that can be selected when multiple is true\n   */\n  @Prop() max?: number;\n\n  /**\n   * Minimum number of options that can be selected when multiple is true\n   */\n  @Prop() min?: number;\n\n  /**\n   * The form element to associate the select with (its form owner). Must be the id of a form.\n   */\n  @Prop() form?: string | null;\n\n  /**\n   * in multiple mode, allow users to enter their own values\n   */\n  @Prop() allowCustomValues: boolean = false;\n\n  /**\n   * The value of the select.\n   */\n  @Prop({ mutable: true }) value?: string | Array<string | null> = this.multiple ? [] : '';\n\n  /**\n   * You can set options via js. domElement.options = ['option 1', 'option 2'] or [{label: 'option 1', value: 'opt-1'}]\n   */\n  @Prop({ mutable: true }) options: Array<string | { label: string; value?: string }> = [];\n\n  /**\n   * If `true`, a clear icon will appear in the select when there is a value. Clicking it clears the select.\n   */\n  @Prop() clearSelect = false;\n\n  /**\n   * Hide the native select element and cover with a value 'mask'.\n   * Enables a fluid nano-select width upon value change (if required). Doesn't work with multiple=\"true\".\n   */\n  @Prop() mask = false;\n\n  /**\n   * Set the amount of time, in milliseconds, to wait to trigger the `nanoSearchChange` event after each keystroke.\n   */\n  @Prop() debounce = 0;\n\n  /**\n   * Whether to use native <select> elements. Setting to false will use a similar UI as multiple=\"true\"\n   */\n  @Prop() native = true;\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    this.nanoSearchChange = debounceEvent(this.nanoSearchChange, this.debounce);\n  }\n\n  // @Watch('options')\n  @Watch('required')\n  @Watch('disabled')\n  @Watch('min')\n  @Watch('max')\n  @Watch('validateOn')\n  @Watch('readonly')\n  protected shouldValidate() {\n    if (this.onInit) return;\n    if (this.invalid) this.showErrorMsg = this.invalid = false;\n\n    this.customValidate();\n    if (this.validateOn !== 'dirty') return;\n    this.showInlineValidation();\n  }\n\n  /**\n   * Update the native select element when the value changes\n   */\n  @Watch('value')\n  protected valueChanged() {\n    if (!this.watchValue) return;\n\n    if (this.multiple) {\n      if (typeof this.value === 'string' && !!this.value.length) this.value = this.value.split(',');\n      if (this.value === null || (typeof this.value === 'string' && !this.value.length)) this.value = [];\n\n      if (this.currInsertIndex > this.value.length - 1) this.currInsertIndex = this.value.length - 1;\n    } else if (typeof this.value !== 'string' && this.value && this.value[0]) this.value = this.value[0];\n\n    this.setNativeValue();\n    this.setAvailOpts();\n    setTimeout(_ => this.shouldValidate(), 20);\n    this.nanoChange.emit({ value: this.value });\n\n    if (this.onInit) return;\n  }\n\n  @Watch('options')\n  protected optionsChanged() {\n    this.setAvailOpts();\n    if (this.hasFocus) this.openList();\n  }\n\n  /**\n   * Setup or rip down custom combobox when select is switched from mutliple\n   */\n  @Watch('multiple')\n  protected multiChange() {\n    this.switchValue();\n\n    if (this.multiple) this.setupMulti();\n    else if (this.popover) this.popover.destroy();\n  }\n\n  private setupMulti() {\n    setTimeout(() => {\n      this.setAvailOpts();\n      this.popover = new Popover(this.selectWrap, this.multiList, {\n        placement: 'bottom-start',\n        skidding: 0,\n        distance: 0,\n        onTransitionEnd: () => {\n          if (!this.listOpen) {\n            this.multiList.scrollTop = 0;\n          }\n        }\n      });\n    }, 20);\n  }\n\n  @Watch('listOpen')\n  listOpenChange() {\n    if (this.listOpen) this.popover.show();\n    else this.popover.hide();\n  }\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() nanoChange!: EventEmitter<SelectChangeEventDetail>;\n\n  /**\n   * Emitted when the select loses focus.\n   */\n  @Event() nanoBlur!: EventEmitter<void>;\n\n  /**\n   * Emitted when the select has focus.\n   */\n  @Event() nanoFocus!: EventEmitter<void>;\n\n  /**\n   * Emitted when the select has been created.\n   * @internal\n   */\n  @Event() nanoDidLoad!: EventEmitter<void>;\n\n  /**\n   * Emitted when the select has been removed.\n   * @internal\n   */\n  @Event() nanoDidUnload!: EventEmitter<void>;\n\n  /**\n   * Emitted when a keyboard input occurred on a multiple=\"true\" input\n   */\n  @Event() nanoSearchChange!: EventEmitter<InputChangeEventDetail>;\n\n  /**\n   * Called when validation is performed (which depends on `validateOn`).\n   * @returns event.detail: `{ isValid: boolean, errorMessage: string, originalEvent: Event }`.\n   */\n   @Event() nanoValidate: EventEmitter<ControlValidityEventDetail>;\n\n   /**\n    * Get the current state of the control.\n    * @param validateFirst - perform validation first before reporting\n    * @returns `{ isValid: boolean, errorMessage: string }`\n    */\n   @Method()\n   async reportValidity(validateFirst: boolean): Promise<ControlValidity> {\n     if (validateFirst) this.showInlineValidation();\n     return {\n       isValid: !this.invalid,\n       errorMessage: this.errorMessage\n     }\n   }\n\n  /**\n   * Sets focus on the specified `nano-select`. Use this method instead of the global\n   * `select.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if (this.nativeSelect && !this.multiple) this.nativeSelect.focus();\n    else if (this.multiInput) this.multiInput.focus();\n  }\n\n  /**\n   * Returns the native `<select>` element used under the hood.\n   */\n  @Method()\n  getSelectElement(): Promise<HTMLSelectElement> {\n    return Promise.resolve(this.nativeSelect!);\n  }\n\n  /**\n   * Invalidate the field and show a custom error message.\n   * To clear the error you will need to re-call this method with an empty string.\n   */\n  @Method()\n  async showError(message: string) {\n    if (this.nativeSelect) {\n      this.nativeSelect.setCustomValidity(message);\n      this.nativeSelect.reportValidity();\n    }\n  }\n\n  /* Logic */\n\n  // sets the available options of a multi select.\n  // Removes ones already selected\n  // Filters one if user starts to search\n  private setAvailOpts() {\n    if (!this.multiple) return;\n\n    this.availOpts = this.options.filter(opt => {\n      let toFind = typeof opt === 'string' ? opt : opt['value'];\n      let strFilter = typeof opt === 'string' ? opt : (opt['label'] || opt['value']);\n\n      if (!toFind) return false;\n      return !(this.value as Array<string>).includes(toFind) && (!this.multiInput || strFilter.toLowerCase().indexOf(this.inputSearchVal.toLowerCase()) > -1)\n    })\n  }\n\n  private getNativeValue(): string | Array<string> {\n    const nsl = this.nativeSelect;\n    if (!nsl) return '';\n\n    if (!this.multiple) return nsl.options[nsl.selectedIndex] && nsl.options[nsl.selectedIndex].hasAttribute('value') ? nsl.options[nsl.selectedIndex].value : '';\n    else {\n      return Array.from(nsl.options)\n        .map(opt => {\n          if (opt.selected && opt.hasAttribute('value')) return opt.value\n        });\n    }\n  }\n\n  private setNativeValue() {\n    const nsl = this.nativeSelect;\n    if (!nsl) return null;\n    if (!this.multiple) nsl.value = this.value as string;\n    else {\n      Array.from(this.nativeSelect.options)\n        .filter(opt => {\n          if (typeof this.value === 'string') return opt.value === this.value;\n          else return this.value.find(val => {\n            if (typeof val === 'string') return val === this.value;\n            else if (val['value']) return val === val['value'];\n          })\n        }).map(opt => {\n          opt.selected = true;\n        })\n    }\n  }\n\n  private isValidValues() {\n    const nsl = this.nativeSelect;\n    if (!nsl) return null;\n\n    const selected = this.nativeSelect.querySelectorAll('option:checked');\n    const values = Array.from(selected).map((el: HTMLOptionElement) => el.value || null);\n\n    if (this.multiple) {\n      return values.reduce((accumulator, currentValue) => {\n        if (!accumulator) return false;\n        return !!this.options.find(opt =>\n          opt['value'] ? (opt['value'] === currentValue) : (opt === currentValue)\n        )\n      }, true)\n    } else {\n      return this.options.find(opt =>\n        opt['value'] ? (opt['value'] === values[0]) : (opt === values[0])\n      )\n    }\n  }\n\n  private customValidate = () => {\n    this.nativeSelect.setCustomValidity('');\n\n    // add custom validations 'cos html5 validations are a bit rubbish on selects\n    if (this.required && !this.getNativeValue().length) {\n      this.nativeSelect.setCustomValidity('Please fill in this field.');\n      return true;\n    }\n    if (this.getNativeValue().length && !this.allowCustomValues && !this.isValidValues()) {\n      this.nativeSelect.setCustomValidity('Please choose an item from this field.');\n      return true;\n    }\n    if (this.max && this.getNativeValue().length > this.max) {\n      this.nativeSelect.setCustomValidity(`Only up to ${this.max} values are allowed.`);\n      return true;\n    }\n    if (this.min && this.getNativeValue().length < this.min) {\n      this.nativeSelect.setCustomValidity(`You must select a minimum of ${this.min} values.`);\n      return true;\n    }\n    return false;\n  }\n\n  private showInlineValidation = (ev?: Event) => {\n    if (this.validateOn === 'submitThenDirty') this.validateOn = 'dirty';\n\n    this.invalid = false;\n    this.showErrorMsg = false;\n    this.errorMessage = '';\n\n    if (!this.nativeSelect.validity.valid) {\n      this.errorMessage = this.nativeSelect.validationMessage;\n      this.invalid = true;\n      this.showErrorMsg = true;\n    }\n    this.nanoValidate.emit({isValid: !this.invalid, errorMessage: this.errorMessage, originalEvent: ev});\n  }\n\n  private handleInvalid = (ev: Event) => {\n    this.invalid = true;\n\n    if (this.validateOn === 'submit') this.invalid = this.showErrorMsg = this.customValidate();\n    if (this.showInlineError) ev.preventDefault();\n\n    setTimeout(_ => this.showInlineValidation(ev), 20);\n  }\n\n  private openList() {\n    if (!this.multiple) return;\n    if ((this.availOpts.length || (!!this.inputSearchVal.length && this.allowCustomValues))\n        && (!this.max || (this.max && this.value.length < this.max))\n    ) this.listOpen = true;\n    else this.listOpen = false;\n  }\n\n  private addValue(value) {\n    if (!this.multiple) return;\n    if (this.value && this.value.length && this.value.includes(value)) return;\n    if (this.max && this.value.length === this.max) return;\n\n    this.currInsertIndex++;\n    this.value = [...this.value.slice(0, this.currInsertIndex), value, ...this.value.slice(this.currInsertIndex)];\n\n    this.inputSearchVal = '';\n\n    this.setAvailOpts();\n\n    this.selectWrap.clientWidth; // force reflow\n    this.setFocus();\n    this.openList();\n  }\n\n  private removeValue(toFind?: string) {\n    if (!this.multiple || !this.value.length) return;\n\n    if (!toFind) toFind = this.value[this.value.length - 1];\n    this.value = (this.value as Array<string>).filter(val => val !== toFind);\n\n    if (this.currInsertIndex > this.value.length - 1) this.currInsertIndex = this.value.length - 1;\n\n    this.selectWrap.clientWidth; // force reflow\n    this.setFocus();\n    this.openList();\n  }\n\n  private switchValue() {\n    this.watchValue = false;\n    if (this.multiple) {\n      if (typeof this.value === 'string' && !!this.value.length) this.value = this.value.split(',');\n      else this.value = [];\n\n      this.currInsertIndex = Math.max(this.value.length - 1, 0);\n    } else if (typeof this.value !== 'string' && this.value && this.value[0]) this.value = this.value[0];\n    this.watchValue = true;\n  }\n\n  private isSelected(value: string) {\n    if (this.multiple) return (this.value as Array<string>).find(val => val === value);\n    else value === this.value;\n  }\n\n  private getLabel(val: string) {\n    let foundVal = this.options.find(opt => {\n      return opt['value'] ? (opt['value'] === val) : (opt === val)\n    })\n    if (!foundVal) return null;\n    return foundVal['label'] ? foundVal['label'] : foundVal;\n  }\n\n  private slotChangeObserver() {\n    const mo = this.mo = new MutationObserver((mrs: MutationRecord[]) => this.processSlottedContent(mrs))\n    mo.observe(this.el, { childList: true, subtree: true })\n  }\n\n  private processSlottedContent(mutations?: MutationRecord[]) {\n    // see if we have label / helper content\n    this.hasLabelSlot = !!this.el.querySelectorAll('[slot=\"label\"]').length;\n    this.hasHelperSlot = !!this.el.querySelector('[slot=\"helper\"]');\n    this.hasIconSlot = !!this.el.querySelector('[slot=\"icon\"]');\n\n    if (!mutations) {\n      // find legacy select. Take attrs and apply to our element\n      let existingselect = this.el.querySelector('select:not([class*=\"sc-nano-select\"])');\n      if (existingselect) {\n        Array.from(existingselect.attributes)\n          .filter(attr => attr.specified && attr.nodeName in this)\n          .map(attr => this[attr.nodeName] = attr.nodeValue);\n      }\n\n      // find legacy label. Apply to our element\n      let existingLabel = this.el.querySelector('label:not([class*=\"sc-nano-select\"])');\n      if (existingLabel) this.label = this.label || existingLabel.innerHTML;\n\n      // find legacy slotted options. Apply them and add any relevant values\n      let legacyOpts = this.el.querySelectorAll('option:not([class*=\"sc-nano-select\"])');\n\n      this.watchValue = false;\n      if (legacyOpts && legacyOpts.length) {\n        let options = [];\n        legacyOpts.forEach((option: HTMLOptionElement) => {\n          options.push({\n            label: option.label || option.innerText,\n            value: option.value\n          })\n          if (!option.selected || !option.value) return;\n\n          if (this.multiple) (this.value as Array<string>).push(option.value)\n          else this.value = option.value;\n        })\n        this.options = options;\n      }\n\n      if (legacyOpts.length || existingLabel || existingselect) {\n        // empty all legacy slotted stuff\n        let children = this.el.querySelectorAll('[slot=\"legacy\"]');\n        if (children) children.forEach(n => n.parentNode.removeChild(n))\n      }\n\n      this.watchValue = true;\n    }\n\n    if (mutations &&\n      !Array.from(mutations[0].addedNodes).find(node => node.nodeName.toLowerCase() === 'nano-select-option')\n    ) return;\n\n    // find nano-select-options\n    let nanoOpts = this.el.querySelectorAll('nano-select-option');\n\n    if (nanoOpts && nanoOpts.length) {\n      let options = [];\n      nanoOpts.forEach((option: HTMLNanoSelectOptionElement) => {\n        options.push({\n          label: option.label || option.innerText,\n          value: option.value\n        })\n        if (!option.selected || !option.value) return;\n\n        if (this.multiple) (this.value as Array<string>).push(option.value)\n        else this.value = option.value;\n      })\n      this.options = options;\n    }\n\n    this.setAvailOpts();\n  }\n\n  /* Event handling */\n\n  private onChange = (ev?: Event) => {\n    if (!this.readonly && !this.disabled && ev) {\n      ev.preventDefault();\n      ev.stopPropagation();\n    }\n    this.value = this.getNativeValue();\n  }\n\n  private onBlur = () => {\n    if (this.multiple) {\n      this.currLiIndex = -1;\n      document.removeEventListener('keydown', this.handleDocumentKeyDown);\n      document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n    }\n    this.hasFocus = false;\n\n    setTimeout(() => {\n      if (this.validateOn === 'dirty' && !this.listOpen && !this.hasFocus) this.showInlineValidation();\n    }, 20);\n    this.nanoBlur.emit();\n  }\n\n  private onFocus = () => {\n    if (this.multiple) {\n      this.currLiIndex = -1;\n      document.addEventListener('keydown', this.handleDocumentKeyDown);\n      document.addEventListener('mousedown', this.handleDocumentMouseDown);\n      this.openList();\n    }\n\n    this.hasFocus = true;\n    this.nanoFocus.emit();\n  }\n\n  private clearSelectValue = (ev?: Event) => {\n    if (this.clearSelect && !this.readonly && !this.disabled && ev) {\n      ev.preventDefault();\n      ev.stopPropagation();\n    }\n\n    if (this.multiple) {\n      this.value = [];\n      let options = this.nativeSelect.querySelectorAll('option');\n      if (options.length) options.forEach(n => n.remove());\n      this.currInsertIndex = -1;\n      this.setAvailOpts();\n    } else this.value = '';\n\n    this.onChange();\n  }\n\n  private onClick = () => {\n    this.setFocus();\n    this.openList();\n  }\n\n  /* Multi event handlers */\n\n  private onMultiInputBlur = () => {\n    if (this.allowCustomValues) return;\n    this.inputSearchVal = '';\n    this.setAvailOpts();\n  }\n\n  private onDragStart = (ev: MouseEvent) => {\n    let ele = ev.target as HTMLSpanElement;\n    this.dragVal = ele.dataset.value;\n  }\n\n  private onDragEnd = (ev) => {\n    this.dragVal = null;\n    ev.preventDefault();\n  }\n\n  private onDragLeave = (ev: MouseEvent) => {\n    let ele = ev.target as HTMLSpanElement;\n    let spanVal: string = ele.dataset && ele.dataset.value ? ele.dataset.value : null;\n\n    if (!spanVal || this.dragVal === spanVal || !this.value.includes(this.dragVal)) {\n      ev.preventDefault();\n      return;\n    }\n\n    let to = this.value.indexOf(spanVal);\n    let from = this.value.indexOf(this.dragVal);\n    let tmpArr = (this.value as Array<string>);\n    let tmpVal = tmpArr[to];\n\n    tmpArr[to] = tmpArr[from];\n    tmpArr[from] = tmpVal;\n    this.value = [...tmpArr];\n  }\n\n  private onMultiInput = (ev) => {\n    this.inputSearchVal = ev.target.value;\n    this.setAvailOpts();\n    this.openList();\n    this.nanoSearchChange.emit({ value: ev.target.value })\n  }\n\n  private getActiveOpt() {\n    return this.multiList.querySelector('.has-focus') as HTMLLIElement;\n  }\n\n  private onOptFocus = (ev: FocusEvent) => {\n    let activeEle = this.getActiveOpt();\n    if (activeEle) activeEle.classList.remove('has-focus');\n    (ev.target as HTMLElement).classList.add('has-focus');\n  }\n\n  private onHostClick = () => {\n    setTimeout(_ => {\n      if (!this.multiple || this.hasFocus) return;\n      this.setFocus();\n    }, 20);\n  }\n\n  private handleDocumentMouseDown = (ev: MouseEvent) => {\n    const target = ev.target as HTMLElement;\n    if (closestElement(this.el.tagName.toLowerCase(), target) !== this.el) {\n      this.listOpen = false;\n      this.onBlur();\n    }\n  }\n\n  private handleDocumentKeyDown = (ev: KeyboardEvent) => {\n    if (!this.multiple) return;\n\n    if (!this.inputSearchVal) {\n      let rm: HTMLSpanElement;\n\n      switch (ev.key) {\n        case 'Backspace':\n          if (this.multiInput.previousElementSibling)\n            rm = (this.multiInput.previousElementSibling as HTMLSpanElement);\n          else break;\n\n          this.removeValue(rm.dataset.value || null);\n          break;\n\n        case 'Delete':\n          if (this.multiInput.nextElementSibling)\n            rm = (this.multiInput.nextElementSibling as HTMLSpanElement);\n          else break;\n\n          this.removeValue(rm.dataset.value || null);\n          break;\n\n        case 'ArrowLeft':\n        case 'ArrowRight':\n          if (!this.value.length) break;\n\n          if (ev.key === 'ArrowLeft' && this.multiInput.previousSibling) this.currInsertIndex--;\n          if (ev.key === 'ArrowRight' && this.multiInput.nextSibling) this.currInsertIndex++;\n\n          setTimeout(() => { this.multiInput.focus() }, 20);\n          ev.preventDefault();\n          break;\n      }\n    }\n\n    // navigated to component via keyboard. Open with down.\n    if (this.hasFocus && !this.listOpen && ev.key === 'ArrowDown') {\n      this.openList();\n      this.currLiIndex = -1;\n    }\n\n    // Close when tabbing outside of element\n    if (this.hasFocus && ev.key === 'Tab') {\n      setTimeout(() => {\n        if ( document.activeElement &&\n          closestElement(this.el.tagName.toLowerCase(), document.activeElement) !== this.el) {\n          this.listOpen = false;\n          this.onBlur();\n          return;\n        }\n      });\n    }\n\n    // list open, navigate items with arrows\n    if (this.listOpen) {\n      const selectedItem = this.getActiveOpt();\n      let testIndex = this.listItems.indexOf(selectedItem) || this.currLiIndex;\n\n      switch (ev.key) {\n        case 'ArrowDown':\n        case 'ArrowUp':\n          ev.preventDefault();\n\n          if (ev.key === 'ArrowDown') testIndex++;\n          else if (ev.key === 'ArrowUp') testIndex--;\n\n          if (testIndex < 0) {\n            this.currLiIndex = 0;\n            this.multiInput.focus();\n            return;\n          }\n\n          let foundIndex = this.listItems[testIndex] ? testIndex : this.currLiIndex;\n          setTimeout(() => {\n            this.listItems[foundIndex].focus();\n            this.currLiIndex = foundIndex;\n          }, 20);\n          return;\n        case 'Enter':\n        case ' ':\n          if (this.listItems[this.currLiIndex]) {\n            this.addValue(this.listItems[this.currLiIndex].dataset.value);\n            ev.preventDefault();\n          }\n          return;\n        case 'Escape':\n          this.listOpen = false;\n          return;\n      }\n    }\n\n    if (this.currLiIndex > -1) ev.preventDefault();\n  }\n\n  /* Stencil Component lifecycle hooks */\n\n  connectedCallback() {\n    this.debounceChanged();\n\n    if (!Build.isBrowser) return;\n\n    this.el.dispatchEvent(new CustomEvent('nanoDidLoad', {\n      detail: this.el\n    }));\n    testLegacyStyle(this.el);\n  }\n\n  disconnectedCallback() {\n    document.dispatchEvent(new CustomEvent('nanoDidUnload', {\n      detail: this.el\n    }));\n\n    if (!Build.isBrowser) return;\n    if (this.mo) this.mo.disconnect();\n    if (this.popover) this.popover.destroy();\n  }\n\n  componentDidLoad() {\n    this.slotChangeObserver();\n    if (this.multiple) this.setupMulti()\n    this.customValidate();\n  }\n\n  componentWillLoad() {\n    this.switchValue();\n    this.processSlottedContent();\n    this.onInit = false;\n  }\n\n  private renderLabel(labelId: string, position?: 'float') {\n    let classes: CssClassMap = {};\n    if (position === 'float') {\n      classes = { \"placeholder-as-label\": true }\n    } else {\n      classes = { \"label\": true, \"visually-hide\": this.hideLabel }\n    }\n    if (!this.label && !this.hasLabelSlot) return;\n\n    return <label class={classes} htmlFor={this.selectId} id={labelId}>\n        {(this.label) && this.label}\n        {(!this.label && !!this.hasLabelSlot) && <slot name=\"label\" />}\n    </label>\n  }\n\n  render() {\n    const labelId = this.selectId + '-lbl';\n    const moreId = this.showInlineError || this.hasHelperSlot ? this.selectId + '-moreId' : '';\n    const listId = this.selectId + '-list';\n\n    this.rtl = (this.el.ownerDocument as Document).dir === 'rtl';\n    this.listItems = [];\n    this.valueItems = [];\n\n    if (this.placeholder && (!this.options[0] || this.options[0]['label'] !== this.placeholder)) {\n      this.options.unshift({ label: this.placeholder, value: '' })\n    }\n\n    let optionMenu = this.listOpen;\n\n    let valueMarkup;\n    if (this.multiple) {\n      let input = <input class=\"multi-input\"\n        id={this.selectId}\n        ref={input => this.multiInput = input}\n        disabled={this.disabled}\n        autoFocus={this.autofocus}\n        autocomplete=\"off\"\n        onInput={this.onMultiInput}\n        value={this.inputSearchVal}\n        onTouchStart={this.onClick}\n        onMouseDown={this.onClick}\n        onFocus={this.onFocus}\n        onBlur={this.onMultiInputBlur}\n        placeholder={this.placeholder && !this.floatLabel && !this.value.length ? this.placeholder : ''}\n        role={this.multiple ? 'combobox' : ''}\n        aria-labelledby={labelId + ' ' + moreId}\n        aria-controls={listId}\n        aria-expanded={optionMenu ? 'true' : 'false'}\n        aria-required={this.required ? 'true' : 'false'}\n        aria-autocomplete=\"list\"\n      />;\n\n      if (!!this.value.length) {\n        valueMarkup = (this.value as Array<string>).map((val, i) => {\n          let label = this.options.find(opt => {\n            return opt['value'] ? (opt['value'] === val) : (opt === val)\n          })\n          label = label && label['label'] ? label['label'] : val;\n\n          let toReturn = <span\n            onDragStart={this.onDragStart}\n            onDragLeave={this.onDragLeave}\n            onDragEnd={this.onDragEnd}\n            draggable\n            data-value={val}\n            ref={span => this.valueItems.push(span)}\n            class=\"multi-value\"\n          >\n            <span>{label}</span>\n            <button\n              class=\"multi-value-remove\"\n              type=\"button\"\n              tabindex=\"-1\"\n              onTouchEnd={() => { this.removeValue(val) }}\n              onMouseUp={() => { this.removeValue(val) }}\n            ><nano-icon name=\"light/times\"></nano-icon></button>\n          </span>;\n\n          if (i === 0 && this.currInsertIndex < 0) toReturn = [input, toReturn]\n          else if (i === this.currInsertIndex) toReturn = [toReturn, input]\n          return (toReturn)\n        })\n      } else valueMarkup = input;\n    }\n\n    return (\n      <Host\n        type={this.multiple ? 'select-multiple' : 'select-one'}\n        aria-disabled={this.disabled ? 'true' : null}\n        class={{\n          ...createColorClasses(this.color),\n          'has-value': (!!this.value.length || !!this.inputSearchVal.length),\n          'has-focus': this.hasFocus,\n          'is-invalid': this.invalid,\n          'has-label': (this.label !== null && !this.floatLabel),\n          'has-float-label': (this.label !== null && this.floatLabel),\n          'rtl': this.rtl,\n          'has-multiple': this.multiple,\n          'multi-list-open': this.listOpen,\n          'has-clr-btn': this.clearSelect,\n          'masked': this.mask,\n          'legacy': this.isLegacy\n        }}\n        onClick={this.onHostClick}\n      >\n        {(!this.floatLabel) &&\n          this.renderLabel(labelId)\n        }\n        <div class=\"select\" ref={div => this.selectWrap = div}>\n\n          {(this.floatLabel) &&\n            this.renderLabel(labelId, 'float')\n          }\n          <div class={{\n            'native-select-wrap': true,\n            'native-select-wrap--multiple': this.multiple\n          }}>\n            {(!this.multiple && this.mask) &&\n              <div class=\"select-mask\">\n                {this.getLabel(this.value as string)}\n              </div>\n            }\n            {(this.multiple) && [\n              <div class=\"multi-wrap\">{valueMarkup}</div>,\n              <ul role=\"listbox\"\n                ref={ul => this.multiList = ul}\n                aria-multiselectable=\"true\"\n                aria-required={this.required}\n                aria-expanded={optionMenu ? 'true' : 'false'}\n                aria-hidden={!optionMenu}\n                hidden={!optionMenu}\n                id={listId}\n                class={{\n                  'multi-select-box': true,\n                  'multi-select-box--open': optionMenu\n                }}\n              >\n                {(this.allowCustomValues && this.inputSearchVal.length > 0) &&\n                  <li\n                    data-value={this.inputSearchVal}\n                    role=\"option\"\n                    tabindex=\"-1\"\n                    ref={li => this.listItems.push(li)}\n                    onMouseDown={() => { this.addValue(this.inputSearchVal)} }\n                    onFocus={this.onOptFocus}\n                  >Add {this.inputSearchVal}</li>\n                }\n                {this.availOpts.map(option => {\n                  let optval, label;\n                  if (option['value']) {\n                    optval = option['value'];\n                    label = option['label'] || option['value'];\n                  } else if (typeof option === 'string') {\n                    optval = option;\n                    label = optval;\n                  }\n                  if (!optval) return;\n                  return (\n                    <li\n                      role=\"option\"\n                      key={optval}\n                      data-value={optval}\n                      ref={li => this.listItems.push(li)}\n                      tabindex=\"-1\"\n                      aria-selected={this.isSelected(optval) ? 'true' : 'false'}\n                      onMouseDown={() => { this.addValue(optval) }}\n                      onFocus={this.onOptFocus}\n                    >{label}</li>\n                  )\n                })}\n              </ul>,\n              <select\n                id={this.selectId + '-hidden'}\n                class=\"native-select\"\n                ref={select => this.nativeSelect = select}\n                aria-labelledby={labelId + ' ' + moreId}\n                disabled={this.disabled}\n                form={this.form}\n                multiple={this.multiple}\n                name={this.name}\n                required={this.required}\n                onInvalid={this.handleInvalid}\n              >{(this.value as Array<string>).map(val => {\n                return (<option value={val} selected>{val}</option>)\n              })}\n              </select>\n            ]}\n            {(!this.multiple) &&\n              <select\n                id={this.selectId}\n                class=\"native-select\"\n                ref={select => this.nativeSelect = select}\n                aria-labelledby={labelId + ' ' + moreId}\n                disabled={this.disabled}\n                form={this.form}\n                autoFocus={this.autofocus}\n                multiple={this.multiple}\n                name={this.name}\n                required={this.required}\n                size={this.size}\n                onBlur={this.onBlur}\n                onFocus={this.onFocus}\n                onInvalid={this.handleInvalid}\n                onChange={this.onChange}\n              >\n                {this.options.map((option, i) => {\n                  if (option['value'] || option['label'])\n                    return (<option\n                      key={(option['label']) + i}\n                      label={option['label']}\n                      value={option['value']}\n                      selected={option['value'] === this.value || (!this.value && !option['value'])}\n                      disabled={!option['value'] && this.required}>{option['label'] ? option['label'] : option['value']}</option>\n                    )\n                  else\n                    return (<option\n                      key={(option as string) + i}\n                      value={option as string}\n                      selected={option === this.value}>\n                      {option}</option>\n                    )\n                })}\n                <slot name=\"legacy\" />\n              </select>\n            }\n            {(this.clearSelect && !this.readonly && !this.disabled) &&\n              <button\n                type=\"button\"\n                class=\"select-clear-icon\"\n                tabindex=\"-1\"\n                onTouchEnd={this.clearSelectValue}\n                onMouseUp={this.clearSelectValue}\n              ><nano-icon name=\"light/times\"></nano-icon></button>\n            }\n            <div\n              onTouchEnd={this.onClick}\n              onMouseUp={this.onClick}\n              class=\"select-down-icon\">\n                {(this.hasIconSlot) ? <slot name=\"icon\" /> : <nano-icon name=\"regular/chevron-down\"></nano-icon> }\n            </div>\n          </div>\n        </div>\n        {(this.showInlineError || this.hasHelperSlot) &&\n          <div class=\"more\" id={moreId}>\n            {(!!this.showInlineError ? <div class=\"error\">{this.errorMessage}</div> : '' )}\n            <div class=\"helper\">\n              <slot name=\"helper\" />\n            </div>\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n\nlet selectIds = 0;\n"]}

package/dist/nano-components/p-69614576.js

@@ -1,2 +0,0 @@
-!function(){if("undefined"!=typeof window&&"undefined"!=typeof document&&"undefined"!=typeof HTMLElement){var n=!1;try{var t=document.createElement("div");t.addEventListener("focus",(function(n){n.preventDefault(),n.stopPropagation()}),!0),t.focus(Object.defineProperty({},"preventScroll",{get:function(){if(navigator&&void 0!==navigator.userAgent&&navigator.userAgent&&navigator.userAgent.match(/Edge\/1[7-8]/))return n=!1;n=!0}}))}catch(o){}if(void 0===HTMLElement.prototype.nativeFocus&&!n){HTMLElement.prototype.nativeFocus=HTMLElement.prototype.focus;var e=function(n){for(var t=0;t<n.length;t++)n[t][0].scrollTop=n[t][1],n[t][0].scrollLeft=n[t][2];n=[]};HTMLElement.prototype.focus=function(n){if(n&&n.preventScroll){var t=function(n){for(var t=n.parentNode,e=[],o=document.scrollingElement||document.documentElement;t&&t!==o;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&e.push([t,t.scrollTop,t.scrollLeft]),t=t.parentNode;return e.push([t=o,t.scrollTop,t.scrollLeft]),e}(this);if("function"==typeof setTimeout){var o=this;setTimeout((function(){o.nativeFocus(),e(t)}),0)}else this.nativeFocus(),e(t)}else this.nativeFocus()}}}}(),"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype||__sc_import_nano_components("./p-b55a0b5f.js"),"scrollBehavior"in document.documentElement.style?document.documentElement.style.scrollBehavior="smooth":setTimeout((()=>{__sc_import_nano_components("./p-e97e26f2.js").then((()=>{document.documentElement.style.scrollBehavior="smooth"}))}),0);{const n=document.documentElement,t=()=>!!n.classList.contains("hydrated")&&(document.documentElement.dispatchEvent(new CustomEvent("nanoComponentsReady")),!0);if(!t()){const n=new MutationObserver((()=>{t()&&n.disconnect()}));n.observe(document.documentElement,{childList:!1,subtree:!1,attributes:!0})}}
-//# sourceMappingURL=p-69614576.js.map

package/dist/nano-components/p-69614576.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/focus-options-polyfill/index.js","src/global/script/global.ts"],"names":["window","document","HTMLElement","supportsPreventScrollOption","focusElem","createElement","addEventListener","event","preventDefault","stopPropagation","focus","Object","defineProperty","get","navigator","userAgent","match","e","undefined","prototype","nativeFocus","restoreScrollPosition","scrollableElements","i","length","scrollTop","scrollLeft","args","preventScroll","evScrollableElements","element","parent","parentNode","rootScrollingElement","scrollingElement","documentElement","offsetHeight","scrollHeight","offsetWidth","scrollWidth","push","calcScrollableElements","this","setTimeout","thisElem","IntersectionObserverEntry","__sc_import_nano_components","style","scrollBehavior","_","then","docEle","docIsReady","classList","contains","dispatchEvent","CustomEvent","mutationO","MutationObserver","disconnect","observe","childList","subtree","attributes"],"mappings":"CACA,WACE,GACoB,oBAAXA,QACa,oBAAbC,UACgB,oBAAhBC,YAHT,CAQA,IAAIC,GAA8B,EAClC,IACE,IAAIC,EAAYH,SAASI,cAAc,OACvCD,EAAUE,iBACR,SACA,SAASC,GACPA,EAAMC,iBACND,EAAME,qBAER,GAEFL,EAAUM,MACRC,OAAOC,eAAe,GAAI,gBAAiB,CACzCC,IAAK,WAEH,GACEC,gBAC+B,IAAxBA,UAAUC,WACjBD,UAAUC,WACVD,UAAUC,UAAUC,MAAM,gBACxB,OAAOb,GAA8B,EAGzCA,GAA8B,MAIpC,MAAOc,IAET,QACwCC,IAAtChB,YAAYiB,UAAUC,cACrBjB,EACD,CACAD,YAAYiB,UAAUC,YAAclB,YAAYiB,UAAUT,MAE1D,IAyBIW,EAAwB,SAASC,GACnC,IAAK,IAAIC,EAAI,EAAGA,EAAID,EAAmBE,OAAQD,IAC7CD,EAAmBC,GAAG,GAAGE,UAAYH,EAAmBC,GAAG,GAC3DD,EAAmBC,GAAG,GAAGG,WAAaJ,EAAmBC,GAAG,GAE9DD,EAAqB,IAsBvBpB,YAAYiB,UAAUT,MAnBH,SAASiB,GAC1B,GAAIA,GAAQA,EAAKC,cAAe,CAC9B,IAAIC,EAnCqB,SAASC,GAMpC,IALA,IAAIC,EAASD,EAAQE,WACjBV,EAAqB,GACrBW,EACFhC,SAASiC,kBAAoBjC,SAASkC,gBAEjCJ,GAAUA,IAAWE,IAExBF,EAAOK,aAAeL,EAAOM,cAC7BN,EAAOO,YAAcP,EAAOQ,cAE5BjB,EAAmBkB,KAAK,CACtBT,EACAA,EAAON,UACPM,EAAOL,aAGXK,EAASA,EAAOC,WAKlB,OAFAV,EAAmBkB,KAAK,CADxBT,EAASE,EACwBF,EAAON,UAAWM,EAAOL,aAEnDJ,EAasBmB,CAAuBC,MAClD,GAA0B,mBAAfC,WAA2B,CACpC,IAAIC,EAAWF,KACfC,YAAW,WACTC,EAASxB,cACTC,EAAsBQ,KACrB,QAEHa,KAAKtB,cACLC,EAAsBQ,QAIxBa,KAAKtB,iBA5Fb,GCOM,yBAA0BpB,QAC1B,8BAA+BA,QAC/B,sBAAuBA,OAAO6C,0BAA0B1B,WAC1D2B,4BAAiE,mBAK/D,mBAAoB7C,SAASkC,gBAAgBY,MAM5C9C,SAASkC,gBAAgBY,MAAMC,eAAiB,SALrDL,YAAWM,KACTH,4BAA2D,mBAA4BI,MAAKD,KAC1FhD,SAASkC,gBAAgBY,MAAMC,eAAiB,cAEjD,GAKgB,CACnB,MAAMG,EAASlD,SAASkC,gBAClBiB,EAAa,MACZD,EAAOE,UAAUC,SAAS,cAC/BrD,SAASkC,gBAAgBoB,cAAc,IAAIC,YAAY,yBAChD,GAGT,IAAKJ,IAAc,CACjB,MAAMK,EAAY,IAAIC,kBAAiBT,KACjCG,KAAcK,EAAUE,gBAG9BF,EAAUG,QAAQ3D,SAASkC,gBAAiB,CAC1C0B,WAAW,EACXC,SAAS,EACTC,YAAY","sourcesContent":["// focus - focusOptions - preventScroll polyfill\n(function() {\n  if (\n    typeof window === \"undefined\" ||\n    typeof document === \"undefined\" ||\n    typeof HTMLElement === \"undefined\"\n  ) {\n    return;\n  }\n\n  var supportsPreventScrollOption = false;\n  try {\n    var focusElem = document.createElement(\"div\");\n    focusElem.addEventListener(\n      \"focus\",\n      function(event) {\n        event.preventDefault();\n        event.stopPropagation();\n      },\n      true\n    );\n    focusElem.focus(\n      Object.defineProperty({}, \"preventScroll\", {\n        get: function() {\n          // Edge v18 gives a false positive for supporting inputs\n          if (\n            navigator &&\n            typeof navigator.userAgent !== 'undefined' &&\n            navigator.userAgent &&\n            navigator.userAgent.match(/Edge\\/1[7-8]/)) {\n              return supportsPreventScrollOption = false\n          }\n\n          supportsPreventScrollOption = true;\n        }\n      })\n    );\n  } catch (e) {}\n\n  if (\n    HTMLElement.prototype.nativeFocus === undefined &&\n    !supportsPreventScrollOption\n  ) {\n    HTMLElement.prototype.nativeFocus = HTMLElement.prototype.focus;\n\n    var calcScrollableElements = function(element) {\n      var parent = element.parentNode;\n      var scrollableElements = [];\n      var rootScrollingElement =\n        document.scrollingElement || document.documentElement;\n\n      while (parent && parent !== rootScrollingElement) {\n        if (\n          parent.offsetHeight < parent.scrollHeight ||\n          parent.offsetWidth < parent.scrollWidth\n        ) {\n          scrollableElements.push([\n            parent,\n            parent.scrollTop,\n            parent.scrollLeft\n          ]);\n        }\n        parent = parent.parentNode;\n      }\n      parent = rootScrollingElement;\n      scrollableElements.push([parent, parent.scrollTop, parent.scrollLeft]);\n\n      return scrollableElements;\n    };\n\n    var restoreScrollPosition = function(scrollableElements) {\n      for (var i = 0; i < scrollableElements.length; i++) {\n        scrollableElements[i][0].scrollTop = scrollableElements[i][1];\n        scrollableElements[i][0].scrollLeft = scrollableElements[i][2];\n      }\n      scrollableElements = [];\n    };\n\n    var patchedFocus = function(args) {\n      if (args && args.preventScroll) {\n        var evScrollableElements = calcScrollableElements(this);\n        if (typeof setTimeout === 'function') {\n          var thisElem = this;\n          setTimeout(function () {\n            thisElem.nativeFocus();\n            restoreScrollPosition(evScrollableElements);\n          }, 0);\n        } else {\n          this.nativeFocus();\n          restoreScrollPosition(evScrollableElements);\n        }\n      }\n      else {\n        this.nativeFocus();\n      }\n    };\n\n    HTMLElement.prototype.focus = patchedFocus;\n  }\n})();\n","import { Build } from '@stencil/core';\n\n// focus options\n\nimport 'focus-options-polyfill';\n\n// Intersection observer\n\nif (!('IntersectionObserver' in window) ||\n    !('IntersectionObserverEntry' in window) ||\n    !('intersectionRatio' in window.IntersectionObserverEntry.prototype)) {\n    import(/* webpackChunkName: 'polyfills-intersection-observer' */ 'intersection-observer')\n}\n\n// scroll-behaviour\n\nif (!('scrollBehavior' in document.documentElement.style)) {\n  setTimeout(_ => {\n    import(/* webpackChunkName: 'polyfills-scroll-behavior' */ 'scroll-behavior-polyfill').then(_ => {\n      document.documentElement.style.scrollBehavior = 'smooth';\n    })\n  }, 0);\n} else document.documentElement.style.scrollBehavior = 'smooth';\n\n// fire global 'ready' event when everything is hydrated\n\nif (Build.isBrowser) {\n  const docEle = document.documentElement;\n  const docIsReady = () => {\n    if (!docEle.classList.contains('hydrated')) return false;\n    document.documentElement.dispatchEvent(new CustomEvent('nanoComponentsReady'));\n    return true;\n  }\n\n  if (!docIsReady()) {\n    const mutationO = new MutationObserver(_ => {\n      if (docIsReady()) mutationO.disconnect();\n    });\n\n    mutationO.observe(document.documentElement, {\n      childList: false,\n      subtree: false,\n      attributes: true\n    });\n  }\n}\n\n\n"]}

package/dist/nano-components/p-6a284815.js

@@ -1,2 +0,0 @@
-var t=function(){if("undefined"!=typeof Map)return Map;function t(t,n){var i=-1;return t.some((function(t,e){return t[0]===n&&(i=e,!0)})),i}return function(){function n(){this.__entries__=[]}return Object.defineProperty(n.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),n.prototype.get=function(n){var i=t(this.__entries__,n),e=this.__entries__[i];return e&&e[1]},n.prototype.set=function(n,i){var e=t(this.__entries__,n);~e?this.__entries__[e][1]=i:this.__entries__.push([n,i])},n.prototype.delete=function(n){var i=this.__entries__,e=t(i,n);~e&&i.splice(e,1)},n.prototype.has=function(n){return!!~t(this.__entries__,n)},n.prototype.clear=function(){this.__entries__.splice(0)},n.prototype.forEach=function(t,n){void 0===n&&(n=null);for(var i=0,e=this.__entries__;i<e.length;i++){var r=e[i];t.call(n,r[1],r[0])}},n}()}(),n="undefined"!=typeof window&&"undefined"!=typeof document&&window.document===document,i="undefined"!=typeof global&&global.Math===Math?global:"undefined"!=typeof self&&self.Math===Math?self:"undefined"!=typeof window&&window.Math===Math?window:Function("return this")(),e="function"==typeof requestAnimationFrame?requestAnimationFrame.bind(i):function(t){return setTimeout((function(){return t(Date.now())}),1e3/60)},r=["top","right","bottom","left","width","height","size","weight"],o="undefined"!=typeof MutationObserver,u=function(){function t(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=function(t){var n=!1,i=!1,r=0;function o(){n&&(n=!1,t()),i&&s()}function u(){e(o)}function s(){var t=Date.now();if(n){if(t-r<2)return;i=!0}else n=!0,i=!1,setTimeout(u,20);r=t}return s}(this.refresh.bind(this))}return t.prototype.addObserver=function(t){~this.observers_.indexOf(t)||this.observers_.push(t),this.connected_||this.connect_()},t.prototype.removeObserver=function(t){var n=this.observers_,i=n.indexOf(t);~i&&n.splice(i,1),!n.length&&this.connected_&&this.disconnect_()},t.prototype.refresh=function(){this.updateObservers_()&&this.refresh()},t.prototype.updateObservers_=function(){var t=this.observers_.filter((function(t){return t.gatherActive(),t.hasActive()}));return t.forEach((function(t){return t.broadcastActive()})),t.length>0},t.prototype.connect_=function(){n&&!this.connected_&&(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),o?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},t.prototype.disconnect_=function(){n&&this.connected_&&(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},t.prototype.onTransitionEnd_=function(t){var n=t.propertyName,i=void 0===n?"":n;r.some((function(t){return!!~i.indexOf(t)}))&&this.refresh()},t.getInstance=function(){return this.instance_||(this.instance_=new t),this.instance_},t.instance_=null,t}(),s=function(t,n){for(var i=0,e=Object.keys(n);i<e.length;i++){var r=e[i];Object.defineProperty(t,r,{value:n[r],enumerable:!1,writable:!1,configurable:!0})}return t},f=function(t){return t&&t.ownerDocument&&t.ownerDocument.defaultView||i},h=p(0,0,0,0);function a(t){return parseFloat(t)||0}function c(t){for(var n=[],i=1;i<arguments.length;i++)n[i-1]=arguments[i];return n.reduce((function(n,i){return n+a(t["border-"+i+"-width"])}),0)}var d="undefined"!=typeof SVGGraphicsElement?function(t){return t instanceof f(t).SVGGraphicsElement}:function(t){return t instanceof f(t).SVGElement&&"function"==typeof t.getBBox};function l(t){return n?d(t)?function(t){var n=t.getBBox();return p(0,0,n.width,n.height)}(t):function(t){var n=t.clientWidth,i=t.clientHeight;if(!n&&!i)return h;var e=f(t).getComputedStyle(t),r=function(t){for(var n={},i=0,e=["top","right","bottom","left"];i<e.length;i++){var r=e[i];n[r]=a(t["padding-"+r])}return n}(e),o=r.left+r.right,u=r.top+r.bottom,s=a(e.width),d=a(e.height);if("border-box"===e.boxSizing&&(Math.round(s+o)!==n&&(s-=c(e,"left","right")+o),Math.round(d+u)!==i&&(d-=c(e,"top","bottom")+u)),!function(t){return t===f(t).document.documentElement}(t)){var l=Math.round(s+o)-n,v=Math.round(d+u)-i;1!==Math.abs(l)&&(s-=l),1!==Math.abs(v)&&(d-=v)}return p(r.left,r.top,s,d)}(t):h}function p(t,n,i,e){return{x:t,y:n,width:i,height:e}}var v=function(){function t(t){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=p(0,0,0,0),this.target=t}return t.prototype.isActive=function(){var t=l(this.target);return this.contentRect_=t,t.width!==this.broadcastWidth||t.height!==this.broadcastHeight},t.prototype.broadcastRect=function(){var t=this.contentRect_;return this.broadcastWidth=t.width,this.broadcastHeight=t.height,t},t}(),w=function(t,n){var i,e,r,o,u,f,h,a=(e=(i=n).x,r=i.y,o=i.width,u=i.height,f="undefined"!=typeof DOMRectReadOnly?DOMRectReadOnly:Object,h=Object.create(f.prototype),s(h,{x:e,y:r,width:o,height:u,top:r,right:e+o,bottom:u+r,left:e}),h);s(this,{target:t,contentRect:a})},b=function(){function n(n,i,e){if(this.activeObservations_=[],this.observations_=new t,"function"!=typeof n)throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=n,this.controller_=i,this.callbackCtx_=e}return n.prototype.observe=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(t instanceof f(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var n=this.observations_;n.has(t)||(n.set(t,new v(t)),this.controller_.addObserver(this),this.controller_.refresh())}},n.prototype.unobserve=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if("undefined"!=typeof Element&&Element instanceof Object){if(!(t instanceof f(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var n=this.observations_;n.has(t)&&(n.delete(t),n.size||this.controller_.removeObserver(this))}},n.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},n.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach((function(n){n.isActive()&&t.activeObservations_.push(n)}))},n.prototype.broadcastActive=function(){if(this.hasActive()){var t=this.callbackCtx_,n=this.activeObservations_.map((function(t){return new w(t.target,t.broadcastRect())}));this.callback_.call(t,n,t),this.clearActive()}},n.prototype.clearActive=function(){this.activeObservations_.splice(0)},n.prototype.hasActive=function(){return this.activeObservations_.length>0},n}(),m="undefined"!=typeof WeakMap?new WeakMap:new t,y=function t(n){if(!(this instanceof t))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var i=u.getInstance(),e=new b(n,i,this);m.set(this,e)};["observe","unobserve","disconnect"].forEach((function(t){y.prototype[t]=function(){var n;return(n=m.get(this))[t].apply(n,arguments)}}));var M=void 0!==i.ResizeObserver?i.ResizeObserver:y;export{M as i}
-//# sourceMappingURL=p-6a284815.js.map

package/dist/nano-components/p-6a284815.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js"],"names":["MapShim","Map","getIndex","arr","key","result","some","entry","index","class_1","this","__entries__","Object","defineProperty","prototype","get","length","enumerable","configurable","set","value","push","delete","entries","splice","has","clear","forEach","callback","ctx","_i","_a","call","isBrowser","window","document","global$1","global","Math","self","Function","requestAnimationFrame$1","requestAnimationFrame","bind","setTimeout","Date","now","transitionKeys","mutationObserverSupported","MutationObserver","ResizeObserverController","connected_","mutationEventsAdded_","mutationsObserver_","observers_","onTransitionEnd_","refresh","leadingCall","trailingCall","lastCallTime","resolvePending","proxy","timeoutCallback","timeStamp","throttle","addObserver","observer","indexOf","connect_","removeObserver","observers","disconnect_","updateObservers_","activeObservers","filter","gatherActive","hasActive","broadcastActive","addEventListener","observe","attributes","childList","characterData","subtree","removeEventListener","disconnect","_b","propertyName","getInstance","instance_","defineConfigurable","target","props","keys","writable","getWindowOf","ownerDocument","defaultView","emptyRect","createRectInit","toFloat","parseFloat","getBordersSize","styles","positions","arguments","reduce","size","position","isSVGGraphicsElement","SVGGraphicsElement","SVGElement","getBBox","getContentRect","bbox","width","height","getSVGContentRect","clientWidth","clientHeight","getComputedStyle","paddings","positions_1","getPaddings","horizPad","left","right","vertPad","top","bottom","boxSizing","round","documentElement","isDocumentElement","vertScrollbar","horizScrollbar","abs","getHTMLElementContentRect","x","y","ResizeObservation","broadcastWidth","broadcastHeight","contentRect_","isActive","rect","broadcastRect","ResizeObserverEntry","rectInit","Constr","contentRect","DOMRectReadOnly","create","ResizeObserverSPI","controller","callbackCtx","activeObservations_","observations_","TypeError","callback_","controller_","callbackCtx_","Element","observations","unobserve","clearActive","_this","observation","map","WeakMap","ResizeObserver","method","apply"],"mappings":"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","sourcesContent":["/**\r\n * A collection of shims that provide minimal functionality of the ES6 collections.\r\n *\r\n * These implementations are not meant to be used outside of the ResizeObserver\r\n * modules as they cover only a limited range of use cases.\r\n */\r\n/* eslint-disable require-jsdoc, valid-jsdoc */\r\nvar MapShim = (function () {\r\n    if (typeof Map !== 'undefined') {\r\n        return Map;\r\n    }\r\n    /**\r\n     * Returns index in provided array that matches the specified key.\r\n     *\r\n     * @param {Array<Array>} arr\r\n     * @param {*} key\r\n     * @returns {number}\r\n     */\r\n    function getIndex(arr, key) {\r\n        var result = -1;\r\n        arr.some(function (entry, index) {\r\n            if (entry[0] === key) {\r\n                result = index;\r\n                return true;\r\n            }\r\n            return false;\r\n        });\r\n        return result;\r\n    }\r\n    return /** @class */ (function () {\r\n        function class_1() {\r\n            this.__entries__ = [];\r\n        }\r\n        Object.defineProperty(class_1.prototype, \"size\", {\r\n            /**\r\n             * @returns {boolean}\r\n             */\r\n            get: function () {\r\n                return this.__entries__.length;\r\n            },\r\n            enumerable: true,\r\n            configurable: true\r\n        });\r\n        /**\r\n         * @param {*} key\r\n         * @returns {*}\r\n         */\r\n        class_1.prototype.get = function (key) {\r\n            var index = getIndex(this.__entries__, key);\r\n            var entry = this.__entries__[index];\r\n            return entry && entry[1];\r\n        };\r\n        /**\r\n         * @param {*} key\r\n         * @param {*} value\r\n         * @returns {void}\r\n         */\r\n        class_1.prototype.set = function (key, value) {\r\n            var index = getIndex(this.__entries__, key);\r\n            if (~index) {\r\n                this.__entries__[index][1] = value;\r\n            }\r\n            else {\r\n                this.__entries__.push([key, value]);\r\n            }\r\n        };\r\n        /**\r\n         * @param {*} key\r\n         * @returns {void}\r\n         */\r\n        class_1.prototype.delete = function (key) {\r\n            var entries = this.__entries__;\r\n            var index = getIndex(entries, key);\r\n            if (~index) {\r\n                entries.splice(index, 1);\r\n            }\r\n        };\r\n        /**\r\n         * @param {*} key\r\n         * @returns {void}\r\n         */\r\n        class_1.prototype.has = function (key) {\r\n            return !!~getIndex(this.__entries__, key);\r\n        };\r\n        /**\r\n         * @returns {void}\r\n         */\r\n        class_1.prototype.clear = function () {\r\n            this.__entries__.splice(0);\r\n        };\r\n        /**\r\n         * @param {Function} callback\r\n         * @param {*} [ctx=null]\r\n         * @returns {void}\r\n         */\r\n        class_1.prototype.forEach = function (callback, ctx) {\r\n            if (ctx === void 0) { ctx = null; }\r\n            for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {\r\n                var entry = _a[_i];\r\n                callback.call(ctx, entry[1], entry[0]);\r\n            }\r\n        };\r\n        return class_1;\r\n    }());\r\n})();\n\n/**\r\n * Detects whether window and document objects are available in current environment.\r\n */\r\nvar isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;\n\n// Returns global object of a current environment.\r\nvar global$1 = (function () {\r\n    if (typeof global !== 'undefined' && global.Math === Math) {\r\n        return global;\r\n    }\r\n    if (typeof self !== 'undefined' && self.Math === Math) {\r\n        return self;\r\n    }\r\n    if (typeof window !== 'undefined' && window.Math === Math) {\r\n        return window;\r\n    }\r\n    // eslint-disable-next-line no-new-func\r\n    return Function('return this')();\r\n})();\n\n/**\r\n * A shim for the requestAnimationFrame which falls back to the setTimeout if\r\n * first one is not supported.\r\n *\r\n * @returns {number} Requests' identifier.\r\n */\r\nvar requestAnimationFrame$1 = (function () {\r\n    if (typeof requestAnimationFrame === 'function') {\r\n        // It's required to use a bounded function because IE sometimes throws\r\n        // an \"Invalid calling object\" error if rAF is invoked without the global\r\n        // object on the left hand side.\r\n        return requestAnimationFrame.bind(global$1);\r\n    }\r\n    return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); };\r\n})();\n\n// Defines minimum timeout before adding a trailing call.\r\nvar trailingTimeout = 2;\r\n/**\r\n * Creates a wrapper function which ensures that provided callback will be\r\n * invoked only once during the specified delay period.\r\n *\r\n * @param {Function} callback - Function to be invoked after the delay period.\r\n * @param {number} delay - Delay after which to invoke callback.\r\n * @returns {Function}\r\n */\r\nfunction throttle (callback, delay) {\r\n    var leadingCall = false, trailingCall = false, lastCallTime = 0;\r\n    /**\r\n     * Invokes the original callback function and schedules new invocation if\r\n     * the \"proxy\" was called during current request.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    function resolvePending() {\r\n        if (leadingCall) {\r\n            leadingCall = false;\r\n            callback();\r\n        }\r\n        if (trailingCall) {\r\n            proxy();\r\n        }\r\n    }\r\n    /**\r\n     * Callback invoked after the specified delay. It will further postpone\r\n     * invocation of the original function delegating it to the\r\n     * requestAnimationFrame.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    function timeoutCallback() {\r\n        requestAnimationFrame$1(resolvePending);\r\n    }\r\n    /**\r\n     * Schedules invocation of the original function.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    function proxy() {\r\n        var timeStamp = Date.now();\r\n        if (leadingCall) {\r\n            // Reject immediately following calls.\r\n            if (timeStamp - lastCallTime < trailingTimeout) {\r\n                return;\r\n            }\r\n            // Schedule new call to be in invoked when the pending one is resolved.\r\n            // This is important for \"transitions\" which never actually start\r\n            // immediately so there is a chance that we might miss one if change\r\n            // happens amids the pending invocation.\r\n            trailingCall = true;\r\n        }\r\n        else {\r\n            leadingCall = true;\r\n            trailingCall = false;\r\n            setTimeout(timeoutCallback, delay);\r\n        }\r\n        lastCallTime = timeStamp;\r\n    }\r\n    return proxy;\r\n}\n\n// Minimum delay before invoking the update of observers.\r\nvar REFRESH_DELAY = 20;\r\n// A list of substrings of CSS properties used to find transition events that\r\n// might affect dimensions of observed elements.\r\nvar transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];\r\n// Check if MutationObserver is available.\r\nvar mutationObserverSupported = typeof MutationObserver !== 'undefined';\r\n/**\r\n * Singleton controller class which handles updates of ResizeObserver instances.\r\n */\r\nvar ResizeObserverController = /** @class */ (function () {\r\n    /**\r\n     * Creates a new instance of ResizeObserverController.\r\n     *\r\n     * @private\r\n     */\r\n    function ResizeObserverController() {\r\n        /**\r\n         * Indicates whether DOM listeners have been added.\r\n         *\r\n         * @private {boolean}\r\n         */\r\n        this.connected_ = false;\r\n        /**\r\n         * Tells that controller has subscribed for Mutation Events.\r\n         *\r\n         * @private {boolean}\r\n         */\r\n        this.mutationEventsAdded_ = false;\r\n        /**\r\n         * Keeps reference to the instance of MutationObserver.\r\n         *\r\n         * @private {MutationObserver}\r\n         */\r\n        this.mutationsObserver_ = null;\r\n        /**\r\n         * A list of connected observers.\r\n         *\r\n         * @private {Array<ResizeObserverSPI>}\r\n         */\r\n        this.observers_ = [];\r\n        this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);\r\n        this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);\r\n    }\r\n    /**\r\n     * Adds observer to observers list.\r\n     *\r\n     * @param {ResizeObserverSPI} observer - Observer to be added.\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.addObserver = function (observer) {\r\n        if (!~this.observers_.indexOf(observer)) {\r\n            this.observers_.push(observer);\r\n        }\r\n        // Add listeners if they haven't been added yet.\r\n        if (!this.connected_) {\r\n            this.connect_();\r\n        }\r\n    };\r\n    /**\r\n     * Removes observer from observers list.\r\n     *\r\n     * @param {ResizeObserverSPI} observer - Observer to be removed.\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.removeObserver = function (observer) {\r\n        var observers = this.observers_;\r\n        var index = observers.indexOf(observer);\r\n        // Remove observer if it's present in registry.\r\n        if (~index) {\r\n            observers.splice(index, 1);\r\n        }\r\n        // Remove listeners if controller has no connected observers.\r\n        if (!observers.length && this.connected_) {\r\n            this.disconnect_();\r\n        }\r\n    };\r\n    /**\r\n     * Invokes the update of observers. It will continue running updates insofar\r\n     * it detects changes.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.refresh = function () {\r\n        var changesDetected = this.updateObservers_();\r\n        // Continue running updates if changes have been detected as there might\r\n        // be future ones caused by CSS transitions.\r\n        if (changesDetected) {\r\n            this.refresh();\r\n        }\r\n    };\r\n    /**\r\n     * Updates every observer from observers list and notifies them of queued\r\n     * entries.\r\n     *\r\n     * @private\r\n     * @returns {boolean} Returns \"true\" if any observer has detected changes in\r\n     *      dimensions of it's elements.\r\n     */\r\n    ResizeObserverController.prototype.updateObservers_ = function () {\r\n        // Collect observers that have active observations.\r\n        var activeObservers = this.observers_.filter(function (observer) {\r\n            return observer.gatherActive(), observer.hasActive();\r\n        });\r\n        // Deliver notifications in a separate cycle in order to avoid any\r\n        // collisions between observers, e.g. when multiple instances of\r\n        // ResizeObserver are tracking the same element and the callback of one\r\n        // of them changes content dimensions of the observed target. Sometimes\r\n        // this may result in notifications being blocked for the rest of observers.\r\n        activeObservers.forEach(function (observer) { return observer.broadcastActive(); });\r\n        return activeObservers.length > 0;\r\n    };\r\n    /**\r\n     * Initializes DOM listeners.\r\n     *\r\n     * @private\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.connect_ = function () {\r\n        // Do nothing if running in a non-browser environment or if listeners\r\n        // have been already added.\r\n        if (!isBrowser || this.connected_) {\r\n            return;\r\n        }\r\n        // Subscription to the \"Transitionend\" event is used as a workaround for\r\n        // delayed transitions. This way it's possible to capture at least the\r\n        // final state of an element.\r\n        document.addEventListener('transitionend', this.onTransitionEnd_);\r\n        window.addEventListener('resize', this.refresh);\r\n        if (mutationObserverSupported) {\r\n            this.mutationsObserver_ = new MutationObserver(this.refresh);\r\n            this.mutationsObserver_.observe(document, {\r\n                attributes: true,\r\n                childList: true,\r\n                characterData: true,\r\n                subtree: true\r\n            });\r\n        }\r\n        else {\r\n            document.addEventListener('DOMSubtreeModified', this.refresh);\r\n            this.mutationEventsAdded_ = true;\r\n        }\r\n        this.connected_ = true;\r\n    };\r\n    /**\r\n     * Removes DOM listeners.\r\n     *\r\n     * @private\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.disconnect_ = function () {\r\n        // Do nothing if running in a non-browser environment or if listeners\r\n        // have been already removed.\r\n        if (!isBrowser || !this.connected_) {\r\n            return;\r\n        }\r\n        document.removeEventListener('transitionend', this.onTransitionEnd_);\r\n        window.removeEventListener('resize', this.refresh);\r\n        if (this.mutationsObserver_) {\r\n            this.mutationsObserver_.disconnect();\r\n        }\r\n        if (this.mutationEventsAdded_) {\r\n            document.removeEventListener('DOMSubtreeModified', this.refresh);\r\n        }\r\n        this.mutationsObserver_ = null;\r\n        this.mutationEventsAdded_ = false;\r\n        this.connected_ = false;\r\n    };\r\n    /**\r\n     * \"Transitionend\" event handler.\r\n     *\r\n     * @private\r\n     * @param {TransitionEvent} event\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverController.prototype.onTransitionEnd_ = function (_a) {\r\n        var _b = _a.propertyName, propertyName = _b === void 0 ? '' : _b;\r\n        // Detect whether transition may affect dimensions of an element.\r\n        var isReflowProperty = transitionKeys.some(function (key) {\r\n            return !!~propertyName.indexOf(key);\r\n        });\r\n        if (isReflowProperty) {\r\n            this.refresh();\r\n        }\r\n    };\r\n    /**\r\n     * Returns instance of the ResizeObserverController.\r\n     *\r\n     * @returns {ResizeObserverController}\r\n     */\r\n    ResizeObserverController.getInstance = function () {\r\n        if (!this.instance_) {\r\n            this.instance_ = new ResizeObserverController();\r\n        }\r\n        return this.instance_;\r\n    };\r\n    /**\r\n     * Holds reference to the controller's instance.\r\n     *\r\n     * @private {ResizeObserverController}\r\n     */\r\n    ResizeObserverController.instance_ = null;\r\n    return ResizeObserverController;\r\n}());\n\n/**\r\n * Defines non-writable/enumerable properties of the provided target object.\r\n *\r\n * @param {Object} target - Object for which to define properties.\r\n * @param {Object} props - Properties to be defined.\r\n * @returns {Object} Target object.\r\n */\r\nvar defineConfigurable = (function (target, props) {\r\n    for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {\r\n        var key = _a[_i];\r\n        Object.defineProperty(target, key, {\r\n            value: props[key],\r\n            enumerable: false,\r\n            writable: false,\r\n            configurable: true\r\n        });\r\n    }\r\n    return target;\r\n});\n\n/**\r\n * Returns the global object associated with provided element.\r\n *\r\n * @param {Object} target\r\n * @returns {Object}\r\n */\r\nvar getWindowOf = (function (target) {\r\n    // Assume that the element is an instance of Node, which means that it\r\n    // has the \"ownerDocument\" property from which we can retrieve a\r\n    // corresponding global object.\r\n    var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;\r\n    // Return the local global object if it's not possible extract one from\r\n    // provided element.\r\n    return ownerGlobal || global$1;\r\n});\n\n// Placeholder of an empty content rectangle.\r\nvar emptyRect = createRectInit(0, 0, 0, 0);\r\n/**\r\n * Converts provided string to a number.\r\n *\r\n * @param {number|string} value\r\n * @returns {number}\r\n */\r\nfunction toFloat(value) {\r\n    return parseFloat(value) || 0;\r\n}\r\n/**\r\n * Extracts borders size from provided styles.\r\n *\r\n * @param {CSSStyleDeclaration} styles\r\n * @param {...string} positions - Borders positions (top, right, ...)\r\n * @returns {number}\r\n */\r\nfunction getBordersSize(styles) {\r\n    var positions = [];\r\n    for (var _i = 1; _i < arguments.length; _i++) {\r\n        positions[_i - 1] = arguments[_i];\r\n    }\r\n    return positions.reduce(function (size, position) {\r\n        var value = styles['border-' + position + '-width'];\r\n        return size + toFloat(value);\r\n    }, 0);\r\n}\r\n/**\r\n * Extracts paddings sizes from provided styles.\r\n *\r\n * @param {CSSStyleDeclaration} styles\r\n * @returns {Object} Paddings box.\r\n */\r\nfunction getPaddings(styles) {\r\n    var positions = ['top', 'right', 'bottom', 'left'];\r\n    var paddings = {};\r\n    for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {\r\n        var position = positions_1[_i];\r\n        var value = styles['padding-' + position];\r\n        paddings[position] = toFloat(value);\r\n    }\r\n    return paddings;\r\n}\r\n/**\r\n * Calculates content rectangle of provided SVG element.\r\n *\r\n * @param {SVGGraphicsElement} target - Element content rectangle of which needs\r\n *      to be calculated.\r\n * @returns {DOMRectInit}\r\n */\r\nfunction getSVGContentRect(target) {\r\n    var bbox = target.getBBox();\r\n    return createRectInit(0, 0, bbox.width, bbox.height);\r\n}\r\n/**\r\n * Calculates content rectangle of provided HTMLElement.\r\n *\r\n * @param {HTMLElement} target - Element for which to calculate the content rectangle.\r\n * @returns {DOMRectInit}\r\n */\r\nfunction getHTMLElementContentRect(target) {\r\n    // Client width & height properties can't be\r\n    // used exclusively as they provide rounded values.\r\n    var clientWidth = target.clientWidth, clientHeight = target.clientHeight;\r\n    // By this condition we can catch all non-replaced inline, hidden and\r\n    // detached elements. Though elements with width & height properties less\r\n    // than 0.5 will be discarded as well.\r\n    //\r\n    // Without it we would need to implement separate methods for each of\r\n    // those cases and it's not possible to perform a precise and performance\r\n    // effective test for hidden elements. E.g. even jQuery's ':visible' filter\r\n    // gives wrong results for elements with width & height less than 0.5.\r\n    if (!clientWidth && !clientHeight) {\r\n        return emptyRect;\r\n    }\r\n    var styles = getWindowOf(target).getComputedStyle(target);\r\n    var paddings = getPaddings(styles);\r\n    var horizPad = paddings.left + paddings.right;\r\n    var vertPad = paddings.top + paddings.bottom;\r\n    // Computed styles of width & height are being used because they are the\r\n    // only dimensions available to JS that contain non-rounded values. It could\r\n    // be possible to utilize the getBoundingClientRect if only it's data wasn't\r\n    // affected by CSS transformations let alone paddings, borders and scroll bars.\r\n    var width = toFloat(styles.width), height = toFloat(styles.height);\r\n    // Width & height include paddings and borders when the 'border-box' box\r\n    // model is applied (except for IE).\r\n    if (styles.boxSizing === 'border-box') {\r\n        // Following conditions are required to handle Internet Explorer which\r\n        // doesn't include paddings and borders to computed CSS dimensions.\r\n        //\r\n        // We can say that if CSS dimensions + paddings are equal to the \"client\"\r\n        // properties then it's either IE, and thus we don't need to subtract\r\n        // anything, or an element merely doesn't have paddings/borders styles.\r\n        if (Math.round(width + horizPad) !== clientWidth) {\r\n            width -= getBordersSize(styles, 'left', 'right') + horizPad;\r\n        }\r\n        if (Math.round(height + vertPad) !== clientHeight) {\r\n            height -= getBordersSize(styles, 'top', 'bottom') + vertPad;\r\n        }\r\n    }\r\n    // Following steps can't be applied to the document's root element as its\r\n    // client[Width/Height] properties represent viewport area of the window.\r\n    // Besides, it's as well not necessary as the <html> itself neither has\r\n    // rendered scroll bars nor it can be clipped.\r\n    if (!isDocumentElement(target)) {\r\n        // In some browsers (only in Firefox, actually) CSS width & height\r\n        // include scroll bars size which can be removed at this step as scroll\r\n        // bars are the only difference between rounded dimensions + paddings\r\n        // and \"client\" properties, though that is not always true in Chrome.\r\n        var vertScrollbar = Math.round(width + horizPad) - clientWidth;\r\n        var horizScrollbar = Math.round(height + vertPad) - clientHeight;\r\n        // Chrome has a rather weird rounding of \"client\" properties.\r\n        // E.g. for an element with content width of 314.2px it sometimes gives\r\n        // the client width of 315px and for the width of 314.7px it may give\r\n        // 314px. And it doesn't happen all the time. So just ignore this delta\r\n        // as a non-relevant.\r\n        if (Math.abs(vertScrollbar) !== 1) {\r\n            width -= vertScrollbar;\r\n        }\r\n        if (Math.abs(horizScrollbar) !== 1) {\r\n            height -= horizScrollbar;\r\n        }\r\n    }\r\n    return createRectInit(paddings.left, paddings.top, width, height);\r\n}\r\n/**\r\n * Checks whether provided element is an instance of the SVGGraphicsElement.\r\n *\r\n * @param {Element} target - Element to be checked.\r\n * @returns {boolean}\r\n */\r\nvar isSVGGraphicsElement = (function () {\r\n    // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement\r\n    // interface.\r\n    if (typeof SVGGraphicsElement !== 'undefined') {\r\n        return function (target) { return target instanceof getWindowOf(target).SVGGraphicsElement; };\r\n    }\r\n    // If it's so, then check that element is at least an instance of the\r\n    // SVGElement and that it has the \"getBBox\" method.\r\n    // eslint-disable-next-line no-extra-parens\r\n    return function (target) { return (target instanceof getWindowOf(target).SVGElement &&\r\n        typeof target.getBBox === 'function'); };\r\n})();\r\n/**\r\n * Checks whether provided element is a document element (<html>).\r\n *\r\n * @param {Element} target - Element to be checked.\r\n * @returns {boolean}\r\n */\r\nfunction isDocumentElement(target) {\r\n    return target === getWindowOf(target).document.documentElement;\r\n}\r\n/**\r\n * Calculates an appropriate content rectangle for provided html or svg element.\r\n *\r\n * @param {Element} target - Element content rectangle of which needs to be calculated.\r\n * @returns {DOMRectInit}\r\n */\r\nfunction getContentRect(target) {\r\n    if (!isBrowser) {\r\n        return emptyRect;\r\n    }\r\n    if (isSVGGraphicsElement(target)) {\r\n        return getSVGContentRect(target);\r\n    }\r\n    return getHTMLElementContentRect(target);\r\n}\r\n/**\r\n * Creates rectangle with an interface of the DOMRectReadOnly.\r\n * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly\r\n *\r\n * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions.\r\n * @returns {DOMRectReadOnly}\r\n */\r\nfunction createReadOnlyRect(_a) {\r\n    var x = _a.x, y = _a.y, width = _a.width, height = _a.height;\r\n    // If DOMRectReadOnly is available use it as a prototype for the rectangle.\r\n    var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object;\r\n    var rect = Object.create(Constr.prototype);\r\n    // Rectangle's properties are not writable and non-enumerable.\r\n    defineConfigurable(rect, {\r\n        x: x, y: y, width: width, height: height,\r\n        top: y,\r\n        right: x + width,\r\n        bottom: height + y,\r\n        left: x\r\n    });\r\n    return rect;\r\n}\r\n/**\r\n * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates.\r\n * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit\r\n *\r\n * @param {number} x - X coordinate.\r\n * @param {number} y - Y coordinate.\r\n * @param {number} width - Rectangle's width.\r\n * @param {number} height - Rectangle's height.\r\n * @returns {DOMRectInit}\r\n */\r\nfunction createRectInit(x, y, width, height) {\r\n    return { x: x, y: y, width: width, height: height };\r\n}\n\n/**\r\n * Class that is responsible for computations of the content rectangle of\r\n * provided DOM element and for keeping track of it's changes.\r\n */\r\nvar ResizeObservation = /** @class */ (function () {\r\n    /**\r\n     * Creates an instance of ResizeObservation.\r\n     *\r\n     * @param {Element} target - Element to be observed.\r\n     */\r\n    function ResizeObservation(target) {\r\n        /**\r\n         * Broadcasted width of content rectangle.\r\n         *\r\n         * @type {number}\r\n         */\r\n        this.broadcastWidth = 0;\r\n        /**\r\n         * Broadcasted height of content rectangle.\r\n         *\r\n         * @type {number}\r\n         */\r\n        this.broadcastHeight = 0;\r\n        /**\r\n         * Reference to the last observed content rectangle.\r\n         *\r\n         * @private {DOMRectInit}\r\n         */\r\n        this.contentRect_ = createRectInit(0, 0, 0, 0);\r\n        this.target = target;\r\n    }\r\n    /**\r\n     * Updates content rectangle and tells whether it's width or height properties\r\n     * have changed since the last broadcast.\r\n     *\r\n     * @returns {boolean}\r\n     */\r\n    ResizeObservation.prototype.isActive = function () {\r\n        var rect = getContentRect(this.target);\r\n        this.contentRect_ = rect;\r\n        return (rect.width !== this.broadcastWidth ||\r\n            rect.height !== this.broadcastHeight);\r\n    };\r\n    /**\r\n     * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data\r\n     * from the corresponding properties of the last observed content rectangle.\r\n     *\r\n     * @returns {DOMRectInit} Last observed content rectangle.\r\n     */\r\n    ResizeObservation.prototype.broadcastRect = function () {\r\n        var rect = this.contentRect_;\r\n        this.broadcastWidth = rect.width;\r\n        this.broadcastHeight = rect.height;\r\n        return rect;\r\n    };\r\n    return ResizeObservation;\r\n}());\n\nvar ResizeObserverEntry = /** @class */ (function () {\r\n    /**\r\n     * Creates an instance of ResizeObserverEntry.\r\n     *\r\n     * @param {Element} target - Element that is being observed.\r\n     * @param {DOMRectInit} rectInit - Data of the element's content rectangle.\r\n     */\r\n    function ResizeObserverEntry(target, rectInit) {\r\n        var contentRect = createReadOnlyRect(rectInit);\r\n        // According to the specification following properties are not writable\r\n        // and are also not enumerable in the native implementation.\r\n        //\r\n        // Property accessors are not being used as they'd require to define a\r\n        // private WeakMap storage which may cause memory leaks in browsers that\r\n        // don't support this type of collections.\r\n        defineConfigurable(this, { target: target, contentRect: contentRect });\r\n    }\r\n    return ResizeObserverEntry;\r\n}());\n\nvar ResizeObserverSPI = /** @class */ (function () {\r\n    /**\r\n     * Creates a new instance of ResizeObserver.\r\n     *\r\n     * @param {ResizeObserverCallback} callback - Callback function that is invoked\r\n     *      when one of the observed elements changes it's content dimensions.\r\n     * @param {ResizeObserverController} controller - Controller instance which\r\n     *      is responsible for the updates of observer.\r\n     * @param {ResizeObserver} callbackCtx - Reference to the public\r\n     *      ResizeObserver instance which will be passed to callback function.\r\n     */\r\n    function ResizeObserverSPI(callback, controller, callbackCtx) {\r\n        /**\r\n         * Collection of resize observations that have detected changes in dimensions\r\n         * of elements.\r\n         *\r\n         * @private {Array<ResizeObservation>}\r\n         */\r\n        this.activeObservations_ = [];\r\n        /**\r\n         * Registry of the ResizeObservation instances.\r\n         *\r\n         * @private {Map<Element, ResizeObservation>}\r\n         */\r\n        this.observations_ = new MapShim();\r\n        if (typeof callback !== 'function') {\r\n            throw new TypeError('The callback provided as parameter 1 is not a function.');\r\n        }\r\n        this.callback_ = callback;\r\n        this.controller_ = controller;\r\n        this.callbackCtx_ = callbackCtx;\r\n    }\r\n    /**\r\n     * Starts observing provided element.\r\n     *\r\n     * @param {Element} target - Element to be observed.\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.observe = function (target) {\r\n        if (!arguments.length) {\r\n            throw new TypeError('1 argument required, but only 0 present.');\r\n        }\r\n        // Do nothing if current environment doesn't have the Element interface.\r\n        if (typeof Element === 'undefined' || !(Element instanceof Object)) {\r\n            return;\r\n        }\r\n        if (!(target instanceof getWindowOf(target).Element)) {\r\n            throw new TypeError('parameter 1 is not of type \"Element\".');\r\n        }\r\n        var observations = this.observations_;\r\n        // Do nothing if element is already being observed.\r\n        if (observations.has(target)) {\r\n            return;\r\n        }\r\n        observations.set(target, new ResizeObservation(target));\r\n        this.controller_.addObserver(this);\r\n        // Force the update of observations.\r\n        this.controller_.refresh();\r\n    };\r\n    /**\r\n     * Stops observing provided element.\r\n     *\r\n     * @param {Element} target - Element to stop observing.\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.unobserve = function (target) {\r\n        if (!arguments.length) {\r\n            throw new TypeError('1 argument required, but only 0 present.');\r\n        }\r\n        // Do nothing if current environment doesn't have the Element interface.\r\n        if (typeof Element === 'undefined' || !(Element instanceof Object)) {\r\n            return;\r\n        }\r\n        if (!(target instanceof getWindowOf(target).Element)) {\r\n            throw new TypeError('parameter 1 is not of type \"Element\".');\r\n        }\r\n        var observations = this.observations_;\r\n        // Do nothing if element is not being observed.\r\n        if (!observations.has(target)) {\r\n            return;\r\n        }\r\n        observations.delete(target);\r\n        if (!observations.size) {\r\n            this.controller_.removeObserver(this);\r\n        }\r\n    };\r\n    /**\r\n     * Stops observing all elements.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.disconnect = function () {\r\n        this.clearActive();\r\n        this.observations_.clear();\r\n        this.controller_.removeObserver(this);\r\n    };\r\n    /**\r\n     * Collects observation instances the associated element of which has changed\r\n     * it's content rectangle.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.gatherActive = function () {\r\n        var _this = this;\r\n        this.clearActive();\r\n        this.observations_.forEach(function (observation) {\r\n            if (observation.isActive()) {\r\n                _this.activeObservations_.push(observation);\r\n            }\r\n        });\r\n    };\r\n    /**\r\n     * Invokes initial callback function with a list of ResizeObserverEntry\r\n     * instances collected from active resize observations.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.broadcastActive = function () {\r\n        // Do nothing if observer doesn't have active observations.\r\n        if (!this.hasActive()) {\r\n            return;\r\n        }\r\n        var ctx = this.callbackCtx_;\r\n        // Create ResizeObserverEntry instance for every active observation.\r\n        var entries = this.activeObservations_.map(function (observation) {\r\n            return new ResizeObserverEntry(observation.target, observation.broadcastRect());\r\n        });\r\n        this.callback_.call(ctx, entries, ctx);\r\n        this.clearActive();\r\n    };\r\n    /**\r\n     * Clears the collection of active observations.\r\n     *\r\n     * @returns {void}\r\n     */\r\n    ResizeObserverSPI.prototype.clearActive = function () {\r\n        this.activeObservations_.splice(0);\r\n    };\r\n    /**\r\n     * Tells whether observer has active observations.\r\n     *\r\n     * @returns {boolean}\r\n     */\r\n    ResizeObserverSPI.prototype.hasActive = function () {\r\n        return this.activeObservations_.length > 0;\r\n    };\r\n    return ResizeObserverSPI;\r\n}());\n\n// Registry of internal observers. If WeakMap is not available use current shim\r\n// for the Map collection as it has all required methods and because WeakMap\r\n// can't be fully polyfilled anyway.\r\nvar observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();\r\n/**\r\n * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation\r\n * exposing only those methods and properties that are defined in the spec.\r\n */\r\nvar ResizeObserver = /** @class */ (function () {\r\n    /**\r\n     * Creates a new instance of ResizeObserver.\r\n     *\r\n     * @param {ResizeObserverCallback} callback - Callback that is invoked when\r\n     *      dimensions of the observed elements change.\r\n     */\r\n    function ResizeObserver(callback) {\r\n        if (!(this instanceof ResizeObserver)) {\r\n            throw new TypeError('Cannot call a class as a function.');\r\n        }\r\n        if (!arguments.length) {\r\n            throw new TypeError('1 argument required, but only 0 present.');\r\n        }\r\n        var controller = ResizeObserverController.getInstance();\r\n        var observer = new ResizeObserverSPI(callback, controller, this);\r\n        observers.set(this, observer);\r\n    }\r\n    return ResizeObserver;\r\n}());\r\n// Expose public methods of ResizeObserver.\r\n[\r\n    'observe',\r\n    'unobserve',\r\n    'disconnect'\r\n].forEach(function (method) {\r\n    ResizeObserver.prototype[method] = function () {\r\n        var _a;\r\n        return (_a = observers.get(this))[method].apply(_a, arguments);\r\n    };\r\n});\n\nvar index = (function () {\r\n    // Export existing implementation if available.\r\n    if (typeof global$1.ResizeObserver !== 'undefined') {\r\n        return global$1.ResizeObserver;\r\n    }\r\n    return ResizeObserver;\r\n})();\n\nexport default index;\n"]}

package/dist/nano-components/p-6b91b77b.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as n,h as i,e,g as a}from"./p-7a6bc3c5.js";import{d as s}from"./p-190e2d91.js";import{b as o,g as r,c as l}from"./p-4087e0d9.js";import{a as d}from"./p-3796f493.js";import{c as h}from"./p-88d68319.js";import{P as c}from"./p-00c6bee1.js";const p=class{constructor(i){t(this,i),this.nanoClose=n(this,"nanoClose",7),this.nanoOpen=n(this,"nanoOpen",7),this.nanoOpening=n(this,"nanoOpening",7),this.nanoClosing=n(this,"nanoClosing",7),this.nanoBlur=n(this,"nanoBlur",7),this.nanoFocus=n(this,"nanoFocus",7),this.hasSecondarySlot=!1,this.hasAnchorEle=!1,this.didBlur=!1,this.animating=!1,this.didOpen=!1,this.isInGlobalNav=!1,this.isInMenuDrawer=!1,this.isInMenu=!1,this.isLegacy=!document.head.attachShadow,this.hasFocus=!1,this.href=null,this.target="_self",this.disabled=!1,this.open=!1,this.selected=!1,this.secondaryActiveWidth=0,this.secondaryFallback=()=>{},this.closeOnBlur=!0,this.closeSecondary=async()=>{if(this.open=!1,!this.hasSecondarySlot||!this.didOpen)return;this.nanoClosing.emit({secondaryMenu:this.secondaryDiv});let t=await s(this.secondaryDiv,"open",!1);this.didOpen="hidden"!==t},this.openSecondary=async()=>{if(window.innerWidth<this.secondaryActiveWidth)return void this.secondaryFallback.call(this);if(this.open=!0,!this.hasSecondarySlot||this.didOpen)return;this.nanoOpening.emit({secondaryMenu:this.secondaryDiv});let t=await s(this.secondaryDiv,"open",!0);this.didOpen="shown"===t},this.toggleSecondary=()=>{this.hasSecondarySlot&&(this.didOpen?this.closeSecondary():this.openSecondary())},this.handleFocus=()=>{this.hasFocus=!0,this.href&&!this.animating&&this.hasSecondarySlot&&this.openSecondary(),this.nanoFocus.emit()},this.handleHostBlur=()=>{this.animating||(this.el.removeAttribute("tabindex"),this.hasFocus=!1,this.nanoBlur.emit())},this.handleHostClick=t=>{this.hasAnchorEle&&(t.target.closest("a, button")||this.btn.click())},this.handleMouseEnter=async()=>{if(!this.href||this.animating||!this.hasSecondarySlot||this.globalNavEle&&!this.globalNavEle.classList.contains("ready"))return;let t=0;o(this.el,".secondary-open.has-secondary").length&&(t=300),clearTimeout(this.waitHide),this.fromHover=!0,this.animating=!0,this.waitShow=window.setTimeout((async()=>await this.openSecondary()),t),this.animating=!1},this.handleMouseLeave=()=>{this.href&&(clearTimeout(this.waitShow),this.fromHover=!0,this.animating=!0,this.waitHide=window.setTimeout((async()=>await this.closeSecondary()),300),this.animating=!1)},this.handleClick=()=>{this.fromHover=!1,this.hasSecondarySlot?this.toggleSecondary():this.el.querySelector("*").click()},this.blur=t=>{this.didOpen&&!this.animating&&this.closeOnBlur&&(t&&t.relatedTarget&&(t.relatedTarget===this.el||t.relatedTarget===this.btn||this.foundThisNavEle(t.relatedTarget))?this.secondaryDiv.focus({preventScroll:!0}):(this.btn.removeEventListener("focusout",this.blur),this.secondaryDiv.removeEventListener("focusout",this.blur),window.removeEventListener("blur",this.blur),this.didBlur=!0,this.open=!1,t.relatedTarget||setTimeout((()=>{this.el.focus({preventScroll:!0})}),50)))}}async setFocus(){this.btn&&this.btn.focus()}openChange(){this.open?this.openSecondary():this.closeSecondary()}didOpenChange(){if(this.hasSecondarySlot)if(this.didOpen){if(this.didBlur=!1,!this.fromHover){const t=new window.IntersectionObserver((n=>{n[0].boundingClientRect.top<0&&this.secondaryDiv.scrollIntoView({behavior:"smooth"}),t.disconnect()}),{threshold:1});t.observe(this.secondaryDiv),this.secondaryDiv.focus({preventScroll:!0}),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})}}else this.fromHover||(this.btn.removeEventListener("focusout",this.blur),this.secondaryDiv.removeEventListener("focusout",this.blur)),setTimeout((()=>{this.fromHover||this.didBlur||this.btn.focus({preventScroll:!0}),this.nanoClose.emit({secondaryMenu:this.secondaryDiv})}),50)}foundThisNavEle(t){let n=t.closest("nano-nav-item");return n=n===t?t.parentElement.closest("nano-nav-item"):n,!!n&&(n===this.el||this.foundThisNavEle(n))}componentWillLoad(){let t=this.el.querySelector('[slot="secondary"]');this.hasSecondarySlot=!!t;let n=r(this.el,"a, button")[0];this.hasAnchorEle=!!n,n&&(this.href=n.href?n.href:null,this.btn=n,this.hasSecondarySlot&&this.btn.addEventListener("click",this.toggleSecondary),this.btn.addEventListener("focus",this.handleFocus),this.btn.addEventListener("blur",this.handleHostBlur))}connectedCallback(){this.isInGlobalNav=!1,this.isInMenuDrawer=!1,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")}render(){return i(e,{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:"rtl"===this.el.ownerDocument.dir?"rtl":null,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onClick:this.handleHostClick},i("div",{class:{"nav-item":!0,"secondary-open":this.open,selected:this.selected}},this.href&&!this.hasAnchorEle&&!this.disabled&&i("a",{target:this.target,ref:t=>this.btn=t,href:this.href,onFocus:this.handleFocus},i("slot",{name:"icon-start"}),i("span",{class:"text"},i("slot",null)),i("slot",{name:"icon-end"})),(!this.hasAnchorEle&&!this.href||this.disabled)&&i("button",{ref:t=>this.btn=t,onClick:this.handleClick,onFocus:this.handleFocus,disabled:this.disabled},i("slot",{name:"icon-start"}),i("span",{class:"text"},i("slot",null)),i("slot",{name:"icon-end"})),this.hasAnchorEle&&!this.disabled&&i("div",{class:"link"},i("slot",{name:"icon-start"}),i("slot",null),i("slot",{name:"icon-end"})),this.hasSecondarySlot&&!this.disabled&&i("div",{class:"secondary-menu",ref:t=>this.secondaryDiv=t,tabindex:"-1"},i("div",{class:"secondary-menu-content"},i("slot",{name:"secondary"})),i("div",{class:"secondary-menu-mask",onClick:this.closeSecondary}))))}get el(){return a(this)}static get watchers(){return{open:["openChange"],didOpen:["didOpenChange"]}}};p.style=':host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:export{screen:1000}: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}';const g=class{constructor(i){t(this,i),this.nanoChange=n(this,"nanoChange",7),this.nanoBlur=n(this,"nanoBlur",7),this.nanoFocus=n(this,"nanoFocus",7),this.nanoDidLoad=n(this,"nanoDidLoad",7),this.nanoDidUnload=n(this,"nanoDidUnload",7),this.nanoSearchChange=n(this,"nanoSearchChange",7),this.nanoValidate=n(this,"nanoValidate",7),this.listItems=[],this.valueItems=[],this.selectId="nano-select-"+b++,this.rtl=!1,this.currLiIndex=-1,this.inputSearchVal="",this.watchValue=!0,this.onInit=!0,this.currInsertIndex=0,this.availOpts=[],this.showErrorMsg=!1,this.errorMessage="",this.hasFocus=!1,this.listOpen=!1,this.isLegacy="registerElement"in document,this.hasLabelSlot=!1,this.hasHelperSlot=!1,this.hasIconSlot=!1,this.invalid=!1,this.autofocus=!1,this.disabled=!1,this.validateOn="submit",this.showInlineError=!0,this.hideLabel=!1,this.floatLabel=!1,this.multiple=!1,this.name=this.selectId+"-name",this.readonly=!1,this.required=!1,this.allowCustomValues=!1,this.value=this.multiple?[]:"",this.options=[],this.clearSelect=!1,this.mask=!1,this.debounce=0,this.native=!0,this.customValidate=()=>(this.nativeSelect.setCustomValidity(""),this.required&&!this.getNativeValue().length?(this.nativeSelect.setCustomValidity("Please fill in this field."),!0):!this.getNativeValue().length||this.allowCustomValues||this.isValidValues()?this.max&&this.getNativeValue().length>this.max?(this.nativeSelect.setCustomValidity(`Only up to ${this.max} values are allowed.`),!0):!!(this.min&&this.getNativeValue().length<this.min)&&(this.nativeSelect.setCustomValidity(`You must select a minimum of ${this.min} values.`),!0):(this.nativeSelect.setCustomValidity("Please choose an item from this field."),!0)),this.showInlineValidation=t=>{"submitThenDirty"===this.validateOn&&(this.validateOn="dirty"),this.invalid=!1,this.showErrorMsg=!1,this.errorMessage="",this.nativeSelect.validity.valid||(this.errorMessage=this.nativeSelect.validationMessage,this.invalid=!0,this.showErrorMsg=!0),this.nanoValidate.emit({isValid:!this.invalid,errorMessage:this.errorMessage,originalEvent:t})},this.handleInvalid=t=>{this.invalid=!0,"submit"===this.validateOn&&(this.invalid=this.showErrorMsg=this.customValidate()),this.showInlineError&&t.preventDefault(),setTimeout((()=>this.showInlineValidation(t)),20)},this.onChange=t=>{this.readonly||this.disabled||!t||(t.preventDefault(),t.stopPropagation()),this.value=this.getNativeValue()},this.onBlur=()=>{this.multiple&&(this.currLiIndex=-1,document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)),this.hasFocus=!1,setTimeout((()=>{"dirty"!==this.validateOn||this.listOpen||this.hasFocus||this.showInlineValidation()}),20),this.nanoBlur.emit()},this.onFocus=()=>{this.multiple&&(this.currLiIndex=-1,document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.openList()),this.hasFocus=!0,this.nanoFocus.emit()},this.clearSelectValue=t=>{if(this.clearSelect&&!this.readonly&&!this.disabled&&t&&(t.preventDefault(),t.stopPropagation()),this.multiple){this.value=[];let t=this.nativeSelect.querySelectorAll("option");t.length&&t.forEach((t=>t.remove())),this.currInsertIndex=-1,this.setAvailOpts()}else this.value="";this.onChange()},this.onClick=()=>{this.setFocus(),this.openList()},this.onMultiInputBlur=()=>{this.allowCustomValues||(this.inputSearchVal="",this.setAvailOpts())},this.onDragStart=t=>{this.dragVal=t.target.dataset.value},this.onDragEnd=t=>{this.dragVal=null,t.preventDefault()},this.onDragLeave=t=>{let n=t.target,i=n.dataset&&n.dataset.value?n.dataset.value:null;if(!i||this.dragVal===i||!this.value.includes(this.dragVal))return void t.preventDefault();let e=this.value.indexOf(i),a=this.value.indexOf(this.dragVal),s=this.value,o=s[e];s[e]=s[a],s[a]=o,this.value=[...s]},this.onMultiInput=t=>{this.inputSearchVal=t.target.value,this.setAvailOpts(),this.openList(),this.nanoSearchChange.emit({value:t.target.value})},this.onOptFocus=t=>{let n=this.getActiveOpt();n&&n.classList.remove("has-focus"),t.target.classList.add("has-focus")},this.onHostClick=()=>{setTimeout((()=>{this.multiple&&!this.hasFocus&&this.setFocus()}),20)},this.handleDocumentMouseDown=t=>{const n=t.target;l(this.el.tagName.toLowerCase(),n)!==this.el&&(this.listOpen=!1,this.onBlur())},this.handleDocumentKeyDown=t=>{if(this.multiple){if(!this.inputSearchVal){let n;switch(t.key){case"Backspace":if(!this.multiInput.previousElementSibling)break;n=this.multiInput.previousElementSibling,this.removeValue(n.dataset.value||null);break;case"Delete":if(!this.multiInput.nextElementSibling)break;n=this.multiInput.nextElementSibling,this.removeValue(n.dataset.value||null);break;case"ArrowLeft":case"ArrowRight":if(!this.value.length)break;"ArrowLeft"===t.key&&this.multiInput.previousSibling&&this.currInsertIndex--,"ArrowRight"===t.key&&this.multiInput.nextSibling&&this.currInsertIndex++,setTimeout((()=>{this.multiInput.focus()}),20),t.preventDefault()}}if(this.hasFocus&&!this.listOpen&&"ArrowDown"===t.key&&(this.openList(),this.currLiIndex=-1),this.hasFocus&&"Tab"===t.key&&setTimeout((()=>{if(document.activeElement&&l(this.el.tagName.toLowerCase(),document.activeElement)!==this.el)return this.listOpen=!1,void this.onBlur()})),this.listOpen){const n=this.getActiveOpt();let i=this.listItems.indexOf(n)||this.currLiIndex;switch(t.key){case"ArrowDown":case"ArrowUp":if(t.preventDefault(),"ArrowDown"===t.key?i++:"ArrowUp"===t.key&&i--,i<0)return this.currLiIndex=0,void this.multiInput.focus();let n=this.listItems[i]?i:this.currLiIndex;return void setTimeout((()=>{this.listItems[n].focus(),this.currLiIndex=n}),20);case"Enter":case" ":return void(this.listItems[this.currLiIndex]&&(this.addValue(this.listItems[this.currLiIndex].dataset.value),t.preventDefault()));case"Escape":return void(this.listOpen=!1)}}this.currLiIndex>-1&&t.preventDefault()}}}debounceChanged(){this.nanoSearchChange=d(this.nanoSearchChange,this.debounce)}shouldValidate(){this.onInit||(this.invalid&&(this.showErrorMsg=this.invalid=!1),this.customValidate(),"dirty"===this.validateOn&&this.showInlineValidation())}valueChanged(){this.watchValue&&(this.multiple?("string"==typeof this.value&&this.value.length&&(this.value=this.value.split(",")),(null===this.value||"string"==typeof this.value&&!this.value.length)&&(this.value=[]),this.currInsertIndex>this.value.length-1&&(this.currInsertIndex=this.value.length-1)):"string"!=typeof this.value&&this.value&&this.value[0]&&(this.value=this.value[0]),this.setNativeValue(),this.setAvailOpts(),setTimeout((()=>this.shouldValidate()),20),this.nanoChange.emit({value:this.value}))}optionsChanged(){this.setAvailOpts(),this.hasFocus&&this.openList()}multiChange(){this.switchValue(),this.multiple?this.setupMulti():this.popover&&this.popover.destroy()}setupMulti(){setTimeout((()=>{this.setAvailOpts(),this.popover=new c(this.selectWrap,this.multiList,{placement:"bottom-start",skidding:0,distance:0,onTransitionEnd:()=>{this.listOpen||(this.multiList.scrollTop=0)}})}),20)}listOpenChange(){this.listOpen?this.popover.show():this.popover.hide()}async reportValidity(t){return t&&this.showInlineValidation(),{isValid:!this.invalid,errorMessage:this.errorMessage}}async setFocus(){this.nativeSelect&&!this.multiple?this.nativeSelect.focus():this.multiInput&&this.multiInput.focus()}getSelectElement(){return Promise.resolve(this.nativeSelect)}async showError(t){this.nativeSelect&&(this.nativeSelect.setCustomValidity(t),this.nativeSelect.reportValidity())}setAvailOpts(){this.multiple&&(this.availOpts=this.options.filter((t=>{let n="string"==typeof t?t:t.value,i="string"==typeof t?t:t.label||t.value;return!!n&&!this.value.includes(n)&&(!this.multiInput||i.toLowerCase().indexOf(this.inputSearchVal.toLowerCase())>-1)})))}getNativeValue(){const t=this.nativeSelect;return t?this.multiple?Array.from(t.options).map((t=>{if(t.selected&&t.hasAttribute("value"))return t.value})):t.options[t.selectedIndex]&&t.options[t.selectedIndex].hasAttribute("value")?t.options[t.selectedIndex].value:"":""}setNativeValue(){const t=this.nativeSelect;if(!t)return null;this.multiple?Array.from(this.nativeSelect.options).filter((t=>"string"==typeof this.value?t.value===this.value:this.value.find((t=>"string"==typeof t?t===this.value:t.value?t===t.value:void 0)))).map((t=>{t.selected=!0})):t.value=this.value}isValidValues(){if(!this.nativeSelect)return null;const t=this.nativeSelect.querySelectorAll("option:checked"),n=Array.from(t).map((t=>t.value||null));return this.multiple?n.reduce(((t,n)=>!!t&&!!this.options.find((t=>t.value?t.value===n:t===n))),!0):this.options.find((t=>t.value?t.value===n[0]:t===n[0]))}openList(){this.multiple&&(this.listOpen=!(!(this.availOpts.length||this.inputSearchVal.length&&this.allowCustomValues)||this.max&&!(this.max&&this.value.length<this.max)))}addValue(t){this.multiple&&(this.value&&this.value.length&&this.value.includes(t)||this.max&&this.value.length===this.max||(this.currInsertIndex++,this.value=[...this.value.slice(0,this.currInsertIndex),t,...this.value.slice(this.currInsertIndex)],this.inputSearchVal="",this.setAvailOpts(),this.setFocus(),this.openList()))}removeValue(t){this.multiple&&this.value.length&&(t||(t=this.value[this.value.length-1]),this.value=this.value.filter((n=>n!==t)),this.currInsertIndex>this.value.length-1&&(this.currInsertIndex=this.value.length-1),this.setFocus(),this.openList())}switchValue(){this.watchValue=!1,this.multiple?(this.value="string"==typeof this.value&&this.value.length?this.value.split(","):[],this.currInsertIndex=Math.max(this.value.length-1,0)):"string"!=typeof this.value&&this.value&&this.value[0]&&(this.value=this.value[0]),this.watchValue=!0}isSelected(t){if(this.multiple)return this.value.find((n=>n===t))}getLabel(t){let n=this.options.find((n=>n.value?n.value===t:n===t));return n?n.label?n.label:n:null}slotChangeObserver(){(this.mo=new MutationObserver((t=>this.processSlottedContent(t)))).observe(this.el,{childList:!0,subtree:!0})}processSlottedContent(t){if(this.hasLabelSlot=!!this.el.querySelectorAll('[slot="label"]').length,this.hasHelperSlot=!!this.el.querySelector('[slot="helper"]'),this.hasIconSlot=!!this.el.querySelector('[slot="icon"]'),!t){let t=this.el.querySelector('select:not([class*="sc-nano-select"])');t&&Array.from(t.attributes).filter((t=>t.specified&&t.nodeName in this)).map((t=>this[t.nodeName]=t.nodeValue));let n=this.el.querySelector('label:not([class*="sc-nano-select"])');n&&(this.label=this.label||n.innerHTML);let i=this.el.querySelectorAll('option:not([class*="sc-nano-select"])');if(this.watchValue=!1,i&&i.length){let t=[];i.forEach((n=>{t.push({label:n.label||n.innerText,value:n.value}),n.selected&&n.value&&(this.multiple?this.value.push(n.value):this.value=n.value)})),this.options=t}if(i.length||n||t){let t=this.el.querySelectorAll('[slot="legacy"]');t&&t.forEach((t=>t.parentNode.removeChild(t)))}this.watchValue=!0}if(t&&!Array.from(t[0].addedNodes).find((t=>"nano-select-option"===t.nodeName.toLowerCase())))return;let n=this.el.querySelectorAll("nano-select-option");if(n&&n.length){let t=[];n.forEach((n=>{t.push({label:n.label||n.innerText,value:n.value}),n.selected&&n.value&&(this.multiple?this.value.push(n.value):this.value=n.value)})),this.options=t}this.setAvailOpts()}getActiveOpt(){return this.multiList.querySelector(".has-focus")}connectedCallback(){this.debounceChanged(),this.el.dispatchEvent(new CustomEvent("nanoDidLoad",{detail:this.el}))}disconnectedCallback(){document.dispatchEvent(new CustomEvent("nanoDidUnload",{detail:this.el})),this.mo&&this.mo.disconnect(),this.popover&&this.popover.destroy()}componentDidLoad(){this.slotChangeObserver(),this.multiple&&this.setupMulti(),this.customValidate()}componentWillLoad(){this.switchValue(),this.processSlottedContent(),this.onInit=!1}renderLabel(t,n){let e={};if(e="float"===n?{"placeholder-as-label":!0}:{label:!0,"visually-hide":this.hideLabel},this.label||this.hasLabelSlot)return i("label",{class:e,htmlFor:this.selectId,id:t},this.label&&this.label,!this.label&&!!this.hasLabelSlot&&i("slot",{name:"label"}))}render(){const t=this.selectId+"-lbl",n=this.showInlineError||this.hasHelperSlot?this.selectId+"-moreId":"",a=this.selectId+"-list";this.rtl="rtl"===this.el.ownerDocument.dir,this.listItems=[],this.valueItems=[],!this.placeholder||this.options[0]&&this.options[0].label===this.placeholder||this.options.unshift({label:this.placeholder,value:""});let s,o=this.listOpen;if(this.multiple){let e=i("input",{class:"multi-input",id:this.selectId,ref:t=>this.multiInput=t,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":t+" "+n,"aria-controls":a,"aria-expanded":o?"true":"false","aria-required":this.required?"true":"false","aria-autocomplete":"list"});s=this.value.length?this.value.map(((t,n)=>{let a=this.options.find((n=>n.value?n.value===t:n===t));a=a&&a.label?a.label:t;let s=i("span",{onDragStart:this.onDragStart,onDragLeave:this.onDragLeave,onDragEnd:this.onDragEnd,draggable:!0,"data-value":t,ref:t=>this.valueItems.push(t),class:"multi-value"},i("span",null,a),i("button",{class:"multi-value-remove",type:"button",tabindex:"-1",onTouchEnd:()=>{this.removeValue(t)},onMouseUp:()=>{this.removeValue(t)}},i("nano-icon",{name:"light/times"})));return 0===n&&this.currInsertIndex<0?s=[e,s]:n===this.currInsertIndex&&(s=[s,e]),s})):e}return i(e,{type:this.multiple?"select-multiple":"select-one","aria-disabled":this.disabled?"true":null,class:Object.assign(Object.assign({},h(this.color)),{"has-value":!!this.value.length||!!this.inputSearchVal.length,"has-focus":this.hasFocus,"is-invalid":this.invalid,"has-label":null!==this.label&&!this.floatLabel,"has-float-label":null!==this.label&&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(t),i("div",{class:"select",ref:t=>this.selectWrap=t},this.floatLabel&&this.renderLabel(t,"float"),i("div",{class:{"native-select-wrap":!0,"native-select-wrap--multiple":this.multiple}},!this.multiple&&this.mask&&i("div",{class:"select-mask"},this.getLabel(this.value)),this.multiple&&[i("div",{class:"multi-wrap"},s),i("ul",{role:"listbox",ref:t=>this.multiList=t,"aria-multiselectable":"true","aria-required":this.required,"aria-expanded":o?"true":"false","aria-hidden":!o,hidden:!o,id:a,class:{"multi-select-box":!0,"multi-select-box--open":o}},this.allowCustomValues&&this.inputSearchVal.length>0&&i("li",{"data-value":this.inputSearchVal,role:"option",tabindex:"-1",ref:t=>this.listItems.push(t),onMouseDown:()=>{this.addValue(this.inputSearchVal)},onFocus:this.onOptFocus},"Add ",this.inputSearchVal),this.availOpts.map((t=>{let n,e;if(t.value?(n=t.value,e=t.label||t.value):"string"==typeof t&&(n=t,e=n),n)return i("li",{role:"option",key:n,"data-value":n,ref:t=>this.listItems.push(t),tabindex:"-1","aria-selected":this.isSelected(n)?"true":"false",onMouseDown:()=>{this.addValue(n)},onFocus:this.onOptFocus},e)}))),i("select",{id:this.selectId+"-hidden",class:"native-select",ref:t=>this.nativeSelect=t,"aria-labelledby":t+" "+n,disabled:this.disabled,form:this.form,multiple:this.multiple,name:this.name,required:this.required,onInvalid:this.handleInvalid},this.value.map((t=>i("option",{value:t,selected:!0},t))))],!this.multiple&&i("select",{id:this.selectId,class:"native-select",ref:t=>this.nativeSelect=t,"aria-labelledby":t+" "+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(((t,n)=>t.value||t.label?i("option",{key:t.label+n,label:t.label,value:t.value,selected:t.value===this.value||!this.value&&!t.value,disabled:!t.value&&this.required},t.label?t.label:t.value):i("option",{key:t+n,value:t,selected:t===this.value},t))),i("slot",{name:"legacy"})),this.clearSelect&&!this.readonly&&!this.disabled&&i("button",{type:"button",class:"select-clear-icon",tabindex:"-1",onTouchEnd:this.clearSelectValue,onMouseUp:this.clearSelectValue},i("nano-icon",{name:"light/times"})),i("div",{onTouchEnd:this.onClick,onMouseUp:this.onClick,class:"select-down-icon"},this.hasIconSlot?i("slot",{name:"icon"}):i("nano-icon",{name:"regular/chevron-down"})))),(this.showInlineError||this.hasHelperSlot)&&i("div",{class:"more",id:n},this.showInlineError?i("div",{class:"error"},this.errorMessage):"",i("div",{class:"helper"},i("slot",{name:"helper"}))))}get el(){return a(this)}static get watchers(){return{debounce:["debounceChanged"],required:["shouldValidate"],disabled:["shouldValidate"],min:["shouldValidate"],max:["shouldValidate"],validateOn:["shouldValidate"],readonly:["shouldValidate"],value:["valueChanged"],options:["optionsChanged"],multiple:["multiChange"],listOpen:["listOpenChange"]}}};let b=0;g.style='.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:export{screen:1000}.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(--nano-color-base-rgb, var(--nano-color-primary-rgb, 0, 132, 169));--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}.has-focus.sc-nano-select-h .select.sc-nano-select{z-index:10}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{color:var(--label-color);font-size:var(--label-font-size);padding-left:0;padding-right:0;padding-top:0;padding-bottom:var(--padding-bottom);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{height:1em;position:relative;margin-left:3px;margin-right:0;margin-top:4px;margin-bottom:var(--padding-bottom)}@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{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;box-sizing:border-box}@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}';export{p as nano_nav_item,g as nano_select}
-//# sourceMappingURL=p-6b91b77b.entry.js.map