npm - @nanoporetech-digital/components - Versions diffs - 8.0.0-alpha.2 → 8.0.0-alpha.4 - Mend

@nanoporetech-digital/components 8.0.0-alpha.2 → 8.0.0-alpha.4

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

Files changed (182) hide show

package/dist/cjs/nano-components.cjs.js CHANGED Viewed

@@ -45,7 +45,7 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"nano-global-nav.cjs\",[[1,\"nano-global-nav\",{\"logoUrl\":[1,\"logo-url\"],\"cartUrl\":[1025,\"cart-url\"],\"msgUrl\":[1025,\"msg-url\"],\"loginUrl\":[1025,\"login-url\"],\"logoutUrl\":[1025,\"logout-url\"],\"contactUrl\":[1025,\"contact-url\"],\"sessionRedirect\":[6145,\"session-redirect\"],\"cartCount\":[1026,\"cart-count\"],\"msgCount\":[1026,\"msg-count\"],\"myAccountUrl\":[1,\"my-account-url\"],\"myAccountData\":[1040,\"my-account-data\"],\"myAccountUser\":[2064,\"my-account-user\"],\"searchIndex\":[1025,\"search-index\"],\"searchValue\":[6145,\"search-value\"],\"overflowOpen\":[32],\"isLoggedIn\":[32],\"shouldResize\":[32],\"breakpoint\":[32],\"searchIndices\":[32],\"searchBarShown\":[32],\"searchLoading\":[32],\"_searchValue\":[32],\"openOverflowMenu\":[64],\"closeOverflowMenu\":[64],\"submitSearch\":[64]},null,{\"myAccountUrl\":[\"handleMyAccountUrl\"],\"myAccountData\":[\"processUserData\",\"initSearch\"],\"shouldResize\":[\"breakpointChanged\"],\"breakpoint\":[\"breakpointChanged\"],\"searchIndices\":[\"handleSearchIndex\"],\"searchIndex\":[\"handleSearchIndex\"]}]]],[\"nano-data-table.cjs\",[[4,\"nano-data-table\",{\"customRenderer\":[16,\"custom-renderer\"],\"scrollable\":[516],\"caption\":[1],\"showCaption\":[4,\"show-caption\"],\"loading\":[4],\"placeholderSize\":[2,\"placeholder-size\"],\"rows\":[16],\"columns\":[1040],\"headRender\":[16,\"head-render\"],\"rowRender\":[16,\"row-render\"],\"footRender\":[16,\"foot-render\"],\"showFooter\":[4,\"show-footer\"],\"perBlock\":[2,\"per-block\"],\"blocksLength\":[2050,\"blocks-length\"],\"searchTerm\":[1,\"search-term\"],\"customFilterFn\":[16,\"custom-filter-fn\"],\"customSortFn\":[16,\"custom-sort-fn\"],\"defaultSort\":[4,\"default-sort\"],\"showPaginateSpinner\":[4,\"show-paginate-spinner\"],\"virtualTotalItems\":[2,\"virtual-total-items\"],\"appliedFilters\":[2064,\"applied-filters\"],\"internalLoading\":[32],\"blocks\":[32],\"activeBlocks\":[32],\"resetSorting\":[64],\"addSort\":[64],\"resetFilters\":[64],\"addFilters\":[64],\"removeFilters\":[64],\"updateRow\":[64]},null,{\"rows\":[\"handleRowsChange\"],\"columns\":[\"handleColsChange\"],\"searchTerm\":[\"handleSearchTermChange\"],\"virtualTotalItems\":[\"virtualTotalItemsChangeHandler\"]}]]],[\"nano-date-input.cjs\",[[6,\"nano-date-input\",{\"invalid\":[2564],\"validityMessage\":[2049,\"validity-message\"],\"helperText\":[4,\"helper-text\"],\"helperTextFormat\":[16,\"helper-text-format\"],\"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],\"clearable\":[4],\"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\"],\"dropDownConfig\":[6160,\"drop-down-config\"],\"dateValue\":[2064,\"date-value\"],\"isDateDisabled\":[16,\"is-date-disabled\"],\"pattern\":[32],\"inputValue\":[32],\"_invalid\":[32],\"reportValidity\":[64],\"setFocus\":[64],\"getInputElement\":[64],\"showError\":[64]},null,{\"value\":[\"handleValueChange\",\"testDateValidity\"],\"dateOrder\":[\"handleDateOrderChange\"],\"min\":[\"testDateValidity\"],\"max\":[\"testDateValidity\"],\"pickerOpen\":[\"handlePickerOpenChange\"]}]]],[\"nano-breadcrumb.cjs\",[[1,\"nano-breadcrumb\",{\"breadcrumbs\":[16],\"isOpen\":[32]}]]],[\"nano-collapsible-comparison.cjs\",[[1,\"nano-collapsible-comparison\",{\"open\":[1540]},null,{\"open\":[\"handleOpenChange\"]}]]],[\"nano-dialog.cjs\",[[1,\"nano-dialog\",{\"showRibbon\":[4,\"show-ribbon\"],\"open\":[1540],\"label\":[1],\"noHeader\":[4,\"no-header\"],\"noUserDismiss\":[4,\"no-user-dismiss\"],\"storeId\":[1,\"store-id\"],\"storeMethod\":[1,\"store-method\"],\"hoist\":[4],\"noDismiss\":[32],\"hidden\":[32],\"show\":[64],\"hide\":[64]},null,{\"open\":[\"handleOpenChange\"],\"hoist\":[\"handleHoistChange\"]}]]],[\"nano-hero.cjs\",[[1,\"nano-hero\",{\"imgSrc\":[1,\"img-src\"],\"imgSrcSet\":[1,\"img-src-set\"],\"largeScreenBP\":[2,\"large-screen-b-p\"],\"theme\":[1],\"level\":[1],\"hasIconBox\":[32],\"hasScrim\":[32],\"hasSecondaryContent\":[32],\"hasQuote\":[32],\"hasBg\":[32],\"hasBackBtn\":[32],\"hasCtas\":[32],\"breadCrumbs\":[32],\"iconBoxItems\":[32]},null,{\"breadCrumbs\":[\"breadCrumbChange\"],\"iconBoxItems\":[\"iconBoxItemChange\"]}]]],[\"nano-tab-group.cjs\",[[1,\"nano-tab-group\",{\"placement\":[513],\"noScrollControls\":[4,\"no-scroll-controls\"],\"equalTabSize\":[516,\"equal-tab-size\"],\"size\":[513],\"storeId\":[1,\"store-id\"],\"storeMethod\":[1,\"store-method\"],\"disableSwipe\":[4,\"disable-swipe\"],\"show\":[64]},[[0,\"nanoTabClose\",\"handleTabClose\"]]]]],[\"nano-table.cjs\",[[6,\"nano-table\",{\"compact\":[520],\"scrollable\":[516],\"hideCaption\":[516,\"hide-caption\"],\"propsReady\":[32]},null,{\"compact\":[\"handleCompactChange\"],\"hideCaption\":[\"handleHideCaptionChange\"]}]]],[\"nano-alert.cjs\",[[1,\"nano-alert\",{\"open\":[1540],\"closable\":[516],\"color\":[513],\"theme\":[513],\"duration\":[2],\"hoist\":[4],\"countdown\":[516],\"isModal\":[32],\"isToast\":[32],\"isShowing\":[32],\"label\":[32],\"noDismiss\":[32],\"remainingTime\":[32],\"show\":[64],\"hide\":[64],\"toast\":[64],\"alert\":[64]},null,{\"open\":[\"handleOpenChange\"],\"duration\":[\"handleDurationChange\"],\"hoist\":[\"handleHoistChange\"]}]]],[\"nano-file-upload.cjs\",[[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\"],\"form\":[1],\"invalid\":[2564],\"validityMessage\":[2049,\"validity-message\"],\"files\":[6160],\"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\"],[16,\"reset\",\"onReset\"]],{\"fileList\":[\"fileListChange\",\"shouldValidate\"],\"maxFiles\":[\"shouldValidate\"],\"maxFileSize\":[\"shouldValidate\"],\"capture\":[\"shouldValidate\"],\"accept\":[\"shouldValidate\"],\"required\":[\"shouldValidate\"],\"disabled\":[\"shouldValidate\"]}]]],[\"nano-tab.cjs\",[[1,\"nano-tab\",{\"panel\":[513],\"active\":[516],\"disabled\":[516],\"closable\":[4],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"nano-in-page-nav.cjs\",[[1,\"nano-in-page-nav\",{\"breakpoint\":[2],\"stickyHeaders\":[4,\"sticky-headers\"],\"isMobile\":[32]}]]],[\"nano-card-carousel.cjs\",[[1,\"nano-card-carousel\",{\"carouselTitle\":[1,\"carousel-title\"],\"slideCount\":[32],\"slideOptions\":[32],\"activeSlide\":[32]},null,{\"slideCount\":[\"handleSlideCountChange\"]}]]],[\"nano-footer.cjs\",[[1,\"nano-footer\"]]],[\"nano-menu-drawer.cjs\",[[1,\"nano-menu-drawer\",{\"open\":[1028],\"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\"]],{\"open\":[\"openChange\"],\"widthOk\":[\"widthChange\"],\"hideHeight\":[\"hideHeightChange\"]}]]],[\"nano-split-pane.cjs\",[[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\"],\"getPercentageToPixels\":[64],\"getPixelsToPercentage\":[64]},null,{\"position\":[\"handlePositionChange\"],\"positionInPixels\":[\"handlePositionInPixelsChange\"]}]]],[\"nano-accordion.cjs\",[[1,\"nano-accordion\",{\"itemOpened\":[32]},[[0,\"nanoOpen\",\"onToggleHandler\"],[0,\"nanoClose\",\"onClosedHandler\"]]]]],[\"nano-algolia-filter.cjs\",[[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\"]],{\"value\":[\"valueSet\"],\"internalValue\":[\"valueChanged\"],\"facets\":[\"appliedFilterChanged\"],\"tplRenderFn\":[\"tplUpdate\"],\"indexResults\":[\"handleFilterChange\"]}]]],[\"nano-algolia-pagination.cjs\",[[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]},null,{\"currentPage\":[\"currentPageChange\"],\"infiniteScroll\":[\"infiniteScrollChange\"]}]]],[\"nano-algolia-results.cjs\",[[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]},null,{\"results\":[\"addContentIndex\",\"resultsChange\"],\"tplRenderFn\":[\"resultsChange\"],\"facets\":[\"headerFooterChange\"],\"appendPages\":[\"appendChange\"],\"infiniteScroll\":[\"infiniteScrollChange\"],\"resultsPage\":[\"handlePageChage\"],\"isLoading\":[\"handleLoading\"]}]]],[\"nano-animation.cjs\",[[1,\"nano-animation\",{\"name\":[1],\"play\":[1540],\"delay\":[2],\"direction\":[1],\"duration\":[2],\"easing\":[1],\"endDelay\":[2,\"end-delay\"],\"fill\":[1],\"iterations\":[2],\"iterationStart\":[2,\"iteration-start\"],\"keyframes\":[16],\"playbackRate\":[2,\"playback-rate\"],\"currentTime\":[6146,\"current-time\"],\"defaultSlot\":[32],\"cancel\":[64],\"finish\":[64]},null,{\"defaultSlot\":[\"createAnimation\"],\"name\":[\"handleAnimationChange\"],\"delay\":[\"handleAnimationChange\"],\"direction\":[\"handleAnimationChange\"],\"duration\":[\"handleAnimationChange\"],\"easing\":[\"handleAnimationChange\"],\"endDelay\":[\"handleAnimationChange\"],\"fill\":[\"handleAnimationChange\"],\"iterations\":[\"handleAnimationChange\"],\"iterationStart\":[\"handleAnimationChange\"],\"keyframes\":[\"handleAnimationChange\"],\"play\":[\"handlePlayChange\"],\"playbackRate\":[\"handlePlaybackRateChange\"]}]]],[\"nano-card.cjs\",[[0,\"nano-card\",{\"layout\":[513],\"variant\":[513],\"size\":[513]}]]],[\"nano-checkbox.cjs\",[[6,\"nano-checkbox\",{\"hasFocus\":[1540,\"has-focus\"],\"checked\":[1540],\"disabled\":[516],\"value\":[513],\"name\":[513],\"required\":[516],\"type\":[513],\"label\":[1],\"hideLabel\":[4,\"hide-label\"],\"indeterminate\":[1540],\"invalid\":[2564],\"validityMessage\":[2049,\"validity-message\"],\"form\":[1],\"inputType\":[32],\"hasLabel\":[32],\"_invalid\":[32],\"getInputElement\":[64],\"reportValidity\":[64],\"setError\":[64],\"setFocus\":[64],\"removeFocus\":[64]},[[0,\"click\",\"onHostClick\"],[16,\"reset\",\"onReset\"]],{\"checked\":[\"handleCheckedChange\"],\"type\":[\"typeChange\"],\"indeterminate\":[\"handleIndeterminateChange\"]}]]],[\"nano-checkbox-group.cjs\",[[6,\"nano-checkbox-group\",{\"validateOn\":[1025,\"validate-on\"],\"showInlineError\":[4,\"show-inline-error\"],\"min\":[2],\"max\":[2],\"disabled\":[516],\"legend\":[7169],\"hideLegend\":[4,\"hide-legend\"],\"invalid\":[2564],\"validityMessage\":[2049,\"validity-message\"],\"value\":[1025],\"checkboxes\":[32],\"nativeCbs\":[32],\"errorMessage\":[32],\"showErrorMsg\":[32],\"hasHelperSlot\":[32],\"_invalid\":[32],\"reportValidity\":[64],\"showError\":[64]},[[0,\"nanoChange\",\"handleValueChange\"]],{\"value\":[\"handleValuePropChange\"],\"min\":[\"handleCbChange\"],\"max\":[\"handleCbChange\"],\"nativeCbs\":[\"customValidate\"],\"checkboxes\":[\"handleComponentChange\",\"handleDisabledChange\"],\"disabled\":[\"handleDisabledChange\"]}]]],[\"nano-content-links.cjs\",[[0,\"nano-content-links\"]]],[\"nano-field-validator.cjs\",[[6,\"nano-field-validator\",{\"validateOn\":[1025,\"validate-on\"],\"scrollToInvalid\":[4,\"scroll-to-invalid\"],\"dirty\":[2564],\"valid\":[2564],\"store\":[2064],\"payload\":[2064],\"showValidation\":[2052,\"show-validation\"],\"validationState\":[2064,\"validation-state\"],\"extraFieldSelector\":[1,\"extra-field-selector\"],\"validation\":[16],\"submitted\":[32],\"userForm\":[32],\"_dirty\":[32],\"_valid\":[32],\"_store\":[32],\"setStore\":[64],\"setCustomValidity\":[64],\"resetValidity\":[64],\"scrollToFirstInvalid\":[64]},[[0,\"nanoChange\",\"handleFieldChange\"],[0,\"input\",\"handlePlainFieldChange\"],[0,\"change\",\"handlePlainFieldChange\"],[0,\"submit\",\"handleSubmit\"]],{\"userForm\":[\"userFormChange\"],\"validateOn\":[\"validateOnChange\"],\"extraFieldSelector\":[\"attachSlotObserver\"]}]]],[\"nano-grid-item.cjs\",[[1,\"nano-grid-item\"]]],[\"nano-icon-item.cjs\",[[0,\"nano-icon-item\",{\"layout\":[513],\"size\":[513]}]]],[\"nano-intersection-observe.cjs\",[[1,\"nano-intersection-observe\",{\"root\":[1],\"rootMargin\":[1,\"root-margin\"],\"threshold\":[1],\"defaultSlot\":[32]},null,{\"root\":[\"handleRootChange\"],\"threshold\":[\"handleThresholdChange\"],\"defaultSlot\":[\"addIO\"]}]]],[\"nano-more-less.cjs\",[[1,\"nano-more-less\",{\"show\":[1540],\"childrenSelector\":[1,\"children-selector\"],\"maxToShow\":[2,\"max-to-show\"],\"noHideBtn\":[4,\"no-hide-btn\"]},null,{\"maxToShow\":[\"handleShowHideElements\"],\"show\":[\"handleShowHideElements\"],\"childrenSelector\":[\"handleShowHideElements\"]}]]],[\"nano-range.cjs\",[[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]},null,{\"debounce\":[\"debounceChanged\"],\"min\":[\"minChanged\"],\"max\":[\"maxChanged\"],\"disabled\":[\"disabledChanged\"],\"value\":[\"valueChanged\"]}]]],[\"nano-rating.cjs\",[[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]},null,{\"value\":[\"handleValueChange\"],\"symbolName\":[\"handleSymbolChange\"]}]]],[\"nano-slide.cjs\",[[1,\"nano-slide\",{\"ready\":[1540]},null,{\"ready\":[\"readyChange\"]}]]],[\"nano-sortable.cjs\",[[1,\"nano-sortable\",{\"itemSelector\":[1,\"item-selector\"],\"handleSelector\":[1,\"handle-selector\"],\"dropzoneSelector\":[1,\"dropzone-selector\"],\"helperText\":[1,\"helper-text\"],\"itemDescriptor\":[16,\"item-descriptor\"],\"grabbedHelperText\":[16,\"grabbed-helper-text\"],\"droppedHelperText\":[16,\"dropped-helper-text\"],\"reorderHelperText\":[16,\"reorder-helper-text\"],\"createKeyboardHandle\":[16,\"create-keyboard-handle\"],\"sortableHostElement\":[16,\"sortable-host-element\"],\"animationEnabled\":[4,\"animation-enabled\"],\"draggedClass\":[1,\"dragged-class\"],\"handleDraggedClass\":[1,\"handle-dragged-class\"],\"placeholderClass\":[1,\"placeholder-class\"],\"dropzoneActiveClass\":[1,\"dropzone-active-class\"],\"animationTiming\":[8,\"animation-timing\"],\"orientation\":[1],\"dragResize\":[4,\"drag-resize\"],\"keyboardSortActive\":[32],\"ariaTextList\":[32],\"refreshKeyboardHandles\":[64]},null,{\"itemSelector\":[\"handleItemSelectorChange\"],\"handleSelector\":[\"handleHandleSelectorChange\"],\"createKeyboardHandle\":[\"handleCreateKeyboardHandleChange\"],\"sortableHostElement\":[\"handleSortableHostElement\"]}]]],[\"nano-tab-content.cjs\",[[1,\"nano-tab-content\",{\"name\":[513],\"active\":[516],\"ready\":[32]}]]],[\"nano-details.cjs\",[[1,\"nano-details\",{\"label\":[1],\"open\":[1540],\"disabled\":[516],\"size\":[513]},null,{\"open\":[\"toggleClick\"]}]]],[\"nano-nav-item.cjs\",[[1,\"nano-nav-item\",{\"href\":[1537],\"target\":[1],\"disabled\":[516],\"open\":[1540],\"selected\":[1540],\"checkbox\":[516],\"closeOnBlur\":[4,\"close-on-blur\"],\"notification\":[4],\"didOpen\":[32],\"isInMenuDrawer\":[32],\"setFocus\":[64]},[[16,\"click\",\"handleClose\"],[16,\"keyup\",\"handleClose\"]],{\"open\":[\"openChange\"],\"didOpen\":[\"didOpenChange\"]}]]],[\"nano-progress-bar.cjs\",[[1,\"nano-progress-bar\",{\"value\":[2],\"indeterminate\":[4],\"showPercent\":[4,\"show-percent\"]}]]],[\"nano-slides.cjs\",[[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],\"slideTo\":[64],\"slideNext\":[64],\"slidePrev\":[64],\"getActiveIndex\":[64],\"length\":[64],\"isEnd\":[64],\"isBeginning\":[64],\"startAutoplay\":[64],\"stopAutoplay\":[64],\"lockSwipes\":[64],\"getflickity\":[64],\"reload\":[64]},null,{\"options\":[\"optionsChanged\"],\"navbtns\":[\"navbtnsChanged\"],\"pager\":[\"pagerChanged\"],\"fullscreenbtn\":[\"fullscreenBtnChanged\"],\"fullscreen\":[\"fullscreenChanged\"],\"animation\":[\"animationChange\"],\"currentSlide\":[\"currentSlideChange\"],\"iCurrentSlide\":[\"internalSlideChange\"],\"autoplay\":[\"autoPlayChange\"]}]]],[\"nano-grid_2.cjs\",[[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]},null,{\"_src\":[\"_srcChanged\"],\"src\":[\"srcChanged\"],\"srcSet\":[\"srcSetChanged\"],\"lazy\":[\"lazyChanged\"]}],[1,\"nano-grid\",{\"sSize\":[520,\"s-size\"],\"mSize\":[520,\"m-size\"],\"lSize\":[520,\"l-size\"],\"xlSize\":[520,\"xl-size\"],\"sCols\":[514,\"s-cols\"],\"mCols\":[514,\"m-cols\"],\"lCols\":[514,\"l-cols\"],\"xlCols\":[514,\"xl-cols\"],\"xxlCols\":[514,\"xxl-cols\"],\"sTpl\":[1,\"s-tpl\"],\"mTpl\":[1,\"m-tpl\"],\"lTpl\":[1,\"l-tpl\"],\"xlTpl\":[1,\"xl-tpl\"],\"xxlTpl\":[1,\"xxl-tpl\"],\"showHelper\":[516,\"show-helper\"],\"cacheKey\":[32]},null,{\"sTpl\":[\"constructSizeArray\"],\"mTpl\":[\"constructSizeArray\"],\"lTpl\":[\"constructSizeArray\"],\"xlTpl\":[\"constructSizeArray\"],\"xxlTpl\":[\"constructSizeArray\"],\"sSize\":[\"constructSizeArray\"],\"mSize\":[\"constructSizeArray\"],\"lSize\":[\"constructSizeArray\"],\"xlSize\":[\"constructSizeArray\"],\"sCols\":[\"constructSizeArray\"],\"mCols\":[\"constructSizeArray\"],\"lCols\":[\"constructSizeArray\"],\"xlCols\":[\"constructSizeArray\"],\"xxlCols\":[\"constructSizeArray\"],\"showHelper\":[\"constructSizeArray\"]}]]],[\"nano-algolia.cjs\",[[1,\"nano-algolia\",{\"showResults\":[1028,\"show-results\"],\"resultsPage\":[1026,\"results-page\"],\"appId\":[1025,\"app-id\"],\"apiKey\":[1025,\"api-key\"],\"searchIndex\":[1040,\"search-index\"],\"searchIndexName\":[1025,\"search-index-name\"],\"listenTo\":[1,\"listen-to\"],\"query\":[1025],\"operator\":[1],\"filters\":[16],\"tplRenderFn\":[16,\"tpl-render-fn\"],\"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],\"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\"]],{\"listenTo\":[\"handleListenToChange\"],\"_dynFacetFilters\":[\"dynFacetFiltersChange\"],\"browseIndex\":[\"browseIndexChange\"],\"inputField\":[\"inputFieldSet\"],\"query\":[\"queryChange\"],\"replicaIndex\":[\"internalIndexSwitch\"],\"resultsPage\":[\"pageChange\"],\"searchIndexName\":[\"searchIndexNameChange\"],\"apiKey\":[\"initAlgoliaClient\"],\"appId\":[\"initAlgoliaClient\"],\"searchIndex\":[\"initAlgoliaIndex\"],\"showResults\":[\"showResultsChange\"],\"filters\":[\"handleFilterpropChange\"]}]]],[\"nano-cta.cjs\",[[0,\"nano-cta\",{\"theme\":[513],\"secondary\":[516],\"size\":[513],\"loading\":[513],\"icon\":[513],\"group\":[513]}]]],[\"nano-masked-overflow.cjs\",[[1,\"nano-masked-overflow\",{\"label\":[1],\"scrollControls\":[516,\"scroll-controls\"],\"orientation\":[513],\"showIndicator\":[516,\"show-indicator\"],\"hideScrollbars\":[1032,\"hide-scrollbars\"],\"activeHandler\":[16,\"active-handler\"],\"inactiveHandler\":[16,\"inactive-handler\"],\"isActiveHandler\":[16,\"is-active-handler\"],\"instantReCalc\":[32],\"hasScrollControls\":[32],\"hideControlEnd\":[32],\"hideControlStart\":[32],\"syncActiveItem\":[64]},null,{\"hideScrollbars\":[\"watchHideScrollbars\"],\"isActiveHandler\":[\"watchIsActiveHandler\"],\"hasScrollControls\":[\"watchScrollControls\"],\"hideControlEnd\":[\"hideEndBtn\"],\"hideControlStart\":[\"hideStartBtn\"]}]]],[\"nano-sticker.cjs\",[[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,\"scroll-parent\"],\"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]},null,{\"trigger\":[\"updateTriggerOffset\"],\"scrollParent\":[\"updateTriggerOffset\",\"handleParentEvents\",\"setupIO\"],\"position\":[\"stickerResizeListener\",\"positionChange\"],\"quietMode\":[\"quietModeChange\"],\"offset\":[\"setOffset\"],\"_offset\":[\"setOffset\"],\"isStuck\":[\"stuckChange\"],\"quietModeIsOn\":[\"attachScrollListeners\"],\"stickToEle\":[\"handleParentEvents\",\"stickToEleChange\"],\"stickTo\":[\"stickToChange\"],\"multiStickerHide\":[\"visibilityDecisionHandler\"],\"scrollHide\":[\"visibilityDecisionHandler\"],\"hide\":[\"handleHideChange\"]}]]],[\"nano-spinner.cjs\",[[1,\"nano-spinner\",{\"type\":[1],\"overlay\":[516],\"hasText\":[32]}]]],[\"nano-dropdown_2.cjs\",[[1,\"nano-menu\",{\"hasFocus\":[2052,\"has-focus\"],\"type\":[1],\"label\":[1],\"_type\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"showActiveElement\":[64],\"resetActiveItem\":[64]},[[17,\"mousedown\",\"handleBlur\"],[0,\"keydown\",\"handleBlur\"]]],[1,\"nano-dropdown\",{\"autoOpen\":[4,\"auto-open\"],\"open\":[1540],\"closeOnSelect\":[4,\"close-on-select\"],\"containingElement\":[1040,\"containing-element\"],\"tetherTo\":[16,\"tether-to\"],\"placement\":[1],\"distance\":[2],\"skidding\":[2],\"hoist\":[1028],\"dialogTitle\":[1,\"dialog-title\"],\"eventType\":[16,\"event-type\"],\"show\":[64],\"hide\":[64]},[[0,\"nanoOpen\",\"secondaryOpen\"],[0,\"nanoClose\",\"secondaryClose\"],[0,\"nanoSelect\",\"handlePanelSelect\"]],{\"open\":[\"handleOpenChange\"],\"tetherTo\":[\"handleTetherToChange\"],\"placement\":[\"handlePopoverOptionsChange\"],\"distance\":[\"handlePopoverOptionsChange\"],\"skidding\":[\"handlePopoverOptionsChange\"],\"hoist\":[\"handlePopoverOptionsChange\"]}]]],[\"nano-icon_3.cjs\",[[1,\"nano-icon-button\",{\"iconName\":[1,\"icon-name\"],\"iconSrc\":[1,\"icon-src\"],\"type\":[513],\"name\":[513],\"value\":[513],\"label\":[1],\"showTooltip\":[4,\"show-tooltip\"],\"disabled\":[516],\"href\":[1],\"rel\":[1],\"target\":[1],\"form\":[1],\"setFocus\":[64]}],[1,\"nano-tooltip\",{\"content\":[1],\"placement\":[1],\"disabled\":[4],\"distance\":[2],\"open\":[1540],\"skidding\":[2],\"hoist\":[1028],\"trigger\":[1],\"show\":[64],\"hide\":[64]},null,{\"content\":[\"setLabel\"],\"open\":[\"handleOpenChange\"]}],[1,\"nano-icon\",{\"color\":[1],\"role\":[1537],\"ariaLabel\":[1537,\"aria-label\"],\"flipRtl\":[4,\"flip-rtl\"],\"name\":[513],\"src\":[1],\"icon\":[8],\"size\":[513],\"lazy\":[4],\"svgContent\":[32],\"isVisible\":[32],\"isLoading\":[32]},null,{\"role\":[\"setAriaLabel\"],\"ariaLabel\":[\"updateRole\"],\"name\":[\"loadIcon\"],\"src\":[\"loadIcon\"],\"icon\":[\"loadIcon\"]}]]],[\"nano-date-picker_2.cjs\",[[6,\"nano-input\",{\"invalid\":[2568],\"validityMessage\":[2049,\"validity-message\"],\"accept\":[1],\"autocapitalise\":[1],\"autocomplete\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"clearable\":[4],\"clearOnEdit\":[4,\"clear-on-edit\"],\"debounce\":[2],\"disabled\":[516],\"inputmode\":[1],\"validateOn\":[1025,\"validate-on\"],\"showInlineError\":[516,\"show-inline-error\"],\"label\":[7169],\"alwaysShowPlaceholder\":[4,\"always-show-placeholder\"],\"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\":[513],\"form\":[1],\"value\":[1025],\"valueAsNumber\":[2050,\"value-as-number\"],\"valueAsDate\":[2064,\"value-as-date\"],\"showCharCount\":[4,\"show-char-count\"],\"resize\":[1],\"rows\":[2],\"showPicker\":[4,\"show-picker\"],\"isDateDisabled\":[16,\"is-date-disabled\"],\"initialPickerDate\":[1,\"initial-picker-date\"],\"closeAfterPicked\":[4,\"close-after-picked\"],\"pickerOptions\":[16,\"picker-options\"],\"hasFocus\":[32],\"hasLabelSlot\":[32],\"hasHelperSlot\":[32],\"hasHelperEndSlot\":[32],\"errorMessage\":[32],\"datalist\":[32],\"_invalid\":[32],\"reportValidity\":[64],\"setFocus\":[64],\"select\":[64],\"getInputElement\":[64],\"showError\":[64]},[[16,\"reset\",\"onReset\"],[17,\"mousedown\",\"handleBlur\"],[0,\"keydown\",\"handleBlur\"]],{\"datalist\":[\"setDataListOpts\"],\"debounce\":[\"debounceChanged\"],\"value\":[\"valueChanged\"],\"minlength\":[\"shouldValidate\"],\"maxlength\":[\"shouldValidate\"],\"min\":[\"shouldValidate\"],\"max\":[\"shouldValidate\"],\"required\":[\"shouldValidate\"],\"disabled\":[\"shouldValidate\"],\"readonly\":[\"shouldValidate\"],\"pattern\":[\"shouldValidate\"],\"inputmode\":[\"shouldValidate\"],\"type\":[\"shouldValidate\"]}],[1,\"nano-date-picker\",{\"selectedDate\":[7169,\"selected-date\"],\"min\":[1],\"max\":[1],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"localization\":[16],\"isDateDisabled\":[16,\"is-date-disabled\"],\"isModal\":[4,\"is-modal\"],\"firstFocusEle\":[16,\"first-focus-ele\"],\"activeFocus\":[32],\"focusedDay\":[32],\"setFocus\":[64]},null,{\"selectedDate\":[\"handleSelectedDateChange\"]}]]],[\"nano-datalist_3.cjs\",[[4,\"nano-tag\",{\"closable\":[516],\"size\":[513]}],[1,\"nano-datalist\",{\"selected\":[1040],\"dropDownConfig\":[6160,\"drop-down-config\"],\"options\":[16],\"input\":[1],\"type\":[1],\"activeOptions\":[2064,\"active-options\"],\"open\":[1540],\"disableFilter\":[4,\"disable-filter\"],\"disabled\":[4],\"actvOptEles\":[32],\"connectedInput\":[32],\"inputLabel\":[32],\"hasNoResult\":[32],\"shouldOpen\":[32],\"canOpen\":[32],\"optionIds\":[32]},null,{\"open\":[\"openWatcher\"],\"input\":[\"watchInputChange\"],\"options\":[\"handleOptionsChange\"],\"type\":[\"watchTypeChange\"],\"connectedInput\":[\"watchTypeChange\",\"manageInputEvents\"],\"selected\":[\"watchActvOptChange\"],\"actvOptEles\":[\"watchActvOptChange\",\"manageCanOpen\",\"fireActiveOptsEvent\"],\"hasNoResult\":[\"manageCanOpen\"],\"shouldOpen\":[\"manageDropdownDisplay\"],\"canOpen\":[\"manageDropdownDisplay\"]}],[1,\"nano-option\",{\"value\":[1537],\"label\":[1537],\"selected\":[516],\"disabled\":[516],\"filterMeta\":[1,\"filter-meta\"],\"href\":[1]},[[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"valueChanged\"],\"label\":[\"labelChanged\"]}]]],[\"nano-avatar_5.cjs\",[[6,\"nano-select\",{\"invalid\":[2568],\"validityMessage\":[2049,\"validity-message\"],\"autofocus\":[4],\"disabled\":[516],\"validateOn\":[1025,\"validate-on\"],\"showInlineError\":[516,\"show-inline-error\"],\"label\":[7169],\"hideLabel\":[4,\"hide-label\"],\"floatLabel\":[4,\"float-label\"],\"multiple\":[4],\"maxValuesVisible\":[8,\"max-values-visible\"],\"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],\"clearable\":[4],\"mask\":[4],\"debounce\":[2],\"dropDownConfig\":[16,\"drop-down-config\"],\"valueTagTemplate\":[16,\"value-tag-template\"],\"currInsertIndex\":[32],\"showErrorMsg\":[32],\"errorMessage\":[32],\"hasFocus\":[32],\"hasOpened\":[32],\"hasLabelSlot\":[32],\"hasHelperSlot\":[32],\"hasHelperEndSlot\":[32],\"inputSearchVal\":[32],\"_invalid\":[32],\"_elementOptions\":[32],\"reportValidity\":[64],\"setFocus\":[64],\"getSelectElement\":[64],\"showError\":[64]},[[16,\"reset\",\"onReset\"],[17,\"mousedown\",\"handleBlur\"],[0,\"keydown\",\"handleBlur\"]],{\"maxValuesVisible\":[\"watchMaxValuesVisible\"],\"value\":[\"valueChanged\"],\"debounce\":[\"debounceChanged\"],\"required\":[\"shouldValidate\"],\"disabled\":[\"shouldValidate\"],\"min\":[\"shouldValidate\"],\"max\":[\"shouldValidate\"],\"readonly\":[\"shouldValidate\"],\"dropDownConfig\":[\"setDataListOpts\"]}],[1,\"nano-drawer\",{\"open\":[1540],\"label\":[513],\"placement\":[513],\"contained\":[516],\"noHeader\":[516,\"no-header\"],\"storeId\":[1,\"store-id\"],\"storeMethod\":[1,\"store-method\"],\"noUserDismiss\":[4,\"no-user-dismiss\"],\"hoist\":[4],\"resizable\":[4],\"noDismiss\":[32],\"isOpen\":[32],\"show\":[64],\"hide\":[64]},null,{\"hoist\":[\"handleHoistChange\"],\"contained\":[\"handleNoModalChange\"],\"open\":[\"handleOpenChange\"]}],[1,\"nano-global-search-results\",{\"algoliaResults\":[32],\"algoliaEle\":[32],\"currentWidth\":[32],\"apiKey\":[32],\"appId\":[32],\"index\":[32],\"closeSearch\":[64]},[[0,\"nanoChange\",\"handleReorder\"],[0,\"nanoResultsShown\",\"attachListeners\"],[0,\"nanoNewResults\",\"attachResultListeners\"]],{\"algoliaEle\":[\"handleAlgoliaCredsChange\",\"handleAlgoliaIndexChange\",\"handleAlgoliaEleChange\"],\"apiKey\":[\"handleAlgoliaCredsChange\"],\"appId\":[\"handleAlgoliaCredsChange\"],\"index\":[\"handleAlgoliaIndexChange\"],\"algoliaResults\":[\"handleAlgoliaEleChange\"]}],[0,\"nano-avatar\",{\"initials\":[513]}],[0,\"nano-badge\",{\"theme\":[513],\"strength\":[513],\"pulse\":[516]}]]],[\"nano-resize-observe_2.cjs\",[[1,\"nano-resize-observe\",{\"notifyContentFit\":[1,\"notify-content-fit\"],\"states\":[1],\"currentWidth\":[32],\"currentHeight\":[32],\"classNames\":[32],\"contentFitX\":[32],\"contentFitY\":[32]},null,{\"classNames\":[\"classNameChange\"],\"states\":[\"newStatesProp\",\"statesChanged\"],\"currentHeight\":[\"dimensionChanged\"],\"currentWidth\":[\"dimensionChanged\"]}],[1,\"nano-skeleton\",{\"animated\":[4]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"nano-global-nav.cjs\",[[1,\"nano-global-nav\",{\"logoUrl\":[1,\"logo-url\"],\"cartUrl\":[1025,\"cart-url\"],\"msgUrl\":[1025,\"msg-url\"],\"loginUrl\":[1025,\"login-url\"],\"logoutUrl\":[1025,\"logout-url\"],\"contactUrl\":[1025,\"contact-url\"],\"sessionRedirect\":[6145,\"session-redirect\"],\"cartCount\":[1026,\"cart-count\"],\"msgCount\":[1026,\"msg-count\"],\"myAccountUrl\":[1,\"my-account-url\"],\"myAccountData\":[1040,\"my-account-data\"],\"myAccountUser\":[2064,\"my-account-user\"],\"searchIndex\":[1025,\"search-index\"],\"searchValue\":[6145,\"search-value\"],\"overflowOpen\":[32],\"isLoggedIn\":[32],\"shouldResize\":[32],\"breakpoint\":[32],\"searchIndices\":[32],\"searchBarShown\":[32],\"searchLoading\":[32],\"_searchValue\":[32],\"openOverflowMenu\":[64],\"closeOverflowMenu\":[64],\"submitSearch\":[64]},null,{\"myAccountUrl\":[\"handleMyAccountUrl\"],\"myAccountData\":[\"processUserData\",\"initSearch\"],\"shouldResize\":[\"breakpointChanged\"],\"breakpoint\":[\"breakpointChanged\"],\"searchIndices\":[\"handleSearchIndex\"],\"searchIndex\":[\"handleSearchIndex\"]}]]],[\"nano-data-table.cjs\",[[4,\"nano-data-table\",{\"customRenderer\":[16,\"custom-renderer\"],\"scrollable\":[516],\"caption\":[1],\"showCaption\":[4,\"show-caption\"],\"loading\":[4],\"placeholderSize\":[2,\"placeholder-size\"],\"rows\":[16],\"columns\":[1040],\"headRender\":[16,\"head-render\"],\"rowRender\":[16,\"row-render\"],\"footRender\":[16,\"foot-render\"],\"showFooter\":[4,\"show-footer\"],\"perBlock\":[2,\"per-block\"],\"blocksLength\":[2050,\"blocks-length\"],\"searchTerm\":[1,\"search-term\"],\"customFilterFn\":[16,\"custom-filter-fn\"],\"customSortFn\":[16,\"custom-sort-fn\"],\"defaultSort\":[4,\"default-sort\"],\"showPaginateSpinner\":[4,\"show-paginate-spinner\"],\"virtualTotalItems\":[2,\"virtual-total-items\"],\"appliedFilters\":[2064,\"applied-filters\"],\"internalLoading\":[32],\"blocks\":[32],\"activeBlocks\":[32],\"resetSorting\":[64],\"addSort\":[64],\"resetFilters\":[64],\"addFilters\":[64],\"removeFilters\":[64],\"updateRow\":[64]},null,{\"rows\":[\"handleRowsChange\"],\"columns\":[\"handleColsChange\"],\"searchTerm\":[\"handleSearchTermChange\"],\"virtualTotalItems\":[\"virtualTotalItemsChangeHandler\"]}]]],[\"nano-date-input.cjs\",[[6,\"nano-date-input\",{\"invalid\":[2564],\"validityMessage\":[2049,\"validity-message\"],\"helperText\":[4,\"helper-text\"],\"helperTextFormat\":[16,\"helper-text-format\"],\"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],\"clearable\":[4],\"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\"],\"dropDownConfig\":[6160,\"drop-down-config\"],\"dateValue\":[2064,\"date-value\"],\"isDateDisabled\":[16,\"is-date-disabled\"],\"pattern\":[32],\"inputValue\":[32],\"_invalid\":[32],\"reportValidity\":[64],\"setFocus\":[64],\"getInputElement\":[64],\"showError\":[64]},null,{\"value\":[\"handleValueChange\",\"testDateValidity\"],\"dateOrder\":[\"handleDateOrderChange\"],\"min\":[\"testDateValidity\"],\"max\":[\"testDateValidity\"],\"pickerOpen\":[\"handlePickerOpenChange\"]}]]],[\"nano-breadcrumb.cjs\",[[1,\"nano-breadcrumb\",{\"breadcrumbs\":[16],\"isOpen\":[32]}]]],[\"nano-collapsible-comparison.cjs\",[[1,\"nano-collapsible-comparison\",{\"open\":[1540]},null,{\"open\":[\"handleOpenChange\"]}]]],[\"nano-dialog.cjs\",[[1,\"nano-dialog\",{\"showRibbon\":[4,\"show-ribbon\"],\"open\":[1540],\"label\":[1],\"noHeader\":[4,\"no-header\"],\"noUserDismiss\":[4,\"no-user-dismiss\"],\"storeId\":[1,\"store-id\"],\"storeMethod\":[1,\"store-method\"],\"hoist\":[4],\"noDismiss\":[32],\"hidden\":[32],\"show\":[64],\"hide\":[64]},null,{\"open\":[\"handleOpenChange\"],\"hoist\":[\"handleHoistChange\"]}]]],[\"nano-file-upload.cjs\",[[6,\"nano-file-upload\",{\"name\":[1],\"accept\":[1],\"capture\":[1],\"maxFileSize\":[2,\"max-file-size\"],\"maxFiles\":[2,\"max-files\"],\"label\":[6145],\"placeholder\":[1],\"hideLabel\":[4,\"hide-label\"],\"required\":[4],\"disabled\":[516],\"clearable\":[4],\"showInlineError\":[516,\"show-inline-error\"],\"validateOn\":[1025,\"validate-on\"],\"form\":[1],\"invalid\":[2568],\"validityMessage\":[2049,\"validity-message\"],\"files\":[6160],\"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\"],[16,\"reset\",\"onReset\"]],{\"fileList\":[\"fileListChange\",\"shouldValidate\"],\"maxFiles\":[\"shouldValidate\"],\"maxFileSize\":[\"shouldValidate\"],\"capture\":[\"shouldValidate\"],\"accept\":[\"shouldValidate\"],\"required\":[\"shouldValidate\"],\"disabled\":[\"shouldValidate\"]}]]],[\"nano-tab-group.cjs\",[[1,\"nano-tab-group\",{\"placement\":[513],\"noScrollControls\":[4,\"no-scroll-controls\"],\"equalTabSize\":[516,\"equal-tab-size\"],\"size\":[513],\"storeId\":[1,\"store-id\"],\"storeMethod\":[1,\"store-method\"],\"disableSwipe\":[4,\"disable-swipe\"],\"show\":[64]},[[0,\"nanoTabClose\",\"handleTabClose\"]]]]],[\"nano-table.cjs\",[[6,\"nano-table\",{\"compact\":[520],\"scrollable\":[516],\"hideCaption\":[516,\"hide-caption\"],\"propsReady\":[32]},null,{\"compact\":[\"handleCompactChange\"],\"hideCaption\":[\"handleHideCaptionChange\"]}]]],[\"nano-alert.cjs\",[[1,\"nano-alert\",{\"open\":[1540],\"closable\":[516],\"color\":[513],\"theme\":[513],\"duration\":[2],\"hoist\":[4],\"countdown\":[516],\"isModal\":[32],\"isToast\":[32],\"isShowing\":[32],\"label\":[32],\"noDismiss\":[32],\"remainingTime\":[32],\"show\":[64],\"hide\":[64],\"toast\":[64],\"alert\":[64]},null,{\"open\":[\"handleOpenChange\"],\"duration\":[\"handleDurationChange\"],\"hoist\":[\"handleHoistChange\"]}]]],[\"nano-hero.cjs\",[[1,\"nano-hero\",{\"imgSrc\":[1,\"img-src\"],\"imgSrcSet\":[1,\"img-src-set\"],\"largeScreenBP\":[2,\"large-screen-b-p\"],\"theme\":[1],\"level\":[1],\"hasIconBox\":[32],\"hasScrim\":[32],\"hasSecondaryContent\":[32],\"hasQuote\":[32],\"hasBg\":[32],\"hasBackBtn\":[32],\"hasCtas\":[32],\"breadCrumbs\":[32],\"iconBoxItems\":[32]},null,{\"breadCrumbs\":[\"breadCrumbChange\"],\"iconBoxItems\":[\"iconBoxItemChange\"]}]]],[\"nano-tab.cjs\",[[1,\"nano-tab\",{\"panel\":[513],\"active\":[516],\"disabled\":[516],\"closable\":[4],\"setFocus\":[64],\"removeFocus\":[64]}]]],[\"nano-in-page-nav.cjs\",[[1,\"nano-in-page-nav\",{\"breakpoint\":[2],\"stickyHeaders\":[4,\"sticky-headers\"],\"isMobile\":[32]}]]],[\"nano-card-carousel.cjs\",[[1,\"nano-card-carousel\",{\"carouselTitle\":[1,\"carousel-title\"],\"slideCount\":[32],\"slideOptions\":[32],\"activeSlide\":[32]},null,{\"slideCount\":[\"handleSlideCountChange\"]}]]],[\"nano-footer.cjs\",[[1,\"nano-footer\"]]],[\"nano-menu-drawer.cjs\",[[1,\"nano-menu-drawer\",{\"open\":[1028],\"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\"]],{\"open\":[\"openChange\"],\"widthOk\":[\"widthChange\"],\"hideHeight\":[\"hideHeightChange\"]}]]],[\"nano-split-pane.cjs\",[[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\"],\"getPercentageToPixels\":[64],\"getPixelsToPercentage\":[64]},null,{\"position\":[\"handlePositionChange\"],\"positionInPixels\":[\"handlePositionInPixelsChange\"]}]]],[\"nano-accordion.cjs\",[[1,\"nano-accordion\",{\"itemOpened\":[32]},[[0,\"nanoOpen\",\"onToggleHandler\"],[0,\"nanoClose\",\"onClosedHandler\"]]]]],[\"nano-algolia-filter.cjs\",[[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\"]],{\"value\":[\"valueSet\"],\"internalValue\":[\"valueChanged\"],\"facets\":[\"appliedFilterChanged\"],\"tplRenderFn\":[\"tplUpdate\"],\"indexResults\":[\"handleFilterChange\"]}]]],[\"nano-algolia-pagination.cjs\",[[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]},null,{\"currentPage\":[\"currentPageChange\"],\"infiniteScroll\":[\"infiniteScrollChange\"]}]]],[\"nano-algolia-results.cjs\",[[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]},null,{\"results\":[\"addContentIndex\",\"resultsChange\"],\"tplRenderFn\":[\"resultsChange\"],\"facets\":[\"headerFooterChange\"],\"appendPages\":[\"appendChange\"],\"infiniteScroll\":[\"infiniteScrollChange\"],\"resultsPage\":[\"handlePageChage\"],\"isLoading\":[\"handleLoading\"]}]]],[\"nano-animation.cjs\",[[1,\"nano-animation\",{\"name\":[1],\"play\":[1540],\"delay\":[2],\"direction\":[1],\"duration\":[2],\"easing\":[1],\"endDelay\":[2,\"end-delay\"],\"fill\":[1],\"iterations\":[2],\"iterationStart\":[2,\"iteration-start\"],\"keyframes\":[16],\"playbackRate\":[2,\"playback-rate\"],\"currentTime\":[6146,\"current-time\"],\"defaultSlot\":[32],\"cancel\":[64],\"finish\":[64]},null,{\"defaultSlot\":[\"createAnimation\"],\"name\":[\"handleAnimationChange\"],\"delay\":[\"handleAnimationChange\"],\"direction\":[\"handleAnimationChange\"],\"duration\":[\"handleAnimationChange\"],\"easing\":[\"handleAnimationChange\"],\"endDelay\":[\"handleAnimationChange\"],\"fill\":[\"handleAnimationChange\"],\"iterations\":[\"handleAnimationChange\"],\"iterationStart\":[\"handleAnimationChange\"],\"keyframes\":[\"handleAnimationChange\"],\"play\":[\"handlePlayChange\"],\"playbackRate\":[\"handlePlaybackRateChange\"]}]]],[\"nano-card.cjs\",[[0,\"nano-card\",{\"layout\":[513],\"variant\":[513],\"size\":[513]}]]],[\"nano-checkbox.cjs\",[[6,\"nano-checkbox\",{\"hasFocus\":[1540,\"has-focus\"],\"checked\":[1540],\"disabled\":[516],\"value\":[513],\"name\":[513],\"required\":[516],\"type\":[513],\"label\":[1],\"hideLabel\":[4,\"hide-label\"],\"indeterminate\":[1540],\"invalid\":[2564],\"validityMessage\":[2049,\"validity-message\"],\"form\":[1],\"inputType\":[32],\"hasLabel\":[32],\"_invalid\":[32],\"getInputElement\":[64],\"reportValidity\":[64],\"setError\":[64],\"setFocus\":[64],\"removeFocus\":[64]},[[0,\"click\",\"onHostClick\"],[16,\"reset\",\"onReset\"]],{\"checked\":[\"handleCheckedChange\"],\"type\":[\"typeChange\"],\"indeterminate\":[\"handleIndeterminateChange\"]}]]],[\"nano-checkbox-group.cjs\",[[6,\"nano-checkbox-group\",{\"validateOn\":[1025,\"validate-on\"],\"showInlineError\":[4,\"show-inline-error\"],\"min\":[2],\"max\":[2],\"disabled\":[516],\"legend\":[7169],\"hideLegend\":[4,\"hide-legend\"],\"invalid\":[2564],\"validityMessage\":[2049,\"validity-message\"],\"value\":[1025],\"checkboxes\":[32],\"nativeCbs\":[32],\"errorMessage\":[32],\"showErrorMsg\":[32],\"hasHelperSlot\":[32],\"_invalid\":[32],\"reportValidity\":[64],\"showError\":[64]},[[0,\"nanoChange\",\"handleValueChange\"]],{\"value\":[\"handleValuePropChange\"],\"min\":[\"handleCbChange\"],\"max\":[\"handleCbChange\"],\"nativeCbs\":[\"customValidate\"],\"checkboxes\":[\"handleComponentChange\",\"handleDisabledChange\"],\"disabled\":[\"handleDisabledChange\"]}]]],[\"nano-content-links.cjs\",[[0,\"nano-content-links\"]]],[\"nano-field-validator.cjs\",[[6,\"nano-field-validator\",{\"validateOn\":[1025,\"validate-on\"],\"scrollToInvalid\":[4,\"scroll-to-invalid\"],\"dirty\":[2564],\"valid\":[2564],\"store\":[2064],\"payload\":[2064],\"showValidation\":[2052,\"show-validation\"],\"validationState\":[2064,\"validation-state\"],\"extraFieldSelector\":[1,\"extra-field-selector\"],\"validation\":[16],\"submitted\":[32],\"userForm\":[32],\"_dirty\":[32],\"_valid\":[32],\"_store\":[32],\"setStore\":[64],\"setCustomValidity\":[64],\"resetValidity\":[64],\"scrollToFirstInvalid\":[64]},[[0,\"nanoChange\",\"handleFieldChange\"],[0,\"input\",\"handlePlainFieldChange\"],[0,\"change\",\"handlePlainFieldChange\"],[0,\"submit\",\"handleSubmit\"]],{\"userForm\":[\"userFormChange\"],\"validateOn\":[\"validateOnChange\"],\"extraFieldSelector\":[\"attachSlotObserver\"]}]]],[\"nano-grid-item.cjs\",[[1,\"nano-grid-item\"]]],[\"nano-icon-item.cjs\",[[0,\"nano-icon-item\",{\"layout\":[513],\"size\":[513]}]]],[\"nano-intersection-observe.cjs\",[[1,\"nano-intersection-observe\",{\"root\":[1],\"rootMargin\":[1,\"root-margin\"],\"threshold\":[1],\"defaultSlot\":[32]},null,{\"root\":[\"handleRootChange\"],\"threshold\":[\"handleThresholdChange\"],\"defaultSlot\":[\"addIO\"]}]]],[\"nano-more-less.cjs\",[[1,\"nano-more-less\",{\"show\":[1540],\"childrenSelector\":[1,\"children-selector\"],\"maxToShow\":[2,\"max-to-show\"],\"noHideBtn\":[4,\"no-hide-btn\"]},null,{\"maxToShow\":[\"handleShowHideElements\"],\"show\":[\"handleShowHideElements\"],\"childrenSelector\":[\"handleShowHideElements\"]}]]],[\"nano-range.cjs\",[[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]},null,{\"debounce\":[\"debounceChanged\"],\"min\":[\"minChanged\"],\"max\":[\"maxChanged\"],\"disabled\":[\"disabledChanged\"],\"value\":[\"valueChanged\"]}]]],[\"nano-rating.cjs\",[[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]},null,{\"value\":[\"handleValueChange\"],\"symbolName\":[\"handleSymbolChange\"]}]]],[\"nano-slide.cjs\",[[1,\"nano-slide\",{\"ready\":[1540]},null,{\"ready\":[\"readyChange\"]}]]],[\"nano-sortable.cjs\",[[1,\"nano-sortable\",{\"itemSelector\":[1,\"item-selector\"],\"handleSelector\":[1,\"handle-selector\"],\"dropzoneSelector\":[1,\"dropzone-selector\"],\"helperText\":[1,\"helper-text\"],\"itemDescriptor\":[16,\"item-descriptor\"],\"grabbedHelperText\":[16,\"grabbed-helper-text\"],\"droppedHelperText\":[16,\"dropped-helper-text\"],\"reorderHelperText\":[16,\"reorder-helper-text\"],\"createKeyboardHandle\":[16,\"create-keyboard-handle\"],\"sortableHostElement\":[16,\"sortable-host-element\"],\"animationEnabled\":[4,\"animation-enabled\"],\"draggedClass\":[1,\"dragged-class\"],\"handleDraggedClass\":[1,\"handle-dragged-class\"],\"placeholderClass\":[1,\"placeholder-class\"],\"dropzoneActiveClass\":[1,\"dropzone-active-class\"],\"animationTiming\":[8,\"animation-timing\"],\"orientation\":[1],\"dragResize\":[4,\"drag-resize\"],\"keyboardSortActive\":[32],\"ariaTextList\":[32],\"refreshKeyboardHandles\":[64]},null,{\"itemSelector\":[\"handleItemSelectorChange\"],\"handleSelector\":[\"handleHandleSelectorChange\"],\"createKeyboardHandle\":[\"handleCreateKeyboardHandleChange\"],\"sortableHostElement\":[\"handleSortableHostElement\"]}]]],[\"nano-tab-content.cjs\",[[1,\"nano-tab-content\",{\"name\":[513],\"active\":[516],\"ready\":[32]}]]],[\"nano-details.cjs\",[[1,\"nano-details\",{\"label\":[1],\"open\":[1540],\"disabled\":[516],\"size\":[513]},null,{\"open\":[\"toggleClick\"]}]]],[\"nano-nav-item.cjs\",[[1,\"nano-nav-item\",{\"href\":[1537],\"target\":[1],\"disabled\":[516],\"open\":[1540],\"selected\":[1540],\"checkbox\":[516],\"closeOnBlur\":[4,\"close-on-blur\"],\"notification\":[4],\"didOpen\":[32],\"isInMenuDrawer\":[32],\"setFocus\":[64]},[[16,\"click\",\"handleClose\"],[16,\"keyup\",\"handleClose\"]],{\"open\":[\"openChange\"],\"didOpen\":[\"didOpenChange\"]}]]],[\"nano-progress-bar.cjs\",[[0,\"nano-progress-bar\",{\"showPercent\":[516,\"show-percent\"],\"size\":[513]}]]],[\"nano-slides.cjs\",[[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],\"slideTo\":[64],\"slideNext\":[64],\"slidePrev\":[64],\"getActiveIndex\":[64],\"length\":[64],\"isEnd\":[64],\"isBeginning\":[64],\"startAutoplay\":[64],\"stopAutoplay\":[64],\"lockSwipes\":[64],\"getflickity\":[64],\"reload\":[64]},null,{\"options\":[\"optionsChanged\"],\"navbtns\":[\"navbtnsChanged\"],\"pager\":[\"pagerChanged\"],\"fullscreenbtn\":[\"fullscreenBtnChanged\"],\"fullscreen\":[\"fullscreenChanged\"],\"animation\":[\"animationChange\"],\"currentSlide\":[\"currentSlideChange\"],\"iCurrentSlide\":[\"internalSlideChange\"],\"autoplay\":[\"autoPlayChange\"]}]]],[\"nano-grid_2.cjs\",[[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]},null,{\"_src\":[\"_srcChanged\"],\"src\":[\"srcChanged\"],\"srcSet\":[\"srcSetChanged\"],\"lazy\":[\"lazyChanged\"]}],[1,\"nano-grid\",{\"sSize\":[520,\"s-size\"],\"mSize\":[520,\"m-size\"],\"lSize\":[520,\"l-size\"],\"xlSize\":[520,\"xl-size\"],\"sCols\":[514,\"s-cols\"],\"mCols\":[514,\"m-cols\"],\"lCols\":[514,\"l-cols\"],\"xlCols\":[514,\"xl-cols\"],\"xxlCols\":[514,\"xxl-cols\"],\"sTpl\":[1,\"s-tpl\"],\"mTpl\":[1,\"m-tpl\"],\"lTpl\":[1,\"l-tpl\"],\"xlTpl\":[1,\"xl-tpl\"],\"xxlTpl\":[1,\"xxl-tpl\"],\"showHelper\":[516,\"show-helper\"],\"cacheKey\":[32]},null,{\"sTpl\":[\"constructSizeArray\"],\"mTpl\":[\"constructSizeArray\"],\"lTpl\":[\"constructSizeArray\"],\"xlTpl\":[\"constructSizeArray\"],\"xxlTpl\":[\"constructSizeArray\"],\"sSize\":[\"constructSizeArray\"],\"mSize\":[\"constructSizeArray\"],\"lSize\":[\"constructSizeArray\"],\"xlSize\":[\"constructSizeArray\"],\"sCols\":[\"constructSizeArray\"],\"mCols\":[\"constructSizeArray\"],\"lCols\":[\"constructSizeArray\"],\"xlCols\":[\"constructSizeArray\"],\"xxlCols\":[\"constructSizeArray\"],\"showHelper\":[\"constructSizeArray\"]}]]],[\"nano-algolia.cjs\",[[1,\"nano-algolia\",{\"showResults\":[1028,\"show-results\"],\"resultsPage\":[1026,\"results-page\"],\"appId\":[1025,\"app-id\"],\"apiKey\":[1025,\"api-key\"],\"searchIndex\":[1040,\"search-index\"],\"searchIndexName\":[1025,\"search-index-name\"],\"listenTo\":[1,\"listen-to\"],\"query\":[1025],\"operator\":[1],\"filters\":[16],\"tplRenderFn\":[16,\"tpl-render-fn\"],\"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],\"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\"]],{\"listenTo\":[\"handleListenToChange\"],\"_dynFacetFilters\":[\"dynFacetFiltersChange\"],\"browseIndex\":[\"browseIndexChange\"],\"inputField\":[\"inputFieldSet\"],\"query\":[\"queryChange\"],\"replicaIndex\":[\"internalIndexSwitch\"],\"resultsPage\":[\"pageChange\"],\"searchIndexName\":[\"searchIndexNameChange\"],\"apiKey\":[\"initAlgoliaClient\"],\"appId\":[\"initAlgoliaClient\"],\"searchIndex\":[\"initAlgoliaIndex\"],\"showResults\":[\"showResultsChange\"],\"filters\":[\"handleFilterpropChange\"]}]]],[\"nano-masked-overflow.cjs\",[[1,\"nano-masked-overflow\",{\"label\":[1],\"scrollControls\":[516,\"scroll-controls\"],\"orientation\":[513],\"showIndicator\":[516,\"show-indicator\"],\"hideScrollbars\":[1032,\"hide-scrollbars\"],\"activeHandler\":[16,\"active-handler\"],\"inactiveHandler\":[16,\"inactive-handler\"],\"isActiveHandler\":[16,\"is-active-handler\"],\"instantReCalc\":[32],\"hasScrollControls\":[32],\"hideControlEnd\":[32],\"hideControlStart\":[32],\"syncActiveItem\":[64]},null,{\"hideScrollbars\":[\"watchHideScrollbars\"],\"isActiveHandler\":[\"watchIsActiveHandler\"],\"hasScrollControls\":[\"watchScrollControls\"],\"hideControlEnd\":[\"hideEndBtn\"],\"hideControlStart\":[\"hideStartBtn\"]}]]],[\"nano-cta.cjs\",[[0,\"nano-cta\",{\"theme\":[513],\"secondary\":[516],\"size\":[513],\"loading\":[513],\"icon\":[513],\"group\":[513]}]]],[\"nano-resize-observe.cjs\",[[1,\"nano-resize-observe\",{\"notifyContentFit\":[1,\"notify-content-fit\"],\"states\":[1],\"currentWidth\":[32],\"currentHeight\":[32],\"classNames\":[32],\"contentFitX\":[32],\"contentFitY\":[32]},null,{\"classNames\":[\"classNameChange\"],\"states\":[\"newStatesProp\",\"statesChanged\"],\"currentHeight\":[\"dimensionChanged\"],\"currentWidth\":[\"dimensionChanged\"]}]]],[\"nano-sticker.cjs\",[[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,\"scroll-parent\"],\"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]},null,{\"trigger\":[\"updateTriggerOffset\"],\"scrollParent\":[\"updateTriggerOffset\",\"handleParentEvents\",\"setupIO\"],\"position\":[\"stickerResizeListener\",\"positionChange\"],\"quietMode\":[\"quietModeChange\"],\"offset\":[\"setOffset\"],\"_offset\":[\"setOffset\"],\"isStuck\":[\"stuckChange\"],\"quietModeIsOn\":[\"attachScrollListeners\"],\"stickToEle\":[\"handleParentEvents\",\"stickToEleChange\"],\"stickTo\":[\"stickToChange\"],\"multiStickerHide\":[\"visibilityDecisionHandler\"],\"scrollHide\":[\"visibilityDecisionHandler\"],\"hide\":[\"handleHideChange\"]}]]],[\"nano-spinner.cjs\",[[1,\"nano-spinner\",{\"type\":[1],\"overlay\":[516],\"hasText\":[32]}]]],[\"nano-dropdown_2.cjs\",[[1,\"nano-menu\",{\"hasFocus\":[2052,\"has-focus\"],\"type\":[1],\"label\":[1],\"_type\":[32],\"setFocus\":[64],\"removeFocus\":[64],\"showActiveElement\":[64],\"resetActiveItem\":[64]},[[17,\"mousedown\",\"handleBlur\"],[0,\"keydown\",\"handleBlur\"]]],[1,\"nano-dropdown\",{\"autoOpen\":[4,\"auto-open\"],\"open\":[1540],\"closeOnSelect\":[4,\"close-on-select\"],\"containingElement\":[1040,\"containing-element\"],\"tetherTo\":[16,\"tether-to\"],\"placement\":[1],\"distance\":[2],\"skidding\":[2],\"hoist\":[1028],\"dialogTitle\":[1,\"dialog-title\"],\"eventType\":[16,\"event-type\"],\"show\":[64],\"hide\":[64]},[[0,\"nanoOpen\",\"secondaryOpen\"],[0,\"nanoClose\",\"secondaryClose\"],[0,\"nanoSelect\",\"handlePanelSelect\"]],{\"open\":[\"handleOpenChange\"],\"tetherTo\":[\"handleTetherToChange\"],\"placement\":[\"handlePopoverOptionsChange\"],\"distance\":[\"handlePopoverOptionsChange\"],\"skidding\":[\"handlePopoverOptionsChange\"],\"hoist\":[\"handlePopoverOptionsChange\"]}]]],[\"nano-icon_3.cjs\",[[1,\"nano-icon-button\",{\"iconName\":[1,\"icon-name\"],\"iconSrc\":[1,\"icon-src\"],\"type\":[513],\"name\":[513],\"value\":[513],\"label\":[1],\"showTooltip\":[4,\"show-tooltip\"],\"disabled\":[516],\"href\":[1],\"rel\":[1],\"target\":[1],\"form\":[1],\"setFocus\":[64]}],[1,\"nano-tooltip\",{\"content\":[1],\"placement\":[1],\"disabled\":[4],\"distance\":[2],\"open\":[1540],\"skidding\":[2],\"hoist\":[1028],\"trigger\":[1],\"show\":[64],\"hide\":[64]},null,{\"content\":[\"setLabel\"],\"open\":[\"handleOpenChange\"]}],[1,\"nano-icon\",{\"color\":[1],\"role\":[1537],\"ariaLabel\":[1537,\"aria-label\"],\"flipRtl\":[4,\"flip-rtl\"],\"name\":[513],\"src\":[1],\"icon\":[8],\"size\":[513],\"lazy\":[4],\"svgContent\":[32],\"isVisible\":[32],\"isLoading\":[32]},null,{\"role\":[\"setAriaLabel\"],\"ariaLabel\":[\"updateRole\"],\"name\":[\"loadIcon\"],\"src\":[\"loadIcon\"],\"icon\":[\"loadIcon\"]}]]],[\"nano-date-picker_2.cjs\",[[6,\"nano-input\",{\"invalid\":[2568],\"validityMessage\":[2049,\"validity-message\"],\"accept\":[1],\"autocapitalise\":[1],\"autocomplete\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"clearable\":[4],\"clearOnEdit\":[4,\"clear-on-edit\"],\"debounce\":[2],\"disabled\":[516],\"inputmode\":[1],\"validateOn\":[1025,\"validate-on\"],\"showInlineError\":[516,\"show-inline-error\"],\"label\":[7169],\"alwaysShowPlaceholder\":[4,\"always-show-placeholder\"],\"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\":[513],\"form\":[1],\"value\":[1025],\"valueAsNumber\":[2050,\"value-as-number\"],\"valueAsDate\":[2064,\"value-as-date\"],\"showCharCount\":[4,\"show-char-count\"],\"resize\":[1],\"rows\":[2],\"showPicker\":[4,\"show-picker\"],\"isDateDisabled\":[16,\"is-date-disabled\"],\"initialPickerDate\":[1,\"initial-picker-date\"],\"closeAfterPicked\":[4,\"close-after-picked\"],\"pickerOptions\":[16,\"picker-options\"],\"hasFocus\":[32],\"hasLabelSlot\":[32],\"hasHelperSlot\":[32],\"hasHelperEndSlot\":[32],\"errorMessage\":[32],\"datalist\":[32],\"_invalid\":[32],\"reportValidity\":[64],\"setFocus\":[64],\"select\":[64],\"getInputElement\":[64],\"showError\":[64]},[[16,\"reset\",\"onReset\"],[17,\"mousedown\",\"handleBlur\"],[0,\"keydown\",\"handleBlur\"]],{\"datalist\":[\"setDataListOpts\"],\"debounce\":[\"debounceChanged\"],\"value\":[\"valueChanged\"],\"minlength\":[\"shouldValidate\"],\"maxlength\":[\"shouldValidate\"],\"min\":[\"shouldValidate\"],\"max\":[\"shouldValidate\"],\"required\":[\"shouldValidate\"],\"disabled\":[\"shouldValidate\"],\"readonly\":[\"shouldValidate\"],\"pattern\":[\"shouldValidate\"],\"inputmode\":[\"shouldValidate\"],\"type\":[\"shouldValidate\"]}],[1,\"nano-date-picker\",{\"selectedDate\":[7169,\"selected-date\"],\"min\":[1],\"max\":[1],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"localization\":[16],\"isDateDisabled\":[16,\"is-date-disabled\"],\"isModal\":[4,\"is-modal\"],\"firstFocusEle\":[16,\"first-focus-ele\"],\"activeFocus\":[32],\"focusedDay\":[32],\"setFocus\":[64]},null,{\"selectedDate\":[\"handleSelectedDateChange\"]}]]],[\"nano-datalist_3.cjs\",[[4,\"nano-tag\",{\"closable\":[516],\"size\":[513]}],[1,\"nano-datalist\",{\"selected\":[1040],\"dropDownConfig\":[6160,\"drop-down-config\"],\"options\":[16],\"input\":[1],\"type\":[1],\"activeOptions\":[2064,\"active-options\"],\"open\":[1540],\"disableFilter\":[4,\"disable-filter\"],\"disabled\":[4],\"actvOptEles\":[32],\"connectedInput\":[32],\"inputLabel\":[32],\"hasNoResult\":[32],\"shouldOpen\":[32],\"canOpen\":[32],\"optionIds\":[32]},null,{\"open\":[\"openWatcher\"],\"input\":[\"watchInputChange\"],\"options\":[\"handleOptionsChange\"],\"type\":[\"watchTypeChange\"],\"connectedInput\":[\"watchTypeChange\",\"manageInputEvents\"],\"selected\":[\"watchActvOptChange\"],\"actvOptEles\":[\"watchActvOptChange\",\"manageCanOpen\",\"fireActiveOptsEvent\"],\"hasNoResult\":[\"manageCanOpen\"],\"shouldOpen\":[\"manageDropdownDisplay\"],\"canOpen\":[\"manageDropdownDisplay\"]}],[1,\"nano-option\",{\"value\":[1537],\"label\":[1537],\"selected\":[516],\"disabled\":[516],\"filterMeta\":[1,\"filter-meta\"],\"href\":[1]},[[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"valueChanged\"],\"label\":[\"labelChanged\"]}]]],[\"nano-avatar_5.cjs\",[[6,\"nano-select\",{\"invalid\":[2568],\"validityMessage\":[2049,\"validity-message\"],\"autofocus\":[4],\"disabled\":[516],\"validateOn\":[1025,\"validate-on\"],\"showInlineError\":[516,\"show-inline-error\"],\"label\":[7169],\"hideLabel\":[4,\"hide-label\"],\"floatLabel\":[4,\"float-label\"],\"multiple\":[4],\"maxValuesVisible\":[8,\"max-values-visible\"],\"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],\"clearable\":[4],\"mask\":[4],\"debounce\":[2],\"dropDownConfig\":[16,\"drop-down-config\"],\"valueTagTemplate\":[16,\"value-tag-template\"],\"currInsertIndex\":[32],\"showErrorMsg\":[32],\"errorMessage\":[32],\"hasFocus\":[32],\"hasOpened\":[32],\"hasLabelSlot\":[32],\"hasHelperSlot\":[32],\"hasHelperEndSlot\":[32],\"inputSearchVal\":[32],\"_invalid\":[32],\"_elementOptions\":[32],\"reportValidity\":[64],\"setFocus\":[64],\"getSelectElement\":[64],\"showError\":[64]},[[16,\"reset\",\"onReset\"],[17,\"mousedown\",\"handleBlur\"],[0,\"keydown\",\"handleBlur\"]],{\"maxValuesVisible\":[\"watchMaxValuesVisible\"],\"value\":[\"valueChanged\"],\"debounce\":[\"debounceChanged\"],\"required\":[\"shouldValidate\"],\"disabled\":[\"shouldValidate\"],\"min\":[\"shouldValidate\"],\"max\":[\"shouldValidate\"],\"readonly\":[\"shouldValidate\"],\"dropDownConfig\":[\"setDataListOpts\"]}],[1,\"nano-drawer\",{\"open\":[1540],\"label\":[513],\"placement\":[513],\"contained\":[516],\"noHeader\":[516,\"no-header\"],\"storeId\":[1,\"store-id\"],\"storeMethod\":[1,\"store-method\"],\"noUserDismiss\":[4,\"no-user-dismiss\"],\"hoist\":[4],\"resizable\":[4],\"noDismiss\":[32],\"isOpen\":[32],\"show\":[64],\"hide\":[64]},null,{\"hoist\":[\"handleHoistChange\"],\"contained\":[\"handleNoModalChange\"],\"open\":[\"handleOpenChange\"]}],[1,\"nano-global-search-results\",{\"algoliaResults\":[32],\"algoliaEle\":[32],\"currentWidth\":[32],\"apiKey\":[32],\"appId\":[32],\"index\":[32],\"closeSearch\":[64]},[[0,\"nanoChange\",\"handleReorder\"],[0,\"nanoResultsShown\",\"attachListeners\"],[0,\"nanoNewResults\",\"attachResultListeners\"]],{\"algoliaEle\":[\"handleAlgoliaCredsChange\",\"handleAlgoliaIndexChange\",\"handleAlgoliaEleChange\"],\"apiKey\":[\"handleAlgoliaCredsChange\"],\"appId\":[\"handleAlgoliaCredsChange\"],\"index\":[\"handleAlgoliaIndexChange\"],\"algoliaResults\":[\"handleAlgoliaEleChange\"]}],[0,\"nano-avatar\",{\"initials\":[513]}],[0,\"nano-badge\",{\"theme\":[513],\"strength\":[513],\"pulse\":[516]}]]]]"), options);
 });
 exports.setNonce = index.setNonce;

