@nanoporetech-digital/components 2.1.2 → 2.2.0

package/dist/esm-es5/loader.js

@@ -1,5 +1,5 @@
 /*!
  * Web Components for Nanopore digital Web Apps
  */
-import{C as CSS,p as plt,w as win,a as promiseResolve,b as bootstrapLazy}from"./index-5f8d16e7.js";import"./global-d5ec4d53.js";var patchEsm=function(){if(!(CSS&&CSS.supports&&CSS.supports("color","var(--c)"))){return import("./css-shim-0bb50ec9.js").then((function(){if(plt.$cssShim$=win.__cssshim){return plt.$cssShim$.i()}else{return 0}}))}return promiseResolve()};var defineCustomElements=function(e,a){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy(JSON.parse('[["nano-global-nav",[[1,"nano-global-nav",{"env":[1],"ssoRedirect":[1,"sso-redirect"],"getMyAccountData":[4,"get-my-account-data"],"activeMyAccountSections":[16],"showSearch":[4,"show-search"],"showLogo":[4,"show-logo"],"logoUrl":[1,"logo-url"],"searchIndeces":[16],"myAccountUser":[1040],"searchAppId":[1025,"search-app-id"],"searchApiKey":[1025,"search-api-key"],"searchValue":[1025,"search-value"],"searchIndex":[1025,"search-index"],"cartCount":[1026,"cart-count"],"msgCount":[1026,"msg-count"],"cartUrl":[1025,"cart-url"],"msgUrl":[1025,"msg-url"],"hasLoggedinSlot":[32],"hasSiteSlot":[32],"hasPromotionSlot":[32],"aboutSlotLen":[32],"iconSlotLen":[32],"mainSlotLen":[32],"overflowSlotLen":[32],"searchSlotLen":[32],"internalSearchIndeces":[32],"thresholdReady":[32],"remoteDataReady":[32],"ready":[32],"isResizing":[32],"intersectRatio":[32],"threshold":[32],"modalOpen":[32],"modalIsOpen":[32],"searchBarShown":[32],"scrollingUp":[32],"searchLoading":[32],"showAutocomplete":[32],"secondaryMenuOpen":[32],"userMenuOpen":[32],"menuFullScreen":[32],"searchValInternal":[32],"submitSearch":[64]},[[0,"nanoOpen","secondaryOpen"],[0,"nanoClose","secondaryClose"]]]]],["nano-hero",[[1,"nano-hero",{"imgSrc":[1,"img-src"],"imgSrcSet":[1,"img-src-set"],"largeScreenBP":[2,"large-screen-b-p"],"theme":[1],"level":[1],"gridSizes":[32],"hasIconBox":[32],"hasScrim":[32],"hasSecondaryContent":[32],"hasQuote":[32],"hasBg":[32],"hasBackBtn":[32],"hasCtas":[32],"breadCrumbs":[32],"iconBoxItems":[32]}]]],["nano-date-input",[[6,"nano-date-input",{"invalid":[2564],"helperText":[4,"helper-text"],"helperTextFormat":[16],"floatLabel":[4,"float-label"],"name":[1],"readonly":[4],"size":[2],"form":[1],"firstDayOfWeek":[2,"first-day-of-week"],"localization":[16],"disabled":[4],"color":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"label":[1],"placeholder":[1025],"value":[1537],"validateOn":[1,"validate-on"],"showInlineError":[516,"show-inline-error"],"dateOrder":[1,"date-order"],"required":[4],"min":[1],"max":[1],"hideLabel":[4,"hide-label"],"picker":[4],"initialPickerDate":[1,"initial-picker-date"],"pickerOpen":[1540,"picker-open"],"closeAfterPicked":[4,"close-after-picked"],"pattern":[32],"inputValue":[32],"_invalid":[32],"reportValidity":[64],"setFocus":[64],"getInputElement":[64],"showError":[64]}]]],["nano-dialog",[[1,"nano-dialog",{"showRibbon":[4,"show-ribbon"],"open":[1540],"label":[1],"noHeader":[4,"no-header"],"noFooter":[4,"no-footer"],"noUserDismiss":[4,"no-user-dismiss"],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"isVisible":[32],"noDismiss":[32],"hasFooter":[32],"show":[64],"hide":[64]}]]],["nano-file-upload",[[6,"nano-file-upload",{"name":[1],"accept":[1],"capture":[1],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"label":[1],"placeholder":[1],"hideLabel":[4,"hide-label"],"required":[4],"disabled":[516],"clearInput":[4,"clear-input"],"showInlineError":[516,"show-inline-error"],"validateOn":[1025,"validate-on"],"invalid":[2564],"files":[2064],"value":[6145],"hasHelperSlot":[32],"hasLabelSlot":[32],"errorMessage":[32],"isDragging":[32],"fileList":[32],"hasFocus":[32],"_invalid":[32],"reportValidity":[64],"setFocus":[64],"getInputElement":[64],"showError":[64]},[[8,"click","globalClickHandler"],[8,"keydown","globalKeydownHandler"]]]]],["nano-alert",[[1,"nano-alert",{"open":[1540],"closable":[516],"color":[513],"duration":[2],"isModal":[32],"isToast":[32],"isShowing":[32],"label":[32],"show":[64],"hide":[64],"toast":[64],"alert":[64]}]]],["nano-global-search-results",[[1,"nano-global-search-results",{"algoliaEle":[32],"currentWidth":[32],"apiKey":[32],"appId":[32],"index":[32]},[[16,"nanoSearchReset","handleGlobalNavReset"],[16,"nanoSearchResult","handleGlobalNavSearch"],[0,"nanoChange","handleReorder"],[0,"nanoResultsShown","attachListeners"],[16,"nanoNewResults","attachResultListeners"]]]]],["nano-tab",[[1,"nano-tab",{"panel":[513],"active":[516],"disabled":[516],"closable":[4],"setFocus":[64],"removeFocus":[64]}]]],["nano-menu-drawer",[[1,"nano-menu-drawer",{"open":[4],"saveState":[4,"save-state"],"hideWidth":[2,"hide-width"],"hideHeight":[4,"hide-height"],"reset":[32],"widthOk":[32],"heightOk":[32],"isLoading":[32],"hide":[32]},[[0,"nanoOpen","cancelNavItemEvents"],[0,"nanoClose","cancelNavItemEvents"],[16,"nanoIsReady","handleGlobalNavReady"]]]]],["nano-tab-group",[[1,"nano-tab-group",{"placement":[1],"noScrollControls":[4,"no-scroll-controls"],"color":[1],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"disableSwipe":[4,"disable-swipe"],"hasScrollControls":[32],"hideControlRight":[32],"hideControlLeft":[32],"isLegacy":[32],"tab":[32],"show":[64]},[[0,"nanoTabClose","handleTabClose"]]]]],["nano-accordion",[[1,"nano-accordion",{"color":[1],"itemOpened":[32]},[[0,"nanoOpened","onToggleHandler"],[0,"nanoClosed","onClosedHandler"]]]]],["nano-algolia-filter",[[1,"nano-algolia-filter",{"filterName":[1,"filter-name"],"value":[1025],"operator":[1],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"changeEvent":[32],"internalValue":[32],"showFilter":[32],"indexResults":[32],"filterChanged":[32],"facets":[32],"tplRenderFn":[32],"globalStoreMethod":[32]},[[0,"nanoChange","handleChangeEvent"],[0,"change","handleChangeEvent"]]]]],["nano-algolia-input",[[1,"nano-algolia-input",{"appId":[1,"app-id"],"apiKey":[1,"api-key"],"searchIndex":[1040],"searchIndexName":[1,"search-index-name"],"minChars":[2,"min-chars"],"autoEmit":[4,"auto-emit"],"browseIndex":[1028,"browse-index"],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"searchStr":[32],"algoliaIndex":[32],"currentResults":[32],"search":[64]},[[0,"nanoChange","searchSubmit"]]]]],["nano-algolia-pagination",[[1,"nano-algolia-pagination",{"maxToShow":[2,"max-to-show"],"currentPage":[32],"canGoPrev":[32],"canGoNext":[32],"show":[32],"tplRenderFn":[32],"indexResults":[32],"infiniteScroll":[32],"nextPage":[64],"prevPage":[64],"goToPage":[64]}]]],["nano-algolia-results",[[1,"nano-algolia-results",{"infiniteScroll":[4,"infinite-scroll"],"appendPages":[4,"append-pages"],"showResults":[32],"tplRenderFn":[32],"results":[32],"indexResults":[32],"resultsPage":[32],"changeEvent":[32],"facets":[32],"isLoading":[32]}]]],["nano-aspect-ratio",[[1,"nano-aspect-ratio",{"aspectRatio":[1,"aspect-ratio"],"fit":[1]}]]],["nano-checkbox",[[6,"nano-checkbox",{"hasFocus":[1540,"has-focus"],"checked":[1540],"disabled":[516],"value":[1],"name":[1],"required":[4],"type":[513],"label":[1],"indeterminate":[1540],"invalid":[2564],"color":[1],"_invalid":[32],"inputType":[32],"getInputElement":[64],"reportValidity":[64],"setError":[64],"setFocus":[64],"removeFocus":[64]}]]],["nano-checkbox-group",[[6,"nano-checkbox-group",{"validateOn":[1025,"validate-on"],"showInlineError":[4,"show-inline-error"],"min":[2],"max":[2],"disabled":[516],"legend":[1],"invalid":[2564],"checkboxes":[32],"nativeCbs":[32],"errorMessage":[32],"showErrorMsg":[32],"hasHelperSlot":[32],"reportValidity":[64]},[[0,"nanoChange","handleCbChange"]]]]],["nano-details",[[1,"nano-details",{"label":[1],"open":[1540],"noHandle":[4,"no-handle"],"iconRotation":[2,"icon-rotation"],"color":[1],"isLoading":[32]}]]],["nano-drawer",[[1,"nano-drawer",{"open":[1540],"label":[1],"placement":[1],"contained":[4],"noHeader":[4,"no-header"],"type":[1],"contentSelector":[1,"content-selector"],"hasFooter":[32],"isVisible":[32],"show":[64],"hide":[64]}]]],["nano-range",[[6,"nano-range",{"color":[1],"debounce":[2],"name":[1],"dualKnobs":[4,"dual-knobs"],"min":[2],"max":[2],"pin":[4],"snaps":[4],"step":[2],"ticks":[4],"disabled":[4],"value":[1026],"ratioA":[32],"ratioB":[32],"pressedKnob":[32]}]]],["nano-rating",[[2,"nano-rating",{"value":[1538],"max":[2],"precision":[2],"readonly":[4],"disabled":[4],"name":[1],"symbolName":[1,"symbol-name"],"symbol":[16],"hoverValue":[32],"isHovering":[32],"setFocus":[64],"removeFocus":[64]}]]],["nano-slide",[[1,"nano-slide",{"ready":[1540]}]]],["nano-slides",[[1,"nano-slides",{"options":[1040],"navbtns":[4],"pager":[4],"fullscreenbtn":[4],"fullscreen":[1540],"animation":[513],"currentSlide":[1538,"current-slide"],"autoplay":[8],"ready":[1540],"iCurrentSlide":[32],"slidesReady":[32],"didInit":[32],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipes":[64],"getflickity":[64],"reload":[64]}]]],["nano-tab-content",[[1,"nano-tab-content",{"name":[513],"active":[516]}]]],["nano-spinner",[[1,"nano-spinner",{"type":[1],"overlay":[516],"hasText":[32]}]]],["nano-algolia",[[1,"nano-algolia",{"showResults":[1028,"show-results"],"resultsPage":[1026,"results-page"],"appId":[1025,"app-id"],"apiKey":[1025,"api-key"],"searchIndex":[1040],"searchIndexName":[1025,"search-index-name"],"listenTo":[1,"listen-to"],"query":[1025],"operator":[1],"filters":[16],"tplEngine":[16],"tplRenderFn":[16],"replicaIndex":[1025,"replica-index"],"browseIndex":[1028,"browse-index"],"minChars":[2,"min-chars"],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"_dynFacetFilters":[32],"inputField":[32],"algoliaIndex":[32],"indeces":[32],"resultsEmitterEle":[32],"indexResults":[32],"filterChanged":[32],"currentHits":[32],"changeEvent":[32],"isLoading":[32],"wormholeState":[32],"removeFilters":[64]},[[0,"nanoTplUpdated","onAllTplUpdate"],[0,"nanoPageChanged","onPageChange"],[0,"nanoFilterChanged","onFilterChange"],[16,"nanoChange","handleInputChange"],[16,"change","handleInputChange"]]]]],["nano-date-picker",[[1,"nano-date-picker",{"selectedDate":[1025,"selected-date"],"min":[1],"max":[1],"firstDayOfWeek":[2,"first-day-of-week"],"localization":[16],"color":[1],"isDateDisabled":[16],"isModal":[4,"is-modal"],"firstFocusEle":[16],"activeFocus":[32],"focusedDay":[32],"setFocus":[64]}]]],["nano-tooltip",[[1,"nano-tooltip",{"content":[1],"placement":[1],"disabled":[4],"distance":[2],"open":[1540],"skidding":[2],"trigger":[1],"show":[64],"hide":[64]}]]],["nano-nav-item_2",[[6,"nano-select",{"invalid":[2564],"color":[1],"autofocus":[4],"disabled":[516],"validateOn":[1025,"validate-on"],"showInlineError":[516,"show-inline-error"],"label":[1],"hideLabel":[4,"hide-label"],"floatLabel":[4,"float-label"],"multiple":[4],"name":[1],"placeholder":[1],"readonly":[516],"required":[4],"size":[2],"max":[2],"min":[2],"form":[1],"allowCustomValues":[4,"allow-custom-values"],"value":[6145],"options":[6160],"clearSelect":[4,"clear-select"],"mask":[4],"debounce":[2],"dropDownConfig":[1040],"currInsertIndex":[32],"showErrorMsg":[32],"errorMessage":[32],"hasFocus":[32],"hasLabelSlot":[32],"hasHelperSlot":[32],"inputSearchVal":[32],"_eOptions":[32],"reportValidity":[64],"setFocus":[64],"getSelectElement":[64],"showError":[64]},[[17,"mousedown","handleBlur"],[0,"keydown","handleBlur"]]],[1,"nano-nav-item",{"href":[1025],"target":[1],"disabled":[4],"open":[1540],"selected":[516],"secondaryActiveWidth":[2,"secondary-active-width"],"secondaryFallback":[16],"closeOnBlur":[4,"close-on-blur"],"didOpen":[32],"isInGlobalNav":[32],"isInMenuDrawer":[32],"isInMenu":[32],"isLegacy":[32],"hasFocus":[32],"setFocus":[64]}]]],["nano-input",[[6,"nano-input",{"invalid":[2564],"color":[1],"accept":[1],"autocapitalise":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[4,"clear-on-edit"],"debounce":[2],"disabled":[516],"inputmode":[1],"validateOn":[1025,"validate-on"],"showInlineError":[516,"show-inline-error"],"label":[1],"hideLabel":[4,"hide-label"],"floatLabel":[4,"float-label"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[516],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"type":[1],"form":[1],"value":[1025],"resize":[1],"rows":[2],"showCharCount":[4,"show-char-count"],"hasFocus":[32],"hasLabelSlot":[32],"hasHelperSlot":[32],"errorMessage":[32],"datalist":[32],"_invalid":[32],"reportValidity":[64],"setFocus":[64],"getInputElement":[64],"showError":[64]},[[16,"reset","onReset"],[17,"mousedown","handleBlur"],[0,"keydown","handleBlur"]]]]],["nano-sticker",[[1,"nano-sticker",{"autoResize":[4,"auto-resize"],"isSticky":[1028,"is-sticky"],"offset":[1026],"position":[1],"quietMode":[1,"quiet-mode"],"hideOnNewStickers":[4,"hide-on-new-stickers"],"breakPointMax":[2,"break-point-max"],"breakPointMin":[2,"break-point-min"],"scrollParent":[1040],"stickTo":[1,"stick-to"],"isStuck":[32],"isRootSticker":[32],"hide":[32],"scrollHide":[32],"multiStickerHide":[32],"scrollingTo":[32],"quietModeIsOn":[32],"stuckCounter":[32],"stickerIndex":[32],"stickToEle":[32],"triggerPos":[32],"trigger":[32],"_offset":[32],"isHiding":[64],"isSticking":[64],"setTriggerPos":[64],"getTriggerPos":[64],"pauseHiding":[64]}]]],["nano-icon-button",[[2,"nano-icon-button",{"iconName":[1,"icon-name"],"iconSrc":[1,"icon-src"],"type":[513],"name":[513],"value":[513],"label":[1],"disabled":[516],"href":[1],"target":[1]}]]],["nano-resize-observe_2",[[1,"nano-resize-observe",{"states":[1],"currentWidth":[32],"currentHeight":[32],"classNames":[32]}],[1,"nano-skeleton",{"animated":[4]}]]],["nano-grid_3",[[1,"nano-img",{"alt":[1],"src":[1],"srcSet":[1,"src-set"],"lazy":[4],"background":[4],"autoHeight":[1,"auto-height"],"loadSrc":[32],"loadError":[32],"hasLoaded":[32],"imgStates":[32],"_src":[32]}],[1,"nano-grid",{"sSize":[2,"s-size"],"mSize":[2,"m-size"],"lSize":[2,"l-size"],"xlSize":[2,"xl-size"],"sCols":[2,"s-cols"],"mCols":[2,"m-cols"],"lCols":[2,"l-cols"],"xlCols":[2,"xl-cols"],"xxlCols":[2,"xxl-cols"],"showHelper":[516,"show-helper"],"contentPanel":[516,"content-panel"],"fullHeight":[516,"full-height"],"ready":[32],"isSmall":[32],"isMedium":[32],"isLarge":[32],"isXL":[32],"isXXL":[32]}],[1,"nano-grid-item",{"gridStates":[1,"grid-states"],"changeBP":[64]}]]],["nano-dropdown",[[1,"nano-dropdown",{"autoOpen":[4,"auto-open"],"open":[1540],"closeOnSelect":[4,"close-on-select"],"containingElement":[1040],"tetherTo":[16],"placement":[1],"distance":[2],"skidding":[2],"hoist":[4],"dialogTitle":[1,"dialog-title"],"show":[64],"hide":[64]},[[0,"nanoOpen","secondaryOpen"],[0,"nanoClose","secondaryClose"],[0,"nanoSelect","handlePanelSelect"]]]]],["nano-icon",[[1,"nano-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"svgContent":[32],"isVisible":[32],"isLoading":[32]}]]],["nano-datalist_3",[[1,"nano-datalist",{"selected":[1040],"dropDownConfig":[6160],"options":[16],"input":[1],"type":[1],"activeOptions":[2064],"open":[1028],"disableFilter":[4,"disable-filter"],"disabled":[4],"actvOptEles":[32],"connectedInput":[32],"inputLabel":[32],"hasNoResult":[32],"shouldOpen":[32],"canOpen":[32],"optionIds":[32]}],[1,"nano-option",{"value":[1537],"label":[1537],"selected":[516],"disabled":[516],"filterMeta":[1,"filter-meta"],"hasFocus":[32]},[[0,"keydown","handleKeyDown"]]],[1,"nano-menu",{"hasFocus":[2052,"has-focus"],"type":[1],"label":[1],"setFocus":[64],"removeFocus":[64],"showActiveElement":[64],"resetActiveItem":[64]},[[17,"mousedown","handleBlur"],[0,"keydown","handleBlur"]]]]]]'),a)}))};export{defineCustomElements};
+import{C as CSS,p as plt,w as win,a as promiseResolve,b as bootstrapLazy}from"./index-5f8d16e7.js";import"./global-d5ec4d53.js";var patchEsm=function(){if(!(CSS&&CSS.supports&&CSS.supports("color","var(--c)"))){return import("./css-shim-0bb50ec9.js").then((function(){if(plt.$cssShim$=win.__cssshim){return plt.$cssShim$.i()}else{return 0}}))}return promiseResolve()};var defineCustomElements=function(e,a){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy(JSON.parse('[["nano-global-nav",[[1,"nano-global-nav",{"env":[1],"ssoRedirect":[1,"sso-redirect"],"getMyAccountData":[4,"get-my-account-data"],"activeMyAccountSections":[16],"showSearch":[4,"show-search"],"showLogo":[4,"show-logo"],"logoUrl":[1,"logo-url"],"searchIndeces":[16],"myAccountUser":[1040],"searchAppId":[1025,"search-app-id"],"searchApiKey":[1025,"search-api-key"],"searchValue":[1025,"search-value"],"searchIndex":[1025,"search-index"],"cartCount":[1026,"cart-count"],"msgCount":[1026,"msg-count"],"cartUrl":[1025,"cart-url"],"msgUrl":[1025,"msg-url"],"hasLoggedinSlot":[32],"hasSiteSlot":[32],"hasPromotionSlot":[32],"aboutSlotLen":[32],"iconSlotLen":[32],"mainSlotLen":[32],"overflowSlotLen":[32],"searchSlotLen":[32],"internalSearchIndeces":[32],"thresholdReady":[32],"remoteDataReady":[32],"ready":[32],"isResizing":[32],"intersectRatio":[32],"threshold":[32],"modalOpen":[32],"modalIsOpen":[32],"searchBarShown":[32],"scrollingUp":[32],"searchLoading":[32],"showAutocomplete":[32],"secondaryMenuOpen":[32],"userMenuOpen":[32],"menuFullScreen":[32],"searchValInternal":[32],"submitSearch":[64]},[[0,"nanoOpen","secondaryOpen"],[0,"nanoClose","secondaryClose"]]]]],["nano-hero",[[1,"nano-hero",{"imgSrc":[1,"img-src"],"imgSrcSet":[1,"img-src-set"],"largeScreenBP":[2,"large-screen-b-p"],"theme":[1],"level":[1],"gridSizes":[32],"hasIconBox":[32],"hasScrim":[32],"hasSecondaryContent":[32],"hasQuote":[32],"hasBg":[32],"hasBackBtn":[32],"hasCtas":[32],"breadCrumbs":[32],"iconBoxItems":[32]}]]],["nano-date-input",[[6,"nano-date-input",{"invalid":[2564],"helperText":[4,"helper-text"],"helperTextFormat":[16],"floatLabel":[4,"float-label"],"name":[1],"readonly":[4],"size":[2],"form":[1],"firstDayOfWeek":[2,"first-day-of-week"],"localization":[16],"disabled":[4],"color":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"label":[1],"placeholder":[1025],"value":[1537],"validateOn":[1,"validate-on"],"showInlineError":[516,"show-inline-error"],"dateOrder":[1,"date-order"],"required":[4],"min":[1],"max":[1],"hideLabel":[4,"hide-label"],"picker":[4],"initialPickerDate":[1,"initial-picker-date"],"pickerOpen":[1540,"picker-open"],"closeAfterPicked":[4,"close-after-picked"],"pattern":[32],"inputValue":[32],"_invalid":[32],"reportValidity":[64],"setFocus":[64],"getInputElement":[64],"showError":[64]}]]],["nano-dialog",[[1,"nano-dialog",{"showRibbon":[4,"show-ribbon"],"open":[1540],"label":[1],"noHeader":[4,"no-header"],"noFooter":[4,"no-footer"],"noUserDismiss":[4,"no-user-dismiss"],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"isVisible":[32],"noDismiss":[32],"hasFooter":[32],"show":[64],"hide":[64]}]]],["nano-file-upload",[[6,"nano-file-upload",{"name":[1],"accept":[1],"capture":[1],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"label":[1],"placeholder":[1],"hideLabel":[4,"hide-label"],"required":[4],"disabled":[516],"clearInput":[4,"clear-input"],"showInlineError":[516,"show-inline-error"],"validateOn":[1025,"validate-on"],"invalid":[2564],"files":[2064],"value":[6145],"hasHelperSlot":[32],"hasLabelSlot":[32],"errorMessage":[32],"isDragging":[32],"fileList":[32],"hasFocus":[32],"_invalid":[32],"reportValidity":[64],"setFocus":[64],"getInputElement":[64],"showError":[64]},[[8,"click","globalClickHandler"],[8,"keydown","globalKeydownHandler"]]]]],["nano-alert",[[1,"nano-alert",{"open":[1540],"closable":[516],"color":[513],"duration":[2],"isModal":[32],"isToast":[32],"isShowing":[32],"label":[32],"show":[64],"hide":[64],"toast":[64],"alert":[64]}]]],["nano-global-search-results",[[1,"nano-global-search-results",{"algoliaEle":[32],"currentWidth":[32],"apiKey":[32],"appId":[32],"index":[32]},[[16,"nanoSearchReset","handleGlobalNavReset"],[16,"nanoSearchResult","handleGlobalNavSearch"],[0,"nanoChange","handleReorder"],[0,"nanoResultsShown","attachListeners"],[16,"nanoNewResults","attachResultListeners"]]]]],["nano-tab",[[1,"nano-tab",{"panel":[513],"active":[516],"disabled":[516],"closable":[4],"setFocus":[64],"removeFocus":[64]}]]],["nano-menu-drawer",[[1,"nano-menu-drawer",{"open":[4],"saveState":[4,"save-state"],"hideWidth":[2,"hide-width"],"hideHeight":[4,"hide-height"],"reset":[32],"widthOk":[32],"heightOk":[32],"isLoading":[32],"hide":[32]},[[0,"nanoOpen","cancelNavItemEvents"],[0,"nanoClose","cancelNavItemEvents"],[16,"nanoIsReady","handleGlobalNavReady"]]]]],["nano-split-pane",[[1,"nano-split-pane",{"position":[6146],"positionInPixels":[1026,"position-in-pixels"],"vertical":[516],"disabled":[516],"primary":[1],"snap":[1],"snapThreshold":[2,"snap-threshold"],"animationDuration":[2,"animation-duration"],"isDragging":[2564,"is-dragging"]}]]],["nano-tab-group",[[1,"nano-tab-group",{"placement":[1],"noScrollControls":[4,"no-scroll-controls"],"color":[1],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"disableSwipe":[4,"disable-swipe"],"hasScrollControls":[32],"hideControlRight":[32],"hideControlLeft":[32],"isLegacy":[32],"tab":[32],"show":[64]},[[0,"nanoTabClose","handleTabClose"]]]]],["nano-accordion",[[1,"nano-accordion",{"color":[1],"itemOpened":[32]},[[0,"nanoOpened","onToggleHandler"],[0,"nanoClosed","onClosedHandler"]]]]],["nano-algolia-filter",[[1,"nano-algolia-filter",{"filterName":[1,"filter-name"],"value":[1025],"operator":[1],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"changeEvent":[32],"internalValue":[32],"showFilter":[32],"indexResults":[32],"filterChanged":[32],"facets":[32],"tplRenderFn":[32],"globalStoreMethod":[32]},[[0,"nanoChange","handleChangeEvent"],[0,"change","handleChangeEvent"]]]]],["nano-algolia-input",[[1,"nano-algolia-input",{"appId":[1,"app-id"],"apiKey":[1,"api-key"],"searchIndex":[1040],"searchIndexName":[1,"search-index-name"],"minChars":[2,"min-chars"],"autoEmit":[4,"auto-emit"],"browseIndex":[1028,"browse-index"],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"searchStr":[32],"algoliaIndex":[32],"currentResults":[32],"search":[64]},[[0,"nanoChange","searchSubmit"]]]]],["nano-algolia-pagination",[[1,"nano-algolia-pagination",{"maxToShow":[2,"max-to-show"],"currentPage":[32],"canGoPrev":[32],"canGoNext":[32],"show":[32],"tplRenderFn":[32],"indexResults":[32],"infiniteScroll":[32],"nextPage":[64],"prevPage":[64],"goToPage":[64]}]]],["nano-algolia-results",[[1,"nano-algolia-results",{"infiniteScroll":[4,"infinite-scroll"],"appendPages":[4,"append-pages"],"showResults":[32],"tplRenderFn":[32],"results":[32],"indexResults":[32],"resultsPage":[32],"changeEvent":[32],"facets":[32],"isLoading":[32]}]]],["nano-aspect-ratio",[[1,"nano-aspect-ratio",{"aspectRatio":[1,"aspect-ratio"],"fit":[1]}]]],["nano-checkbox",[[6,"nano-checkbox",{"hasFocus":[1540,"has-focus"],"checked":[1540],"disabled":[516],"value":[1],"name":[1],"required":[4],"type":[513],"label":[1],"indeterminate":[1540],"invalid":[2564],"color":[1],"_invalid":[32],"inputType":[32],"getInputElement":[64],"reportValidity":[64],"setError":[64],"setFocus":[64],"removeFocus":[64]}]]],["nano-checkbox-group",[[6,"nano-checkbox-group",{"validateOn":[1025,"validate-on"],"showInlineError":[4,"show-inline-error"],"min":[2],"max":[2],"disabled":[516],"legend":[1],"invalid":[2564],"checkboxes":[32],"nativeCbs":[32],"errorMessage":[32],"showErrorMsg":[32],"hasHelperSlot":[32],"reportValidity":[64]},[[0,"nanoChange","handleCbChange"]]]]],["nano-details",[[1,"nano-details",{"label":[1],"open":[1540],"noHandle":[4,"no-handle"],"iconRotation":[2,"icon-rotation"],"color":[1],"isLoading":[32]}]]],["nano-drawer",[[1,"nano-drawer",{"open":[1540],"label":[1],"placement":[1],"contained":[4],"noHeader":[4,"no-header"],"type":[1],"contentSelector":[1,"content-selector"],"hasFooter":[32],"isVisible":[32],"show":[64],"hide":[64]}]]],["nano-range",[[6,"nano-range",{"color":[1],"debounce":[2],"name":[1],"dualKnobs":[4,"dual-knobs"],"min":[2],"max":[2],"pin":[4],"snaps":[4],"step":[2],"ticks":[4],"disabled":[4],"value":[1026],"ratioA":[32],"ratioB":[32],"pressedKnob":[32]}]]],["nano-rating",[[2,"nano-rating",{"value":[1538],"max":[2],"precision":[2],"readonly":[4],"disabled":[4],"name":[1],"symbolName":[1,"symbol-name"],"symbol":[16],"hoverValue":[32],"isHovering":[32],"setFocus":[64],"removeFocus":[64]}]]],["nano-slide",[[1,"nano-slide",{"ready":[1540]}]]],["nano-slides",[[1,"nano-slides",{"options":[1040],"navbtns":[4],"pager":[4],"fullscreenbtn":[4],"fullscreen":[1540],"animation":[513],"currentSlide":[1538,"current-slide"],"autoplay":[8],"ready":[1540],"iCurrentSlide":[32],"slidesReady":[32],"didInit":[32],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipes":[64],"getflickity":[64],"reload":[64]}]]],["nano-tab-content",[[1,"nano-tab-content",{"name":[513],"active":[516]}]]],["nano-spinner",[[1,"nano-spinner",{"type":[1],"overlay":[516],"hasText":[32]}]]],["nano-algolia",[[1,"nano-algolia",{"showResults":[1028,"show-results"],"resultsPage":[1026,"results-page"],"appId":[1025,"app-id"],"apiKey":[1025,"api-key"],"searchIndex":[1040],"searchIndexName":[1025,"search-index-name"],"listenTo":[1,"listen-to"],"query":[1025],"operator":[1],"filters":[16],"tplEngine":[16],"tplRenderFn":[16],"replicaIndex":[1025,"replica-index"],"browseIndex":[1028,"browse-index"],"minChars":[2,"min-chars"],"storeId":[1,"store-id"],"storeMethod":[1,"store-method"],"_dynFacetFilters":[32],"inputField":[32],"algoliaIndex":[32],"indeces":[32],"resultsEmitterEle":[32],"indexResults":[32],"filterChanged":[32],"currentHits":[32],"changeEvent":[32],"isLoading":[32],"wormholeState":[32],"removeFilters":[64]},[[0,"nanoTplUpdated","onAllTplUpdate"],[0,"nanoPageChanged","onPageChange"],[0,"nanoFilterChanged","onFilterChange"],[16,"nanoChange","handleInputChange"],[16,"change","handleInputChange"]]]]],["nano-date-picker",[[1,"nano-date-picker",{"selectedDate":[1025,"selected-date"],"min":[1],"max":[1],"firstDayOfWeek":[2,"first-day-of-week"],"localization":[16],"color":[1],"isDateDisabled":[16],"isModal":[4,"is-modal"],"firstFocusEle":[16],"activeFocus":[32],"focusedDay":[32],"setFocus":[64]}]]],["nano-tooltip",[[1,"nano-tooltip",{"content":[1],"placement":[1],"disabled":[4],"distance":[2],"open":[1540],"skidding":[2],"trigger":[1],"show":[64],"hide":[64]}]]],["nano-sticker",[[1,"nano-sticker",{"autoResize":[4,"auto-resize"],"isSticky":[1028,"is-sticky"],"offset":[1026],"position":[1],"quietMode":[1,"quiet-mode"],"hideOnNewStickers":[4,"hide-on-new-stickers"],"breakPointMax":[2,"break-point-max"],"breakPointMin":[2,"break-point-min"],"scrollParent":[1040],"stickTo":[1,"stick-to"],"isStuck":[32],"isRootSticker":[32],"hide":[32],"scrollHide":[32],"multiStickerHide":[32],"scrollingTo":[32],"quietModeIsOn":[32],"stuckCounter":[32],"stickerIndex":[32],"stickToEle":[32],"triggerPos":[32],"trigger":[32],"_offset":[32],"isHiding":[64],"isSticking":[64],"setTriggerPos":[64],"getTriggerPos":[64],"pauseHiding":[64]}]]],["nano-icon-button",[[2,"nano-icon-button",{"iconName":[1,"icon-name"],"iconSrc":[1,"icon-src"],"type":[513],"name":[513],"value":[513],"label":[1],"disabled":[516],"href":[1],"target":[1]}]]],["nano-resize-observe_2",[[1,"nano-resize-observe",{"states":[1],"currentWidth":[32],"currentHeight":[32],"classNames":[32]}],[1,"nano-skeleton",{"animated":[4]}]]],["nano-dropdown",[[1,"nano-dropdown",{"autoOpen":[4,"auto-open"],"open":[1540],"closeOnSelect":[4,"close-on-select"],"containingElement":[1040],"tetherTo":[16],"placement":[1],"distance":[2],"skidding":[2],"hoist":[4],"dialogTitle":[1,"dialog-title"],"show":[64],"hide":[64]},[[0,"nanoOpen","secondaryOpen"],[0,"nanoClose","secondaryClose"],[0,"nanoSelect","handlePanelSelect"]]]]],["nano-icon",[[1,"nano-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"flipRtl":[4,"flip-rtl"],"name":[1],"src":[1],"icon":[8],"size":[1],"lazy":[4],"svgContent":[32],"isVisible":[32],"isLoading":[32]}]]],["nano-datalist_3",[[1,"nano-datalist",{"selected":[1040],"dropDownConfig":[6160],"options":[16],"input":[1],"type":[1],"activeOptions":[2064],"open":[1028],"disableFilter":[4,"disable-filter"],"disabled":[4],"actvOptEles":[32],"connectedInput":[32],"inputLabel":[32],"hasNoResult":[32],"shouldOpen":[32],"canOpen":[32],"optionIds":[32]}],[1,"nano-option",{"value":[1537],"label":[1537],"selected":[516],"disabled":[516],"filterMeta":[1,"filter-meta"],"hasFocus":[32]},[[0,"keydown","handleKeyDown"]]],[1,"nano-menu",{"hasFocus":[2052,"has-focus"],"type":[1],"label":[1],"setFocus":[64],"removeFocus":[64],"showActiveElement":[64],"resetActiveItem":[64]},[[17,"mousedown","handleBlur"],[0,"keydown","handleBlur"]]]]],["nano-nav-item_2",[[6,"nano-select",{"invalid":[2564],"color":[1],"autofocus":[4],"disabled":[516],"validateOn":[1025,"validate-on"],"showInlineError":[516,"show-inline-error"],"label":[1],"hideLabel":[4,"hide-label"],"floatLabel":[4,"float-label"],"multiple":[4],"name":[1],"placeholder":[1],"readonly":[516],"required":[4],"size":[2],"max":[2],"min":[2],"form":[1],"allowCustomValues":[4,"allow-custom-values"],"value":[6145],"options":[6160],"clearSelect":[4,"clear-select"],"mask":[4],"debounce":[2],"dropDownConfig":[1040],"currInsertIndex":[32],"showErrorMsg":[32],"errorMessage":[32],"hasFocus":[32],"hasLabelSlot":[32],"hasHelperSlot":[32],"inputSearchVal":[32],"_eOptions":[32],"reportValidity":[64],"setFocus":[64],"getSelectElement":[64],"showError":[64]},[[17,"mousedown","handleBlur"],[0,"keydown","handleBlur"]]],[1,"nano-nav-item",{"href":[1025],"target":[1],"disabled":[4],"open":[1540],"selected":[516],"secondaryActiveWidth":[2,"secondary-active-width"],"secondaryFallback":[16],"closeOnBlur":[4,"close-on-blur"],"didOpen":[32],"isInGlobalNav":[32],"isInMenuDrawer":[32],"isInMenu":[32],"isLegacy":[32],"hasFocus":[32],"setFocus":[64]}]]],["nano-input",[[6,"nano-input",{"invalid":[2564],"color":[1],"accept":[1],"autocapitalise":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"clearInput":[4,"clear-input"],"clearOnEdit":[4,"clear-on-edit"],"debounce":[2],"disabled":[516],"inputmode":[1],"validateOn":[1025,"validate-on"],"showInlineError":[516,"show-inline-error"],"label":[1],"hideLabel":[4,"hide-label"],"floatLabel":[4,"float-label"],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"multiple":[4],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[516],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"type":[1],"form":[1],"value":[1025],"resize":[1],"rows":[2],"showCharCount":[4,"show-char-count"],"hasFocus":[32],"hasLabelSlot":[32],"hasHelperSlot":[32],"errorMessage":[32],"datalist":[32],"_invalid":[32],"reportValidity":[64],"setFocus":[64],"getInputElement":[64],"showError":[64]},[[16,"reset","onReset"],[17,"mousedown","handleBlur"],[0,"keydown","handleBlur"]]]]],["nano-grid_3",[[1,"nano-img",{"alt":[1],"src":[1],"srcSet":[1,"src-set"],"lazy":[4],"background":[4],"autoHeight":[1,"auto-height"],"loadSrc":[32],"loadError":[32],"hasLoaded":[32],"imgStates":[32],"_src":[32]}],[1,"nano-grid",{"sSize":[2,"s-size"],"mSize":[2,"m-size"],"lSize":[2,"l-size"],"xlSize":[2,"xl-size"],"sCols":[2,"s-cols"],"mCols":[2,"m-cols"],"lCols":[2,"l-cols"],"xlCols":[2,"xl-cols"],"xxlCols":[2,"xxl-cols"],"showHelper":[516,"show-helper"],"contentPanel":[516,"content-panel"],"fullHeight":[516,"full-height"],"ready":[32],"isSmall":[32],"isMedium":[32],"isLarge":[32],"isXL":[32],"isXXL":[32]}],[1,"nano-grid-item",{"gridStates":[1,"grid-states"],"changeBP":[64]}]]]]'),a)}))};export{defineCustomElements};
 //# sourceMappingURL=loader.js.map