package/dist/cjs/nano-cta.cjs.entry.js CHANGED Viewed

@@ -28,9 +28,10 @@ const NanoCta = class {
     /** Predefined styles when displaying a number of CTAs together */
     group;
     componentWillLoad() {
-        if (!this.host.querySelector('button, a')) {
+        if (!this.host.querySelector('button, a, div')) {
             const button = document.createElement('button');
             button.classList.add('nano-internal-cta');
+            button.type = 'button';
             this.host.childNodes.forEach((node) => {
                 button.appendChild(node);
             });

package/dist/cjs/{nano-data-table-BkyqQiTG.js → nano-data-table-Zj71h_Hm.js} RENAMED Viewed

@@ -114,7 +114,7 @@ const createWorkerProxy = (worker, workerMsgId, exportedMethod) => (
   })
 );
-const workerPromise = Promise.resolve().then(function () { return require('./table.worker-NnDnfSFs.js'); }).then(m => m.worker);
+const workerPromise = Promise.resolve().then(function () { return require('./table.worker-D7-NI7ZI.js'); }).then(m => m.worker);
 const createWorkerStore = /*@__PURE__*/createWorkerProxy(workerPromise, 'stencil.table.worker', 'createWorkerStore');
 const syncConfigToWorker = /*@__PURE__*/createWorkerProxy(workerPromise, 'stencil.table.worker', 'syncConfigToWorker');
 const syncDataToWorker = /*@__PURE__*/createWorkerProxy(workerPromise, 'stencil.table.worker', 'syncDataToWorker');
@@ -1057,7 +1057,7 @@ class TablePinService {
     }
 }
-const tableCss = ":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }.nano-data-table {\n  /**\n   * @prop --table-padding. The padding of the table cells. Defaults to `var(--table-compact-padding)`\n   * @prop --table-border-color. The border color of the table cells. Defaults to `var(--nano-color-neutral-200)`\n   * @prop --table-border-color-header. The border color of the table header and footer cells. Defaults to `var(--nano-color-primary-1000)`\n   * @prop --table-background. The background color of the table cells. Defaults to `var(--nano-color-base-0)`\n   * @prop --table-max-col-width. The maximum width of the table columns. Defaults to `clamp(200px, 500px, 50vw)`\n   * @prop --table-ordered-bg. The background color of the ordered table rows. Defaults to `var(--nano-color-neutral-100)`\n   * @prop --table-wrapper-max-height: maximum height of the table when table is scrollable. Defaults to 80vh;\n   * @prop --table-wrapper-max-width: maximum width of the table when table is scrollable. Defaults to 100%;\n   */\n  --table-padding: var(--nano-spacing-sm) calc(var(--nano-spacing-md) - (var(--nano-spacing-md) / 3));\n  --table-border-color: var(--nano-color-neutral-200);\n  --table-border-color-header: var(--nano-color-primary-1000);\n  --table-background: var(--nano-color-base-0);\n  --table-max-col-width: clamp(200px, 500px, 50vw);\n  --table-ordered-bg: var(--nano-color-neutral-100);\n  --table-wrapper-max-height: 80vh;\n  --table-wrapper-max-width: 100%;\n  display: block;\n  inline-size: 100%;\n  color: var(--nano-color-neutral-1400);\n  container-type: inline-size;\n  --isLtR: 1;\n}\n.nano-data-table:dir(rtl) {\n  --isLtR: -1;\n}\n.nano-data-table .nano-sortable__dragged {\n  background: var(--nano-color-base-0);\n  opacity: 0.9;\n  box-shadow: var(--nano-shadow-l0);\n  z-index: 10 !important;\n}\n\n.nano-tbl__wrap {\n  display: table;\n  min-inline-size: 100%;\n}\n.nano-data-table:not([scrollable=false]) .nano-tbl__wrap {\n  max-inline-size: var(--table-wrapper-max-width);\n  max-block-size: var(--table-wrapper-max-height);\n  position: relative;\n  display: block;\n}\n.nano-data-table:not([scrollable=false]) .nano-tbl__wrap table {\n  margin-block-end: var(--nano-spacing-l);\n}\n\n.nano-data-table:not([scrollable=false]):has(.nano-tbl__pin--start, .nano-tbl__pin--end) .nano-masked-overflow {\n  --fade-size: 0;\n}\n\n.nano-tbl {\n  text-align: start;\n  inline-size: 100%;\n  border-spacing: 0 0;\n  border-collapse: separate;\n  border-inline-end: 1px solid transparent;\n  border-block-start: 1px solid transparent;\n  position: relative;\n  z-index: 1;\n}\n.nano-tbl__top-anchor {\n  clip-path: inset(50%);\n  block-size: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  inline-size: 1px;\n  position: relative;\n}\n.nano-tbl__ordered {\n  background-color: var(--table-ordered-bg);\n  --table-border-color: var(--nano-color-neutral-300);\n}\n.nano-tbl__order-btn {\n  padding: 0;\n  border: none;\n  outline: none;\n  font: inherit;\n  background: none;\n  appearance: none;\n  color: inherit;\n  display: flex;\n  gap: var(--nano-spacing-sm);\n  align-items: center;\n  inline-size: 100%;\n}\n.nano-tbl__order-btn:focus-visible {\n  outline: var(--nano-focus-ring);\n  outline-offset: var(--nano-focus-ring-offset);\n}\n.nano-tbl__status-icons {\n  margin-inline: auto 10px;\n  display: flex;\n  gap: 10px;\n}\n.nano-tbl__progress-bar {\n  font-size: 0.2rem;\n  position: sticky;\n  inset-block-start: 0;\n  inset-inline: 0;\n  z-index: 10;\n  transition: scale 0.25s;\n  transform: scale(0);\n  inline-size: 100%;\n  block-size: 0;\n}\n.nano-tbl__progress-bar--show {\n  transform: scale(1);\n  block-size: auto;\n}\n.nano-tbl__caption--hide {\n  clip-path: inset(50%);\n  block-size: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  inline-size: 1px;\n}\n.nano-tbl__td, .nano-tbl__th {\n  max-inline-size: var(--table-max-col-width);\n}\nthead .nano-tbl__td .nano-sortable__keyboard-handle, thead .nano-tbl__th .nano-sortable__keyboard-handle {\n  position: absolute;\n  inset-inline-end: 5px;\n  inset-block-start: 50%;\n  transform: translateY(-50%);\n  background: white;\n  z-index: 10;\n}\n.nano-tbl__td.nano-tbl__ordered, .nano-tbl__th.nano-tbl__ordered {\n  background-color: var(--table-ordered-bg) !important;\n  --table-border-color: var(--nano-color-neutral-300);\n}\n.nano-tbl__cell-content {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.nano-tbl__cell-content--no-result {\n  padding-block: var(--nano-spacing-md);\n}\n.nano-tbl__cell-content--wrap {\n  white-space: normal;\n  overflow: visible;\n}\n.nano-tbl tbody {\n  opacity: 1;\n  transition: 0.1s ease opacity;\n}\n.nano-tbl tbody.nano-tbl__loading {\n  z-index: -1;\n  position: relative;\n}\n.nano-tbl tbody.nano-tbl__inactive {\n  opacity: 0;\n}\n.nano-tbl tbody .nano-tbl__tr:has(~ .nano-tbl__tr--placeholder) {\n  display: none;\n}\n.nano-tbl tbody .nano-tbl__tr--placeholder ~ .nano-tbl__tr {\n  display: none;\n}\n.nano-tbl th[scope=row] {\n  margin: 0;\n}\n.nano-tbl__tr {\n  --base-z: 0;\n}\n.nano-tbl__pin {\n  z-index: var(--z, var(--base-z, 0));\n}\n.nano-tbl__pin .nano-tbl__th, .nano-tbl__pin .nano-tbl__td {\n  z-index: var(--z, var(--base-z, 0));\n}\n.nano-tbl__pin--start {\n  position: sticky;\n  inset-inline-start: var(--pin-start, -1px);\n}\n.nano-tbl__pin--start::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  box-shadow: calc(4px * var(--isLtR)) 0 4px -3px rgb(var(--nano-color-base-rgb-1000)/25%);\n  opacity: var(--pin-start-active, 0);\n  z-index: -1;\n}\n.nano-tbl__pinned--start .nano-tbl__pin--start {\n  --z: calc(var(--base-z) + 3) !important;\n}\n.nano-tbl__pin--end {\n  position: sticky;\n  inset-inline-end: var(--pin-end, -1px);\n  max-inline-size: min(50vw, 200px);\n}\n@container (width <= 500px) {\n  .nano-tbl__pin--start ~ .nano-tbl__pin--end {\n    --z: 0 !important;\n    inset-inline-end: auto !important;\n  }\n  .nano-tbl__pin--start ~ .nano-tbl__pin--end::after {\n    display: none !important;\n  }\n}\n@media (width <= 500px) {\n  .nano-tbl__pin--start ~ .nano-tbl__pin--end {\n    --z: 0 !important;\n    inset-inline-end: auto !important;\n  }\n  .nano-tbl__pin--start ~ .nano-tbl__pin--end::after {\n    display: none !important;\n  }\n}\n.nano-tbl__pin--end::after {\n  display: block;\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  box-shadow: calc(-4px * var(--isLtR)) 0 4px -3px rgb(var(--nano-color-base-rgb-1000)/25%);\n  opacity: var(--pin-end-active, 0);\n  z-index: -1;\n}\n.nano-tbl__pinned--end .nano-tbl__pin--end {\n  --z: calc(var(--base-z) + 2);\n}\n.nano-tbl__pin--top .nano-tbl__th, .nano-tbl__pin--top .nano-tbl__td {\n  position: sticky;\n  inset-block-start: var(--pin-top, -1px);\n}\n.nano-tbl__pin--top .nano-tbl__pin--end, .nano-tbl__pin--top .nano-tbl__pin--start {\n  --z: calc(var(--base-z) + 1);\n}\n.nano-tbl__pin--top.nano-tbl__pinned--top {\n  --base-z: 4;\n}\ntbody .nano-tbl__pin--top.nano-tbl__pinned--top .nano-tbl__th, tbody .nano-tbl__pin--top.nano-tbl__pinned--top .nano-tbl__td {\n  border-block-end: 1px solid var(--table-border-color-header);\n}\n.nano-tbl__pin--bottom .nano-tbl__th, .nano-tbl__pin--bottom .nano-tbl__td {\n  position: sticky;\n  inset-block-end: var(--pin-bottom, -1px);\n}\n.nano-tbl__pin--bottom .nano-tbl__pin--end, .nano-tbl__pin--bottom .nano-tbl__pin--start {\n  --z: calc(var(--base-z) + 1);\n}\n.nano-tbl__pin--bottom.nano-tbl__pinned--bottom {\n  --base-z: 5;\n}\n.nano-tbl__pin--bottom.nano-tbl__pinned--bottom:has(.nano-tbl__pin--bottom.nano-tbl__pinned--bottom) .nano-tbl__pin {\n  --base-z: 6;\n}\ntbody .nano-tbl__pin--bottom.nano-tbl__pinned--bottom .nano-tbl__th, tbody .nano-tbl__pin--bottom.nano-tbl__pinned--bottom .nano-tbl__td {\n  border-block-start: 1px solid var(--table-border-color-header);\n}\n.nano-tbl thead tr:last-of-type td,\n.nano-tbl thead tr:last-of-type th {\n  border-block-end: 2px solid var(--table-border-color-header);\n}\n.nano-tbl tfoot tr:first-of-type td,\n.nano-tbl tfoot tr:first-of-type th {\n  border-block-start: none;\n}\n.nano-tbl tfoot tr:last-of-type td,\n.nano-tbl tfoot tr:last-of-type th {\n  border-block-end: 2px solid var(--table-border-color-header);\n  border-block-start: 2px solid var(--table-border-color-header);\n}\n.nano-tbl .unlimited-width {\n  max-inline-size: none;\n}\n.nano-tbl__spinner {\n  font-size: 1.5rem;\n  transition: scale 0.25s;\n  scale: 0;\n  padding: 0.5rem;\n  position: absolute;\n  inset-block-end: 0;\n  inset-inline-start: calc(50% - 0.75rem);\n  z-index: 0;\n}\n.nano-tbl__spinner--show {\n  scale: 1;\n  position: sticky;\n}\n.nano-tbl .nano-skeleton {\n  line-height: var(--nano-line-height-normal);\n}";
+const tableCss = ":host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }:host,\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[hidden] {\n  display: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n    :host,\n    *,\n    *::before,\n    *::after {\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n      scroll-behavior: auto !important;\n    }\n  }.nano-data-table {\n  /**\n   * @prop --table-padding. The padding of the table cells. Defaults to `var(--table-compact-padding)`\n   * @prop --table-border-color. The border color of the table cells. Defaults to `var(--nano-color-neutral-200)`\n   * @prop --table-border-color-header. The border color of the table header and footer cells. Defaults to `var(--nano-color-primary-1000)`\n   * @prop --table-background. The background color of the table cells. Defaults to `var(--nano-color-base-0)`\n   * @prop --table-max-col-width. The maximum width of the table columns. Defaults to `clamp(200px, 500px, 50vw)`\n   * @prop --table-ordered-bg. The background color of the ordered table rows. Defaults to `var(--nano-color-neutral-100)`\n   * @prop --table-wrapper-max-height: maximum height of the table when table is scrollable. Defaults to 80vh;\n   * @prop --table-wrapper-max-width: maximum width of the table when table is scrollable. Defaults to 100%;\n   */\n  --table-padding: var(--nano-spacing-sm) calc(var(--nano-spacing-md) - (var(--nano-spacing-md) / 3));\n  --table-border-color: var(--nano-color-neutral-200);\n  --table-border-color-header: var(--nano-color-primary-1000);\n  --table-background: var(--nano-color-base-0);\n  --table-max-col-width: clamp(200px, 500px, 50vw);\n  --table-ordered-bg: var(--nano-color-neutral-100);\n  --table-wrapper-max-height: 80vh;\n  --table-wrapper-max-width: 100%;\n  display: block;\n  inline-size: 100%;\n  color: var(--nano-color-neutral-1400);\n  container-type: inline-size;\n  --isLtR: 1;\n}\n.nano-data-table:dir(rtl) {\n  --isLtR: -1;\n}\n.nano-data-table .nano-sortable__dragged {\n  background: var(--nano-color-base-0);\n  opacity: 0.9;\n  box-shadow: var(--nano-shadow-l0);\n  z-index: 10 !important;\n}\n\n.nano-tbl__wrap {\n  display: table;\n  min-inline-size: 100%;\n}\n.nano-data-table:not([scrollable=false]) .nano-tbl__wrap {\n  max-inline-size: var(--table-wrapper-max-width);\n  max-block-size: var(--table-wrapper-max-height);\n  position: relative;\n  display: block;\n}\n.nano-data-table:not([scrollable=false]) .nano-tbl__wrap table {\n  margin-block-end: var(--nano-spacing-l);\n}\n\n.nano-data-table:not([scrollable=false]):has(.nano-tbl__pin--start, .nano-tbl__pin--end) .nano-masked-overflow {\n  --fade-size: 0;\n}\n\n.nano-tbl {\n  text-align: start;\n  inline-size: 100%;\n  border-spacing: 0 0;\n  border-collapse: separate;\n  border-inline-end: 1px solid transparent;\n  border-block-start: 1px solid transparent;\n  position: relative;\n  z-index: 1;\n}\n.nano-tbl__top-anchor {\n  clip-path: inset(50%);\n  block-size: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  inline-size: 1px;\n  position: relative;\n}\n.nano-tbl__ordered {\n  background-color: var(--table-ordered-bg);\n  --table-border-color: var(--nano-color-neutral-300);\n}\n.nano-tbl__order-btn {\n  padding: 0;\n  border: none;\n  outline: none;\n  font: inherit;\n  background: none;\n  appearance: none;\n  color: inherit;\n  display: flex;\n  gap: var(--nano-spacing-sm);\n  align-items: center;\n  inline-size: 100%;\n}\n.nano-tbl__order-btn:focus-visible {\n  outline: var(--nano-focus-ring);\n  outline-offset: var(--nano-focus-ring-offset);\n}\n.nano-tbl__status-icons {\n  margin-inline: auto 10px;\n  display: flex;\n  gap: 10px;\n}\n.nano-tbl__progress-bar {\n  --height: 0.2125rem;\n  position: sticky;\n  inset-block-start: 0;\n  inset-inline: 0;\n  z-index: 10;\n  transition: transform 0.25s;\n  transform: scale(0);\n  inline-size: 100%;\n}\n.nano-tbl__progress-bar--show {\n  transform: scale(1);\n}\n.nano-tbl__caption--hide {\n  clip-path: inset(50%);\n  block-size: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  inline-size: 1px;\n}\n.nano-tbl__td, .nano-tbl__th {\n  max-inline-size: var(--table-max-col-width);\n}\nthead .nano-tbl__td .nano-sortable__keyboard-handle, thead .nano-tbl__th .nano-sortable__keyboard-handle {\n  position: absolute;\n  inset-inline-end: 5px;\n  inset-block-start: 50%;\n  transform: translateY(-50%);\n  background: white;\n  z-index: 10;\n}\n.nano-tbl__td.nano-tbl__ordered, .nano-tbl__th.nano-tbl__ordered {\n  background-color: var(--table-ordered-bg) !important;\n  --table-border-color: var(--nano-color-neutral-300);\n}\n.nano-tbl__cell-content {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.nano-tbl__cell-content--no-result {\n  padding-block: var(--nano-spacing-md);\n}\n.nano-tbl__cell-content--wrap {\n  white-space: normal;\n  overflow: visible;\n}\n.nano-tbl tbody {\n  opacity: 1;\n  transition: 0.1s ease opacity;\n}\n.nano-tbl tbody.nano-tbl__loading {\n  z-index: -1;\n  position: relative;\n}\n.nano-tbl tbody.nano-tbl__inactive {\n  opacity: 0;\n}\n.nano-tbl tbody .nano-tbl__tr:has(~ .nano-tbl__tr--placeholder) {\n  display: none;\n}\n.nano-tbl tbody .nano-tbl__tr--placeholder ~ .nano-tbl__tr {\n  display: none;\n}\n.nano-tbl th[scope=row] {\n  margin: 0;\n}\n.nano-tbl__tr {\n  --base-z: 0;\n}\n.nano-tbl__pin {\n  z-index: var(--z, var(--base-z, 0));\n}\n.nano-tbl__pin .nano-tbl__th, .nano-tbl__pin .nano-tbl__td {\n  z-index: var(--z, var(--base-z, 0));\n}\n.nano-tbl__pin--start {\n  position: sticky;\n  inset-inline-start: var(--pin-start, -1px);\n}\n.nano-tbl__pin--start::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  box-shadow: calc(4px * var(--isLtR)) 0 4px -3px rgb(var(--nano-color-base-rgb-1000)/25%);\n  opacity: var(--pin-start-active, 0);\n  z-index: -1;\n}\n.nano-tbl__pinned--start .nano-tbl__pin--start {\n  --z: calc(var(--base-z) + 3) !important;\n}\n.nano-tbl__pin--end {\n  position: sticky;\n  inset-inline-end: var(--pin-end, -1px);\n  max-inline-size: min(50vw, 200px);\n}\n@container (width <= 500px) {\n  .nano-tbl__pin--start ~ .nano-tbl__pin--end {\n    --z: 0 !important;\n    inset-inline-end: auto !important;\n  }\n  .nano-tbl__pin--start ~ .nano-tbl__pin--end::after {\n    display: none !important;\n  }\n}\n@media (width <= 500px) {\n  .nano-tbl__pin--start ~ .nano-tbl__pin--end {\n    --z: 0 !important;\n    inset-inline-end: auto !important;\n  }\n  .nano-tbl__pin--start ~ .nano-tbl__pin--end::after {\n    display: none !important;\n  }\n}\n.nano-tbl__pin--end::after {\n  display: block;\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  box-shadow: calc(-4px * var(--isLtR)) 0 4px -3px rgb(var(--nano-color-base-rgb-1000)/25%);\n  opacity: var(--pin-end-active, 0);\n  z-index: -1;\n}\n.nano-tbl__pinned--end .nano-tbl__pin--end {\n  --z: calc(var(--base-z) + 2);\n}\n.nano-tbl__pin--top .nano-tbl__th, .nano-tbl__pin--top .nano-tbl__td {\n  position: sticky;\n  inset-block-start: var(--pin-top, -1px);\n}\n.nano-tbl__pin--top .nano-tbl__pin--end, .nano-tbl__pin--top .nano-tbl__pin--start {\n  --z: calc(var(--base-z) + 1);\n}\n.nano-tbl__pin--top.nano-tbl__pinned--top {\n  --base-z: 4;\n}\ntbody .nano-tbl__pin--top.nano-tbl__pinned--top .nano-tbl__th, tbody .nano-tbl__pin--top.nano-tbl__pinned--top .nano-tbl__td {\n  border-block-end: 1px solid var(--table-border-color-header);\n}\n.nano-tbl__pin--bottom .nano-tbl__th, .nano-tbl__pin--bottom .nano-tbl__td {\n  position: sticky;\n  inset-block-end: var(--pin-bottom, -1px);\n}\n.nano-tbl__pin--bottom .nano-tbl__pin--end, .nano-tbl__pin--bottom .nano-tbl__pin--start {\n  --z: calc(var(--base-z) + 1);\n}\n.nano-tbl__pin--bottom.nano-tbl__pinned--bottom {\n  --base-z: 5;\n}\n.nano-tbl__pin--bottom.nano-tbl__pinned--bottom:has(.nano-tbl__pin--bottom.nano-tbl__pinned--bottom) .nano-tbl__pin {\n  --base-z: 6;\n}\ntbody .nano-tbl__pin--bottom.nano-tbl__pinned--bottom .nano-tbl__th, tbody .nano-tbl__pin--bottom.nano-tbl__pinned--bottom .nano-tbl__td {\n  border-block-start: 1px solid var(--table-border-color-header);\n}\n.nano-tbl thead tr:last-of-type td,\n.nano-tbl thead tr:last-of-type th {\n  border-block-end: 2px solid var(--table-border-color-header);\n}\n.nano-tbl tfoot tr:first-of-type td,\n.nano-tbl tfoot tr:first-of-type th {\n  border-block-start: none;\n}\n.nano-tbl tfoot tr:last-of-type td,\n.nano-tbl tfoot tr:last-of-type th {\n  border-block-end: 2px solid var(--table-border-color-header);\n  border-block-start: 2px solid var(--table-border-color-header);\n}\n.nano-tbl .unlimited-width {\n  max-inline-size: none;\n}\n.nano-tbl__spinner {\n  font-size: 1.5rem;\n  transition: scale 0.25s;\n  scale: 0;\n  padding: 0.5rem;\n  position: absolute;\n  inset-block-end: 0;\n  inset-inline-start: calc(50% - 0.75rem);\n  z-index: 0;\n}\n.nano-tbl__spinner--show {\n  scale: 1;\n  position: sticky;\n}";
 let id = 0;
 const NanoDataTable = class {
@@ -1805,17 +1805,20 @@ const NanoDataTable = class {
         return (renderer.h(index.Host, { class: "nano-data-table" }, renderer.h("div", { class: `${CSSNAMESPACE}__top-anchor`, ref: (a) => (this.topAnchorEle = a) }, "\u00A0"), renderer.h("nano-resize-observe", { onNanoResize: () => {
                 if (this.tablePinnedService)
                     this.tablePinnedService.onResize();
-            } }), Wrap(renderer.h("div", { class: `${CSSNAMESPACE}__wrap` }, renderer.h("nano-progress-bar", { indeterminate: true, class: {
+            } }), Wrap(renderer.h("div", { class: `${CSSNAMESPACE}__wrap` }, renderer.h("nano-progress-bar", {
+            // indeterminate
+            class: {
                 [`${CSSNAMESPACE}__progress-bar`]: true,
                 [`${CSSNAMESPACE}__progress-bar--show`]: this._loading,
-            } }), renderer.h("table", { "aria-rowcount": this.store.data.state.rows.length, "aria-colcount": this.store.config.state.columns.length, class: `${CSSNAMESPACE}`, ref: (tbl) => (this.tableEle = tbl), id: 'nano-data-table-' + this.renderId }, renderer.h("caption", { class: {
+            }
+        }, renderer.h("progress", null)), renderer.h("table", { "aria-rowcount": this.store.data.state.rows.length, "aria-colcount": this.store.config.state.columns.length, class: `${CSSNAMESPACE}`, ref: (tbl) => (this.tableEle = tbl), id: 'nano-data-table-' + this.renderId, "aria-busy": this._loading || undefined }, renderer.h("caption", { class: {
                 [`${CSSNAMESPACE}__caption`]: true,
                 [`${CSSNAMESPACE}__caption--hide`]: !this.showCaption,
             } }, renderer.h("slot", { name: "caption" }, this.caption)), renderer.h("thead", null, renderer.h(TableHeadFootRow, { rowRenderer: this.headRender }, this.store.config.state.columns.map((colModel) => [
             renderer.h(TableColHead, { column: colModel, headRenderer: this.headRender, onColumnSortClick: this.sortStart, defaults: {
                     sortable: this.defaultSort,
                 } }),
-        ]))), this._loading && !this.blocks.length && (renderer.h("tbody", { class: `${CSSNAMESPACE}__active ${CSSNAMESPACE}__loading` }, [...Array(this.placeholderSize).keys()].map((rowIndex) => (renderer.h("tr", null, this.store.config.state.columns.map((_colModel, colIndex) => (renderer.h(TableCell, { rowIndex: rowIndex, colIndex: colIndex, nestedContent: () => renderer.h("nano-skeleton", null) })))))))), renderer.h("tr", { hidden: !!this._loading || !!this.blocks.length }, renderer.h("th", { class: `${CSSNAMESPACE}__th`, colSpan: this.store.config.state.columns.length }, renderer.h("div", { class: "nano-tbl__cell-content nano-tbl__cell-content--no-result" }, renderer.h("slot", { name: "no-results" }, "No results found")))), this.blocks.map((block, blockIndex) => (renderer.h("tbody", { key: block.__uuid, id: `tbody-${this.renderId}-${blockIndex}`, ref: (tb) => {
+        ]))), this._loading && !this.blocks.length && (renderer.h("tbody", { class: `${CSSNAMESPACE}__active ${CSSNAMESPACE}__loading` }, [...Array(this.placeholderSize).keys()].map((rowIndex) => (renderer.h("tr", null, this.store.config.state.columns.map((_colModel, colIndex) => (renderer.h(TableCell, { rowIndex: rowIndex, colIndex: colIndex, nestedContent: () => renderer.h("span", { class: "n-loader-skeleton" }, renderer.h("span", null, "Content loading")) })))))))), renderer.h("tr", { hidden: !!this._loading || !!this.blocks.length }, renderer.h("th", { class: `${CSSNAMESPACE}__th`, colSpan: this.store.config.state.columns.length }, renderer.h("div", { class: "nano-tbl__cell-content nano-tbl__cell-content--no-result" }, renderer.h("slot", { name: "no-results" }, "No results found")))), this.blocks.map((block, blockIndex) => (renderer.h("tbody", { key: block.__uuid, id: `tbody-${this.renderId}-${blockIndex}`, ref: (tb) => {
                 this.blockElements.push(tb);
             }, class: {
                 [`${CSSNAMESPACE}__inactive`]: !this.activeBlocks.includes(blockIndex),

package/dist/cjs/nano-data-table.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var nanoDataTable_entry = require('./nano-data-table-BkyqQiTG.js');
+var nanoDataTable_entry = require('./nano-data-table-Zj71h_Hm.js');
 require('./index-IR1lkhwT.js');
 require('./renderer-h0yo23iy.js');
 require('./math-DIjJ3V87.js');

package/dist/cjs/nano-datalist_3.cjs.entry.js CHANGED Viewed

@@ -101,7 +101,7 @@ const DataList = class {
         index.writeTask(() => {
             if (this.open) {
                 const { height, top } = this.nanoDropdown.tetherTo.getBoundingClientRect();
-                this.nanoDropdown.style.setProperty('--max-height', window.innerHeight - (height + top + 40) + 'px');
+                this.nanoDropdown.style.setProperty('--max-height', `max(${window.innerHeight - (height + top + 40)}px, 48vw)`);
             }
             this.nanoDropdown.open = this.open;
             if (this.connectedInput) {
@@ -523,18 +523,18 @@ const DataList = class {
         }
     }
     render() {
-        return (renderer.h(index.Host, { key: 'c869f626deae72020846edf761d0d8f1b59c34e7', class: "nano-datalist", role: this.actvOptEles.length ? 'listbox' : undefined, "aria-owns": this.optionIds.length ? this.optionIds.join(' ') : undefined, "aria-label": this.optionIds.length
+        return (renderer.h(index.Host, { key: 'b9c67e5dfc3c26c4eac219d9bdc9081aa79d7122', class: "nano-datalist", role: this.actvOptEles.length ? 'listbox' : undefined, "aria-owns": this.optionIds.length ? this.optionIds.join(' ') : undefined, "aria-label": this.optionIds.length
                 ? 'Select options from the list below'
-                : undefined }, renderer.h("nano-dropdown", { key: '8fa52dc246705c9af636b1c96ee37df8b6bd746d', part: "dropdown", exportparts: "trigger:dropdown__trigger, panel:dropdown__panel", ...this.dropDownConfig, ref: (el) => (this.nanoDropdown = el), dialogTitle: "Select options from the list below", class: {
+                : undefined }, renderer.h("nano-dropdown", { key: '29a0de977f7be1a39c5c869a5ab366bb64711d9e', part: "dropdown", exportparts: "trigger:dropdown__trigger, panel:dropdown__panel", ...this.dropDownConfig, ref: (el) => (this.nanoDropdown = el), dialogTitle: "Select options from the list below", class: {
                 dlist__dropdown: true,
                 'dlist--isfiltered': this.isFiltered,
-            }, onNanoAfterShow: this.handleShow, onNanoAfterHide: this.handleHide, role: "group" }, renderer.h("nano-menu", { key: '998896a220e3cf3f010bda3354bb530ac0cc9296', part: "main-menu", ref: (el) => (this.listBox = el), hidden: !this.actvOptEles.length, type: "listbox", label: this.inputLabel ? this.inputLabel.textContent : undefined, class: {
+            }, onNanoAfterShow: this.handleShow, onNanoAfterHide: this.handleHide, role: "group" }, renderer.h("nano-menu", { key: '86769c73825853c557ed7a1dfb0f86898ce6504f', part: "main-menu", ref: (el) => (this.listBox = el), hidden: !this.actvOptEles.length, type: "listbox", label: this.inputLabel ? this.inputLabel.textContent : undefined, class: {
                 dlist__menu: true,
                 'dlist__menu--open': this.dropwdownOpen,
-            }, tabIndex: -1, onNanoSelect: this.optSelected, onKeyDown: this.optionKeyDown }, renderer.h("slot", { key: '8f585edd48ec29a847818d1e9af8baf0bc4b4ddf', name: "list-top" }), renderer.h("slot", { key: '3bdd8c0a51d63b6fcf3a25d630212db4ba7d8a9b' }), renderer.h("slot", { key: 'a7b997daebd6a1e25f1a4a97e4354b966ceeebd6', name: "internal-opts" }), renderer.h("slot", { key: '41ebc4da7244b1e4fb532a2fbb0356ea51eb865a', name: "list-bottom" })), renderer.h("nano-menu", { key: 'd5d360f4e8d3c78780477572d385daaa4bb12c15', part: "no-result-menu", type: "listbox", label: "No results found", hidden: !!this.actvOptEles.length, class: {
+            }, tabIndex: -1, onNanoSelect: this.optSelected, onKeyDown: this.optionKeyDown }, renderer.h("slot", { key: 'f5ea0623591a368f38ce3c1e41ef431c4a9f5960', name: "list-top" }), renderer.h("slot", { key: '98804885ffb99528138867d2747af3acef3f64f7' }), renderer.h("slot", { key: '1341dc10f96570c04613153cf939aaf7dc21f0d3', name: "internal-opts" }), renderer.h("slot", { key: '84d86a667a69cd571f7b96dc29d1ddd58c3d482c', name: "list-bottom" })), renderer.h("nano-menu", { key: '9b09caa70bd106eb9e64c714072c0b88275f34c6', part: "no-result-menu", type: "listbox", label: "No results found", hidden: !!this.actvOptEles.length, class: {
                 dlist__menu: true,
                 'dlist__menu--open': this.dropwdownOpen,
-            } }, renderer.h("slot", { key: '3cc55519054da79e57dc70ecc936c0e67e7e3949', name: "no-result" })), !!this.actvOptEles && (renderer.h("div", { key: '0662bfdc4056f2111647550d9aba6a331653d2f3', class: "dlist__status" }, this.actvOptEles.length, " result", this.actvOptEles.length > 1 ? 's' : '', " available.")))));
+            } }, renderer.h("slot", { key: '58187330291198ff00571570e2b6b6bfdc79c905', name: "no-result" })), !!this.actvOptEles && (renderer.h("div", { key: '72ea39405f558d10de86a14704ed48e869f01426', class: "dlist__status" }, this.actvOptEles.length, " result", this.actvOptEles.length > 1 ? 's' : '', " available.")))));
     }
     static get watchers() { return {
         "open": ["openWatcher"],
@@ -676,8 +676,8 @@ const NanoTag = class {
     render() {
         return (this.closable &&
             !this.containsAnchor() && [
-            renderer.h("slot", { key: '0d6e99e16dc034266f43677f5dbb47b7a390d562' }),
-            renderer.h("nano-icon-button", { key: '08586a086598c37e6d4af76df6ff19ca1723b3d8', label: "Close", "icon-name": "light/xmark-large", onKeyDown: this.onKeyDown, onClick: this.handleClick }),
+            renderer.h("slot", { key: '2ef94e5651a0428b93d9d3619ad0440bf70587e2' }),
+            renderer.h("nano-icon-button", { key: '0ad6bfbe3fd9ab8a796bbe915c6d522986236f1d', label: "Close", "icon-name": "light/xmark-large", onKeyDown: this.onKeyDown, onClick: this.handleClick }),
         ]);
     }
 };

package/dist/cjs/nano-file-upload.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@
 var index = require('./index-IR1lkhwT.js');
 var renderer = require('./renderer-h0yo23iy.js');
-const fileUploadCss = ".sc-nano-file-upload-h,*.sc-nano-file-upload,*.sc-nano-file-upload::before,*.sc-nano-file-upload::after{box-sizing:border-box}[hidden].sc-nano-file-upload{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-file-upload-h,*.sc-nano-file-upload,*.sc-nano-file-upload::before,*.sc-nano-file-upload::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-file-upload-h,*.sc-nano-file-upload,*.sc-nano-file-upload::before,*.sc-nano-file-upload::after{box-sizing:border-box}[hidden].sc-nano-file-upload{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-file-upload-h,*.sc-nano-file-upload,*.sc-nano-file-upload::before,*.sc-nano-file-upload::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-file-upload-h{min-block-size:1rem;display:block;--invalid-msg-color:var(--nano-color-danger, #ef4135);--invalid-msg-font-size:var(--nano-input-help-font-size, 0.75em);--help-msg-color:var(--nano-input-help-color, #616d6e);--label-color:var(--nano-input-label-color, \"currentcolor\");--label-font-size:var(--nano-input-label-color, 1em);--label-padding:var(--nano-input-padding-bottom, var(--nano-input-padding, 6px));--label-color--invalid:var(--nano-input-label-color-invalid, \"currentcolor\");--drop-bg:#f2f7f9;--drop-text:#756f6a;--drop-height:3.5em;--drop-border-tint:var(--nano-color-primary-rgb, 0 116 149);--drop-border-width:2px;--drop-border-radius:5px;--drop-bg--invalid:var(--nano-input-background-color, white);--drop-border--invalid:var(--nano-color-danger-rgb, 239 65 53);--btn-bg:var(--nano-color-primary, #007495);--btn-text:var(--nano-color-primary-contrast, #fff);--btn-icon-size:var(--nano-btn-icon-size, 1.4em);--btn-padding-top:var(--nano-btn-padding-top, 0.5em);--btn-padding-bottom:var(--nano-btn-padding-bottom, 0.5em);--btn-padding-start:var(--nano-btn-padding-start, 1rem);--btn-padding-end:var(--nano-btn-padding-end, 1rem)}[disabled].sc-nano-file-upload-h:not([disabled=false]){opacity:0.7}[disabled].sc-nano-file-upload-h:not([disabled=false]) *.sc-nano-file-upload{pointer-events:none !important}.file-upload__label.sc-nano-file-upload{font-size:var(--label-font-size);padding:0 0 var(--label-padding);margin:0;line-height:1}[invalid].sc-nano-file-upload-h:not([invalid=false]) .file-upload__label.sc-nano-file-upload{color:var(--label-color--invalid)}.file-upload__input.sc-nano-file-upload{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.file-upload__error.sc-nano-file-upload,.file-upload__help.sc-nano-file-upload,.file-upload__more.sc-nano-file-upload,.file-upload__label.sc-nano-file-upload{display:block;inline-size:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.file-upload__more.sc-nano-file-upload{block-size:1em;margin-block:calc(var(--label-padding) / 2) var(--label-padding);margin-inline:3px 0;position:relative}.file-upload__error.sc-nano-file-upload,.file-upload__help.sc-nano-file-upload{inset-block-start:0;inset-inline-start:0;position:absolute;font-size:var(--invalid-msg-font-size);line-height:1.2;transition:0.3s ease-out opacity}.file-upload--invalid.sc-nano-file-upload .file-upload__error.sc-nano-file-upload,.file-upload--invalid.sc-nano-file-upload .file-upload__help.sc-nano-file-upload{opacity:1}.file-upload__error.sc-nano-file-upload{color:var(--invalid-msg-color);opacity:0}.file-upload--invalid.sc-nano-file-upload .file-upload__error.sc-nano-file-upload{opacity:1}.file-upload__help.sc-nano-file-upload{font-style:italic;opacity:1;color:var(--help-msg-color)}.file-upload--invalid.sc-nano-file-upload .file-upload__help.sc-nano-file-upload{opacity:0}.file-upload__drop.sc-nano-file-upload{position:relative;inline-size:100%;display:inline-block}.file-upload__drop-area.sc-nano-file-upload{flex-direction:column;background-color:var(--drop-bg);color:var(--drop-text);min-block-size:var(--drop-height);display:flex;align-items:center;justify-content:center;font-size:0.9em;position:relative;transition:background-color 0.15s ease-in-out;padding:0.5rem}[disabled].sc-nano-file-upload-h:not([disabled=false]) .file-upload__drop-area.sc-nano-file-upload{opacity:0.7}.file-upload--invalid.sc-nano-file-upload .file-upload__drop-area.sc-nano-file-upload{background-color:var(--drop-bg--invalid)}.file-upload--dragging.sc-nano-file-upload .file-upload__drop-area.sc-nano-file-upload{background-color:#fff}.file-upload__drop-area.sc-nano-file-upload::after{content:\"\";position:absolute;border-radius:var(--drop-border-radius);border-width:var(--drop-border-width);border-color:rgb(var(--drop-border-tint)/50%);border-style:dashed;inset:0;transition:top 0.1s ease-in-out, bottom 0.1s ease-in-out, left 0.1s ease-in-out, right 0.1s ease-in-out}.file-upload--invalid.sc-nano-file-upload .file-upload__drop-area.sc-nano-file-upload::after{border-color:rgb(var(--drop-border--invalid)/100%)}.file-upload--dragging.sc-nano-file-upload .file-upload__drop-area.sc-nano-file-upload::after{inset:5px}.file-upload__drop-area.sc-nano-file-upload span.sc-nano-file-upload{color:rgb(var(--drop-border-tint)/100%);text-decoration:underline;border-radius:2px;z-index:1;cursor:pointer;position:relative}.file-upload--focus.sc-nano-file-upload .file-upload__drop-area.sc-nano-file-upload span.sc-nano-file-upload{box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}.file-upload__list.sc-nano-file-upload{list-style:none;margin:0;padding:0}.file-upload__list-wrap.sc-nano-file-upload{position:relative;inset-block-start:-4px}.file-upload__list-item.sc-nano-file-upload{inline-size:100%;margin:0 0 2px;display:flex;align-items:center;transform:translateZ(0);animation:hideListItem 0.3s ease-in-out forwards}@keyframes hideListItem{0%{opacity:1;transform:translateY(0);transform:translateZ(0)}100%{opacity:0;transform:translateY(10px);transform:translateZ(0)}}.file-upload__list-item--active.sc-nano-file-upload{animation:showListItem 0.3s ease-in-out forwards}@keyframes showListItem{0%{opacity:0;transform:translateY(10px);transform:translateZ(0)}100%{opacity:1;transform:translateY(0);transform:translateZ(0)}}.file-upload__list.sc-nano-file-upload .list-title.sc-nano-file-upload{background:var(--nano-color-blue--faded);border-radius:5px;padding:5px;margin-inline-end:2px;display:block;inline-size:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:0.9em;color:var(--help-msg-color)}.file-upload__list.sc-nano-file-upload .list-button.sc-nano-file-upload{background:var(--nano-color-blue--faded);border-radius:5px;margin:2px}.file-upload__list.sc-nano-file-upload .list-error.sc-nano-file-upload{--color:rgb(var(--drop-border--invalid) / 100%)}.file-upload__button.sc-nano-file-upload{padding:0;border:none;background-color:transparent;font:inherit;-webkit-box-align:center;text-decoration:none;color:inherit;transition:background-color 100ms ease-in-out, box-shadow 100ms ease-in-out, border-color 100ms ease-in-out, color 100ms ease-in-out;padding-inline:var(--nano-btn-padding-start, 1rem) var(--nano-btn-padding-end, 1rem);padding-block:var(--nano-btn-padding-top, 0.5rem) var(--nano-btn-padding-bottom, 0.5rem);box-shadow:var(--nano-layer-shadow-medium, 0 2px 4px rgba(0, 0, 0, 0.2));display:inline-block;border-radius:var(--nano-btn-border-radius, 5px);line-height:var(--nano-btn-line-height, 1.5em);font-weight:400;cursor:pointer;background:rgba(0, 0, 0, 0.02);background-color:var(--btn-bg);color:var(--btn-text);--nano-btn-icon-size:var(--btn-icon-size);--nano-btn-line-height:var(--btn-icon-size);--nano-btn-padding-top:var(--btn-padding-top);--nano-btn-padding-bottom:var(--btn-padding-bottom);--nano-btn-padding-start:var(--btn-padding-start);--nano-btn-padding-end:var(--btn-padding-end);max-inline-size:100%;font-size:0.9em}.file-upload__button.sc-nano-file-upload::-moz-focus-inner{border:0;padding:0}.file-upload__button.sc-nano-file-upload:hover,.file-upload__button.sc-nano-file-upload:focus{text-decoration:none;color:inherit}@media print{.file-upload__button.sc-nano-file-upload{display:none}}.file-upload__button.sc-nano-file-upload:focus,.file-upload__button.button--focus.sc-nano-file-upload{outline:none;box-shadow:var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)))}.file-upload__button.sc-nano-file-upload nano-icon.sc-nano-file-upload,.file-upload__button.sc-nano-file-upload nano-spinner.sc-nano-file-upload{--base-color-rgb:255 255 255;margin-inline:0.5em 0;font-size:var(--nano-btn-icon-size, 1em);vertical-align:middle;margin-block-start:-0.188em;display:inline-block}.file-upload__button.button--icon-start.sc-nano-file-upload nano-icon.sc-nano-file-upload,.file-upload__button.button--icon-start.sc-nano-file-upload nano-spinner.sc-nano-file-upload{margin-inline:0 0.5em}.file-upload__button.sc-nano-file-upload:hover:not(.button--disabled){box-shadow:var(--nano-layer-shadow-large, 0 2px 8px rgba(0, 0, 0, 0.2))}.file-upload__button.sc-nano-file-upload:active:not(.button--disabled,.sc-nano-file-upload:disabled){box-shadow:none}.file-upload__button--disabled.sc-nano-file-upload,.file-upload__button.sc-nano-file-upload:disabled{opacity:0.6}.file-upload__button--disabled.sc-nano-file-upload:hover,.file-upload__button.sc-nano-file-upload:disabled:hover{cursor:default}.file-upload__button.sc-nano-file-upload:hover:not(.button--disabled,.sc-nano-file-upload:disabled),.file-upload__button.button--active.sc-nano-file-upload{background-color:var(--nano-color-primary-shade, #00637f);color:var(--btn-text)}.file-upload__button.sc-nano-file-upload:hover:not(.button--disabled,.sc-nano-file-upload:disabled).button--keyline,.file-upload__button.button--active.button--keyline.sc-nano-file-upload{background-color:var(--btn-bg);color:var(--btn-text)}.file-upload__button.sc-nano-file-upload:focus{color:var(--btn-text)}.file-upload__button.button--keyline.sc-nano-file-upload{background:transparent;border-style:var(--nano-btn-border-style, solid);border-width:var(--nano-btn-border-width, 2px);border-radius:var(--nano-btn-border-radius, 5px);padding-block:calc(var(--nano-btn-padding-top, 0.5rem) - var(--nano-btn-border-width, 2px)) calc(var(--nano-btn-padding-bottom, 0.5rem) - var(--nano-btn-border-width, 2px));color:var(--btn-bg);border-color:var(--btn-bg)}.file-upload__button.button--keyline.sc-nano-file-upload:hover:not(.button--disabled,.sc-nano-file-upload:disabled),.file-upload__button.button--keyline.sc-nano-file-upload:not(:focus,.button--focus).sc-nano-file-upload,.file-upload__button.button--keyline.button--active.sc-nano-file-upload{box-shadow:none}[disabled].sc-nano-file-upload-h:not([disabled=false]) .file-upload__button.sc-nano-file-upload{opacity:0.4}.file-upload--dragging.sc-nano-file-upload .file-upload__button.sc-nano-file-upload{--nano-btn-border-style:dashed}.file-upload__button.sc-nano-file-upload .file-upload__clear-btn.sc-nano-file-upload{margin:0;font-size:inherit;padding:0;border:0;outline:none;background-color:transparent;display:flex;align-items:stretch;inline-size:auto;color:var(--clear-btn-color)}.is-invalid.sc-nano-file-upload-h .file-upload__button.sc-nano-file-upload .file-upload__clear-btn.sc-nano-file-upload{color:var(--clear-btn-color--invalid)}.file-upload__button.sc-nano-file-upload .file-upload__clear-btn.sc-nano-file-upload .nano-icon.sc-nano-file-upload{margin-inline:0.4rem 0;margin-block:0}.file-upload__button.sc-nano-file-upload .file-upload__btn-content.sc-nano-file-upload{display:flex;align-items:center}.file-upload__button.sc-nano-file-upload .file-upload__btn-content.sc-nano-file-upload span.sc-nano-file-upload{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}";
+const fileUploadCss = ".sc-nano-file-upload-h,*.sc-nano-file-upload,*.sc-nano-file-upload::before,*.sc-nano-file-upload::after{box-sizing:border-box}[hidden].sc-nano-file-upload{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-file-upload-h,*.sc-nano-file-upload,*.sc-nano-file-upload::before,*.sc-nano-file-upload::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-file-upload-h,*.sc-nano-file-upload,*.sc-nano-file-upload::before,*.sc-nano-file-upload::after{box-sizing:border-box}[hidden].sc-nano-file-upload{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-file-upload-h,*.sc-nano-file-upload,*.sc-nano-file-upload::before,*.sc-nano-file-upload::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-file-upload-h{min-block-size:1rem;display:block;--color-error:var(--nano-color-danger-1100);--color-error-light:var(--nano-color-danger-100);--color-text:var(--nano-color-neutral-1400);--color-drop-browse:var(--nano-color-primary-1200);--color-drop-border:var(--nano-color-primary-1200);--color-drop-bg:var(--nano-color-primary-75);--drop-height:3.5em;--color-btn-bg:var(--nano-color-base-0);--color-btn-border:var(--nano-color-primary-1000);--color-btn-text:var(--nano-color-primary-1000)}[disabled].sc-nano-file-upload-h:not([disabled=false]){cursor:not-allowed}[disabled].sc-nano-file-upload-h:not([disabled=false]) *.sc-nano-file-upload{pointer-events:none !important}.file-upload--invalid.sc-nano-file-upload{--color-drop-bg:var(--color-error-light)}.file-upload--dragging.sc-nano-file-upload{--color-drop-bg:var(--nano-color-success-50)}.file-upload__label.sc-nano-file-upload{font-size:var(--nano-font-size-xs);margin:0;line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}[disabled].sc-nano-file-upload-h:not([disabled=false]) .file-upload__label.sc-nano-file-upload{color:var(--nano-color-neutral-1200)}.file-upload__input.sc-nano-file-upload{clip-path:inset(50%);block-size:1px;overflow:hidden;position:absolute;white-space:nowrap;inline-size:1px}.file-upload__error.sc-nano-file-upload,.file-upload__help.sc-nano-file-upload,.file-upload__more.sc-nano-file-upload,.file-upload__label.sc-nano-file-upload{display:block;inline-size:100%;white-space:nowrap;text-overflow:ellipsis}.file-upload__more.sc-nano-file-upload{margin-block:var(--nano-spacing-sm) 0;position:relative}.file-upload__more.sc-nano-file-upload:has(.file-upload__error) .file-upload__help.sc-nano-file-upload{display:none !important}.file-upload__error.sc-nano-file-upload,.file-upload__help.sc-nano-file-upload{inset-block-start:0;inset-inline-start:0;font-style:italic;font-size:var(--nano-font-size-2xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}.file-upload--invalid.sc-nano-file-upload .file-upload__error.sc-nano-file-upload,.file-upload--invalid.sc-nano-file-upload .file-upload__help.sc-nano-file-upload{opacity:1}.file-upload__error.sc-nano-file-upload{color:var(--color-error);opacity:0;display:none;transition:all var(--nano-transition-fast) ease;transition-behavior:allow-discrete}.file-upload--invalid.sc-nano-file-upload .file-upload__error.sc-nano-file-upload{opacity:1;display:block}.file-upload__help.sc-nano-file-upload{opacity:1;color:var(--color-text);display:block}.file-upload--invalid.sc-nano-file-upload .file-upload__help.sc-nano-file-upload{opacity:0;display:none}[disabled].sc-nano-file-upload-h:not([disabled=false]) .file-upload__help.sc-nano-file-upload{color:var(--nano-color-neutral-1200);opacity:0.8}.file-upload__drop.sc-nano-file-upload{position:relative;inline-size:100%;display:inline-block}.file-upload__drop-area.sc-nano-file-upload{flex-direction:column;background-color:var(--color-drop-bg);color:var(--color-text);min-block-size:var(--drop-height);padding:var(--nano-spacing-md);display:flex;align-items:center;justify-content:center;position:relative;transition:background-color var(--nano-transition-x-fast) ease-in-out;font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose)}[disabled].sc-nano-file-upload-h:not([disabled=false]) .file-upload__drop-area.sc-nano-file-upload{color:var(--nano-color-neutral-1200);background-color:var(--nano-color-neutral-300);border-color:var(--nano-color-neutral-1200)}.file-upload__drop-area.sc-nano-file-upload::after{content:\"\";position:absolute;border-width:1px;background-color:var(--color-drop-border);-webkit-mask-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='white' stroke-width='2' stroke-dasharray='6%2c 8' stroke-dashoffset='0'/%3e%3c/svg%3e\");mask-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='white' stroke-width='2' stroke-dasharray='6%2c 8' stroke-dashoffset='0'/%3e%3c/svg%3e\");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;inset:0;transition:top var(--nano-transition-x-fast) ease-in-out, bottom var(--nano-transition-x-fast) ease-in-out, left var(--nano-transition-x-fast) ease-in-out, right var(--nano-transition-x-fast) ease-in-out}.file-upload--invalid.sc-nano-file-upload .file-upload__drop-area.sc-nano-file-upload::after{background-color:var(--color-error)}.file-upload--dragging.sc-nano-file-upload .file-upload__drop-area.sc-nano-file-upload::after{background-color:var(--nano-color-success-1100);inset:5px}.file-upload__drop-area.sc-nano-file-upload span.sc-nano-file-upload{color:var(--color-drop-browse);text-decoration:underline;z-index:1;cursor:pointer;position:relative}[disabled].sc-nano-file-upload-h:not([disabled=false]) .file-upload__drop-area.sc-nano-file-upload span.sc-nano-file-upload{color:var(--nano-color-neutral-1200);opacity:0.8}.file-upload--focus.sc-nano-file-upload .file-upload__drop-area.sc-nano-file-upload span.sc-nano-file-upload{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.file-upload__list.sc-nano-file-upload{list-style:none;margin:var(--nano-spacing-xs) 0 0;padding:0}.file-upload__list-wrap.sc-nano-file-upload{position:relative;inset-block-start:-4px}.file-upload__list-item.sc-nano-file-upload{inline-size:100%;margin:0 0 2px;display:flex;align-items:center;animation:hideListItem var(--nano-transition-fast) ease-in-out forwards}@keyframes hideListItem{0%{opacity:1}100%{opacity:0}}.file-upload__list-item--active.sc-nano-file-upload{animation:showListItem var(--nano-transition-fast) ease-in-out forwards}@keyframes showListItem{0%{opacity:0}100%{opacity:1}}.file-upload__list.sc-nano-file-upload .list-title.sc-nano-file-upload{background:var(--color-drop-bg);padding:var(--nano-spacing-xs);margin-inline-end:2px;display:block;inline-size:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--nano-font-size-2xs);color:var(--color-text)}.file-upload__list.sc-nano-file-upload .list-button.sc-nano-file-upload{--padding:0.406rem;background:var(--color-drop-bg);margin:2px}.file-upload__list.sc-nano-file-upload .list-error.sc-nano-file-upload{--color:var(--color-error)}.file-upload__drop-area.sc-nano-file-upload,.file-upload__button.sc-nano-file-upload{margin-block:var(--nano-spacing-sm) 0}.file-upload__button.sc-nano-file-upload{max-inline-size:100%;display:flex}.is-invalid.sc-nano-file-upload-h .file-upload__button.sc-nano-file-upload{color:var(--color-error)}.file-upload--dragging.sc-nano-file-upload .file-upload__button.sc-nano-file-upload{--nano-btn-border-style:dashed}.file-upload__clear-btn.sc-nano-file-upload{margin:0;font-size:inherit;padding:0;border:0;outline:none;display:flex;align-items:center;inline-size:auto;color:var(--color-btn-text);background:var(--color-btn-bg)}.is-invalid.sc-nano-file-upload-h .file-upload__clear-btn.sc-nano-file-upload{color:var(--color-error)}.file-upload__clear-btn.sc-nano-file-upload:focus-visible>nano-icon.sc-nano-file-upload{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.file-upload__clear-btn.sc-nano-file-upload .nano-icon.sc-nano-file-upload{margin:0.1rem 0 0 var(--nano-spacing-sm)}.file-upload--focus.sc-nano-file-upload .file-upload__btn-content.sc-nano-file-upload{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.file-upload__btn-content.sc-nano-file-upload div.sc-nano-file-upload{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0;display:block}.file-upload--focus.sc-nano-file-upload .file-upload__btn-content.sc-nano-file-upload div.sc-nano-file-upload{outline:var(--nano-focus-ring);outline-offset:var(--nano-focus-ring-offset)}.file-upload__icon.sc-nano-file-upload{align-self:center;margin-inline-start:var(--nano-spacing-sm);size:var(--nano-icon-size-small)}.file-upload__icon-error.sc-nano-file-upload{color:var(--color-error);opacity:0}.file-upload--invalid.sc-nano-file-upload .file-upload__icon-error.sc-nano-file-upload{opacity:1}.file-upload__icon-success.sc-nano-file-upload{color:var(--nano-color-success-1100);opacity:0}.file-upload--valid.sc-nano-file-upload .file-upload__icon-success.sc-nano-file-upload{opacity:1}";
 let fileInputIds = 0;
 let getDataTransfer = () => new DataTransfer();
@@ -64,12 +64,18 @@ const FileUpload = class {
     capture;
     /** The maximum file size allowed per file (Megabytes) */
     maxFileSize = 1;
-    /** The maximum file size allowed per file (bytes).  */
+    /** The maximum number of files that can be selected. Defaults to 1 */
     maxFiles = 1;
+    _label = '';
     /** String to place within a label element. */
-    label;
+    get label() {
+        return this.required && !this._label.endsWith('*') ? this._label + ' *' : this._label;
+    }
+    set label(value) {
+        this._label = value;
+    }
     /** Placeholder only used within single file uploads. */
-    placeholder = 'Choose a file...';
+    placeholder = 'Choose a file';
     /** Visually hide the label - but make it accessible. */
     hideLabel = false;
     /** If `true`, the user must select a file to upload before submitting a form. */
@@ -78,11 +84,11 @@ const FileUpload = class {
     disabled = false;
     /** If `true`, a clear icon will appear in the input when there is a value.
      * Clicking it clears the input. Only used within single file uploads. */
-    clearInput = false;
+    clearable = false;
     /** Whether to show validation errors underneath input */
     showInlineError = true;
     /** When should the field perform validation */
-    validateOn = 'submit';
+    validateOn = 'submitThenDirty';
     /** The form element to associate with this input (its form owner). Must be the id of a form. */
     form;
     shouldValidate() {
@@ -94,7 +100,7 @@ const FileUpload = class {
                 this.showInlineValidation();
         });
     }
-    _invalid = false;
+    _invalid = null;
     /** This will be true when the control is in an invalid state.
      * Validity is determined by the `required` prop. Or if custom validity message is set. @readonly */
     get invalid() {
@@ -174,7 +180,6 @@ const FileUpload = class {
     async showError(message) {
         if (this.inputEl) {
             this.inputEl.setCustomValidity(message);
-            this.validate();
             this.showInlineValidation();
         }
     }
@@ -226,7 +231,7 @@ const FileUpload = class {
     checkFileType(type) {
         if (!this.accept)
             return true;
-        return this.accept.match(type) && this.accept.match(type).length > 0;
+        return !!type && this.accept.match(type) && this.accept.match(type).length > 0;
     }
     validate = () => {
         this.errorMessage = '';
@@ -236,24 +241,36 @@ const FileUpload = class {
             error = this.inputEl.validationMessage;
         }
         else {
-            this.fileList.forEach((fileItem) => {
-                error = null;
-                if (!this.checkFileSize(fileItem.file.size)) {
-                    error =
-                        'Maximum file size exceeded. Max file size is ' +
-                            this.maxFileSize +
-                            'Mb';
-                }
-                else if (!this.checkFileType(fileItem.file.type))
-                    error = `File type is not allowed (${this.accept})`;
-                fileItem.validationMessage = error;
-                fileItem.valid = !error;
-            });
-            if (this.fileList.length > this.maxFiles)
-                error = `Maxinum number of files exceeded (${this.maxFiles})`;
+            if (this.fileList.length > this.maxFiles) {
+                error = `Maximum number of files exceeded (${this.maxFiles})`;
+            }
+            else {
+                this.fileList.forEach((fileItem) => {
+                    let listeItemError = null;
+                    if (!this.checkFileSize(fileItem.file.size)) {
+                        listeItemError =
+                            'Maximum file size exceeded. Max file size is ' +
+                                this.maxFileSize +
+                                'Mb';
+                    }
+                    else if (!this.checkFileType(fileItem.file.type)) {
+                        listeItemError = `File type is not allowed (${this.accept})`;
+                    }
+                    fileItem.validationMessage = listeItemError;
+                    fileItem.valid = !listeItemError;
+                    if (listeItemError) {
+                        error = listeItemError;
+                    }
+                });
+            }
         }
-        if (error)
+        if (error) {
             this.inputEl.setCustomValidity(error);
+        }
+        else {
+            this.inputEl.setCustomValidity('');
+            this.errorMessage = '';
+        }
     };
     showInlineValidation(ev) {
         if (this.validateOn === 'submitThenDirty')
@@ -369,9 +386,10 @@ const FileUpload = class {
             renderer.h("div", { class: 'file-upload__' + eleType + '-wrap' }, renderer.h("label", { class: `file-upload__` + eleType, htmlFor: this.fileInputId, id: labelId, onDrop: (e) => {
                     this.onDrop(e);
                     this.onDragStop(e);
-                }, onDragEnd: this.onDragStop, onDragLeave: this.onDragStop, onDragEnter: this.onDragStart, onDragOver: this.onDragStart }, (!!this.label || (this.hasLabelSlot && eleType !== 'drop')) && (renderer.h("div", { class: `file-upload__label ${this.hideLabel ? 'visually-hide' : ''}` }, !!this.label && !!this.label.length ? this.label : '', !this.label && this.hasLabelSlot && eleType !== 'drop' && (renderer.h("slot", { name: "label" })))), eleType === 'drop' && (renderer.h("div", { class: "file-upload__drop-area" }, renderer.h("div", null, this.hasLabelSlot && renderer.h("slot", { name: "label" })), renderer.h("div", null, "Drag and drop or\u00A0", renderer.h("span", null, "browse")))), eleType === 'btn' && (renderer.h("div", { class: `file-upload__button button--keyline button--icon-start ${this.hasFocus ? 'button--focus' : ''}` }, renderer.h("div", { class: `file-upload__btn-content` }, renderer.h("nano-icon", { name: "regular/cloud-arrow-up" }), renderer.h("span", null, this.fileList.length
+                }, onDragEnd: this.onDragStop, onDragLeave: this.onDragStop, onDragEnter: this.onDragStart, onDragOver: this.onDragStart }, (!!this.label || (this.hasLabelSlot && eleType !== 'drop')) && (renderer.h("div", { class: `file-upload__label ${this.hideLabel ? 'visually-hide' : ''}` }, !!this.label && !!this.label.length ? this.label : '', !this.label && this.hasLabelSlot && eleType !== 'drop' && (renderer.h("slot", { name: "label" })))), eleType === 'drop' && (renderer.h("div", { class: "file-upload__drop-area" }, renderer.h("div", null, this.hasLabelSlot && renderer.h("slot", { name: "label" })), renderer.h("div", null, "Drag and drop or\u00A0", renderer.h("span", null, "browse")))), eleType === 'btn' && (renderer.h("div", { class: `file-upload__button button--keyline button--icon-start ${this.hasFocus ? 'button--focus' : ''}` }, renderer.h("nano-cta", { secondary: true, class: `file-upload__btn-content` }, renderer.h("div", { class: "button", disabled: this.disabled }, this.fileList.length
                 ? this.fileList[0].file.name
-                : this.placeholder), !!this.value && this.clearInput && !this.disabled && (renderer.h("button", { type: "button", class: "icon file-upload__clear-btn", tabindex: "-1", onClick: this.onClearClick }, renderer.h("nano-icon", { name: "light/xmark" })))))), renderer.h("input", { "aria-labelledby": labelId + ' ' + moreId + ' ' + listId, type: "file", id: this.fileInputId, accept: this.accept, class: "file-upload__input", multiple: this.maxFiles > 1, disabled: this.disabled, name: this.canChangeFileList ? undefined : this.name, form: this.form, ref: (input) => {
+                : this.placeholder)), !!this.value && this.clearable && !this.disabled && (renderer.h("button", { type: "button", class: "icon file-upload__clear-btn", tabindex: "0", "aria-label": "Clear selected file", onClick: this.onClearClick }, renderer.h("nano-icon", { name: "light/xmark" }))), !this.disabled && this.showInlineError &&
+                (this._invalid ? (renderer.h("nano-icon", { name: "solid/circle-xmark", class: "file-upload__icon file-upload__icon-error" })) : (renderer.h("nano-icon", { name: "solid/circle-check", class: "file-upload__icon file-upload__icon-success" }))))), renderer.h("input", { "aria-labelledby": labelId + ' ' + moreId + ' ' + listId, type: "file", id: this.fileInputId, accept: this.accept, class: "file-upload__input", multiple: this.maxFiles > 1, disabled: this.disabled, name: this.canChangeFileList ? undefined : this.name, form: this.form, ref: (input) => {
                     if (this.canChangeFileList) {
                         this.publicInputEl = input;
                         return;
@@ -398,11 +416,12 @@ const FileUpload = class {
         ];
     };
     render() {
-        return (renderer.h(index.Host, { key: '2bd95bf5d3c725d84679a373eac2f87b491ae2bd', class: "nano-file-upload" }, renderer.h("div", { key: '026b77c3165ea04d5ed9a2f8536fd5089ed3ee8e', class: {
+        return (renderer.h(index.Host, { key: '4f495870314e3f688517b34be6749cf2b77810ea', class: "nano-file-upload" }, renderer.h("div", { key: '9baa63fe75b200913f82abb4304d73e22fbb4be4', class: {
                 'file-upload': true,
                 'file-upload--dragging': this.isDragging,
                 'file-upload--focus': this.hasFocus,
-                'file-upload--invalid': this._invalid,
+                'file-upload--invalid': this._invalid === true,
+                'file-upload--valid': this._invalid === false,
             } }, this.maxFiles > 1 ? renderer.h(this.dropArea, null) : renderer.h(this.button, null))));
     }
     static get watchers() { return {