package/dist/esm-es5/loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["node_modules/@stencil/core/internal/client/patch-esm.js","@lazy-external-entrypoint?app-data=conditional"],"names":["patchEsm","CSS","supports","import","then","plt","$cssShim$","win","__cssshim","i","promiseResolve","defineCustomElements","options","window","Promise","resolve","bootstrapLazy","JSON","parse"],"mappings":";;;gIAKA,IAAMA,SAAW,WAGb,KAA0BC,KAAOA,IAAIC,UAAYD,IAAIC,SAAS,QAAS,aAAc,CAEjF,OAAOC,OAAoD,0BAAiBC,MAAK,WAC7E,GAAKC,IAAIC,UAAYC,IAAIC,UAAY,CACjC,OAAOH,IAAIC,UAAUG,QAEpB,CAED,OAAO,MAInB,OAAOC,kBCjBC,IAACC,qBAAuB,SAACJ,EAAKK,GACxC,UAAWC,SAAW,YAAa,OAAOC,QAAQC,UAClD,OAAOf,WAAWI,MAAK,WAEvB,OAAOY,cAAcC,KAAAC,MAAA,qwdAAuCN","sourcesContent":["/*\n Stencil Client Patch Esm v2.12.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD } from '@stencil/core/internal/app-data';\nimport { CSS, plt, win, promiseResolve } from '@stencil/core';\nconst patchEsm = () => {\n    // NOTE!! This fn cannot use async/await!\n    // @ts-ignore\n    if (BUILD.cssVarShim && !(CSS && CSS.supports && CSS.supports('color', 'var(--c)'))) {\n        // @ts-ignore\n        return import(/* webpackChunkName: \"polyfills-css-shim\" */ './css-shim.js').then(() => {\n            if ((plt.$cssShim$ = win.__cssshim)) {\n                return plt.$cssShim$.i();\n            }\n            else {\n                // for better minification\n                return 0;\n            }\n        });\n    }\n    return promiseResolve();\n};\nexport { patchEsm };\n","import { bootstrapLazy } from '@stencil/core';\nimport { patchEsm } from '@stencil/core/internal/client/patch-esm';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n  if (typeof window === 'undefined') return Promise.resolve();\n  return patchEsm().then(() => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n  });\n};\n"]}
+{"version":3,"sources":["node_modules/@stencil/core/internal/client/patch-esm.js","@lazy-external-entrypoint?app-data=conditional"],"names":["patchEsm","CSS","supports","import","then","plt","$cssShim$","win","__cssshim","i","promiseResolve","defineCustomElements","options","window","Promise","resolve","bootstrapLazy","JSON","parse"],"mappings":";;;gIAKA,IAAMA,SAAW,WAGb,KAA0BC,KAAOA,IAAIC,UAAYD,IAAIC,SAAS,QAAS,aAAc,CAEjF,OAAOC,OAAoD,0BAAiBC,MAAK,WAC7E,GAAKC,IAAIC,UAAYC,IAAIC,UAAY,CACjC,OAAOH,IAAIC,UAAUG,QAEpB,CAED,OAAO,MAInB,OAAOC,kBCjBC,IAACC,qBAAuB,SAACJ,EAAKK,GACxC,UAAWC,SAAW,YAAa,OAAOC,QAAQC,UAClD,OAAOf,WAAWI,MAAK,WAEvB,OAAOY,cAAcC,KAAAC,MAAA,mieAAuCN","sourcesContent":["/*\n Stencil Client Patch Esm v2.12.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD } from '@stencil/core/internal/app-data';\nimport { CSS, plt, win, promiseResolve } from '@stencil/core';\nconst patchEsm = () => {\n    // NOTE!! This fn cannot use async/await!\n    // @ts-ignore\n    if (BUILD.cssVarShim && !(CSS && CSS.supports && CSS.supports('color', 'var(--c)'))) {\n        // @ts-ignore\n        return import(/* webpackChunkName: \"polyfills-css-shim\" */ './css-shim.js').then(() => {\n            if ((plt.$cssShim$ = win.__cssshim)) {\n                return plt.$cssShim$.i();\n            }\n            else {\n                // for better minification\n                return 0;\n            }\n        });\n    }\n    return promiseResolve();\n};\nexport { patchEsm };\n","import { bootstrapLazy } from '@stencil/core';\nimport { patchEsm } from '@stencil/core/internal/client/patch-esm';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = (win, options) => {\n  if (typeof window === 'undefined') return Promise.resolve();\n  return patchEsm().then(() => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n  });\n};\n"]}

package/dist/esm-es5/nano-alert.entry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["src/components/alert/alert.scss?tag=nano-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"names":["alertCss","toastStackTr","Object","assign","document","createElement","className","toastStackTl","toastStackBl","toastStackBr","Alert","class_1","hostRef","_this","this","addedTransEnd","goingToHide","goingToShow","isModal","isToast","isShowing","open","closable","duration","Infinity","handleMouseMove","restartAutoHide","handleCloseClick","hide","handleTransitionEnd","event","propertyName","target","panel","overlay","host","hidden","nanoAfterShow","emit","nanoAfterHide","handleButtonClick","e","defaultPrevented","tagName","toLowerCase","clearTimeout","autoHideTimeout","setTimeout","Panel","h","ref","el","part","class","alert","alert--open","alert--toasty","alert--modal","alert--showing","role","aria-live","aria-atomic","aria-hidden","aria-modal","undefined","aria-label","label","onMouseMove","tabIndex","name","iconName","onClick","prototype","handleOpenChange","show","handleDurationChange","nanoShow","raf","nanoHide","toast","position","Promise","resolve","toastStack","parentElement","body","appendChild","connectedCallback","onClose","remove","querySelector","addEventListener","once","contains","modal","activate","lockBodyScrolling","originalTrigger","activeElement","onOpen","focus","preventScroll","deactivate","Modal","disconnectedCallback","unlockBodyScrolling","removeEventListener","componentDidLoad","render","Host","createColorClasses","color","showing","alert__overlay","alert__overlay--open","div"],"mappings":"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","sourcesContent":["@import '../../global/style/nano-theme/base';\n@import '../../global/style/nano-theme/colours';\n@import '../../global/style/nano-theme/layers';\n\n:host {\n  /**\n   * @prop --border-radius: defaults to #{$layer-border-radius};\n   * @prop --border-color: defaults to #{$layer-border-color};\n   * @prop --border-width: defaults to #{$layer-border-width};\n   * @prop --background: defaults to #{$layer-bg-color};\n   * @prop --tint-color: defaults to var(--nano-color-base, #{nano-color(primary, base)});\n   * @prop --icon-size: defaults to 1.5rem;\n   * @prop --scrim-color: overlay colour of alert display. Defaults to #{$layer-overlay-dark};\n   * @prop --close-button-color: defaults to #{$color-mediumgrey} ;\n   */\n\n  --border-radius: #{$layer-border-radius};\n  --border-color: #{$layer-border-color};\n  --border-width: #{$layer-border-width};\n  --background: #{$layer-bg-color};\n  --tint-color: var(--nano-color-base, #{nano-color(primary, base)});\n  --icon-size: 2rem;\n  --scrim-color: #{$layer-overlay-dark};\n  --close-button-color: #{$color-palegrey};\n\n  display: block;\n}\n\n:host(.nano-color) {\n  --tint-color: var(--nano-color-base, #{nano-color(primary, base)});\n}\n\n.alert {\n  position: relative;\n  background-color: var(--background);\n  border: solid var(--border-width) var(--border-color);\n  border-top-width: 4px;\n  border-top-color: var(--tint-color);\n  border-radius: var(--border-radius);\n  opacity: 0;\n  transform: scale(0.9);\n  transition:\n    #{$transition-medium} opacity ease,\n    #{$transition-fast} transform ease;\n\n  &:focus {\n    outline: none;\n  }\n\n  &:not(.alert--showing) {\n    @include hidden;\n  }\n\n  &--open {\n    opacity: 1;\n    transform: none;\n  }\n\n  &--toasty,\n  &--modal {\n    box-shadow: #{$layer-shadow-large};\n    margin: #{$spacing-medium};\n  }\n}\n\n.alert__content {\n  display: flex;\n  align-items: stretch;\n}\n\n.alert__modal-wrap {\n  position: fixed;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: #{$layer-index-alert};\n}\n\n.alert__message {\n  flex: 1 1 auto;\n  padding: #{$spacing-medium};\n  overflow: hidden;\n  line-height: 1.6;\n}\n\n.alert__close {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: 1.1em;\n\n  @include padding(0, #{$spacing-medium}, 0, 0);\n\n  --color: var(--close-button-color);\n}\n\n.alert__footer {\n  padding: 0 #{$spacing-small} 0;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-around;\n  align-items: center;\n\n  ::slotted(*),\n  &::slotted(*) {\n    flex: 1;\n    margin: 0 #{$spacing-small} #{$spacing-medium} !important;\n  }\n}\n\n.alert__overlay {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--scrim-color);\n  opacity: 0;\n  transition: #{$transition-fast} opacity;\n  z-index: #{$layer-index-alert};\n  backdrop-filter: blur(#{$layer-overlay-blur});\n\n  &--open {\n    opacity: 1;\n  }\n}\n\n.alert__icon {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: var(--icon-size);\n\n  &::slotted(*) {\n    color: var(--tint-color);\n    margin-left: #{$spacing-medium};\n  }\n}\n\n.alert__icon ::slotted(*) {\n  color: var(--tint-color);\n\n  @include margin(0, 0, 0, #{$spacing-medium});\n}\n","import {\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n  Host,\n  VNode,\n} from '@stencil/core';\nimport { Color } from '../../interface';\nimport Modal from '../../utils/modal';\nimport {\n  createColorClasses,\n  lockBodyScrolling,\n  raf,\n  unlockBodyScrolling,\n} from '../../utils';\n\nconst toastStackTr = Object.assign(document.createElement('div'), {\n  className: 'nano-toast-stack nano-toast-stack--tr',\n});\nconst toastStackTl = Object.assign(document.createElement('div'), {\n  className: 'nano-toast-stack nano-toast-stack--tl',\n});\nconst toastStackBl = Object.assign(document.createElement('div'), {\n  className: 'nano-toast-stack nano-toast-stack--bl',\n});\nconst toastStackBr = Object.assign(document.createElement('div'), {\n  className: 'nano-toast-stack nano-toast-stack--br',\n});\n\n/**\n * Alerts are used to display important messages either inline, as toast notifications or as modals requiring action.\n * @slot - The alert's content.\n * @slot icon - An icon to show in the alert.\n * @slot footer - Place items at the bottom of the alert. Best used with `button` elements - esp when used as with the `alert()` method.\n */\n@Component({\n  tag: 'nano-alert',\n  styleUrl: 'alert.scss',\n  shadow: true,\n})\nexport class Alert implements ComponentInterface {\n  private autoHideTimeout: ReturnType<typeof setTimeout>;\n  private panel: HTMLElement;\n  private overlay: HTMLElement;\n  private modal: Modal;\n  private originalTrigger: HTMLElement | null;\n  private addedTransEnd = false;\n  private goingToHide = false;\n  private goingToShow = false;\n\n  @State() isModal = false;\n  @State() isToast = false;\n  @State() isShowing = false;\n  @State() label: string;\n\n  @Element() host: HTMLNanoAlertElement;\n\n  /** Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  /** Set to true to make the alert closable. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** The color to use from the application's color palette. */\n  @Prop({ reflect: true }) color?: Color;\n\n  /**\n   * The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with the\n   * alert before it closes (e.g. moves the mouse over it), the timer will restart.\n   */\n  @Prop() duration = Infinity;\n\n  @Watch('duration')\n  handleDurationChange() {\n    this.restartAutoHide();\n  }\n\n  /** Emitted when the alert opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event() nanoShow: EventEmitter;\n\n  /** Emitted after the alert opens and all transitions are complete. */\n  @Event() nanoAfterShow: EventEmitter;\n\n  /** Emitted when the alert closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event() nanoHide: EventEmitter;\n\n  /** Emitted after the alert closes and all transitions are complete. */\n  @Event() nanoAfterHide: EventEmitter;\n\n  /** Shows the alert. */\n  @Method()\n  async show() {\n    if (this.goingToShow) {\n      return;\n    }\n    const nanoShow = this.nanoShow.emit();\n    if (nanoShow.defaultPrevented) {\n      this.open = false;\n      return false;\n    }\n\n    this.host.hidden = false;\n    this.goingToShow = true;\n    this.open = true;\n    raf(() => {\n      this.isShowing = true;\n      this.goingToShow = false;\n    });\n\n    if (this.duration < Infinity) {\n      clearTimeout(this.autoHideTimeout);\n      this.autoHideTimeout = setTimeout(() => this.hide(), this.duration);\n    }\n  }\n\n  /** Hides the alert */\n  @Method()\n  async hide() {\n    if (this.goingToHide) {\n      return;\n    }\n    const nanoHide = this.nanoHide.emit();\n\n    if (nanoHide.defaultPrevented) {\n      this.open = true;\n      return false;\n    }\n    this.goingToHide = true;\n    this.open = false;\n\n    raf(() => (this.goingToHide = false));\n    clearTimeout(this.autoHideTimeout);\n  }\n\n  /**\n   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\n   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\n   * calling this method again. The returned promise will resolve after the alert is hidden.\n   *\n   * @param position options are tr (top-right - default), tl (top-left), br (bottom-right), bl (bottom-left)\n   * @returns a promise which will resolve after the alert has hidden\n   */\n  @Method()\n  async toast(position: 'tr' | 'tl' | 'bl' | 'br' = 'tr') {\n    this.isToast = true;\n    return new Promise<void>((resolve) => {\n      let toastStack: HTMLElement;\n      switch (position) {\n        case 'tl':\n          toastStack = toastStackTl;\n          break;\n        case 'bl':\n          toastStack = toastStackBl;\n          break;\n        case 'br':\n          toastStack = toastStackBr;\n          break;\n        default:\n          toastStack = toastStackTr;\n          break;\n      }\n\n      if (!toastStack.parentElement) {\n        document.body.appendChild(toastStack);\n      }\n\n      toastStack.appendChild(this.host);\n      this.connectedCallback();\n      this.show();\n\n      const onClose = () => {\n        this.host.remove();\n        this.isToast = false;\n        resolve();\n\n        // Remove the toast stack from the DOM when there are no more alerts\n        if (!toastStack.querySelector('nano-alert')) {\n          toastStack.remove();\n        }\n      };\n\n      this.host.addEventListener('nanoAfterHide', onClose, { once: true });\n      this.host.addEventListener('nanoafterhide', onClose, { once: true });\n    });\n  }\n\n  /**\n   * Displays the alert as a dialog / modal - more akin to a traditional js alert().\n   * @param label a label for assistive technology\n   */\n  @Method()\n  async alert(label: string) {\n    this.isModal = true;\n    this.label = label;\n\n    return new Promise<void>((resolve) => {\n      if (!document.body.contains(this.host)) {\n        document.body.appendChild(this.host);\n      }\n\n      this.modal.activate();\n      lockBodyScrolling(this.host);\n      this.originalTrigger = document.activeElement as HTMLElement;\n\n      raf(() => {\n        this.show();\n      });\n\n      const onOpen = () => raf(() => this.panel.focus({ preventScroll: true }));\n\n      const onClose = () => {\n        this.modal.deactivate();\n        this.host.remove();\n        this.label = undefined;\n        this.isModal = false;\n        resolve();\n\n        // Restore focus to the original trigger\n        if (\n          this.originalTrigger &&\n          typeof this.originalTrigger.focus === 'function'\n        ) {\n          setTimeout(() => this.originalTrigger.focus());\n        }\n      };\n\n      this.host.addEventListener('nanoAfterShow', onOpen, { once: true });\n      this.host.addEventListener('nanoaftershow', onOpen, { once: true });\n\n      this.host.addEventListener('nanoAfterHide', onClose, {\n        once: true,\n      });\n      this.host.addEventListener('nanoafterhide', onClose, {\n        once: true,\n      });\n    });\n  }\n\n  private handleMouseMove = () => {\n    this.restartAutoHide();\n  };\n\n  private handleCloseClick = () => {\n    this.hide();\n  };\n\n  private handleTransitionEnd = (event: TransitionEvent) => {\n    if (\n      event.propertyName === 'opacity' &&\n      (event.target === this.panel || event.target === this.overlay)\n    ) {\n      this.host.hidden = !this.open;\n      this.isShowing = this.open;\n      this.open ? this.nanoAfterShow.emit() : this.nanoAfterHide.emit();\n    }\n  };\n\n  private handleButtonClick = (e: PointerEvent & { target: HTMLElement }) => {\n    if (e.defaultPrevented) return;\n    if (e.target.tagName && e.target.tagName.toLowerCase() === 'button')\n      this.hide();\n  };\n\n  private restartAutoHide = () => {\n    clearTimeout(this.autoHideTimeout);\n    if (this.open && this.duration < Infinity) {\n      this.autoHideTimeout = setTimeout(() => this.hide(), this.duration);\n    }\n  };\n\n  connectedCallback() {\n    this.modal = new Modal(this.host);\n    this.host.addEventListener('click', this.handleButtonClick);\n\n    if (this.panel) {\n      this.addedTransEnd = true;\n      this.panel.addEventListener('transitionend', this.handleTransitionEnd);\n    }\n  }\n\n  disconnectedCallback() {\n    unlockBodyScrolling(this.host);\n    this.host.removeEventListener('click', this.handleButtonClick);\n\n    this.addedTransEnd = false;\n    this.panel.removeEventListener('transitionend', this.handleTransitionEnd);\n  }\n\n  componentDidLoad() {\n    // Show on init if open\n    if (this.open) {\n      this.show();\n    }\n    if (!this.addedTransEnd) {\n      this.panel.addEventListener('transitionend', this.handleTransitionEnd);\n    }\n  }\n\n  private Panel = (): VNode => {\n    return (\n      <div\n        ref={(el) => (this.panel = el)}\n        part=\"panel\"\n        class={{\n          alert: true,\n          'alert--open': this.open,\n          'alert--toasty': this.isToast,\n          'alert--modal': !!this.isModal,\n          'alert--showing': this.isShowing,\n        }}\n        role={!!this.isModal ? 'alertdialog' : 'alert'}\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        aria-hidden={this.open ? 'false' : 'true'}\n        aria-modal={!!this.isModal ? 'true' : undefined}\n        aria-label={this.label ? this.label : undefined}\n        onMouseMove={this.handleMouseMove}\n        tabIndex={!!this.isModal ? 0 : undefined}\n      >\n        <div class=\"alert__content\">\n          <div part=\"icon\" class=\"alert__icon\">\n            <slot name=\"icon\" />\n          </div>\n          <div part=\"message\" class=\"alert__message\">\n            <slot />\n          </div>\n          {this.closable && (\n            <div class=\"alert__close\">\n              <nano-icon-button\n                class=\"alert__close\"\n                iconName=\"light/times\"\n                label=\"close menu\"\n                onClick={this.handleCloseClick}\n              ></nano-icon-button>\n            </div>\n          )}\n        </div>\n        <div class=\"alert__footer\">\n          <slot name=\"footer\" />\n        </div>\n      </div>\n    );\n  };\n\n  render() {\n    return (\n      <Host\n        class={{ ...createColorClasses(this.color) }}\n        showing={this.isShowing}\n      >\n        {this.isModal && [\n          <div\n            part=\"overlay\"\n            class={{\n              alert__overlay: true,\n              'alert__overlay--open': this.open,\n            }}\n            ref={(div) => (this.overlay = div)}\n          />,\n          <div class=\"alert__modal-wrap\">\n            <this.Panel />\n          </div>,\n        ]}\n        {!this.isModal && <this.Panel />}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["src/components/alert/alert.scss?tag=nano-alert&encapsulation=shadow","src/components/alert/alert.tsx"],"names":["alertCss","toastStackTr","Object","assign","document","createElement","className","toastStackTl","toastStackBl","toastStackBr","Alert","class_1","hostRef","_this","this","addedTransEnd","goingToHide","goingToShow","isModal","isToast","isShowing","open","closable","duration","Infinity","handleMouseMove","restartAutoHide","handleCloseClick","hide","handleTransitionEnd","event","propertyName","target","panel","overlay","host","hidden","nanoAfterShow","emit","nanoAfterHide","handleButtonClick","e","defaultPrevented","tagName","toLowerCase","clearTimeout","autoHideTimeout","setTimeout","Panel","h","ref","el","part","class","alert","alert--open","alert--toasty","alert--modal","alert--showing","role","aria-live","aria-atomic","aria-hidden","aria-modal","undefined","aria-label","label","onMouseMove","tabIndex","name","iconName","onClick","prototype","handleOpenChange","show","handleDurationChange","nanoShow","raf","nanoHide","toast","position","Promise","resolve","toastStack","parentElement","body","appendChild","connectedCallback","onClose","remove","querySelector","addEventListener","once","contains","modal","activate","lockBodyScrolling","originalTrigger","activeElement","onOpen","focus","preventScroll","deactivate","Modal","disconnectedCallback","unlockBodyScrolling","removeEventListener","componentDidLoad","render","Host","createColorClasses","color","showing","alert__overlay","alert__overlay--open","div"],"mappings":"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","sourcesContent":["@use 'sass:map';\n@use 'sass:list';\n\n@import '../../global/style/nano-theme/base';\n@import '../../global/style/nano-theme/colours';\n@import '../../global/style/nano-theme/layers';\n\n:host {\n  /**\n   * @prop --border-radius: defaults to #{$layer-border-radius};\n   * @prop --border-color: defaults to #{$layer-border-color};\n   * @prop --border-width: defaults to #{$layer-border-width};\n   * @prop --background: defaults to #{$layer-bg-color};\n   * @prop --tint-color: defaults to var(--nano-color-base, #{nano-color(primary, base)});\n   * @prop --icon-size: defaults to 1.5rem;\n   * @prop --scrim-color: overlay colour of alert display. Defaults to #{$layer-overlay-dark};\n   * @prop --close-button-color: defaults to #{map.get($colors, mediumgrey)} ;\n   */\n\n  --border-radius: #{$layer-border-radius};\n  --border-color: #{$layer-border-color};\n  --border-width: #{$layer-border-width};\n  --background: #{$layer-bg-color};\n  --tint-color: var(--nano-color-base, #{nano-color(primary, base)});\n  --icon-size: 2rem;\n  --scrim-color: #{$layer-overlay-dark};\n  --close-button-color: #{map.get($colors, palegrey)};\n\n  display: block;\n}\n\n:host(.nano-color) {\n  --tint-color: var(--nano-color-base, #{nano-color(primary, base)});\n}\n\n.alert {\n  position: relative;\n  background-color: var(--background);\n  border: solid var(--border-width) var(--border-color);\n  border-top-width: 4px;\n  border-top-color: var(--tint-color);\n  border-radius: var(--border-radius);\n  opacity: 0;\n  transform: scale(0.9);\n  transition:\n    #{$transition-medium} opacity ease,\n    #{$transition-fast} transform ease;\n\n  &:focus {\n    outline: none;\n  }\n\n  &:not(.alert--showing) {\n    @include hidden;\n  }\n\n  &--open {\n    opacity: 1;\n    transform: none;\n  }\n\n  &--toasty,\n  &--modal {\n    box-shadow: #{$layer-shadow-large};\n    margin: #{$spacing-medium};\n  }\n}\n\n.alert__content {\n  display: flex;\n  align-items: stretch;\n}\n\n.alert__modal-wrap {\n  position: fixed;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: #{$layer-index-alert};\n}\n\n.alert__message {\n  flex: 1 1 auto;\n  padding: #{$spacing-medium};\n  overflow: hidden;\n  line-height: 1.6;\n}\n\n.alert__close {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: 1.1em;\n\n  @include padding(0, #{$spacing-medium}, 0, 0);\n\n  --color: var(--close-button-color);\n}\n\n.alert__footer {\n  padding: 0 #{$spacing-small} 0;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-around;\n  align-items: center;\n\n  ::slotted(*),\n  &::slotted(*) {\n    flex: 1;\n    margin: 0 #{$spacing-small} #{$spacing-medium} !important;\n  }\n}\n\n.alert__overlay {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: var(--scrim-color);\n  opacity: 0;\n  transition: #{$transition-fast} opacity;\n  z-index: #{$layer-index-alert};\n  backdrop-filter: blur(#{$layer-overlay-blur});\n\n  &--open {\n    opacity: 1;\n  }\n}\n\n.alert__icon {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: var(--icon-size);\n\n  &::slotted(*) {\n    color: var(--tint-color);\n    margin-left: #{$spacing-medium};\n  }\n}\n\n.alert__icon ::slotted(*) {\n  color: var(--tint-color);\n\n  @include margin(0, 0, 0, #{$spacing-medium});\n}\n","import {\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n  Host,\n  VNode,\n} from '@stencil/core';\nimport { Color } from '../../interface';\nimport Modal from '../../utils/modal';\nimport {\n  createColorClasses,\n  lockBodyScrolling,\n  raf,\n  unlockBodyScrolling,\n} from '../../utils';\n\nconst toastStackTr = Object.assign(document.createElement('div'), {\n  className: 'nano-toast-stack nano-toast-stack--tr',\n});\nconst toastStackTl = Object.assign(document.createElement('div'), {\n  className: 'nano-toast-stack nano-toast-stack--tl',\n});\nconst toastStackBl = Object.assign(document.createElement('div'), {\n  className: 'nano-toast-stack nano-toast-stack--bl',\n});\nconst toastStackBr = Object.assign(document.createElement('div'), {\n  className: 'nano-toast-stack nano-toast-stack--br',\n});\n\n/**\n * Alerts are used to display important messages either inline, as toast notifications or as modals requiring action.\n * @slot - The alert's content.\n * @slot icon - An icon to show in the alert.\n * @slot footer - Place items at the bottom of the alert. Best used with `button` elements - esp when used as with the `alert()` method.\n */\n@Component({\n  tag: 'nano-alert',\n  styleUrl: 'alert.scss',\n  shadow: true,\n})\nexport class Alert implements ComponentInterface {\n  private autoHideTimeout: ReturnType<typeof setTimeout>;\n  private panel: HTMLElement;\n  private overlay: HTMLElement;\n  private modal: Modal;\n  private originalTrigger: HTMLElement | null;\n  private addedTransEnd = false;\n  private goingToHide = false;\n  private goingToShow = false;\n\n  @State() isModal = false;\n  @State() isToast = false;\n  @State() isShowing = false;\n  @State() label: string;\n\n  @Element() host: HTMLNanoAlertElement;\n\n  /** Indicates whether or not the alert is open. You can use this in lieu of the show/hide methods. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  @Watch('open')\n  handleOpenChange() {\n    this.open ? this.show() : this.hide();\n  }\n\n  /** Set to true to make the alert closable. */\n  @Prop({ reflect: true }) closable = false;\n\n  /** The color to use from the application's color palette. */\n  @Prop({ reflect: true }) color?: Color;\n\n  /**\n   * The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with the\n   * alert before it closes (e.g. moves the mouse over it), the timer will restart.\n   */\n  @Prop() duration = Infinity;\n\n  @Watch('duration')\n  handleDurationChange() {\n    this.restartAutoHide();\n  }\n\n  /** Emitted when the alert opens. Calling `event.preventDefault()` will prevent it from being opened. */\n  @Event() nanoShow: EventEmitter;\n\n  /** Emitted after the alert opens and all transitions are complete. */\n  @Event() nanoAfterShow: EventEmitter;\n\n  /** Emitted when the alert closes. Calling `event.preventDefault()` will prevent it from being closed. */\n  @Event() nanoHide: EventEmitter;\n\n  /** Emitted after the alert closes and all transitions are complete. */\n  @Event() nanoAfterHide: EventEmitter;\n\n  /** Shows the alert. */\n  @Method()\n  async show() {\n    if (this.goingToShow) {\n      return;\n    }\n    const nanoShow = this.nanoShow.emit();\n    if (nanoShow.defaultPrevented) {\n      this.open = false;\n      return false;\n    }\n\n    this.host.hidden = false;\n    this.goingToShow = true;\n    this.open = true;\n    raf(() => {\n      this.isShowing = true;\n      this.goingToShow = false;\n    });\n\n    if (this.duration < Infinity) {\n      clearTimeout(this.autoHideTimeout);\n      this.autoHideTimeout = setTimeout(() => this.hide(), this.duration);\n    }\n  }\n\n  /** Hides the alert */\n  @Method()\n  async hide() {\n    if (this.goingToHide) {\n      return;\n    }\n    const nanoHide = this.nanoHide.emit();\n\n    if (nanoHide.defaultPrevented) {\n      this.open = true;\n      return false;\n    }\n    this.goingToHide = true;\n    this.open = false;\n\n    raf(() => (this.goingToHide = false));\n    clearTimeout(this.autoHideTimeout);\n  }\n\n  /**\n   * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\n   * dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\n   * calling this method again. The returned promise will resolve after the alert is hidden.\n   *\n   * @param position options are tr (top-right - default), tl (top-left), br (bottom-right), bl (bottom-left)\n   * @returns a promise which will resolve after the alert has hidden\n   */\n  @Method()\n  async toast(position: 'tr' | 'tl' | 'bl' | 'br' = 'tr') {\n    this.isToast = true;\n    return new Promise<void>((resolve) => {\n      let toastStack: HTMLElement;\n      switch (position) {\n        case 'tl':\n          toastStack = toastStackTl;\n          break;\n        case 'bl':\n          toastStack = toastStackBl;\n          break;\n        case 'br':\n          toastStack = toastStackBr;\n          break;\n        default:\n          toastStack = toastStackTr;\n          break;\n      }\n\n      if (!toastStack.parentElement) {\n        document.body.appendChild(toastStack);\n      }\n\n      toastStack.appendChild(this.host);\n      this.connectedCallback();\n      this.show();\n\n      const onClose = () => {\n        this.host.remove();\n        this.isToast = false;\n        resolve();\n\n        // Remove the toast stack from the DOM when there are no more alerts\n        if (!toastStack.querySelector('nano-alert')) {\n          toastStack.remove();\n        }\n      };\n\n      this.host.addEventListener('nanoAfterHide', onClose, { once: true });\n      this.host.addEventListener('nanoafterhide', onClose, { once: true });\n    });\n  }\n\n  /**\n   * Displays the alert as a dialog / modal - more akin to a traditional js alert().\n   * @param label a label for assistive technology\n   */\n  @Method()\n  async alert(label: string) {\n    this.isModal = true;\n    this.label = label;\n\n    return new Promise<void>((resolve) => {\n      if (!document.body.contains(this.host)) {\n        document.body.appendChild(this.host);\n      }\n\n      this.modal.activate();\n      lockBodyScrolling(this.host);\n      this.originalTrigger = document.activeElement as HTMLElement;\n\n      raf(() => {\n        this.show();\n      });\n\n      const onOpen = () => raf(() => this.panel.focus({ preventScroll: true }));\n\n      const onClose = () => {\n        this.modal.deactivate();\n        this.host.remove();\n        this.label = undefined;\n        this.isModal = false;\n        resolve();\n\n        // Restore focus to the original trigger\n        if (\n          this.originalTrigger &&\n          typeof this.originalTrigger.focus === 'function'\n        ) {\n          setTimeout(() => this.originalTrigger.focus());\n        }\n      };\n\n      this.host.addEventListener('nanoAfterShow', onOpen, { once: true });\n      this.host.addEventListener('nanoaftershow', onOpen, { once: true });\n\n      this.host.addEventListener('nanoAfterHide', onClose, {\n        once: true,\n      });\n      this.host.addEventListener('nanoafterhide', onClose, {\n        once: true,\n      });\n    });\n  }\n\n  private handleMouseMove = () => {\n    this.restartAutoHide();\n  };\n\n  private handleCloseClick = () => {\n    this.hide();\n  };\n\n  private handleTransitionEnd = (event: TransitionEvent) => {\n    if (\n      event.propertyName === 'opacity' &&\n      (event.target === this.panel || event.target === this.overlay)\n    ) {\n      this.host.hidden = !this.open;\n      this.isShowing = this.open;\n      this.open ? this.nanoAfterShow.emit() : this.nanoAfterHide.emit();\n    }\n  };\n\n  private handleButtonClick = (e: PointerEvent & { target: HTMLElement }) => {\n    if (e.defaultPrevented) return;\n    if (e.target.tagName && e.target.tagName.toLowerCase() === 'button')\n      this.hide();\n  };\n\n  private restartAutoHide = () => {\n    clearTimeout(this.autoHideTimeout);\n    if (this.open && this.duration < Infinity) {\n      this.autoHideTimeout = setTimeout(() => this.hide(), this.duration);\n    }\n  };\n\n  connectedCallback() {\n    this.modal = new Modal(this.host);\n    this.host.addEventListener('click', this.handleButtonClick);\n\n    if (this.panel) {\n      this.addedTransEnd = true;\n      this.panel.addEventListener('transitionend', this.handleTransitionEnd);\n    }\n  }\n\n  disconnectedCallback() {\n    unlockBodyScrolling(this.host);\n    this.host.removeEventListener('click', this.handleButtonClick);\n\n    this.addedTransEnd = false;\n    this.panel.removeEventListener('transitionend', this.handleTransitionEnd);\n  }\n\n  componentDidLoad() {\n    // Show on init if open\n    if (this.open) {\n      this.show();\n    }\n    if (!this.addedTransEnd) {\n      this.panel.addEventListener('transitionend', this.handleTransitionEnd);\n    }\n  }\n\n  private Panel = (): VNode => {\n    return (\n      <div\n        ref={(el) => (this.panel = el)}\n        part=\"panel\"\n        class={{\n          alert: true,\n          'alert--open': this.open,\n          'alert--toasty': this.isToast,\n          'alert--modal': !!this.isModal,\n          'alert--showing': this.isShowing,\n        }}\n        role={!!this.isModal ? 'alertdialog' : 'alert'}\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        aria-hidden={this.open ? 'false' : 'true'}\n        aria-modal={!!this.isModal ? 'true' : undefined}\n        aria-label={this.label ? this.label : undefined}\n        onMouseMove={this.handleMouseMove}\n        tabIndex={!!this.isModal ? 0 : undefined}\n      >\n        <div class=\"alert__content\">\n          <div part=\"icon\" class=\"alert__icon\">\n            <slot name=\"icon\" />\n          </div>\n          <div part=\"message\" class=\"alert__message\">\n            <slot />\n          </div>\n          {this.closable && (\n            <div class=\"alert__close\">\n              <nano-icon-button\n                class=\"alert__close\"\n                iconName=\"light/times\"\n                label=\"close menu\"\n                onClick={this.handleCloseClick}\n              ></nano-icon-button>\n            </div>\n          )}\n        </div>\n        <div class=\"alert__footer\">\n          <slot name=\"footer\" />\n        </div>\n      </div>\n    );\n  };\n\n  render() {\n    return (\n      <Host\n        class={{ ...createColorClasses(this.color) }}\n        showing={this.isShowing}\n      >\n        {this.isModal && [\n          <div\n            part=\"overlay\"\n            class={{\n              alert__overlay: true,\n              'alert__overlay--open': this.open,\n            }}\n            ref={(div) => (this.overlay = div)}\n          />,\n          <div class=\"alert__modal-wrap\">\n            <this.Panel />\n          </div>,\n        ]}\n        {!this.isModal && <this.Panel />}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/esm-es5/nano-algolia-input.entry.js

@@ -1,5 +1,5 @@
 var __awaiter=this&&this.__awaiter||function(t,e,i,n){function r(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,s){function a(t){try{h(n.next(t))}catch(e){s(e)}}function o(t){try{h(n["throw"](t))}catch(e){s(e)}}function h(t){t.done?i(t.value):r(t.value).then(a,o)}h((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,r,s,a;return a={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(t){return function(e){return h([t,e])}}function h(a){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){i.label=a[1];break}if(a[0]===6&&i.label<s[1]){i.label=s[1];s=a;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(a);break}if(s[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(o){a=[6,o];r=0}finally{n=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
 /*!
  * Web Components for Nanopore digital Web Apps
- */import{r as registerInstance,c as createEvent,h,e as Host,g as getElement}from"./index-5f8d16e7.js";import{a as algoliasearch_umd}from"./algoliasearch.umd-6d09b727.js";import{W as Wormhole}from"./algolia-data-dd72d1b7.js";import{C as ComponentStore}from"./component-store-b6fbfa35.js";import"./_commonjsHelpers-e401b2a2.js";import"./throttle-d3d933cd.js";var AlgoliaInput=function(){function t(t){var e=this;registerInstance(this,t);this.nanoSearchResult=createEvent(this,"nanoSearchResult",7);this.nanoSearch=createEvent(this,"nanoSearch",7);this.nanoSearchReset=createEvent(this,"nanoSearchReset",7);this.searchStr="";this.algoliaIndex=null;this.appId="";this.apiKey="";this.searchIndex=null;this.minChars=2;this.autoEmit=true;this.browseIndex=false;this.storeMethod="session";this.handleFocus=function(){if(e.inputField)e.inputField.setFocus()}}t.prototype.search=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.emitResults();return[2]}))}))};t.prototype.searchIndexNameChange=function(){if(!this.searchIndexName||!this.searchIndexName.length)return;this.searchIndex={index:this.searchIndexName}};t.prototype.algoliaChange=function(){this.internalIndex=this.algoliaIndex};t.prototype.browseIndexChange=function(){if(this.browseIndex){this.searchStr="*";this.searchSubmit()}};t.prototype.initAlgoliaClient=function(){if(this.isNested||!this.appId||!this.apiKey)return;this.algoliaClient=algoliasearch_umd(this.appId,this.apiKey);if(this.searchIndex)this.algoliaIndex=this.algoliaClient.initIndex(this.searchIndex.index)};t.prototype.searchSubmit=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,n;return __generator(this,(function(r){switch(r.label){case 0:if(!this.internalIndex){console.error("No algolia index set");return[2]}if(t){if(t.target.tagName.toLowerCase()!=="nano-input")return[2];this.searchStr=t.detail.value}else{this.inputField=this.inputField||this.host.querySelector("nano-input");if(!this.inputField)return[2];this.searchStr=this.inputField.value}if(this.searchStr.length<this.minChars){if(this.browseIndex)this.searchStr="*";else{if(this.searchStr.length===0){this.nanoSearchResult.emit({results:[],client:{apiKey:this.appId,appId:this.appId}});return[2]}if(this.searchStr.length<this.minChars)return[2]}}e={};if(this.searchIndex.filters)e={facets:this.searchIndex.filters};n=this.fixDomain;return[4,this.internalIndex.search(this.searchStr,e)];case 1:i=n.apply(this,[r.sent()]);i.indexName=this.searchIndex.name;i.selected=true;i.domain=this.searchIndex.domain||null;i.index=this.searchIndex.index;this.currentResults=i;this.nanoSearch.emit({results:[this.currentResults],client:{apiKey:this.appId,appId:this.appId}});if(this.autoEmit)this.emitResults();return[2]}}))}))};t.prototype.emitResults=function(){this.nanoSearchResult.emit({results:[this.currentResults],client:{apiKey:this.appId,appId:this.appId}})};t.prototype.fixDomain=function(t){var e=this;if(!this.searchIndex.domain)return t;t.hits.map((function(t){if(t.url&&!t.url.match(/^http/))t.url=location.protocol+"//"+e.searchIndex.domain+t.url}));return t};t.prototype.connectedCallback=function(){var t=this;this.isNested=this.host.parentElement.tagName.toLowerCase()==="nano-algolia"&&this.host.hasAttribute("slot")&&this.host.getAttribute("slot")==="search-input";if(!this.isNested){this.host.addEventListener("openWormhole",(function(e){e.detail.onOpen.resolve();t.searchIndexNameChange();t.initAlgoliaClient()}))}};t.prototype.componentWillLoad=function(){this.inputField=this.host.querySelector("nano-input");if(this.storeId)ComponentStore.init(this,["searchStr"],this.storeMethod,this.storeId)};t.prototype.render=function(){return h(Host,{onFocus:this.handleFocus,tabindex:"-1"},h("slot",null))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{searchIndexName:["searchIndexNameChange"],algoliaIndex:["algoliaChange"],browseIndex:["browseIndexChange"],apiKey:["initAlgoliaClient"],appId:["initAlgoliaClient"],searchIndex:["initAlgoliaClient"]}},enumerable:false,configurable:true});return t}();Wormhole(AlgoliaInput,["algoliaIndex","searchIndex","browseIndex"]);export{AlgoliaInput as nano_algolia_input};
+ */import{r as registerInstance,c as createEvent,h,e as Host,g as getElement}from"./index-5f8d16e7.js";import{a as algoliasearch_umd}from"./algoliasearch.umd-6143495f.js";import{W as Wormhole}from"./algolia-data-dd72d1b7.js";import{C as ComponentStore}from"./component-store-b6fbfa35.js";import"./_commonjsHelpers-e401b2a2.js";import"./throttle-d3d933cd.js";var AlgoliaInput=function(){function t(t){var e=this;registerInstance(this,t);this.nanoSearchResult=createEvent(this,"nanoSearchResult",7);this.nanoSearch=createEvent(this,"nanoSearch",7);this.nanoSearchReset=createEvent(this,"nanoSearchReset",7);this.searchStr="";this.algoliaIndex=null;this.appId="";this.apiKey="";this.searchIndex=null;this.minChars=2;this.autoEmit=true;this.browseIndex=false;this.storeMethod="session";this.handleFocus=function(){if(e.inputField)e.inputField.setFocus()}}t.prototype.search=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.emitResults();return[2]}))}))};t.prototype.searchIndexNameChange=function(){if(!this.searchIndexName||!this.searchIndexName.length)return;this.searchIndex={index:this.searchIndexName}};t.prototype.algoliaChange=function(){this.internalIndex=this.algoliaIndex};t.prototype.browseIndexChange=function(){if(this.browseIndex){this.searchStr="*";this.searchSubmit()}};t.prototype.initAlgoliaClient=function(){if(this.isNested||!this.appId||!this.apiKey)return;this.algoliaClient=algoliasearch_umd(this.appId,this.apiKey);if(this.searchIndex)this.algoliaIndex=this.algoliaClient.initIndex(this.searchIndex.index)};t.prototype.searchSubmit=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i,n;return __generator(this,(function(r){switch(r.label){case 0:if(!this.internalIndex){console.error("No algolia index set");return[2]}if(t){if(t.target.tagName.toLowerCase()!=="nano-input")return[2];this.searchStr=t.detail.value}else{this.inputField=this.inputField||this.host.querySelector("nano-input");if(!this.inputField)return[2];this.searchStr=this.inputField.value}if(this.searchStr.length<this.minChars){if(this.browseIndex)this.searchStr="*";else{if(this.searchStr.length===0){this.nanoSearchResult.emit({results:[],client:{apiKey:this.appId,appId:this.appId}});return[2]}if(this.searchStr.length<this.minChars)return[2]}}e={};if(this.searchIndex.filters)e={facets:this.searchIndex.filters};n=this.fixDomain;return[4,this.internalIndex.search(this.searchStr,e)];case 1:i=n.apply(this,[r.sent()]);i.indexName=this.searchIndex.name;i.selected=true;i.domain=this.searchIndex.domain||null;i.index=this.searchIndex.index;this.currentResults=i;this.nanoSearch.emit({results:[this.currentResults],client:{apiKey:this.appId,appId:this.appId}});if(this.autoEmit)this.emitResults();return[2]}}))}))};t.prototype.emitResults=function(){this.nanoSearchResult.emit({results:[this.currentResults],client:{apiKey:this.appId,appId:this.appId}})};t.prototype.fixDomain=function(t){var e=this;if(!this.searchIndex.domain)return t;t.hits.map((function(t){if(t.url&&!t.url.match(/^http/))t.url=location.protocol+"//"+e.searchIndex.domain+t.url}));return t};t.prototype.connectedCallback=function(){var t=this;this.isNested=this.host.parentElement.tagName.toLowerCase()==="nano-algolia"&&this.host.hasAttribute("slot")&&this.host.getAttribute("slot")==="search-input";if(!this.isNested){this.host.addEventListener("openWormhole",(function(e){e.detail.onOpen.resolve();t.searchIndexNameChange();t.initAlgoliaClient()}))}};t.prototype.componentWillLoad=function(){this.inputField=this.host.querySelector("nano-input");if(this.storeId)ComponentStore.init(this,["searchStr"],this.storeMethod,this.storeId)};t.prototype.render=function(){return h(Host,{onFocus:this.handleFocus,tabindex:"-1"},h("slot",null))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{searchIndexName:["searchIndexNameChange"],algoliaIndex:["algoliaChange"],browseIndex:["browseIndexChange"],apiKey:["initAlgoliaClient"],appId:["initAlgoliaClient"],searchIndex:["initAlgoliaClient"]}},enumerable:false,configurable:true});return t}();Wormhole(AlgoliaInput,["algoliaIndex","searchIndex","browseIndex"]);export{AlgoliaInput as nano_algolia_input};
 //# sourceMappingURL=nano-algolia-input.entry.js.map

package/dist/esm-es5/nano-algolia.entry.js

@@ -1,5 +1,5 @@
 var __awaiter=this&&this.__awaiter||function(e,t,n,i){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,s){function a(e){try{l(i.next(e))}catch(t){s(t)}}function o(e){try{l(i["throw"](e))}catch(t){s(t)}}function l(e){e.done?n(e.value):r(e.value).then(a,o)}l((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,r,s,a;return a={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(e){return function(t){return l([e,t])}}function l(a){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,r&&(s=a[0]&2?r["return"]:a[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,a[1])).done)return s;if(r=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;r=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){n.label=a[1];break}if(a[0]===6&&n.label<s[1]){n.label=s[1];s=a;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(a);break}if(s[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(o){a=[6,o];r=0}finally{i=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t){for(var n=0,i=t.length,r=e.length;n<i;n++,r++)e[r]=t[n];return e};
 /*!
  * Web Components for Nanopore digital Web Apps
- */import{g as getElement,l as getRenderingRef,r as registerInstance,c as createEvent,f as writeTask,i as readTask,h,e as Host}from"./index-5f8d16e7.js";import{S as SearchChangeEvent}from"./algolia-data-dd72d1b7.js";import{r as raf}from"./index-bf53664b.js";import{a as algoliasearch_umd}from"./algoliasearch.umd-6d09b727.js";import{b as getDefaultExportFromCjs,c as createCommonjsModule,a as commonjsGlobal}from"./_commonjsHelpers-e401b2a2.js";import{C as ComponentStore}from"./component-store-b6fbfa35.js";import{g as getDirectChildren}from"./dom-faa69d29.js";import{d as debounce}from"./throttle-d3d933cd.js";var multiverse=new Map;var updateConsumer=function(e,t){var n=e.fields,i=e.updater;n.forEach((function(e){i(e,t[e])}))};var Universe={create:function(e,t){var n=getElement(e);var i=new Map;var r={wormholes:i,state:t};multiverse.set(e,r);var s=e.connectedCallback;e.connectedCallback=function(){multiverse.set(e,r);if(s){s.call(e)}};var a=e.disconnectedCallback;e.disconnectedCallback=function(){multiverse.delete(e);if(a){a.call(e)}};n.addEventListener("openWormhole",(function(e){e.stopPropagation();var t=e.detail,n=t.consumer,s=t.onOpen;if(i.has(n))return;if(typeof n!=="symbol"){var a=n.connectedCallback,o=n.disconnectedCallback;n.connectedCallback=function(){i.set(n,e.detail);if(a){a.call(n)}};n.disconnectedCallback=function(){i.delete(n);if(o){o.call(n)}}}i.set(n,e.detail);updateConsumer(e.detail,r.state);s===null||s===void 0?void 0:s.resolve((function(){i.delete(n)}))}));n.addEventListener("closeWormhole",(function(e){var t=e.detail;i.delete(t)}))},Provider:function(e,t){var n=e.state;var i=getRenderingRef();if(multiverse.has(i)){var r=multiverse.get(i);r.state=n;r.wormholes.forEach((function(e){updateConsumer(e,n)}))}return t}};var squirrelly_min=createCommonjsModule((function(e,t){!function(e,n){n(t)}(commonjsGlobal,(function(e){function t(e){var n,i,r=new Error(e);return n=r,i=t.prototype,Object.setPrototypeOf?Object.setPrototypeOf(n,i):n.__proto__=i,r}function n(e,n,i){var r=n.slice(0,i).split(/\n/),s=r.length,a=r[s-1].length+1;throw t(e+=" at line "+s+" col "+a+":\n\n  "+n.split(/\n/)[s-1]+"\n  "+Array(a).join(" ")+"^")}t.prototype=Object.create(Error.prototype,{name:{value:"Squirrelly Error",enumerable:!1}});var i=new Function("return this")().Promise,r=!1;try{r=new Function("return (async function(){}).constructor")()}catch(e){if(!(e instanceof SyntaxError))throw e}function s(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function a(e,t,n){for(var i in t)s(t,i)&&(null==t[i]||"object"!=typeof t[i]||"storage"!==i&&"prefixes"!==i||n?e[i]=t[i]:e[i]=a({},t[i]));return e}var o=/^async +/,l=/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})*}|(?!\${)[^\\`])*`/g,u=/'(?:\\[\s\w"'\\`]|[^\n\r'\\])*?'/g,c=/"(?:\\[\s\w"'\\`]|[^\n\r"\\])*?"/g,h=/[.*+\-?^${}()|[\]\\]/g;function d(e){return h.test(e)?e.replace(h,"\\$&"):e}function f(e,i){i.rmWhitespace&&(e=e.replace(/[\r\n]+/g,"\n").replace(/^\s+|\s+$/gm,"")),l.lastIndex=0,u.lastIndex=0,c.lastIndex=0;var r=i.prefixes,s=[r.h,r.b,r.i,r.r,r.c,r.e].reduce((function(e,t){return e&&t?e+"|"+d(t):t?d(t):e}),""),a=new RegExp("([|()]|=>)|('|\"|`|\\/\\*)|\\s*((\\/)?(-|_)?"+d(i.tags[1])+")","g"),h=new RegExp("([^]*?)"+d(i.tags[0])+"(-|_)?\\s*("+s+")?\\s*","g"),f=0,p=!1;function g(t,r){var s,d={f:[]},g=0,v="c";function m(t){var r=e.slice(f,t),s=r.trim();if("f"===v)"safe"===s?d.raw=!0:i.async&&o.test(s)?(s=s.replace(o,""),d.f.push([s,"",!0])):d.f.push([s,""]);else if("fp"===v)d.f[d.f.length-1][1]+=s;else if("err"===v){if(s){var a=r.search(/\S/);n("invalid syntax",e,f+a)}}else d[v]=s;f=t+1}for("h"===r||"b"===r||"c"===r?v="n":"r"===r&&(d.raw=!0,r="i"),a.lastIndex=f;null!==(s=a.exec(e));){var y=s[1],x=s[2],b=s[3],w=s[4],I=s[5],_=s.index;if(y)"("===y?(0===g&&("n"===v?(m(_),v="p"):"f"===v&&(m(_),v="fp")),g++):")"===y?0===--g&&"c"!==v&&(m(_),v="err"):0===g&&"|"===y?(m(_),v="f"):"=>"===y&&(m(_),f+=1,v="res");else if(x){if("/*"===x){var F=e.indexOf("*/",a.lastIndex);-1===F&&n("unclosed comment",e,s.index),a.lastIndex=F+2}else if("'"===x){u.lastIndex=s.index,u.exec(e)?a.lastIndex=u.lastIndex:n("unclosed string",e,s.index)}else if('"'===x){c.lastIndex=s.index,c.exec(e)?a.lastIndex=c.lastIndex:n("unclosed string",e,s.index)}else if("`"===x){l.lastIndex=s.index,l.exec(e)?a.lastIndex=l.lastIndex:n("unclosed string",e,s.index)}}else if(b)return m(_),f=_+s[0].length,h.lastIndex=f,p=I,w&&"h"===r&&(r="s"),d.t=r,d}return n("unclosed tag",e,t),d}var v=function s(a,l){a.b=[],a.d=[];var u,c=!1,d=[];function v(e,t){e&&(e=function(e,t,n,i){var r,s;return"string"==typeof t.autoTrim?r=s=t.autoTrim:Array.isArray(t.autoTrim)&&(r=t.autoTrim[1],s=t.autoTrim[0]),(n||!1===n)&&(r=n),(i||!1===i)&&(s=i),"slurp"===r&&"slurp"===s?e.trim():("_"===r||"slurp"===r?e=String.prototype.trimLeft?e.trimLeft():e.replace(/^[\s\uFEFF\xA0]+/,""):"-"!==r&&"nl"!==r||(e=e.replace(/^(?:\n|\r|\r\n)/,"")),"_"===s||"slurp"===s?e=String.prototype.trimRight?e.trimRight():e.replace(/[\s\uFEFF\xA0]+$/,""):"-"!==s&&"nl"!==s||(e=e.replace(/(?:\n|\r|\r\n)$/,"")),e)}(e,i,p,t))&&(e=e.replace(/\\|'/g,"\\$&").replace(/\r\n|\n|\r/g,"\\n"),d.push(e))}for(;null!==(u=h.exec(e));){var m,y=u[1],x=u[2],b=u[3]||"";for(var w in r)if(r[w]===b){m=w;break}v(y,x),f=u.index+u[0].length,m||n("unrecognized tag type: "+b,e,f);var I=g(u.index,m),_=I.t;if("h"===_){var F=I.n||"";i.async&&o.test(F)&&(I.a=!0,I.n=F.replace(o,"")),I=s(I),d.push(I)}else if("c"===_){if(a.n===I.n)return c?(c.d=d,a.b.push(c)):a.d=d,a;n("Helper start and end don't match",e,u.index+u[0].length)}else if("b"===_){c?(c.d=d,a.b.push(c)):a.d=d;var C=I.n||"";i.async&&o.test(C)&&(I.a=!0,I.n=C.replace(o,"")),c=I,d=[]}else if("s"===_){var S=I.n||"";i.async&&o.test(S)&&(I.a=!0,I.n=S.replace(o,"")),d.push(I)}else d.push(I)}if(!l)throw t('unclosed helper "'+a.n+'"');return v(e.slice(f,e.length),!1),a.d=d,a}({f:[]},!0);if(i.plugins)for(var m=0;m<i.plugins.length;m++){var y=i.plugins[m];y.processAST&&(v.d=y.processAST(v.d,i))}return v.d}function p(e,t){var n=f(e,t),i="var tR='';"+(t.useWith?"with("+t.varName+"||{}){":"")+x(n,t)+"if(cb){cb(null,tR)} return tR"+(t.useWith?"}":"");if(t.plugins)for(var r=0;r<t.plugins.length;r++){var s=t.plugins[r];s.processFnString&&(i=s.processFnString(i,t))}return i}function g(e,t){for(var n=0;n<t.length;n++){var i=t[n][0],r=t[n][1];e=(t[n][2]?"await ":"")+"c.l('F','"+i+"')("+e,r&&(e+=","+r),e+=")"}return e}function v(e,t,n,i,r,s){var a="{exec:"+(r?"async ":"")+y(n,t,e)+",params:["+i+"]";return s&&(a+=",name:'"+s+"'"),r&&(a+=",async:true"),a+="}"}function m(e,t){for(var n="[",i=0;i<e.length;i++){var r=e[i];n+=v(t,r.res||"",r.d,r.p||"",r.a,r.n),i<e.length&&(n+=",")}return n+="]"}function y(e,t,n){return"function("+t+"){var tR='';"+x(e,n)+"return tR}"}function x(e,t){for(var n=0,i=e.length,r="";n<i;n++){var s=e[n];if("string"==typeof s){r+="tR+='"+s+"';"}else{var a=s.t,o=s.c||"",l=s.f,u=s.n||"",c=s.p||"",h=s.res||"",d=s.b,f=!!s.a;if("i"===a){t.defaultFilter&&(o="c.l('F','"+t.defaultFilter+"')("+o+")");var p=g(o,l);!s.raw&&t.autoEscape&&(p="c.l('F','e')("+p+")"),r+="tR+="+p+";"}else if("h"===a)if(t.storage.nativeHelpers.get(u))r+=t.storage.nativeHelpers.get(u)(s,t);else{var y=(f?"await ":"")+"c.l('H','"+u+"')("+v(t,h,s.d,c,f);y+=d?","+m(d,t):",[]",r+="tR+="+g(y+=",c)",l)+";"}else"s"===a?r+="tR+="+g((f?"await ":"")+"c.l('H','"+u+"')({params:["+c+"]},[],c)",l)+";":"e"===a&&(r+=o+"\n")}}return r}var b=function(){function e(e){this.cache=e}return e.prototype.define=function(e,t){this.cache[e]=t},e.prototype.get=function(e){return this.cache[e]},e.prototype.remove=function(e){delete this.cache[e]},e.prototype.reset=function(){this.cache={}},e.prototype.load=function(e){a(this.cache,e,!0)},e}();function w(e,n,i,r){if(n&&n.length>0)throw t((r?"Native":"")+"Helper '"+e+"' doesn't accept blocks");if(i&&i.length>0)throw t((r?"Native":"")+"Helper '"+e+"' doesn't accept filters")}var I={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function _(e){return I[e]}var F=new b({}),C=new b({each:function(e,t){var n="",i=e.params[0];if(w("each",t,!1),e.async)return new Promise((function(t){!function e(t,n,i,r,s){i(t[n],n).then((function(a){r+=a,n===t.length-1?s(r):e(t,n+1,i,r,s)}))}(i,0,e.exec,n,t)}));for(var r=0;r<i.length;r++)n+=e.exec(i[r],r);return n},foreach:function(e,t){var n=e.params[0];if(w("foreach",t,!1),e.async)return new Promise((function(t){!function e(t,n,i,r,s,a){r(n[i],t[n[i]]).then((function(o){s+=o,i===n.length-1?a(s):e(t,n,i+1,r,s,a)}))}(n,Object.keys(n),0,e.exec,"",t)}));var i="";for(var r in n)s(n,r)&&(i+=e.exec(r,n[r]));return i},include:function(e,n,i){w("include",n,!1);var r=i.storage.templates.get(e.params[0]);if(!r)throw t('Could not fetch template "'+e.params[0]+'"');return r(e.params[1],i)},extends:function(e,n,i){var r=e.params[1]||{};r.content=e.exec();for(var s=0;s<n.length;s++){var a=n[s];r[a.name]=a.exec()}var o=i.storage.templates.get(e.params[0]);if(!o)throw t('Could not fetch template "'+e.params[0]+'"');return o(r,i)},useScope:function(e,t){return w("useScope",t,!1),e.exec(e.params[0])}}),S=new b({if:function(e,t){w("if",!1,e.f,!0);var n="if("+e.p+"){"+x(e.d,t)+"}";if(e.b)for(var i=0;i<e.b.length;i++){var r=e.b[i];"else"===r.n?n+="else{"+x(r.d,t)+"}":"elif"===r.n&&(n+="else if("+r.p+"){"+x(r.d,t)+"}")}return n},try:function(e,n){if(w("try",!1,e.f,!0),!e.b||1!==e.b.length||"catch"!==e.b[0].n)throw t("native helper 'try' only accepts 1 block, 'catch'");var i="try{"+x(e.d,n)+"}",r=e.b[0];return i+="catch"+(r.res?"("+r.res+")":"")+"{"+x(r.d,n)+"}"},block:function(e,t){return w("block",e.b,e.f,!0),"if(!"+t.varName+"["+e.p+"]){tR+=("+y(e.d,"",t)+")()}else{tR+="+t.varName+"["+e.p+"]}"}}),R=new b({e:function(e){var t=String(e);return/[&<>"']/.test(t)?t.replace(/[&<>"']/g,_):t}}),E={varName:"it",autoTrim:[!1,"nl"],autoEscape:!0,defaultFilter:!1,tags:["{{","}}"],l:function(e,n){if("H"===e){var i=this.storage.helpers.get(n);if(i)return i;throw t("Can't find helper '"+n+"'")}if("F"===e){var r=this.storage.filters.get(n);if(r)return r;throw t("Can't find filter '"+n+"'")}},async:!1,storage:{helpers:C,nativeHelpers:S,filters:R,templates:F},prefixes:{h:"@",b:"#",i:"",r:"*",c:"/",e:"!"},cache:!1,plugins:[],useWith:!1};function P(e,t){var n={};return a(n,E),t&&a(n,t),e&&a(n,e),n.l.bind(n),n}function q(e,n){var i=P(n||{}),s=Function;if(i.async){if(!r)throw t("This environment doesn't support async/await");s=r}try{return new s(i.varName,"c","cb",p(e,i))}catch(n){throw n instanceof SyntaxError?t("Bad template syntax\n\n"+n.message+"\n"+Array(n.message.length+1).join("=")+"\n"+p(e,i)):n}}function k(e,t){var n;return t.cache&&t.name&&t.storage.templates.get(t.name)?t.storage.templates.get(t.name):(n="function"==typeof e?e:q(e,t),t.cache&&t.name&&t.storage.templates.define(t.name,n),n)}E.l.bind(E),e.compile=q,e.compileScope=x,e.compileScopeIntoFunction=y,e.compileToString=p,e.defaultConfig=E,e.filters=R,e.getConfig=P,e.helpers=C,e.nativeHelpers=S,e.parse=f,e.render=function(e,n,r,s){var a=P(r||{});if(!a.async)return k(e,a)(n,a);if(!s){if("function"==typeof i)return new i((function(t,i){try{t(k(e,a)(n,a))}catch(e){i(e)}}));throw t("Please provide a callback function, this env doesn't support Promises")}try{k(e,a)(n,a,s)}catch(e){return s(e)}},e.templates=F,Object.defineProperty(e,"__esModule",{value:!0})}))}));var squirrelly_min$1=getDefaultExportFromCjs(squirrelly_min);var Sqrl=Object.freeze(Object.assign(Object.create(null),squirrelly_min,{default:squirrelly_min$1}));var squirrel=Sqrl;squirrel.filters.define("date_long",(function(e,t){if(t===void 0){t={year:"numeric",month:"long",day:"numeric"}}if(!e)return;var n=new Date(parseInt(e)*1e3);e=n.toLocaleDateString("en-GB",t);return e}));squirrel.filters.define("date_short",(function(e,t){if(t===void 0){t="d/m/y"}if(!e)return;var n=new Date(parseInt(e)*1e3);e=t.replace(/(d)/,n.getDate().toString());e=e.replace(/(m)/,(n.getMonth()+1).toString());e=e.replace(/(y)/,n.getFullYear().toString());return e}));squirrel.filters.define("public_name",(function(e){if(!e)return;e=e.split("_").map((function(e){return e.length<3?e.toUpperCase():e})).join(" ");return e.charAt(0).toUpperCase()+e.slice(1)}));squirrel.filters.define("trim_to",(function(e,t){if(t===void 0){t=100}if(!e)return;if(e.length<=t)return e;return e.substr(0,t)+"..."}));squirrel.filters.define("classname",(function(e){if(!e)return;return e.replace(/[\W]+/g,"")}));squirrel.filters.define("abs_url",(function(e,t,n){if(t===void 0){t=null}if(!t)return e;if(!e)return;var i=undefined;if(t.domains&&n&&n.origin){var r=t.domains.find((function(e){return e.origin===n.origin}));i=r?r.domain:""}else if(t.domain)i=t.domain;if(!i)return e;return e.match(/^http/)?e:location.protocol+"//"+i+e}));squirrel.filters.define("replace",(function(e,t,n){return e.replace(t,n)}));squirrel.filters.define("remove_spaces",(function(e){return e.replace(/ /g,"_")}));squirrel.filters.define("add_spaces",(function(e){return e=e.replace(/[_\-]/g," ")}));squirrel.filters.define("capitalise",(function(e){return e=e.charAt(0).toUpperCase()+e.slice(1)}));squirrel.filters.define("lowercase",(function(e){return e=e.toLowerCase()}));var Squirrel=squirrel;var PromiseQueue=function(){function e(){this.queue=[];this.workingOnPromise=false;this.stop=false;this.limit=null}e.prototype.enqueue=function(e){var t=this;return new Promise((function(n,i){t.queue.push({promise:e,resolve:n,reject:i});t.dequeue()}))};e.prototype.dequeue=function(){var e=this;if(this.workingOnPromise){return false}if(this.stop){this.queue=[];this.stop=false;return}var t=this.queue.shift();if(!t){return false}try{this.workingOnPromise=true;t.promise().then((function(n){e.workingOnPromise=false;t.resolve(n);e.dequeue()})).catch((function(n){e.workingOnPromise=false;t.reject(n);e.dequeue()}))}catch(n){this.workingOnPromise=false;t.reject(n);this.dequeue()}return true};return e}();PromiseQueue.pendingPromise=false;var algoliaCss=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{position:relative;display:block}:host ::slotted([slot=search-template]),:host::slotted([slot=search-template]){display:none !important}.loader{opacity:0;position:fixed;height:100%;width:100%;min-height:100%;max-height:100vh !important;max-width:100vw !important;left:0;top:0;z-index:-10;font-size:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity 0.2s ease, z-index 0.01s ease 0.2s;transition:opacity 0.2s ease, z-index 0.01s ease 0.2s}.loader.loading{opacity:1;z-index:10;-webkit-transition:z-index 0.01s ease, opacity 0.2s ease 0.01s;transition:z-index 0.01s ease, opacity 0.2s ease 0.01s}.default{height:100%}.default:focus{outline:none}.results{opacity:0;outline:none;overflow:auto;-webkit-transition:opacity 0.3s ease, visibility 0.01s ease 0.3s, z-index 0.01s ease 0.3s, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, visibility 0.01s ease 0.3s, z-index 0.01s ease 0.3s, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease, visibility 0.01s ease 0.3s, z-index 0.01s ease 0.3s;transition:transform 0.3s ease, opacity 0.3s ease, visibility 0.01s ease 0.3s, z-index 0.01s ease 0.3s, -webkit-transform 0.3s ease;-webkit-transform:translate(0, 100px);transform:translate(0, 100px);visibility:hidden;z-index:-1;position:absolute;top:0;left:0;display:none}.results-container{position:relative}.results.show{-webkit-transition:z-index 0.01s ease, visibility 0.01s ease, opacity 0.3s ease 0.01s, -webkit-transform 0.3s ease 0.01s;transition:z-index 0.01s ease, visibility 0.01s ease, opacity 0.3s ease 0.01s, -webkit-transform 0.3s ease 0.01s;transition:z-index 0.01s ease, visibility 0.01s ease, transform 0.3s ease 0.01s, opacity 0.3s ease 0.01s;transition:z-index 0.01s ease, visibility 0.01s ease, transform 0.3s ease 0.01s, opacity 0.3s ease 0.01s, -webkit-transform 0.3s ease 0.01s;-webkit-transform:translate(0, 0);transform:translate(0, 0);visibility:visible;opacity:1;z-index:10;overflow:hidden}.results.shown{height:auto !important;width:auto !important;display:block;position:static;-webkit-transform:none;transform:none;z-index:auto;visibility:inherit;opacity:initial}";var CANSHADOW=!!document.head.attachShadow;var Algolia=function(){function e(e){var t=this;registerInstance(this,e);this.nanoDidLoad=createEvent(this,"nanoDidLoad",7);this.nanoResultsShown=createEvent(this,"nanoResultsShown",3);this.nanoBeforeQuery=createEvent(this,"nanoBeforeQuery",7);this.nanoAfterQuery=createEvent(this,"nanoAfterQuery",7);this.nanoNewResults=createEvent(this,"nanoNewResults",7);this.staticFacetFilters={};this.dynFacetFilters={};this.hasLoadSlot=false;this.placedAlgoliaEles=[];this.promiseQueue=new PromiseQueue;this._dynFacetFilters={};this.indeces=[];this.filterChanged="";this.changeEvent=SearchChangeEvent.Init;this.isLoading=false;this.wormholeState=this;this.showResults=false;this.resultsPage=0;this.searchIndex={};this.searchIndexName="";this.listenTo=null;this.query="";this.operator="and";this.filters=[];this.tplEngine=Squirrel;this.tplRenderFn=Squirrel.render;this.replicaIndex="";this.browseIndex=false;this.minChars=2;this.storeMethod="session";this.searchChange=function(){return __awaiter(t,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){if(!this.algoliaIndex)return[2];if(!this.query||this.query.length<this.minChars){if(!this.browseIndex){if(!this.query||this.query.length===0){this.handleSearchReset();return[2]}else return[2]}else if(this.query!=="*"){this.query="*";return[2]}}this.isLoading=true;setTimeout((function(){return __awaiter(e,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){switch(t.label){case 0:this.resetPage();return[4,this.algoliaSearch(SearchChangeEvent.Init)];case 1:t.sent();return[4,this.updateContent()];case 2:t.sent();setTimeout((function(t){return e.isLoading=false}),800);this.showResults=true;this.nanoResultsShown.emit(this.indexResults);return[2]}}))}))}),200);return[2]}))}))};this.makeAppliedFilters=function(){var e=[];var n=function(t){Object.values(t).forEach((function(t){if(t.value&&t.value.length){var n=e.find((function(e){return e.name===t.facetName}));if(!n)e.push({name:t.facetName,values:__spreadArray([],t.value)});else n.values=__spreadArray(__spreadArray([],n.values),t.value)}}))};n(t.dynFacetFilters);n(t.staticFacetFilters);if(e.length)return e;return null};this.algoliaSearch=function(e){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){return[2,this.promiseQueue.enqueue((function(){return t.queueSearch(e)}))]}))}))};this.queueSearch=function(e){return __awaiter(t,void 0,void 0,(function(){var t,n;var i=this;return __generator(this,(function(r){switch(r.label){case 0:if(!this.algoliaIndex||!this.query||!this.searchIndex||!this.searchIndex.index)return[2];this.nanoBeforeQuery.emit(this.indexResults);if(SearchChangeEvent.Init===e)this.clearAllFacetFilters();t={filters:this.algoliaFilterStr(),page:this.indexResults?this.indexResults.currentPage:0};if(this.searchIndex.filters)t.facets=this.searchIndex.filters;if(this.searchIndex.hitsPerPage)t.hitsPerPage=this.searchIndex.hitsPerPage;return[4,this.algoliaIndex.search(this.query,t)];case 1:n=r.sent();n=this.fixDomain(n);this.changeEvent=e;if(e===SearchChangeEvent.Init||!this.indexResults){this.indexResults={currentPage:0,totalHits:n.nbHits,hitsPerPage:null,origFilters:n.facets,query:this.query,domain:this.searchIndex.domain||null,legacy:!CANSHADOW,totalHitsWithFilters:0,results:[],totalPages:0,appliedFilters:this.makeAppliedFilters(),indexName:this.searchIndex.name||null,index:this.searchIndex.index}}this.indexResults.dynFilters=n.facets;this.indexResults.results=n.hits;this.indexResults.totalHitsWithFilters=n.nbHits;this.indexResults.currentPage=n.page;this.indexResults.totalPages=n.nbPages;this.indexResults.hitsPerPage=n.hitsPerPage;this.indexResults.query=n.query;if(this.changeEvent!==SearchChangeEvent.Page&&this.changeEvent!==SearchChangeEvent.Replica){this.facets=n.facets}this.nanoAfterQuery.emit(this.indexResults);return[2,new Promise((function(e){setTimeout((function(){return e("tpl updated")}),20)})).then((function(e){i.currentHits=i.indexResults.results;i.resultsPage=i.indexResults.currentPage}))]}}))}))};this.handleSearchReset=function(){t.showResults=false;t.indexResults=null};this.onResultDisplay=function(){writeTask((function(){t.resultsDiv.removeEventListener("transitionend",t.onResultDisplay);if(!t.showResults)t.resultsDiv.style.display="none";else{t.defaultDiv.style.display="none";t.resultsDiv.classList.add("shown");t.resultsDiv.style.minHeight="";t.resultsDiv.style.width=""}}))}}e.prototype.removeFilters=function(e,t){return __awaiter(this,void 0,void 0,(function(){var n=this;return __generator(this,(function(i){if(!e&&!t)this.clearAllFacetFilters();else{Object.keys(this._dynFacetFilters).forEach((function(i){if(e&&n._dynFacetFilters[i].facetName===e){if(!t)n._dynFacetFilters[i].element.value="";else{n._dynFacetFilters[i].element.value=n._dynFacetFilters[i].value.filter((function(e){return e!==t}))}}}))}return[2]}))}))};e.prototype.onAllTplUpdate=function(e){var t=this;e.stopPropagation();if(e.target.tagName==="NANO-ALGOLIA-RESULTS"){raf((function(){t.nanoNewResults.emit(t.indexResults)}))}};e.prototype.onPageChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:if(!this.indexResults)return[2];t=this.resultsPage;if(e){e.stopPropagation();t=e.detail.page}t=Math.min(this.indexResults.totalPages-1,t);t=Math.max(t,0);if(this.indexResults.currentPage===t)return[2];this.indexResults.currentPage=t;return[4,this.algoliaSearch(SearchChangeEvent.Page)];case 1:n.sent();return[2]}}))}))};e.prototype.onFilterChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n;return __generator(this,(function(i){e.stopPropagation();t={};n=e.detail;n.element=e.target;if(this.indexResults){if(this.staticFacetFilters[n.filterId])this.staticFacetFilters[n.filterId]=n;else{t[n.filterId]=n;this._dynFacetFilters=Object.assign(Object.assign({},this._dynFacetFilters),t)}this.indexResults.appliedFilters=this.makeAppliedFilters()}else this.staticFacetFilters[n.filterId]=n;this.filterChanged=n.value&&n.value.length?n.filterId:"all";this.resetPage();this.algoliaSearch(SearchChangeEvent.Filter);return[2]}))}))};e.prototype.dynFacetFiltersChange=function(){var e=this;Object.values(this._dynFacetFilters).forEach((function(t){if(e.host.ownerDocument===t.element.ownerDocument)e.dynFacetFilters[t.filterId]=t;else delete e.dynFacetFilters[t.filterId]}))};e.prototype.browseIndexChange=function(){if(this.browseIndex&&(!this.query||this.query.length<this.minChars)){this.query="*"}};e.prototype.inputFieldSet=function(){if(!this.inputField)return;if(this.query!=="*"&&this.inputField&&this.inputField.value!==this.query)this.inputField.value=this.query};e.prototype.queryChange=function(){this.searchChange()};e.prototype.internalIndexSwitch=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.replicaIndex||!this.indexResults||this.indexResults.index===this.replicaIndex)return[2];this.indexResults.index=this.replicaIndex;this.algoliaIndex=this.algoliaClient.initIndex(this.indexResults.index);this.resetPage();this.algoliaSearch(SearchChangeEvent.Replica);return[2]}))}))};e.prototype.pageChange=function(){this.onPageChange()};e.prototype.searchIndexNameChange=function(){if(!this.searchIndexName||!this.searchIndexName.length||this.searchIndex&&this.searchIndex.index===this.searchIndexName)return;this.searchIndex={index:this.searchIndexName}};e.prototype.initAlgoliaClient=function(){if(!this.appId||!this.apiKey)return;this.algoliaClient=algoliasearch_umd(this.appId,this.apiKey)};e.prototype.initAlgoliaIndex=function(){if(!this.algoliaClient||!this.searchIndex)return;if(this.searchIndex.index){if(this.replicaIndex)this.searchIndex.index=this.replicaIndex;this.searchIndexName=this.searchIndex.index;this.algoliaIndex=this.algoliaClient.initIndex(this.searchIndex.index);this.searchChange()}};e.prototype.showResultsChange=function(){var e=this;if(!this.resultsDiv||!this.defaultDiv)return;if(this.showResults){this.resultsDiv.style.width=this.host.scrollWidth+"px";this.resultsDiv.style.minHeight=this.host.scrollHeight+"px";writeTask((function(){e.resultsDiv.addEventListener("transitionend",e.onResultDisplay);e.resultsDiv.style.display="block";setTimeout((function(){return e.resultsDiv.classList.add("show")}),50)}))}else{writeTask((function(){e.resultsDiv.classList.remove("shown");e.defaultDiv.style.display="block";setTimeout((function(){e.resultsDiv.addEventListener("transitionend",e.onResultDisplay);e.resultsDiv.classList.remove("show");if(!!e.slottedInput)e.slottedInput.focus({preventScroll:true});else e.defaultDiv.focus({preventScroll:true})}),50)}))}};e.prototype.fixDomain=function(e){var t=this;if(!this.searchIndex||!this.searchIndex.domain)return e;e.hits.map((function(e){if(e.url&&!e.url.match(/^http/))e.url=location.protocol+"//"+t.searchIndex.domain+e.url}));return e};e.prototype.resetPage=function(){if(!this.indexResults)return;this.indexResults.currentPage=0};e.prototype.clearAllFacetFilters=function(){Object.values(this._dynFacetFilters).forEach((function(e){e.element.value=""}));this._dynFacetFilters={}};e.prototype.algoliaFilterStr=function(){var e={};var t=function(t){var n;var i;Object.keys(t).forEach((function(r){n=t[r];e[r]=e[r]||{name:n.facetName,or:[],and:[],not:[]};i=e[r][n.operator];if(n.value&&n.value.length){e[r][n.operator]=__spreadArray(__spreadArray([],i),n.value)}}))};t(this.dynFacetFilters);t(this.staticFacetFilters);var n=function(e,t){if(t.indexOf(" ")>-1)return e+':"'+t+'"';else return e+":"+t};var i=[];var r;var s;Object.values(e).forEach((function(e){Object.keys(e).filter((function(e){return e.match(/(or|and|not)/)})).forEach((function(t){r=e;s=e.name;if(t==="or"||t==="and"){if(r[t].length){i.push("(                 "+r[t].map((function(e){if(e.length)return n(s,e)})).join(" "+t.toLocaleUpperCase()+" ")+"               )")}}else{if(r.not.length){i.push("(                 "+r[t].map((function(e){if(e.length)return"NOT "+n(s,e)})).join(" AND ")+"               )")}}}))}));i=__spreadArray(__spreadArray([],this.filters),i);return i.join(" "+this.operator.toLocaleUpperCase()+" ")};e.prototype.handleInputChange=function(e){if(e.target!==this.inputField)return;this.query=this.inputField.value};e.prototype.updateContent=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){return[2,this.promiseQueue.enqueue((function(){return e.updateContentQueue()}))]}))}))};e.prototype.updateContentQueue=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n;var i=this;return __generator(this,(function(r){e=this.outputSlot||this.resultsDiv;if(!e||!this.tpl)return[2,"no tpl"];t=document.createElement("div");t.innerHTML=this.tpl;n=[];this.placedAlgoliaEles=[];Array.from(t.querySelectorAll("nano-algolia, nano-algolia-filter, nano-algolia-results")).forEach((function(e,t){var i=document.createElement("div");i.dataset.placeholderId=t.toString();i.classList.add("nano-ele-placeholder");n.push(e);e.parentNode.replaceChild(i,e)}));e.innerHTML=this.tplRenderFn(t.innerHTML.replace(/&gt;/gm,">").replace(/&lt;/gm,"<").replace(/&amp;/gm,"&"),this.indexResults);Array.from(e.querySelectorAll("div.nano-ele-placeholder")).forEach((function(e){e.parentNode.replaceChild(n[parseInt(e.dataset.placeholderId)],e);i.placedAlgoliaEles.push(n[parseInt(e.dataset.placeholderId)])}));if(!this.placedAlgoliaEles.length)return[2,Promise.resolve("algolia setup")];return[2,new Promise((function(t){var n=function(r){i.placedAlgoliaEles=i.placedAlgoliaEles.filter((function(e){return e!==r.detail}));if(!i.placedAlgoliaEles.length){setTimeout((function(){return t("tpl updated")}),500);e.removeEventListener("nanoTplUpdated",n)}};e.addEventListener("nanoTplUpdated",n)}))]}))}))};e.prototype.componentWillLoad=function(){var e=this;readTask((function(t){e.tplSlot=getDirectChildren(e.host,'[slot="template"]')[0];e.outputSlot=getDirectChildren(e.host,'[slot="output"]')[0];e.slottedInput=getDirectChildren(e.host,'[slot="search-input"]')[0];e.hasLoadSlot=!!getDirectChildren(e.host,'[slot="loader"]')[0];if(!!e.tplSlot)e.tpl=e.tplSlot.innerHTML;if(e.slottedInput&&(e.slottedInput.tagName.toLocaleLowerCase()==="nano-input"||e.slottedInput instanceof HTMLInputElement)){e.inputField=e.slottedInput}else if(e.slottedInput){e.inputField=e.slottedInput.querySelector('nano-input, input:not([type="radio"]):not([type="checkbox"])')}writeTask((function(t){if(e.showResults&&e.tpl)e.searchChange()}))}));this.searchIndexNameChange();this.initAlgoliaClient();this.initAlgoliaIndex();Universe.create(this,this.wormholeState);if(this.storeId){ComponentStore.init(this,["query","replicaIndex"],this.storeMethod,this.storeId);ComponentStore.init(this,["apiKey","appId","searchIndex"],"session",this.storeId+"_api")}this.internalIndexSwitch()};e.prototype.connectedCallback=function(){this.searchChange=debounce(this.searchChange,300);this.browseIndexChange();this.host.dispatchEvent(new CustomEvent("nanoDidLoad",{detail:this.host}))};e.prototype.render=function(){var e=this;var t={indexResults:this.indexResults,results:this.currentHits,filterChanged:this.filterChanged,tplRenderFn:this.tplRenderFn,resultsPage:this.resultsPage,changeEvent:this.changeEvent,facets:this.facets,algoliaIndex:this.algoliaIndex,searchIndex:this.searchIndex,globalStoreMethod:this.storeMethod,isLoading:this.isLoading};return h(Host,{class:{"show-results":this.showResults,"is-loading":this.isLoading},"aria-busy":this.isLoading},this.hasLoadSlot&&h("div",{hidden:!this.isLoading},h("slot",{name:"loader"})),!this.hasLoadSlot&&h("div",{class:{loader:true,loading:this.isLoading}},h("nano-spinner",{overlay:true,type:"circle"})),h(Universe.Provider,{state:t},h("slot",{name:"search-input"}),h("div",{class:"results-container","aria-live":"polite"},h("div",{ref:function(t){return e.resultsDiv=t},class:"results"},h("slot",{name:"output"})))),h("div",{ref:function(t){return e.defaultDiv=t},class:"default",tabindex:"-1"},h("slot",null)))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{_dynFacetFilters:["dynFacetFiltersChange"],browseIndex:["browseIndexChange"],inputField:["inputFieldSet"],query:["queryChange"],replicaIndex:["internalIndexSwitch"],resultsPage:["pageChange"],searchIndexName:["searchIndexNameChange"],apiKey:["initAlgoliaClient"],appId:["initAlgoliaClient"],searchIndex:["initAlgoliaIndex"],showResults:["showResultsChange"]}},enumerable:false,configurable:true});return e}();Algolia.style=algoliaCss;export{Algolia as nano_algolia};
+ */import{g as getElement,l as getRenderingRef,r as registerInstance,c as createEvent,f as writeTask,i as readTask,h,e as Host}from"./index-5f8d16e7.js";import{S as SearchChangeEvent}from"./algolia-data-dd72d1b7.js";import{r as raf}from"./index-bf53664b.js";import{a as algoliasearch_umd}from"./algoliasearch.umd-6143495f.js";import{b as getDefaultExportFromCjs,c as createCommonjsModule,a as commonjsGlobal}from"./_commonjsHelpers-e401b2a2.js";import{C as ComponentStore}from"./component-store-b6fbfa35.js";import{g as getDirectChildren}from"./dom-faa69d29.js";import{d as debounce}from"./throttle-d3d933cd.js";var multiverse=new Map;var updateConsumer=function(e,t){var n=e.fields,i=e.updater;n.forEach((function(e){i(e,t[e])}))};var Universe={create:function(e,t){var n=getElement(e);var i=new Map;var r={wormholes:i,state:t};multiverse.set(e,r);var s=e.connectedCallback;e.connectedCallback=function(){multiverse.set(e,r);if(s){s.call(e)}};var a=e.disconnectedCallback;e.disconnectedCallback=function(){multiverse.delete(e);if(a){a.call(e)}};n.addEventListener("openWormhole",(function(e){e.stopPropagation();var t=e.detail,n=t.consumer,s=t.onOpen;if(i.has(n))return;if(typeof n!=="symbol"){var a=n.connectedCallback,o=n.disconnectedCallback;n.connectedCallback=function(){i.set(n,e.detail);if(a){a.call(n)}};n.disconnectedCallback=function(){i.delete(n);if(o){o.call(n)}}}i.set(n,e.detail);updateConsumer(e.detail,r.state);s===null||s===void 0?void 0:s.resolve((function(){i.delete(n)}))}));n.addEventListener("closeWormhole",(function(e){var t=e.detail;i.delete(t)}))},Provider:function(e,t){var n=e.state;var i=getRenderingRef();if(multiverse.has(i)){var r=multiverse.get(i);r.state=n;r.wormholes.forEach((function(e){updateConsumer(e,n)}))}return t}};var squirrelly_min=createCommonjsModule((function(e,t){!function(e,n){n(t)}(commonjsGlobal,(function(e){function t(e){var n,i,r=new Error(e);return n=r,i=t.prototype,Object.setPrototypeOf?Object.setPrototypeOf(n,i):n.__proto__=i,r}function n(e,n,i){var r=n.slice(0,i).split(/\n/),s=r.length,a=r[s-1].length+1;throw t(e+=" at line "+s+" col "+a+":\n\n  "+n.split(/\n/)[s-1]+"\n  "+Array(a).join(" ")+"^")}t.prototype=Object.create(Error.prototype,{name:{value:"Squirrelly Error",enumerable:!1}});var i=new Function("return this")().Promise,r=!1;try{r=new Function("return (async function(){}).constructor")()}catch(e){if(!(e instanceof SyntaxError))throw e}function s(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function a(e,t,n){for(var i in t)s(t,i)&&(null==t[i]||"object"!=typeof t[i]||"storage"!==i&&"prefixes"!==i||n?e[i]=t[i]:e[i]=a({},t[i]));return e}var o=/^async +/,l=/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})*}|(?!\${)[^\\`])*`/g,u=/'(?:\\[\s\w"'\\`]|[^\n\r'\\])*?'/g,c=/"(?:\\[\s\w"'\\`]|[^\n\r"\\])*?"/g,h=/[.*+\-?^${}()|[\]\\]/g;function d(e){return h.test(e)?e.replace(h,"\\$&"):e}function f(e,i){i.rmWhitespace&&(e=e.replace(/[\r\n]+/g,"\n").replace(/^\s+|\s+$/gm,"")),l.lastIndex=0,u.lastIndex=0,c.lastIndex=0;var r=i.prefixes,s=[r.h,r.b,r.i,r.r,r.c,r.e].reduce((function(e,t){return e&&t?e+"|"+d(t):t?d(t):e}),""),a=new RegExp("([|()]|=>)|('|\"|`|\\/\\*)|\\s*((\\/)?(-|_)?"+d(i.tags[1])+")","g"),h=new RegExp("([^]*?)"+d(i.tags[0])+"(-|_)?\\s*("+s+")?\\s*","g"),f=0,p=!1;function g(t,r){var s,d={f:[]},g=0,v="c";function m(t){var r=e.slice(f,t),s=r.trim();if("f"===v)"safe"===s?d.raw=!0:i.async&&o.test(s)?(s=s.replace(o,""),d.f.push([s,"",!0])):d.f.push([s,""]);else if("fp"===v)d.f[d.f.length-1][1]+=s;else if("err"===v){if(s){var a=r.search(/\S/);n("invalid syntax",e,f+a)}}else d[v]=s;f=t+1}for("h"===r||"b"===r||"c"===r?v="n":"r"===r&&(d.raw=!0,r="i"),a.lastIndex=f;null!==(s=a.exec(e));){var y=s[1],x=s[2],b=s[3],w=s[4],I=s[5],_=s.index;if(y)"("===y?(0===g&&("n"===v?(m(_),v="p"):"f"===v&&(m(_),v="fp")),g++):")"===y?0===--g&&"c"!==v&&(m(_),v="err"):0===g&&"|"===y?(m(_),v="f"):"=>"===y&&(m(_),f+=1,v="res");else if(x){if("/*"===x){var F=e.indexOf("*/",a.lastIndex);-1===F&&n("unclosed comment",e,s.index),a.lastIndex=F+2}else if("'"===x){u.lastIndex=s.index,u.exec(e)?a.lastIndex=u.lastIndex:n("unclosed string",e,s.index)}else if('"'===x){c.lastIndex=s.index,c.exec(e)?a.lastIndex=c.lastIndex:n("unclosed string",e,s.index)}else if("`"===x){l.lastIndex=s.index,l.exec(e)?a.lastIndex=l.lastIndex:n("unclosed string",e,s.index)}}else if(b)return m(_),f=_+s[0].length,h.lastIndex=f,p=I,w&&"h"===r&&(r="s"),d.t=r,d}return n("unclosed tag",e,t),d}var v=function s(a,l){a.b=[],a.d=[];var u,c=!1,d=[];function v(e,t){e&&(e=function(e,t,n,i){var r,s;return"string"==typeof t.autoTrim?r=s=t.autoTrim:Array.isArray(t.autoTrim)&&(r=t.autoTrim[1],s=t.autoTrim[0]),(n||!1===n)&&(r=n),(i||!1===i)&&(s=i),"slurp"===r&&"slurp"===s?e.trim():("_"===r||"slurp"===r?e=String.prototype.trimLeft?e.trimLeft():e.replace(/^[\s\uFEFF\xA0]+/,""):"-"!==r&&"nl"!==r||(e=e.replace(/^(?:\n|\r|\r\n)/,"")),"_"===s||"slurp"===s?e=String.prototype.trimRight?e.trimRight():e.replace(/[\s\uFEFF\xA0]+$/,""):"-"!==s&&"nl"!==s||(e=e.replace(/(?:\n|\r|\r\n)$/,"")),e)}(e,i,p,t))&&(e=e.replace(/\\|'/g,"\\$&").replace(/\r\n|\n|\r/g,"\\n"),d.push(e))}for(;null!==(u=h.exec(e));){var m,y=u[1],x=u[2],b=u[3]||"";for(var w in r)if(r[w]===b){m=w;break}v(y,x),f=u.index+u[0].length,m||n("unrecognized tag type: "+b,e,f);var I=g(u.index,m),_=I.t;if("h"===_){var F=I.n||"";i.async&&o.test(F)&&(I.a=!0,I.n=F.replace(o,"")),I=s(I),d.push(I)}else if("c"===_){if(a.n===I.n)return c?(c.d=d,a.b.push(c)):a.d=d,a;n("Helper start and end don't match",e,u.index+u[0].length)}else if("b"===_){c?(c.d=d,a.b.push(c)):a.d=d;var C=I.n||"";i.async&&o.test(C)&&(I.a=!0,I.n=C.replace(o,"")),c=I,d=[]}else if("s"===_){var S=I.n||"";i.async&&o.test(S)&&(I.a=!0,I.n=S.replace(o,"")),d.push(I)}else d.push(I)}if(!l)throw t('unclosed helper "'+a.n+'"');return v(e.slice(f,e.length),!1),a.d=d,a}({f:[]},!0);if(i.plugins)for(var m=0;m<i.plugins.length;m++){var y=i.plugins[m];y.processAST&&(v.d=y.processAST(v.d,i))}return v.d}function p(e,t){var n=f(e,t),i="var tR='';"+(t.useWith?"with("+t.varName+"||{}){":"")+x(n,t)+"if(cb){cb(null,tR)} return tR"+(t.useWith?"}":"");if(t.plugins)for(var r=0;r<t.plugins.length;r++){var s=t.plugins[r];s.processFnString&&(i=s.processFnString(i,t))}return i}function g(e,t){for(var n=0;n<t.length;n++){var i=t[n][0],r=t[n][1];e=(t[n][2]?"await ":"")+"c.l('F','"+i+"')("+e,r&&(e+=","+r),e+=")"}return e}function v(e,t,n,i,r,s){var a="{exec:"+(r?"async ":"")+y(n,t,e)+",params:["+i+"]";return s&&(a+=",name:'"+s+"'"),r&&(a+=",async:true"),a+="}"}function m(e,t){for(var n="[",i=0;i<e.length;i++){var r=e[i];n+=v(t,r.res||"",r.d,r.p||"",r.a,r.n),i<e.length&&(n+=",")}return n+="]"}function y(e,t,n){return"function("+t+"){var tR='';"+x(e,n)+"return tR}"}function x(e,t){for(var n=0,i=e.length,r="";n<i;n++){var s=e[n];if("string"==typeof s){r+="tR+='"+s+"';"}else{var a=s.t,o=s.c||"",l=s.f,u=s.n||"",c=s.p||"",h=s.res||"",d=s.b,f=!!s.a;if("i"===a){t.defaultFilter&&(o="c.l('F','"+t.defaultFilter+"')("+o+")");var p=g(o,l);!s.raw&&t.autoEscape&&(p="c.l('F','e')("+p+")"),r+="tR+="+p+";"}else if("h"===a)if(t.storage.nativeHelpers.get(u))r+=t.storage.nativeHelpers.get(u)(s,t);else{var y=(f?"await ":"")+"c.l('H','"+u+"')("+v(t,h,s.d,c,f);y+=d?","+m(d,t):",[]",r+="tR+="+g(y+=",c)",l)+";"}else"s"===a?r+="tR+="+g((f?"await ":"")+"c.l('H','"+u+"')({params:["+c+"]},[],c)",l)+";":"e"===a&&(r+=o+"\n")}}return r}var b=function(){function e(e){this.cache=e}return e.prototype.define=function(e,t){this.cache[e]=t},e.prototype.get=function(e){return this.cache[e]},e.prototype.remove=function(e){delete this.cache[e]},e.prototype.reset=function(){this.cache={}},e.prototype.load=function(e){a(this.cache,e,!0)},e}();function w(e,n,i,r){if(n&&n.length>0)throw t((r?"Native":"")+"Helper '"+e+"' doesn't accept blocks");if(i&&i.length>0)throw t((r?"Native":"")+"Helper '"+e+"' doesn't accept filters")}var I={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"};function _(e){return I[e]}var F=new b({}),C=new b({each:function(e,t){var n="",i=e.params[0];if(w("each",t,!1),e.async)return new Promise((function(t){!function e(t,n,i,r,s){i(t[n],n).then((function(a){r+=a,n===t.length-1?s(r):e(t,n+1,i,r,s)}))}(i,0,e.exec,n,t)}));for(var r=0;r<i.length;r++)n+=e.exec(i[r],r);return n},foreach:function(e,t){var n=e.params[0];if(w("foreach",t,!1),e.async)return new Promise((function(t){!function e(t,n,i,r,s,a){r(n[i],t[n[i]]).then((function(o){s+=o,i===n.length-1?a(s):e(t,n,i+1,r,s,a)}))}(n,Object.keys(n),0,e.exec,"",t)}));var i="";for(var r in n)s(n,r)&&(i+=e.exec(r,n[r]));return i},include:function(e,n,i){w("include",n,!1);var r=i.storage.templates.get(e.params[0]);if(!r)throw t('Could not fetch template "'+e.params[0]+'"');return r(e.params[1],i)},extends:function(e,n,i){var r=e.params[1]||{};r.content=e.exec();for(var s=0;s<n.length;s++){var a=n[s];r[a.name]=a.exec()}var o=i.storage.templates.get(e.params[0]);if(!o)throw t('Could not fetch template "'+e.params[0]+'"');return o(r,i)},useScope:function(e,t){return w("useScope",t,!1),e.exec(e.params[0])}}),S=new b({if:function(e,t){w("if",!1,e.f,!0);var n="if("+e.p+"){"+x(e.d,t)+"}";if(e.b)for(var i=0;i<e.b.length;i++){var r=e.b[i];"else"===r.n?n+="else{"+x(r.d,t)+"}":"elif"===r.n&&(n+="else if("+r.p+"){"+x(r.d,t)+"}")}return n},try:function(e,n){if(w("try",!1,e.f,!0),!e.b||1!==e.b.length||"catch"!==e.b[0].n)throw t("native helper 'try' only accepts 1 block, 'catch'");var i="try{"+x(e.d,n)+"}",r=e.b[0];return i+="catch"+(r.res?"("+r.res+")":"")+"{"+x(r.d,n)+"}"},block:function(e,t){return w("block",e.b,e.f,!0),"if(!"+t.varName+"["+e.p+"]){tR+=("+y(e.d,"",t)+")()}else{tR+="+t.varName+"["+e.p+"]}"}}),R=new b({e:function(e){var t=String(e);return/[&<>"']/.test(t)?t.replace(/[&<>"']/g,_):t}}),E={varName:"it",autoTrim:[!1,"nl"],autoEscape:!0,defaultFilter:!1,tags:["{{","}}"],l:function(e,n){if("H"===e){var i=this.storage.helpers.get(n);if(i)return i;throw t("Can't find helper '"+n+"'")}if("F"===e){var r=this.storage.filters.get(n);if(r)return r;throw t("Can't find filter '"+n+"'")}},async:!1,storage:{helpers:C,nativeHelpers:S,filters:R,templates:F},prefixes:{h:"@",b:"#",i:"",r:"*",c:"/",e:"!"},cache:!1,plugins:[],useWith:!1};function P(e,t){var n={};return a(n,E),t&&a(n,t),e&&a(n,e),n.l.bind(n),n}function q(e,n){var i=P(n||{}),s=Function;if(i.async){if(!r)throw t("This environment doesn't support async/await");s=r}try{return new s(i.varName,"c","cb",p(e,i))}catch(n){throw n instanceof SyntaxError?t("Bad template syntax\n\n"+n.message+"\n"+Array(n.message.length+1).join("=")+"\n"+p(e,i)):n}}function k(e,t){var n;return t.cache&&t.name&&t.storage.templates.get(t.name)?t.storage.templates.get(t.name):(n="function"==typeof e?e:q(e,t),t.cache&&t.name&&t.storage.templates.define(t.name,n),n)}E.l.bind(E),e.compile=q,e.compileScope=x,e.compileScopeIntoFunction=y,e.compileToString=p,e.defaultConfig=E,e.filters=R,e.getConfig=P,e.helpers=C,e.nativeHelpers=S,e.parse=f,e.render=function(e,n,r,s){var a=P(r||{});if(!a.async)return k(e,a)(n,a);if(!s){if("function"==typeof i)return new i((function(t,i){try{t(k(e,a)(n,a))}catch(e){i(e)}}));throw t("Please provide a callback function, this env doesn't support Promises")}try{k(e,a)(n,a,s)}catch(e){return s(e)}},e.templates=F,Object.defineProperty(e,"__esModule",{value:!0})}))}));var squirrelly_min$1=getDefaultExportFromCjs(squirrelly_min);var Sqrl=Object.freeze(Object.assign(Object.create(null),squirrelly_min,{default:squirrelly_min$1}));var squirrel=Sqrl;squirrel.filters.define("date_long",(function(e,t){if(t===void 0){t={year:"numeric",month:"long",day:"numeric"}}if(!e)return;var n=new Date(parseInt(e)*1e3);e=n.toLocaleDateString("en-GB",t);return e}));squirrel.filters.define("date_short",(function(e,t){if(t===void 0){t="d/m/y"}if(!e)return;var n=new Date(parseInt(e)*1e3);e=t.replace(/(d)/,n.getDate().toString());e=e.replace(/(m)/,(n.getMonth()+1).toString());e=e.replace(/(y)/,n.getFullYear().toString());return e}));squirrel.filters.define("public_name",(function(e){if(!e)return;e=e.split("_").map((function(e){return e.length<3?e.toUpperCase():e})).join(" ");return e.charAt(0).toUpperCase()+e.slice(1)}));squirrel.filters.define("trim_to",(function(e,t){if(t===void 0){t=100}if(!e)return;if(e.length<=t)return e;return e.substr(0,t)+"..."}));squirrel.filters.define("classname",(function(e){if(!e)return;return e.replace(/[\W]+/g,"")}));squirrel.filters.define("abs_url",(function(e,t,n){if(t===void 0){t=null}if(!t)return e;if(!e)return;var i=undefined;if(t.domains&&n&&n.origin){var r=t.domains.find((function(e){return e.origin===n.origin}));i=r?r.domain:""}else if(t.domain)i=t.domain;if(!i)return e;return e.match(/^http/)?e:location.protocol+"//"+i+e}));squirrel.filters.define("replace",(function(e,t,n){return e.replace(t,n)}));squirrel.filters.define("remove_spaces",(function(e){return e.replace(/ /g,"_")}));squirrel.filters.define("add_spaces",(function(e){return e=e.replace(/[_\-]/g," ")}));squirrel.filters.define("capitalise",(function(e){return e=e.charAt(0).toUpperCase()+e.slice(1)}));squirrel.filters.define("lowercase",(function(e){return e=e.toLowerCase()}));var Squirrel=squirrel;var PromiseQueue=function(){function e(){this.queue=[];this.workingOnPromise=false;this.stop=false;this.limit=null}e.prototype.enqueue=function(e){var t=this;return new Promise((function(n,i){t.queue.push({promise:e,resolve:n,reject:i});t.dequeue()}))};e.prototype.dequeue=function(){var e=this;if(this.workingOnPromise){return false}if(this.stop){this.queue=[];this.stop=false;return}var t=this.queue.shift();if(!t){return false}try{this.workingOnPromise=true;t.promise().then((function(n){e.workingOnPromise=false;t.resolve(n);e.dequeue()})).catch((function(n){e.workingOnPromise=false;t.reject(n);e.dequeue()}))}catch(n){this.workingOnPromise=false;t.reject(n);this.dequeue()}return true};return e}();PromiseQueue.pendingPromise=false;var algoliaCss=":host{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none !important}:host{position:relative;display:block}:host ::slotted([slot=search-template]),:host::slotted([slot=search-template]){display:none !important}.loader{opacity:0;position:fixed;height:100%;width:100%;min-height:100%;max-height:100vh !important;max-width:100vw !important;left:0;top:0;z-index:-10;font-size:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity 0.2s ease, z-index 0.01s ease 0.2s;transition:opacity 0.2s ease, z-index 0.01s ease 0.2s}.loader.loading{opacity:1;z-index:10;-webkit-transition:z-index 0.01s ease, opacity 0.2s ease 0.01s;transition:z-index 0.01s ease, opacity 0.2s ease 0.01s}.default{height:100%}.default:focus{outline:none}.results{opacity:0;outline:none;overflow:auto;-webkit-transition:opacity 0.3s ease, visibility 0.01s ease 0.3s, z-index 0.01s ease 0.3s, -webkit-transform 0.3s ease;transition:opacity 0.3s ease, visibility 0.01s ease 0.3s, z-index 0.01s ease 0.3s, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.3s ease, visibility 0.01s ease 0.3s, z-index 0.01s ease 0.3s;transition:transform 0.3s ease, opacity 0.3s ease, visibility 0.01s ease 0.3s, z-index 0.01s ease 0.3s, -webkit-transform 0.3s ease;-webkit-transform:translate(0, 100px);transform:translate(0, 100px);visibility:hidden;z-index:-1;position:absolute;top:0;left:0;display:none}.results-container{position:relative}.results.show{-webkit-transition:z-index 0.01s ease, visibility 0.01s ease, opacity 0.3s ease 0.01s, -webkit-transform 0.3s ease 0.01s;transition:z-index 0.01s ease, visibility 0.01s ease, opacity 0.3s ease 0.01s, -webkit-transform 0.3s ease 0.01s;transition:z-index 0.01s ease, visibility 0.01s ease, transform 0.3s ease 0.01s, opacity 0.3s ease 0.01s;transition:z-index 0.01s ease, visibility 0.01s ease, transform 0.3s ease 0.01s, opacity 0.3s ease 0.01s, -webkit-transform 0.3s ease 0.01s;-webkit-transform:translate(0, 0);transform:translate(0, 0);visibility:visible;opacity:1;z-index:10;overflow:hidden}.results.shown{height:auto !important;width:auto !important;display:block;position:static;-webkit-transform:none;transform:none;z-index:auto;visibility:inherit;opacity:initial}";var CANSHADOW=!!document.head.attachShadow;var Algolia=function(){function e(e){var t=this;registerInstance(this,e);this.nanoDidLoad=createEvent(this,"nanoDidLoad",7);this.nanoResultsShown=createEvent(this,"nanoResultsShown",3);this.nanoBeforeQuery=createEvent(this,"nanoBeforeQuery",7);this.nanoAfterQuery=createEvent(this,"nanoAfterQuery",7);this.nanoNewResults=createEvent(this,"nanoNewResults",7);this.staticFacetFilters={};this.dynFacetFilters={};this.hasLoadSlot=false;this.placedAlgoliaEles=[];this.promiseQueue=new PromiseQueue;this._dynFacetFilters={};this.indeces=[];this.filterChanged="";this.changeEvent=SearchChangeEvent.Init;this.isLoading=false;this.wormholeState=this;this.showResults=false;this.resultsPage=0;this.searchIndex={};this.searchIndexName="";this.listenTo=null;this.query="";this.operator="and";this.filters=[];this.tplEngine=Squirrel;this.tplRenderFn=Squirrel.render;this.replicaIndex="";this.browseIndex=false;this.minChars=2;this.storeMethod="session";this.searchChange=function(){return __awaiter(t,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){if(!this.algoliaIndex)return[2];if(!this.query||this.query.length<this.minChars){if(!this.browseIndex){if(!this.query||this.query.length===0){this.handleSearchReset();return[2]}else return[2]}else if(this.query!=="*"){this.query="*";return[2]}}this.isLoading=true;setTimeout((function(){return __awaiter(e,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){switch(t.label){case 0:this.resetPage();return[4,this.algoliaSearch(SearchChangeEvent.Init)];case 1:t.sent();return[4,this.updateContent()];case 2:t.sent();setTimeout((function(t){return e.isLoading=false}),800);this.showResults=true;this.nanoResultsShown.emit(this.indexResults);return[2]}}))}))}),200);return[2]}))}))};this.makeAppliedFilters=function(){var e=[];var n=function(t){Object.values(t).forEach((function(t){if(t.value&&t.value.length){var n=e.find((function(e){return e.name===t.facetName}));if(!n)e.push({name:t.facetName,values:__spreadArray([],t.value)});else n.values=__spreadArray(__spreadArray([],n.values),t.value)}}))};n(t.dynFacetFilters);n(t.staticFacetFilters);if(e.length)return e;return null};this.algoliaSearch=function(e){return __awaiter(t,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){return[2,this.promiseQueue.enqueue((function(){return t.queueSearch(e)}))]}))}))};this.queueSearch=function(e){return __awaiter(t,void 0,void 0,(function(){var t,n;var i=this;return __generator(this,(function(r){switch(r.label){case 0:if(!this.algoliaIndex||!this.query||!this.searchIndex||!this.searchIndex.index)return[2];this.nanoBeforeQuery.emit(this.indexResults);if(SearchChangeEvent.Init===e)this.clearAllFacetFilters();t={filters:this.algoliaFilterStr(),page:this.indexResults?this.indexResults.currentPage:0};if(this.searchIndex.filters)t.facets=this.searchIndex.filters;if(this.searchIndex.hitsPerPage)t.hitsPerPage=this.searchIndex.hitsPerPage;return[4,this.algoliaIndex.search(this.query,t)];case 1:n=r.sent();n=this.fixDomain(n);this.changeEvent=e;if(e===SearchChangeEvent.Init||!this.indexResults){this.indexResults={currentPage:0,totalHits:n.nbHits,hitsPerPage:null,origFilters:n.facets,query:this.query,domain:this.searchIndex.domain||null,legacy:!CANSHADOW,totalHitsWithFilters:0,results:[],totalPages:0,appliedFilters:this.makeAppliedFilters(),indexName:this.searchIndex.name||null,index:this.searchIndex.index}}this.indexResults.dynFilters=n.facets;this.indexResults.results=n.hits;this.indexResults.totalHitsWithFilters=n.nbHits;this.indexResults.currentPage=n.page;this.indexResults.totalPages=n.nbPages;this.indexResults.hitsPerPage=n.hitsPerPage;this.indexResults.query=n.query;if(this.changeEvent!==SearchChangeEvent.Page&&this.changeEvent!==SearchChangeEvent.Replica){this.facets=n.facets}this.nanoAfterQuery.emit(this.indexResults);return[2,new Promise((function(e){setTimeout((function(){return e("tpl updated")}),20)})).then((function(e){i.currentHits=i.indexResults.results;i.resultsPage=i.indexResults.currentPage}))]}}))}))};this.handleSearchReset=function(){t.showResults=false;t.indexResults=null};this.onResultDisplay=function(){writeTask((function(){t.resultsDiv.removeEventListener("transitionend",t.onResultDisplay);if(!t.showResults)t.resultsDiv.style.display="none";else{t.defaultDiv.style.display="none";t.resultsDiv.classList.add("shown");t.resultsDiv.style.minHeight="";t.resultsDiv.style.width=""}}))}}e.prototype.removeFilters=function(e,t){return __awaiter(this,void 0,void 0,(function(){var n=this;return __generator(this,(function(i){if(!e&&!t)this.clearAllFacetFilters();else{Object.keys(this._dynFacetFilters).forEach((function(i){if(e&&n._dynFacetFilters[i].facetName===e){if(!t)n._dynFacetFilters[i].element.value="";else{n._dynFacetFilters[i].element.value=n._dynFacetFilters[i].value.filter((function(e){return e!==t}))}}}))}return[2]}))}))};e.prototype.onAllTplUpdate=function(e){var t=this;e.stopPropagation();if(e.target.tagName==="NANO-ALGOLIA-RESULTS"){raf((function(){t.nanoNewResults.emit(t.indexResults)}))}};e.prototype.onPageChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:if(!this.indexResults)return[2];t=this.resultsPage;if(e){e.stopPropagation();t=e.detail.page}t=Math.min(this.indexResults.totalPages-1,t);t=Math.max(t,0);if(this.indexResults.currentPage===t)return[2];this.indexResults.currentPage=t;return[4,this.algoliaSearch(SearchChangeEvent.Page)];case 1:n.sent();return[2]}}))}))};e.prototype.onFilterChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n;return __generator(this,(function(i){e.stopPropagation();t={};n=e.detail;n.element=e.target;if(this.indexResults){if(this.staticFacetFilters[n.filterId])this.staticFacetFilters[n.filterId]=n;else{t[n.filterId]=n;this._dynFacetFilters=Object.assign(Object.assign({},this._dynFacetFilters),t)}this.indexResults.appliedFilters=this.makeAppliedFilters()}else this.staticFacetFilters[n.filterId]=n;this.filterChanged=n.value&&n.value.length?n.filterId:"all";this.resetPage();this.algoliaSearch(SearchChangeEvent.Filter);return[2]}))}))};e.prototype.dynFacetFiltersChange=function(){var e=this;Object.values(this._dynFacetFilters).forEach((function(t){if(e.host.ownerDocument===t.element.ownerDocument)e.dynFacetFilters[t.filterId]=t;else delete e.dynFacetFilters[t.filterId]}))};e.prototype.browseIndexChange=function(){if(this.browseIndex&&(!this.query||this.query.length<this.minChars)){this.query="*"}};e.prototype.inputFieldSet=function(){if(!this.inputField)return;if(this.query!=="*"&&this.inputField&&this.inputField.value!==this.query)this.inputField.value=this.query};e.prototype.queryChange=function(){this.searchChange()};e.prototype.internalIndexSwitch=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.replicaIndex||!this.indexResults||this.indexResults.index===this.replicaIndex)return[2];this.indexResults.index=this.replicaIndex;this.algoliaIndex=this.algoliaClient.initIndex(this.indexResults.index);this.resetPage();this.algoliaSearch(SearchChangeEvent.Replica);return[2]}))}))};e.prototype.pageChange=function(){this.onPageChange()};e.prototype.searchIndexNameChange=function(){if(!this.searchIndexName||!this.searchIndexName.length||this.searchIndex&&this.searchIndex.index===this.searchIndexName)return;this.searchIndex={index:this.searchIndexName}};e.prototype.initAlgoliaClient=function(){if(!this.appId||!this.apiKey)return;this.algoliaClient=algoliasearch_umd(this.appId,this.apiKey)};e.prototype.initAlgoliaIndex=function(){if(!this.algoliaClient||!this.searchIndex)return;if(this.searchIndex.index){if(this.replicaIndex)this.searchIndex.index=this.replicaIndex;this.searchIndexName=this.searchIndex.index;this.algoliaIndex=this.algoliaClient.initIndex(this.searchIndex.index);this.searchChange()}};e.prototype.showResultsChange=function(){var e=this;if(!this.resultsDiv||!this.defaultDiv)return;if(this.showResults){this.resultsDiv.style.width=this.host.scrollWidth+"px";this.resultsDiv.style.minHeight=this.host.scrollHeight+"px";writeTask((function(){e.resultsDiv.addEventListener("transitionend",e.onResultDisplay);e.resultsDiv.style.display="block";setTimeout((function(){return e.resultsDiv.classList.add("show")}),50)}))}else{writeTask((function(){e.resultsDiv.classList.remove("shown");e.defaultDiv.style.display="block";setTimeout((function(){e.resultsDiv.addEventListener("transitionend",e.onResultDisplay);e.resultsDiv.classList.remove("show");if(!!e.slottedInput)e.slottedInput.focus({preventScroll:true});else e.defaultDiv.focus({preventScroll:true})}),50)}))}};e.prototype.fixDomain=function(e){var t=this;if(!this.searchIndex||!this.searchIndex.domain)return e;e.hits.map((function(e){if(e.url&&!e.url.match(/^http/))e.url=location.protocol+"//"+t.searchIndex.domain+e.url}));return e};e.prototype.resetPage=function(){if(!this.indexResults)return;this.indexResults.currentPage=0};e.prototype.clearAllFacetFilters=function(){Object.values(this._dynFacetFilters).forEach((function(e){e.element.value=""}));this._dynFacetFilters={}};e.prototype.algoliaFilterStr=function(){var e={};var t=function(t){var n;var i;Object.keys(t).forEach((function(r){n=t[r];e[r]=e[r]||{name:n.facetName,or:[],and:[],not:[]};i=e[r][n.operator];if(n.value&&n.value.length){e[r][n.operator]=__spreadArray(__spreadArray([],i),n.value)}}))};t(this.dynFacetFilters);t(this.staticFacetFilters);var n=function(e,t){if(t.indexOf(" ")>-1)return e+':"'+t+'"';else return e+":"+t};var i=[];var r;var s;Object.values(e).forEach((function(e){Object.keys(e).filter((function(e){return e.match(/(or|and|not)/)})).forEach((function(t){r=e;s=e.name;if(t==="or"||t==="and"){if(r[t].length){i.push("(                 "+r[t].map((function(e){if(e.length)return n(s,e)})).join(" "+t.toLocaleUpperCase()+" ")+"               )")}}else{if(r.not.length){i.push("(                 "+r[t].map((function(e){if(e.length)return"NOT "+n(s,e)})).join(" AND ")+"               )")}}}))}));i=__spreadArray(__spreadArray([],this.filters),i);return i.join(" "+this.operator.toLocaleUpperCase()+" ")};e.prototype.handleInputChange=function(e){if(e.target!==this.inputField)return;this.query=this.inputField.value};e.prototype.updateContent=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){return[2,this.promiseQueue.enqueue((function(){return e.updateContentQueue()}))]}))}))};e.prototype.updateContentQueue=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,n;var i=this;return __generator(this,(function(r){e=this.outputSlot||this.resultsDiv;if(!e||!this.tpl)return[2,"no tpl"];t=document.createElement("div");t.innerHTML=this.tpl;n=[];this.placedAlgoliaEles=[];Array.from(t.querySelectorAll("nano-algolia, nano-algolia-filter, nano-algolia-results")).forEach((function(e,t){var i=document.createElement("div");i.dataset.placeholderId=t.toString();i.classList.add("nano-ele-placeholder");n.push(e);e.parentNode.replaceChild(i,e)}));e.innerHTML=this.tplRenderFn(t.innerHTML.replace(/&gt;/gm,">").replace(/&lt;/gm,"<").replace(/&amp;/gm,"&"),this.indexResults);Array.from(e.querySelectorAll("div.nano-ele-placeholder")).forEach((function(e){e.parentNode.replaceChild(n[parseInt(e.dataset.placeholderId)],e);i.placedAlgoliaEles.push(n[parseInt(e.dataset.placeholderId)])}));if(!this.placedAlgoliaEles.length)return[2,Promise.resolve("algolia setup")];return[2,new Promise((function(t){var n=function(r){i.placedAlgoliaEles=i.placedAlgoliaEles.filter((function(e){return e!==r.detail}));if(!i.placedAlgoliaEles.length){setTimeout((function(){return t("tpl updated")}),500);e.removeEventListener("nanoTplUpdated",n)}};e.addEventListener("nanoTplUpdated",n)}))]}))}))};e.prototype.componentWillLoad=function(){var e=this;readTask((function(t){e.tplSlot=getDirectChildren(e.host,'[slot="template"]')[0];e.outputSlot=getDirectChildren(e.host,'[slot="output"]')[0];e.slottedInput=getDirectChildren(e.host,'[slot="search-input"]')[0];e.hasLoadSlot=!!getDirectChildren(e.host,'[slot="loader"]')[0];if(!!e.tplSlot)e.tpl=e.tplSlot.innerHTML;if(e.slottedInput&&(e.slottedInput.tagName.toLocaleLowerCase()==="nano-input"||e.slottedInput instanceof HTMLInputElement)){e.inputField=e.slottedInput}else if(e.slottedInput){e.inputField=e.slottedInput.querySelector('nano-input, input:not([type="radio"]):not([type="checkbox"])')}writeTask((function(t){if(e.showResults&&e.tpl)e.searchChange()}))}));this.searchIndexNameChange();this.initAlgoliaClient();this.initAlgoliaIndex();Universe.create(this,this.wormholeState);if(this.storeId){ComponentStore.init(this,["query","replicaIndex"],this.storeMethod,this.storeId);ComponentStore.init(this,["apiKey","appId","searchIndex"],"session",this.storeId+"_api")}this.internalIndexSwitch()};e.prototype.connectedCallback=function(){this.searchChange=debounce(this.searchChange,300);this.browseIndexChange();this.host.dispatchEvent(new CustomEvent("nanoDidLoad",{detail:this.host}))};e.prototype.render=function(){var e=this;var t={indexResults:this.indexResults,results:this.currentHits,filterChanged:this.filterChanged,tplRenderFn:this.tplRenderFn,resultsPage:this.resultsPage,changeEvent:this.changeEvent,facets:this.facets,algoliaIndex:this.algoliaIndex,searchIndex:this.searchIndex,globalStoreMethod:this.storeMethod,isLoading:this.isLoading};return h(Host,{class:{"show-results":this.showResults,"is-loading":this.isLoading},"aria-busy":this.isLoading},this.hasLoadSlot&&h("div",{hidden:!this.isLoading},h("slot",{name:"loader"})),!this.hasLoadSlot&&h("div",{class:{loader:true,loading:this.isLoading}},h("nano-spinner",{overlay:true,type:"circle"})),h(Universe.Provider,{state:t},h("slot",{name:"search-input"}),h("div",{class:"results-container","aria-live":"polite"},h("div",{ref:function(t){return e.resultsDiv=t},class:"results"},h("slot",{name:"output"})))),h("div",{ref:function(t){return e.defaultDiv=t},class:"default",tabindex:"-1"},h("slot",null)))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{_dynFacetFilters:["dynFacetFiltersChange"],browseIndex:["browseIndexChange"],inputField:["inputFieldSet"],query:["queryChange"],replicaIndex:["internalIndexSwitch"],resultsPage:["pageChange"],searchIndexName:["searchIndexNameChange"],apiKey:["initAlgoliaClient"],appId:["initAlgoliaClient"],searchIndex:["initAlgoliaIndex"],showResults:["showResultsChange"]}},enumerable:false,configurable:true});return e}();Algolia.style=algoliaCss;export{Algolia as nano_algolia};
 //# sourceMappingURL=nano-algolia.entry.js.map

package/dist/esm-es5/nano-checkbox.entry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["src/components/checkbox/checkbox.scss?tag=nano-checkbox&encapsulation=scoped","src/components/checkbox/checkbox.tsx"],"names":["checkboxCss","checkboxIds","Checkbox","class_1","hostRef","_this","this","inputId","shouldReport","_invalid","inputType","hasFocus","checked","disabled","value","required","type","indeterminate","handleInvalid","ev","target","validity","valid","handleChange","handleFocus","nanoFocus","emit","handleBlur","nanoBlur","prototype","handleCheckedChange","input","name","form","host","closest","radios","Array","from","querySelectorAll","document","filter","radio","map","el","nanoChange","typeChange","handleIndeterminateChange","Object","defineProperty","getInputElement","reportValidity","validateFirst","isValid","invalid","errorMessage","validationMessage","setError","message","length","setCustomValidity","setFocus","focus","focusVisible","force","removeFocus","blur","isRadioChecked","setTimeout","componentWillLoad","componentDidLoad","observe","disconnectedCallback","unobserve","render","labelId","isRtl","ownerDocument","dir","h","Host","class","assign","createColorClasses","color","nanocb","nanocb--checked","nanocb--invalid","nanocb--disabled","nanocb--focused","nanocb--indeterminate","htmlFor","aria-labelledby","onBlur","onFocus","onChange","ref","id","onInvalid","label","hidden"],"mappings":"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","sourcesContent":["@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/form';\n@import '../../global/style/nano-theme/base';\n\n:host {\n  /**\n   * @prop --control-invalid-style: Control box-shadow when invalid. Defaults to to #{$control-invalid-style};\n   * @prop --focus-shadow: Control focus box-shadow. Defaults to to #{$control-focus-style};\n   * @prop --padding: padding around radio and checkbox controls. Defaults to initial;\n   * @prop --control-padding: padding around tag and segmented controls text. Various defaults.\n\n   * @prop --check-bg-color: Initial Bg color of radio / checkbox controls. Changes for [checked] and [disabled] states. Defaults to #{$color-white};\n   * @prop --check-border-style: Initial border style. Defaults to 1px solid #{$color-palegrey};\n   * @prop --check-checked-bg-color: Checked bg of controls (not tag). Defaults to #{$color-darkgrey};\n   * @prop --check-checked-border-color: Checked border color of radio / checkbox controls. Defaults to #{$color-darkgrey};\n   * @prop --check-checked-higlight-color: Checked forgrdound / icon color. Defaults to #{$color-white};\n   * @prop --check-base-size: Relative scaling size for check controls. Defaults to to inherit;\n\n   * @prop --cb-border-radius: Checkbox border radius. Defaults to to 2px and 5px on [has-focus];\n   * @prop --radio-border-radius: Radio border radius. Defaults to to 50%;\n   * @prop --tagbox-rgb: an rba list for tags which can be used to generate --tagbox-border-color and --tagbox-bg-color. Defaults to #{color-to-rgb-list($color-lightblue)};\n   * @prop --tagbox-border-color: Defaults to rgba(var(--tagbox-rgb), .5);\n   * @prop --tagbox-bg-color: Defaults to rgba(var(--tagbox-rgb), .1);\n   * @prop --segment-color: Segment, unselected text color. (selected color is --check-checked-higlight-color). Defaults to #{$color-blue};\n   * @prop --segment-border-radius: Defaults to 3px;\n   * @prop --segment-shadow: 0 1px 4px rgba(0,0,0,.2);\n  */\n\n  --focus-shadow: #{$control-focus-style};\n  --invalid-shadow: #{$control-invalid-style};\n  --padding: initial;\n  --check-bg-color: #{$color-white};\n  --check-border-style: 1px solid #{$color-palegrey};\n  --check-checked-bg-color: #{$color-darkgrey};\n  --check-checked-border-color: #{$color-darkgrey};\n  --check-checked-higlight-color: #{$color-white};\n  --check-base-size: inherit;\n\n  // type specific\n\n  --tagbox-rgb: #{color-to-rgb-list($color-lightblue)};\n  --tagbox-border-color: rgba(var(--tagbox-rgb), 0.5);\n  --tagbox-bg-color: rgba(var(--tagbox-rgb), 0.2);\n  --tagbox-border-radius: 0;\n  --segment-color: #{$color-blue};\n  --segment-border-radius: 3px;\n  --segment-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\n  --cb-border-radius: 2px;\n  --radio-border-radius: 50%;\n\n  display: inline-block;\n  max-width: 100%;\n\n  * {\n    box-sizing: inherit;\n  }\n}\n\n:host([type='tag']) {\n  text-transform: uppercase;\n\n  --control-padding: 0.2rem 1rem;\n}\n\n:host([type='segment']) {\n  --check-border-style: none;\n  --control-padding: 0.7em 1em 0.7em 1em;\n}\n\n:host([type='segment-pill']) {\n  --check-border-style: 1px solid #{rgba($color-palegrey, 0.5)};\n  --segment-border-radius: 5px;\n  --control-padding: 0.7em 1em 0.7em 1em;\n}\n\n:host(.nano-color) {\n  --tagbox-rgb: var(--nano-color-base-rgb);\n  --focus-shadow: #{$control-focus-size} var(--nano-color-shade);\n}\n\n:host([checked]:not([checked='false'])) {\n  --tagbox-border-color: rgba(var(--tagbox-rgb), 0.8);\n  --tagbox-bg-color: rgba(var(--tagbox-rgb), 0.5);\n}\n\n:host([has-focus]:not([has-focus='false'])) {\n  --cb-border-radius: 5px;\n}\n\n:host([disabled]:not([disabled='false'])) {\n  opacity: 0.7;\n\n  --tagbox-rgb: #{color-to-rgb-list($color-mediumgrey)};\n  --check-bg-color: #{rgba($color-mediumgrey, 0.5)};\n  --check-checked-bg-color: #{rgba($color-mediumgrey, 0.5)};\n  --segment-color: #{$color-darkgrey};\n}\n\n.nanocb {\n  padding: var(--padding);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  line-height: 1.2;\n  position: relative;\n\n  &__input {\n    @include border-radius(var(--cb-border-radius, 3px));\n\n    font-size: var(--check-base-size);\n    position: relative;\n    height: 1.5em;\n    width: 1.5em;\n    min-width: 1.5em;\n    border: var(--check-border-style);\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\n\n    &::before {\n      @include border-radius(var(--cb-border-radius));\n\n      position: absolute;\n      content: '';\n      left: 0.625em;\n      top: 0.625em;\n      width: 0;\n      height: 0;\n      border: 2px solid var(--check-checked-higlight-color);\n      transform: scale(0);\n    }\n\n    &--radio {\n      @include border-radius(var(--radio-border-radius));\n\n      background-color: var(--check-bg-color);\n    }\n\n    &--checkbox {\n      background-color: var(--check-bg-color);\n\n      &::after {\n        @include border-radius(var(--cb-border-radius));\n\n        position: absolute;\n        content: '';\n        left: 0.75em;\n        top: 0.75em;\n        height: 0;\n        width: 0;\n        border: solid var(--check-checked-higlight-color);\n        border-width: 0 0.1875em 0.1875em 0;\n        transform: rotate(0deg) scale(0);\n        opacity: 1;\n        transition: all 0.15s ease-out;\n\n        .nanocb--indeterminate & {\n          border-width: 0 0 0.1875em 0;\n        }\n      }\n    }\n\n    &--segment,\n    &--segment-pill {\n      @include visually-hide();\n\n      &::before {\n        display: none;\n      }\n    }\n\n    &--tag {\n      @include visually-hide();\n\n      &::before {\n        display: none;\n      }\n    }\n  }\n\n  &--invalid:not(.nanocb--focused) {\n    .nanocb__input {\n      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2), var(--invalid-shadow);\n\n      &--tag + .nanocb__label,\n      &--segment + .nanocb__label,\n      &--segment-pill + .nanocb__label {\n        box-shadow: var(--invalid-shadow);\n        z-index: 1;\n      }\n    }\n  }\n\n  input {\n    @include visually-hide();\n\n    &:focus ~ .nanocb__input {\n      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2), var(--focus-shadow);\n    }\n\n    &.focus-visible:focus ~ .nanocb__input {\n      &--tag + .nanocb__label,\n      &--segment + .nanocb__label,\n      &--segment-pill + .nanocb__label {\n        box-shadow: var(--focus-shadow);\n        z-index: 1;\n      }\n    }\n\n    &:checked ~ .nanocb__input {\n      @include border-radius(var(--cb-border-radius));\n\n      background-color: var(--check-checked-bg-color);\n      transform: rotate(0deg) scale(1);\n      opacity: 1;\n      border: 0.125em solid var(--check-checked-border-color);\n\n      &--segment + .nanocb__label,\n      &--segment-pill + .nanocb__label {\n        color: var(--check-checked-higlight-color);\n        background-color: var(--check-checked-bg-color);\n        box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.2);\n      }\n\n      &--radio {\n        border-radius: var(--radio-border-radius);\n        border-width: 0.3125em;\n        background-color: var(--check-checked-higlight-color);\n\n        &::after {\n          border: solid var(--check-checked-border-color);\n          border-width: 0 0.125em 0.125em 0;\n          opacity: 0;\n        }\n\n        &::before {\n          border-radius: var(--radio-border-radius);\n        }\n      }\n\n      &--checkbox {\n        &::after {\n          transform: rotate(45deg) scale(1);\n          opacity: 1;\n          left: 0.475em;\n          top: 0.1875em;\n          width: 0.375em;\n          height: 0.75em;\n          border-radius: 0;\n        }\n      }\n\n      &--tag + .nanocb__label::after {\n        transform: rotate(45deg);\n      }\n    }\n\n    &:indeterminate ~ .nanocb__input--checkbox {\n      @include border-radius(var(--input-border-radius, 5px));\n\n      background-color: var(--check-checked-bg-color);\n      transform: rotate(0deg) scale(1);\n      opacity: 1;\n      border: 0.125em solid var(--check-checked-bg-color);\n\n      &::after {\n        transform: scale(1);\n        opacity: 1;\n        left: 0.3125em;\n        top: 0;\n        width: 0.7em;\n        height: 0.7em;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &__label {\n    @include padding(0, 0, 0, 10px);\n\n    display: flex;\n    align-items: center;\n    font-stretch: condensed;\n    line-height: 1;\n    flex: 1;\n    justify-content: space-between;\n\n    &--segment,\n    &--segment-pill {\n      border: var(--check-border-style);\n      border-radius: var(--segment-border-radius);\n      box-shadow: var(--segment-shadow);\n      display: inline-flex;\n      padding: var(--control-padding);\n      background: var(--check-bg-color);\n      color: var(--segment-color);\n      align-items: center;\n      width: 100%;\n    }\n\n    &--segment-pill {\n      // first\n      @include ltr-host(':first-of-type') {\n        border-radius:\n          var(--segment-border-radius) 0 0\n          var(--segment-border-radius);\n        border-right: none;\n      }\n\n      @include rtl-host(':first-of-type') {\n        border-radius:\n          0 var(--segment-border-radius)\n          var(--segment-border-radius) 0;\n        border-left: none;\n      }\n      // middle\n      @include ltr-host(':not(:last-of-type):not(:first-of-type)') {\n        border-radius: 0 0 0 0;\n        border-right: none;\n      }\n\n      @include rtl-host(':not(:last-of-type):not(:first-of-type)') {\n        border-left: none;\n      }\n      // last\n      @include ltr-host(':last-of-type') {\n        border-radius:\n          0 var(--segment-border-radius)\n          var(--segment-border-radius) 0;\n      }\n\n      @include rtl-host(':last-of-type') {\n        border-radius:\n          var(--segment-border-radius) 0 0\n          var(--segment-border-radius);\n      }\n      // single\n      @include host(':first-of-type:last-of-type') {\n        border-radius: var(--segment-border-radius);\n        border: var(--check-border-style);\n      }\n    }\n\n    &--tag {\n      letter-spacing: 2px;\n      font-weight: 500;\n      font-size: 0.65em;\n      line-height: 1.4;\n      padding: var(--control-padding);\n      border: 2px solid #b5aea7;\n      border-color: var(--tagbox-border-color);\n      background-color: var(--tagbox-bg-color);\n      transition: all 0.2s;\n      border-radius: var(--cb-border-radius);\n      width: 100%;\n\n      &::after {\n        content: '+';\n\n        @include margin(0, 0, 0, 0.3125em);\n\n        font-weight: 200;\n        position: relative;\n        font-family: inherit;\n        font-size: 1.8em;\n        display: inline-block;\n        transform: rotate(0deg);\n        transform-origin: center;\n      }\n\n      span {\n        display: block;\n      }\n    }\n  }\n}\n","import {\n  Component,\n  Prop,\n  Event,\n  EventEmitter,\n  h,\n  ComponentInterface,\n  State,\n  Watch,\n  Method,\n  Element,\n  Host,\n} from '@stencil/core';\nimport { CheckboxChangeEventDetail, ControlValidity } from '../../interface';\nimport { Color } from '../../interface';\nimport { createColorClasses } from '../../utils';\nimport { focusVisible } from '../../utils/focus-visible';\n\nlet checkboxIds = 0;\n\n/**\n * `nano-checkbox` is used to let a user choose one or more options from a limited number of options.\n * They appear as checked when activated.\n * They can be checked by mouse, keyboard, touch or programmatically by setting the checked property.\n *\n * @slot - if you do not set a label attribute, you can use this slot for more complex markup\n */\n@Component({\n  tag: 'nano-checkbox',\n  styleUrl: 'checkbox.scss',\n  scoped: true,\n})\nexport class Checkbox implements ComponentInterface {\n  private inputId = `nano-cb-${checkboxIds++}`;\n  private input: HTMLInputElement;\n  private shouldReport = false;\n\n  @Element() private host: HTMLNanoCheckboxElement;\n\n  @State() _invalid = false;\n  @State() inputType: 'checkbox' | 'radio' = 'checkbox';\n\n  /** @internal */\n  @Prop({ mutable: true, reflect: true }) hasFocus = false;\n\n  /**\n   * checked property that can be used to get/set the value. accepts only boolean values\n   */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n  @Watch('checked')\n  async handleCheckedChange() {\n    this.input.checked = this.checked;\n\n    if (this.inputType === 'radio' && this.name && this.checked) {\n      let form = this.host.closest('form');\n      let radios: Element[];\n      if (form) {\n        radios = Array.from(\n          form.querySelectorAll(`nano-checkbox[name=\"${this.name}\"]`)\n        );\n      } else {\n        radios = Array.from(\n          document.querySelectorAll(`nano-checkbox[name=\"${this.name}\"]`)\n        ).filter((radio) => !radio.closest('form'));\n      }\n      radios.map((el: HTMLNanoCheckboxElement) => {\n        if (el !== this.host) el.checked = false;\n      });\n    }\n    this.nanoChange.emit({ value: this.value, checked: this.checked });\n  }\n\n  /**\n   * If `true`, the user cannot interact with the checkbox.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /**\n   * The value of a checkbox is analogous to the value of an `<input type='checkbox'>`,\n   * it's only present when `checked` is true.\n   */\n  @Prop() value: string = 'on';\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string;\n\n  /**\n   * Set to true to make the field required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Controls the underlying field type and style.\n   */\n  @Prop({ reflect: true }) type:\n    | 'radio'\n    | 'checkbox'\n    | 'tag'\n    | 'segment'\n    | 'segment-pill' = 'checkbox';\n\n  @Watch('type')\n  typeChange() {\n    if (this.type === 'checkbox' || this.type === 'tag')\n      this.inputType = 'checkbox';\n    else this.inputType = 'radio';\n  }\n\n  /**\n   * label property that can be used to set the label text. Alternatively you may use a label slot.\n   */\n  @Prop() label?: string;\n\n  /**\n   * If `true`, the checkbox will visually appear as indeterminate (only relevant for type=\"checkbox\")\n   */\n  @Prop({ mutable: true, reflect: true }) indeterminate: boolean = false;\n\n  @Watch('indeterminate')\n  handleIndeterminateChange() {\n    this.checked = false;\n    this.input.indeterminate = this.indeterminate;\n  }\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. @readonly\n   */\n  @Prop({ reflect: true })\n  get invalid() {\n    if (!this.shouldReport) return false;\n    return !this.input.validity.valid;\n  }\n\n  /**\n   * Color to use from your application's color palette.\n   */\n  @Prop() color?: Color;\n\n  /**\n   * Emited when the checkbox is toggled\n   */\n  @Event() nanoChange: EventEmitter<CheckboxChangeEventDetail>;\n\n  /**\n   * Emited when the checkbox is focused\n   */\n  @Event() nanoFocus: EventEmitter;\n\n  /**\n   * Emited when the checkbox is blurred\n   */\n  @Event() nanoBlur: EventEmitter;\n\n  // public methods\n\n  /**\n   * Returns the native input control\n   */\n  @Method()\n  async getInputElement() {\n    if (this.input) return this.input;\n  }\n\n  /**\n   * Get the current state of the control.\n   * @param validateFirst - perform validation first before reporting\n   * @returns `Promise<{ isValid: boolean, errorMessage: string }>`\n   */\n  @Method()\n  async reportValidity(\n    validateFirst: boolean = false\n  ): Promise<ControlValidity> {\n    if (validateFirst) {\n      this.shouldReport = true;\n      this._invalid = !this.input.reportValidity();\n    }\n    return {\n      isValid: !this.invalid,\n      errorMessage: this.input.validationMessage,\n    };\n  }\n\n  /**\n   * Sets a custom validation message.\n   * If `message` is not empty, the field will be considered invalid. Use in conjunction with `nano-checkbox-group`\n   */\n  @Method()\n  async setError(message: string) {\n    if (!this.input) return;\n\n    this._invalid = !!message.length;\n    this.input.setCustomValidity(message);\n  }\n\n  /**\n   * Sets focus on the checkbox.\n   */\n  @Method()\n  async setFocus() {\n    if (this.input) {\n      this.input.focus();\n      focusVisible.force(this.input);\n    }\n  }\n\n  /**\n   * Removes focus from the checkbox.\n   */\n  @Method()\n  async removeFocus() {\n    if (this.input) {\n      this.input.blur();\n      focusVisible.force(this.input, false);\n    }\n  }\n\n  // private handlers\n\n  private handleInvalid = (ev: Event) => {\n    this.shouldReport = true;\n    this._invalid = !(ev.target as HTMLInputElement).validity.valid;\n  };\n\n  private handleChange = (ev: InputEvent) => {\n    this.checked = (ev.target as HTMLInputElement).checked;\n    this.indeterminate = false;\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.nanoFocus.emit();\n  };\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.nanoBlur.emit();\n  };\n\n  /* Although many radio components can be 'checked',\n  the underlying control may not be. Check */\n  private isRadioChecked() {\n    setTimeout(() => (this.checked = this.input.checked), 20);\n  }\n\n  // Stencil hooks\n\n  componentWillLoad() {\n    this.typeChange();\n  }\n\n  componentDidLoad() {\n    this.input.indeterminate = this.indeterminate;\n    this.isRadioChecked();\n    focusVisible.observe(this.input);\n  }\n\n  disconnectedCallback() {\n    focusVisible.unobserve(this.input);\n  }\n\n  render() {\n    const labelId = this.inputId + '-lbl';\n    let isRtl = (this.host.ownerDocument as Document).dir === 'rtl';\n\n    return (\n      <Host\n        class={{ ...createColorClasses(this.color) }}\n        dir={isRtl ? 'rtl' : null}\n      >\n        <label\n          class={{\n            nanocb: true,\n            'nanocb--checked': this.checked,\n            'nanocb--invalid': this.invalid,\n            'nanocb--disabled': this.disabled,\n            'nanocb--focused': this.hasFocus,\n            'nanocb--indeterminate': this.indeterminate,\n          }}\n          htmlFor={this.inputId}\n        >\n          <input\n            type={this.inputType}\n            name={this.name}\n            required={this.required}\n            checked={this.checked}\n            disabled={this.disabled}\n            value={this.value}\n            aria-labelledby={labelId}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            onChange={this.handleChange}\n            ref={(input) => (this.input = input)}\n            id={this.inputId}\n            onInvalid={this.handleInvalid}\n          />\n          <span class={'nanocb__input nanocb__input--' + this.type}></span>\n\n          <div id={labelId} class={'nanocb__label nanocb__label--' + this.type}>\n            {this.label && !!this.label.length && <span>{this.label}</span>}\n            <span hidden={this.label && !!this.label.length}>\n              <slot />\n            </span>\n          </div>\n        </label>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"sources":["src/components/checkbox/checkbox.scss?tag=nano-checkbox&encapsulation=scoped","src/components/checkbox/checkbox.tsx"],"names":["checkboxCss","checkboxIds","Checkbox","class_1","hostRef","_this","this","inputId","shouldReport","_invalid","inputType","hasFocus","checked","disabled","value","required","type","indeterminate","handleInvalid","ev","target","validity","valid","handleChange","handleFocus","nanoFocus","emit","handleBlur","nanoBlur","prototype","handleCheckedChange","input","name","form","host","closest","radios","Array","from","querySelectorAll","document","filter","radio","map","el","nanoChange","typeChange","handleIndeterminateChange","Object","defineProperty","getInputElement","reportValidity","validateFirst","isValid","invalid","errorMessage","validationMessage","setError","message","length","setCustomValidity","setFocus","focus","focusVisible","force","removeFocus","blur","isRadioChecked","setTimeout","componentWillLoad","componentDidLoad","observe","disconnectedCallback","unobserve","render","labelId","isRtl","ownerDocument","dir","h","Host","class","assign","createColorClasses","color","nanocb","nanocb--checked","nanocb--invalid","nanocb--disabled","nanocb--focused","nanocb--indeterminate","htmlFor","aria-labelledby","onBlur","onFocus","onChange","ref","id","onInvalid","label","hidden"],"mappings":"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","sourcesContent":["@use 'sass:map';\n@use 'sass:list';\n\n@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/form';\n@import '../../global/style/nano-theme/base';\n\n:host {\n  /**\n   * @prop --control-invalid-style: Control box-shadow when invalid. Defaults to to #{$control-invalid-style};\n   * @prop --focus-shadow: Control focus box-shadow. Defaults to to #{$control-focus-style};\n   * @prop --padding: padding around radio and checkbox controls. Defaults to initial;\n   * @prop --control-padding: padding around tag and segmented controls text. Various defaults.\n\n   * @prop --check-bg-color: Initial Bg color of radio / checkbox controls. Changes for [checked] and [disabled] states. Defaults to #{map.get($colors, white)};\n   * @prop --check-border-style: Initial border style. Defaults to 1px solid #{map.get($colors, palegrey)};\n   * @prop --check-checked-bg-color: Checked bg of controls (not tag). Defaults to #{map.get($colors, darkgrey)};\n   * @prop --check-checked-border-color: Checked border color of radio / checkbox controls. Defaults to #{map.get($colors, darkgrey)};\n   * @prop --check-checked-higlight-color: Checked forgrdound / icon color. Defaults to #{map.get($colors, white)};\n   * @prop --check-base-size: Relative scaling size for check controls. Defaults to to inherit;\n\n   * @prop --cb-border-radius: Checkbox border radius. Defaults to to 2px and 5px on [has-focus];\n   * @prop --radio-border-radius: Radio border radius. Defaults to to 50%;\n   * @prop --tagbox-rgb: an rba list for tags which can be used to generate --tagbox-border-color and --tagbox-bg-color. Defaults to #{color-to-rgb-list(map.get($colors, lightblue))};\n   * @prop --tagbox-border-color: Defaults to rgba(var(--tagbox-rgb), .5);\n   * @prop --tagbox-bg-color: Defaults to rgba(var(--tagbox-rgb), .1);\n   * @prop --segment-color: Segment, unselected text color. (selected color is --check-checked-higlight-color). Defaults to #{map.get($colors, blue)};\n   * @prop --segment-border-radius: Defaults to 3px;\n   * @prop --segment-shadow: 0 1px 4px rgba(0,0,0,.2);\n  */\n\n  --focus-shadow: #{$control-focus-style};\n  --invalid-shadow: #{$control-invalid-style};\n  --padding: initial;\n  --check-bg-color: #{map.get($colors, white)};\n  --check-border-style: 1px solid #{map.get($colors, palegrey)};\n  --check-checked-bg-color: #{map.get($colors, darkgrey)};\n  --check-checked-border-color: #{map.get($colors, darkgrey)};\n  --check-checked-higlight-color: #{map.get($colors, white)};\n  --check-base-size: inherit;\n\n  // type specific\n\n  --tagbox-rgb: #{color-to-rgb-list(map.get($colors, lightblue))};\n  --tagbox-border-color: rgba(var(--tagbox-rgb), 0.5);\n  --tagbox-bg-color: rgba(var(--tagbox-rgb), 0.2);\n  --tagbox-border-radius: 0;\n  --segment-color: #{map.get($colors, blue)};\n  --segment-border-radius: 3px;\n  --segment-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\n  --cb-border-radius: 2px;\n  --radio-border-radius: 50%;\n\n  display: inline-block;\n  max-width: 100%;\n\n  * {\n    box-sizing: inherit;\n  }\n}\n\n:host([type='tag']) {\n  text-transform: uppercase;\n\n  --control-padding: 0.2rem 1rem;\n}\n\n:host([type='segment']) {\n  --check-border-style: none;\n  --control-padding: 0.7em 1em 0.7em 1em;\n}\n\n:host([type='segment-pill']) {\n  --check-border-style: 1px solid #{rgba(map.get($colors, palegrey), 0.5)};\n  --segment-border-radius: 5px;\n  --control-padding: 0.7em 1em 0.7em 1em;\n}\n\n:host(.nano-color) {\n  --tagbox-rgb: var(--nano-color-base-rgb);\n  --focus-shadow: #{$control-focus-size} var(--nano-color-shade);\n}\n\n:host([checked]:not([checked='false'])) {\n  --tagbox-border-color: rgba(var(--tagbox-rgb), 0.8);\n  --tagbox-bg-color: rgba(var(--tagbox-rgb), 0.5);\n}\n\n:host([has-focus]:not([has-focus='false'])) {\n  --cb-border-radius: 5px;\n}\n\n:host([disabled]:not([disabled='false'])) {\n  opacity: 0.7;\n\n  --tagbox-rgb: #{color-to-rgb-list(map.get($colors, mediumgrey))};\n  --check-bg-color: #{rgba(map.get($colors, mediumgrey), 0.5)};\n  --check-checked-bg-color: #{rgba(map.get($colors, mediumgrey), 0.5)};\n  --segment-color: #{map.get($colors, darkgrey)};\n}\n\n.nanocb {\n  padding: var(--padding);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  line-height: 1.2;\n  position: relative;\n\n  &__input {\n    @include border-radius(var(--cb-border-radius, 3px));\n\n    font-size: var(--check-base-size);\n    position: relative;\n    height: 1.5em;\n    width: 1.5em;\n    min-width: 1.5em;\n    border: var(--check-border-style);\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);\n\n    &::before {\n      @include border-radius(var(--cb-border-radius));\n\n      position: absolute;\n      content: '';\n      left: 0.625em;\n      top: 0.625em;\n      width: 0;\n      height: 0;\n      border: 2px solid var(--check-checked-higlight-color);\n      transform: scale(0);\n    }\n\n    &--radio {\n      @include border-radius(var(--radio-border-radius));\n\n      background-color: var(--check-bg-color);\n    }\n\n    &--checkbox {\n      background-color: var(--check-bg-color);\n\n      &::after {\n        @include border-radius(var(--cb-border-radius));\n\n        position: absolute;\n        content: '';\n        left: 0.75em;\n        top: 0.75em;\n        height: 0;\n        width: 0;\n        border: solid var(--check-checked-higlight-color);\n        border-width: 0 0.1875em 0.1875em 0;\n        transform: rotate(0deg) scale(0);\n        opacity: 1;\n        transition: all 0.15s ease-out;\n\n        .nanocb--indeterminate & {\n          border-width: 0 0 0.1875em 0;\n        }\n      }\n    }\n\n    &--segment,\n    &--segment-pill {\n      @include visually-hide();\n\n      &::before {\n        display: none;\n      }\n    }\n\n    &--tag {\n      @include visually-hide();\n\n      &::before {\n        display: none;\n      }\n    }\n  }\n\n  &--invalid:not(.nanocb--focused) {\n    .nanocb__input {\n      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2), var(--invalid-shadow);\n\n      &--tag + .nanocb__label,\n      &--segment + .nanocb__label,\n      &--segment-pill + .nanocb__label {\n        box-shadow: var(--invalid-shadow);\n        z-index: 1;\n      }\n    }\n  }\n\n  input {\n    @include visually-hide();\n\n    &:focus ~ .nanocb__input {\n      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2), var(--focus-shadow);\n    }\n\n    &.focus-visible:focus ~ .nanocb__input {\n      &--tag + .nanocb__label,\n      &--segment + .nanocb__label,\n      &--segment-pill + .nanocb__label {\n        box-shadow: var(--focus-shadow);\n        z-index: 1;\n      }\n    }\n\n    &:checked ~ .nanocb__input {\n      @include border-radius(var(--cb-border-radius));\n\n      background-color: var(--check-checked-bg-color);\n      transform: rotate(0deg) scale(1);\n      opacity: 1;\n      border: 0.125em solid var(--check-checked-border-color);\n\n      &--segment + .nanocb__label,\n      &--segment-pill + .nanocb__label {\n        color: var(--check-checked-higlight-color);\n        background-color: var(--check-checked-bg-color);\n        box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.2);\n      }\n\n      &--radio {\n        border-radius: var(--radio-border-radius);\n        border-width: 0.3125em;\n        background-color: var(--check-checked-higlight-color);\n\n        &::after {\n          border: solid var(--check-checked-border-color);\n          border-width: 0 0.125em 0.125em 0;\n          opacity: 0;\n        }\n\n        &::before {\n          border-radius: var(--radio-border-radius);\n        }\n      }\n\n      &--checkbox {\n        &::after {\n          transform: rotate(45deg) scale(1);\n          opacity: 1;\n          left: 0.475em;\n          top: 0.1875em;\n          width: 0.375em;\n          height: 0.75em;\n          border-radius: 0;\n        }\n      }\n\n      &--tag + .nanocb__label::after {\n        transform: rotate(45deg);\n      }\n    }\n\n    &:indeterminate ~ .nanocb__input--checkbox {\n      @include border-radius(var(--input-border-radius, 5px));\n\n      background-color: var(--check-checked-bg-color);\n      transform: rotate(0deg) scale(1);\n      opacity: 1;\n      border: 0.125em solid var(--check-checked-bg-color);\n\n      &::after {\n        transform: scale(1);\n        opacity: 1;\n        left: 0.3125em;\n        top: 0;\n        width: 0.7em;\n        height: 0.7em;\n        border-radius: 0;\n      }\n    }\n  }\n\n  &__label {\n    @include padding(0, 0, 0, 10px);\n\n    display: flex;\n    align-items: center;\n    font-stretch: condensed;\n    line-height: 1;\n    flex: 1;\n    justify-content: space-between;\n\n    &--segment,\n    &--segment-pill {\n      border: var(--check-border-style);\n      border-radius: var(--segment-border-radius);\n      box-shadow: var(--segment-shadow);\n      display: inline-flex;\n      padding: var(--control-padding);\n      background: var(--check-bg-color);\n      color: var(--segment-color);\n      align-items: center;\n      width: 100%;\n    }\n\n    &--segment-pill {\n      // first\n      @include ltr-host(':first-of-type') {\n        border-radius:\n          var(--segment-border-radius) 0 0\n          var(--segment-border-radius);\n        border-right: none;\n      }\n\n      @include rtl-host(':first-of-type') {\n        border-radius:\n          0 var(--segment-border-radius)\n          var(--segment-border-radius) 0;\n        border-left: none;\n      }\n      // middle\n      @include ltr-host(':not(:last-of-type):not(:first-of-type)') {\n        border-radius: 0 0 0 0;\n        border-right: none;\n      }\n\n      @include rtl-host(':not(:last-of-type):not(:first-of-type)') {\n        border-left: none;\n      }\n      // last\n      @include ltr-host(':last-of-type') {\n        border-radius:\n          0 var(--segment-border-radius)\n          var(--segment-border-radius) 0;\n      }\n\n      @include rtl-host(':last-of-type') {\n        border-radius:\n          var(--segment-border-radius) 0 0\n          var(--segment-border-radius);\n      }\n      // single\n      @include host(':first-of-type:last-of-type') {\n        border-radius: var(--segment-border-radius);\n        border: var(--check-border-style);\n      }\n    }\n\n    &--tag {\n      letter-spacing: 2px;\n      font-weight: 500;\n      font-size: 0.65em;\n      line-height: 1.4;\n      padding: var(--control-padding);\n      border: 2px solid #b5aea7;\n      border-color: var(--tagbox-border-color);\n      background-color: var(--tagbox-bg-color);\n      transition: all 0.2s;\n      border-radius: var(--cb-border-radius);\n      width: 100%;\n\n      &::after {\n        content: '+';\n\n        @include margin(0, 0, 0, 0.3125em);\n\n        font-weight: 200;\n        position: relative;\n        font-family: inherit;\n        font-size: 1.8em;\n        display: inline-block;\n        transform: rotate(0deg);\n        transform-origin: center;\n      }\n\n      span {\n        display: block;\n      }\n    }\n  }\n}\n","import {\n  Component,\n  Prop,\n  Event,\n  EventEmitter,\n  h,\n  ComponentInterface,\n  State,\n  Watch,\n  Method,\n  Element,\n  Host,\n} from '@stencil/core';\nimport { CheckboxChangeEventDetail, ControlValidity } from '../../interface';\nimport { Color } from '../../interface';\nimport { createColorClasses } from '../../utils';\nimport { focusVisible } from '../../utils/focus-visible';\n\nlet checkboxIds = 0;\n\n/**\n * `nano-checkbox` is used to let a user choose one or more options from a limited number of options.\n * They appear as checked when activated.\n * They can be checked by mouse, keyboard, touch or programmatically by setting the checked property.\n *\n * @slot - if you do not set a label attribute, you can use this slot for more complex markup\n */\n@Component({\n  tag: 'nano-checkbox',\n  styleUrl: 'checkbox.scss',\n  scoped: true,\n})\nexport class Checkbox implements ComponentInterface {\n  private inputId = `nano-cb-${checkboxIds++}`;\n  private input: HTMLInputElement;\n  private shouldReport = false;\n\n  @Element() private host: HTMLNanoCheckboxElement;\n\n  @State() _invalid = false;\n  @State() inputType: 'checkbox' | 'radio' = 'checkbox';\n\n  /** @internal */\n  @Prop({ mutable: true, reflect: true }) hasFocus = false;\n\n  /**\n   * checked property that can be used to get/set the value. accepts only boolean values\n   */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n  @Watch('checked')\n  async handleCheckedChange() {\n    this.input.checked = this.checked;\n\n    if (this.inputType === 'radio' && this.name && this.checked) {\n      let form = this.host.closest('form');\n      let radios: Element[];\n      if (form) {\n        radios = Array.from(\n          form.querySelectorAll(`nano-checkbox[name=\"${this.name}\"]`)\n        );\n      } else {\n        radios = Array.from(\n          document.querySelectorAll(`nano-checkbox[name=\"${this.name}\"]`)\n        ).filter((radio) => !radio.closest('form'));\n      }\n      radios.map((el: HTMLNanoCheckboxElement) => {\n        if (el !== this.host) el.checked = false;\n      });\n    }\n    this.nanoChange.emit({ value: this.value, checked: this.checked });\n  }\n\n  /**\n   * If `true`, the user cannot interact with the checkbox.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /**\n   * The value of a checkbox is analogous to the value of an `<input type='checkbox'>`,\n   * it's only present when `checked` is true.\n   */\n  @Prop() value: string = 'on';\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string;\n\n  /**\n   * Set to true to make the field required.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Controls the underlying field type and style.\n   */\n  @Prop({ reflect: true }) type:\n    | 'radio'\n    | 'checkbox'\n    | 'tag'\n    | 'segment'\n    | 'segment-pill' = 'checkbox';\n\n  @Watch('type')\n  typeChange() {\n    if (this.type === 'checkbox' || this.type === 'tag')\n      this.inputType = 'checkbox';\n    else this.inputType = 'radio';\n  }\n\n  /**\n   * label property that can be used to set the label text. Alternatively you may use a label slot.\n   */\n  @Prop() label?: string;\n\n  /**\n   * If `true`, the checkbox will visually appear as indeterminate (only relevant for type=\"checkbox\")\n   */\n  @Prop({ mutable: true, reflect: true }) indeterminate: boolean = false;\n\n  @Watch('indeterminate')\n  handleIndeterminateChange() {\n    this.checked = false;\n    this.input.indeterminate = this.indeterminate;\n  }\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. @readonly\n   */\n  @Prop({ reflect: true })\n  get invalid() {\n    if (!this.shouldReport) return false;\n    return !this.input.validity.valid;\n  }\n\n  /**\n   * Color to use from your application's color palette.\n   */\n  @Prop() color?: Color;\n\n  /**\n   * Emited when the checkbox is toggled\n   */\n  @Event() nanoChange: EventEmitter<CheckboxChangeEventDetail>;\n\n  /**\n   * Emited when the checkbox is focused\n   */\n  @Event() nanoFocus: EventEmitter;\n\n  /**\n   * Emited when the checkbox is blurred\n   */\n  @Event() nanoBlur: EventEmitter;\n\n  // public methods\n\n  /**\n   * Returns the native input control\n   */\n  @Method()\n  async getInputElement() {\n    if (this.input) return this.input;\n  }\n\n  /**\n   * Get the current state of the control.\n   * @param validateFirst - perform validation first before reporting\n   * @returns `Promise<{ isValid: boolean, errorMessage: string }>`\n   */\n  @Method()\n  async reportValidity(\n    validateFirst: boolean = false\n  ): Promise<ControlValidity> {\n    if (validateFirst) {\n      this.shouldReport = true;\n      this._invalid = !this.input.reportValidity();\n    }\n    return {\n      isValid: !this.invalid,\n      errorMessage: this.input.validationMessage,\n    };\n  }\n\n  /**\n   * Sets a custom validation message.\n   * If `message` is not empty, the field will be considered invalid. Use in conjunction with `nano-checkbox-group`\n   */\n  @Method()\n  async setError(message: string) {\n    if (!this.input) return;\n\n    this._invalid = !!message.length;\n    this.input.setCustomValidity(message);\n  }\n\n  /**\n   * Sets focus on the checkbox.\n   */\n  @Method()\n  async setFocus() {\n    if (this.input) {\n      this.input.focus();\n      focusVisible.force(this.input);\n    }\n  }\n\n  /**\n   * Removes focus from the checkbox.\n   */\n  @Method()\n  async removeFocus() {\n    if (this.input) {\n      this.input.blur();\n      focusVisible.force(this.input, false);\n    }\n  }\n\n  // private handlers\n\n  private handleInvalid = (ev: Event) => {\n    this.shouldReport = true;\n    this._invalid = !(ev.target as HTMLInputElement).validity.valid;\n  };\n\n  private handleChange = (ev: InputEvent) => {\n    this.checked = (ev.target as HTMLInputElement).checked;\n    this.indeterminate = false;\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    this.nanoFocus.emit();\n  };\n\n  private handleBlur = () => {\n    this.hasFocus = false;\n    this.nanoBlur.emit();\n  };\n\n  /* Although many radio components can be 'checked',\n  the underlying control may not be. Check */\n  private isRadioChecked() {\n    setTimeout(() => (this.checked = this.input.checked), 20);\n  }\n\n  // Stencil hooks\n\n  componentWillLoad() {\n    this.typeChange();\n  }\n\n  componentDidLoad() {\n    this.input.indeterminate = this.indeterminate;\n    this.isRadioChecked();\n    focusVisible.observe(this.input);\n  }\n\n  disconnectedCallback() {\n    focusVisible.unobserve(this.input);\n  }\n\n  render() {\n    const labelId = this.inputId + '-lbl';\n    let isRtl = (this.host.ownerDocument as Document).dir === 'rtl';\n\n    return (\n      <Host\n        class={{ ...createColorClasses(this.color) }}\n        dir={isRtl ? 'rtl' : null}\n      >\n        <label\n          class={{\n            nanocb: true,\n            'nanocb--checked': this.checked,\n            'nanocb--invalid': this.invalid,\n            'nanocb--disabled': this.disabled,\n            'nanocb--focused': this.hasFocus,\n            'nanocb--indeterminate': this.indeterminate,\n          }}\n          htmlFor={this.inputId}\n        >\n          <input\n            type={this.inputType}\n            name={this.name}\n            required={this.required}\n            checked={this.checked}\n            disabled={this.disabled}\n            value={this.value}\n            aria-labelledby={labelId}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            onChange={this.handleChange}\n            ref={(input) => (this.input = input)}\n            id={this.inputId}\n            onInvalid={this.handleInvalid}\n          />\n          <span class={'nanocb__input nanocb__input--' + this.type}></span>\n\n          <div id={labelId} class={'nanocb__label nanocb__label--' + this.type}>\n            {this.label && !!this.label.length && <span>{this.label}</span>}\n            <span hidden={this.label && !!this.label.length}>\n              <slot />\n            </span>\n          </div>\n        </label>\n      </Host>\n    );\n  }\n}\n"]}