npm - @nanoporetech-digital/components - Versions diffs - 8.9.3 → 8.10.1 - Mend

@nanoporetech-digital/components 8.9.3 → 8.10.1

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 (260) hide show

package/dist/esm/nano-sortable.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
  * Custom elements for Nanopore-Digital Web applications
  */
 import { g as getElement, d as writeTask, e as readTask, r as registerInstance, c as createEvent, a as Host } from './index-BM3Om9WE.js';
-import { h } from './renderer-DasB4P10.js';
+import { h } from './renderer-DpNDfhNy.js';
 import { d as drag } from './drag-BLOEuv-q.js';
 import { d as debounce } from './throttle-C93FMm2Z.js';
 import { a as addListeners } from './events-ClRFmcmJ.js';
@@ -726,7 +726,7 @@ const Sortable = class {
         }
     }
     render() {
-        return (h(Host, { key: 'db8dbc8b62755164c30650a9485205f8ea2c6107', class: "nano-sortable" }, h("div", { key: '0c4646d0cf095e9970787ae4a5101765f0f5fe4f', class: "sortable__live-region", "aria-live": "polite", "aria-relevant": "additions", "aria-atomic": "true", role: "log", part: "announcements" }, this.ariaTextList.map((str) => (h("div", null, str)))), h("slot", { key: '41e538783cb246a7ada58353374228a833b4fc4a' })));
+        return (h(Host, { key: '290c407551a2742f1aea13b69bf6e76783ac04cf', class: "nano-sortable" }, h("div", { key: '85d9c75f73d2c010bf8a8944855ef4b9af8ca24e', class: "sortable__live-region", "aria-live": "polite", "aria-relevant": "additions", "aria-atomic": "true", role: "log", part: "announcements" }, this.ariaTextList.map((str) => (h("div", null, str)))), h("slot", { key: '9c7984602c800c36731218593811876aac6ed948' })));
     }
     static get watchers() { return {
         "itemSelector": ["handleItemSelectorChange"],

package/dist/esm/nano-split-pane.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
  * Custom elements for Nanopore-Digital Web applications
  */
 import { g as getElement, r as registerInstance, c as createEvent, a as Host } from './index-BM3Om9WE.js';
-import { h } from './renderer-DasB4P10.js';
+import { h } from './renderer-DpNDfhNy.js';
 import { d as drag } from './drag-BLOEuv-q.js';
 import { a as clamp } from './math-BEqsTfVK.js';
 import { d as debounce } from './throttle-C93FMm2Z.js';

package/dist/esm/nano-step-accordion.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
  * Custom elements for Nanopore-Digital Web applications
  */
 import { r as registerInstance, c as createEvent, g as getElement, j as forceUpdate, F as Fragment } from './index-BM3Om9WE.js';
-import { h } from './renderer-DasB4P10.js';
+import { h } from './renderer-DpNDfhNy.js';
 const stepAccordionCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{display:block}.nano-details{--padding:0;--btn-bg-color--hover:transparent;--btn-bg-color--active:transparent;border:none;margin-block-end:var(--nano-spacing-sm)}.nano-details::part(base){display:grid;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:var(--nano-spacing-sm) 1.625rem}.nano-details.step--grid-working::part(base)::before{content:\"\";display:block;grid-column:1;grid-row:2;inline-size:1rem;min-block-size:1rem;border-inline-end:2px solid var(--nano-color-neutral-300)}.nano-details.step--grid-working::part(base)::after{content:\"\";grid-column:1;grid-row:2;inline-size:0.4rem;block-size:0.4rem;place-self:end end;translate:-50% 0;inset-inline-start:calc(50% - 2.5px);position:relative;border-inline-end:2px solid var(--nano-color-neutral-300);border-block-end:2px solid var(--nano-color-neutral-300);rotate:45deg}.nano-details:last-of-type::part(base)::before{min-block-size:0}.nano-details:last-of-type::part(base)::after{display:none}.nano-details::part(header){grid-column:1/-1;grid-row:1;display:inline-flex;gap:var(--nano-spacing-sm)}.nano-details::part(body){grid-column:2;grid-row:2}.nano-details::part(content-wrapper){padding:1px}.nano-details.step--grid-not-working::part(header){padding-block-end:var(--nano-spacing-sm)}.nano-details.step--grid-not-working::part(body){padding:0 0 0 2.5625rem}.step .step-header{display:inline-flex;gap:var(--nano-spacing-sm);align-items:center}.step .step-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;border-radius:var(--nano-border-radius-circle);background-color:transparent;color:var(--nano-color-neutral-1400);border:1px solid var(--nano-color-neutral-300)}.step.step--complete .step-icon{background-color:var(--nano-color-success-1000);color:var(--nano-color-base-0);border:none}.step[open] .step-icon{background-color:var(--nano-color-primary-1000);color:var(--nano-color-base-0);border:none}.step .step-change{font-size:var(--nano-font-size-xs);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);text-decoration:underline;color:var(--nano-color-primary-1200)}";
@@ -81,7 +81,7 @@ const NanoStepAccordion = class {
         }
     }
     render() {
-        return (h("nano-accordion", { key: '1edc585b390f5dd6c1fe6edaf103e096b8d02d06', alwaysOpen: true, onNanoToggle: (event) => this.handleToggle(event) }, this.steps.map((step, index) => (h("nano-details", { open: index === this.activeStep, disabled: !step.enabled, class: {
+        return (h("nano-accordion", { key: '3676ae38e897988059d679e2f3b3291641a4a2b0', alwaysOpen: true, onNanoToggle: (event) => this.handleToggle(event) }, this.steps.map((step, index) => (h("nano-details", { open: index === this.activeStep, disabled: !step.enabled, class: {
                 step: true,
                 'step--active': index === this.activeStep,
                 'step--complete': step.complete,

package/dist/esm/nano-step-breadcrumb.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
  * Custom elements for Nanopore-Digital Web applications
  */
 import { r as registerInstance, c as createEvent, g as getElement, j as forceUpdate, a as Host } from './index-BM3Om9WE.js';
-import { h } from './renderer-DasB4P10.js';
+import { h } from './renderer-DpNDfhNy.js';
 import { C as ConstructibleStyle } from './constructible-style-B2_GfhhS.js';
 import { a as addGlobalStylesheetToShadow } from './style-Ds52s5za.js';
@@ -104,10 +104,10 @@ const NanoStepBreadcrumb = class {
     };
     render() {
         const Wrapper = this.steps.filter((step) => step.href).length > 0 ? 'nav' : 'div';
-        return (h(Host, { key: 'e54c227339a1e973cad1889abb1828cef81061a1' }, h(Wrapper, { key: '9a9ef044e63d1cebb713c0e9184ed58ed7865a32', class: "step-wrapper" }, h("ul", { key: 'cf3ef2fa474ae023be0059434fc03f1bfeade40c', class: `step-list desktop ${this.cacheKey}` }, this.steps.map((step, index) => (h("li", { class: "step-item-wrapper", key: index }, h(this.ControlTag, { step: step, index: index }))))), h("div", { key: '18a9e9e00597e8ef15df7134a29dabb5f51fad93', class: `step-list mobile ${this.cacheKey}` }, h("nano-dropdown", { key: '0e174964823bc2c6e1cc0bcd4e1d320bc3e74e11', dialogTitle: "Steps", class: "step-dropdown" }, h("button", { key: '75863494b5e948c53b91f15e083270ac142abe61', slot: "trigger", class: "step-trigger" }, h("div", { key: '093819821dc278086f12d5f8cb008649b43b3230', class: "step-progress-circle", role: "progressbar", "aria-valuenow": "2", "aria-valuemin": "0", "aria-valuemax": "5", style: {
+        return (h(Host, { key: 'c1b1866d4889830fa70d570df0bea118561df7bf' }, h(Wrapper, { key: '630fc450433bd177410e4e69730781cec88b0ea5', class: "step-wrapper" }, h("ul", { key: 'd8b35166bbb9b01df388387997f4b2a4dc612f55', class: `step-list desktop ${this.cacheKey}` }, this.steps.map((step, index) => (h("li", { class: "step-item-wrapper", key: index }, h(this.ControlTag, { step: step, index: index }))))), h("div", { key: 'aa8e3119c641c02f4ac960d4e415c7c327249c8e', class: `step-list mobile ${this.cacheKey}` }, h("nano-dropdown", { key: '61172362d21ec93527e431ab96d9f66075aa52dc', dialogTitle: "Steps", class: "step-dropdown" }, h("button", { key: '8edb7e0ddac43cff9b001ba504f003d6df64895f', slot: "trigger", class: "step-trigger" }, h("div", { key: 'a7ba7d9b0c6724ce19bd556cbfef2fdd9dc36f2b', class: "step-progress-circle", role: "progressbar", "aria-valuenow": "2", "aria-valuemin": "0", "aria-valuemax": "5", style: {
                 '--value': '' + (this.activeStep + 1),
                 '--max': '' + this.steps.length,
-            } }, h("span", { key: 'da12da205c5e4942dc6b158ab4366a87b3d600c0', class: "step-progress-text" }, h("strong", { key: '15298a28fd78508485b54ed24df255087560e627' }, this.activeStep + 1), " of", ' ', this.steps.length)), h("div", { key: 'a67108bd294391381e5e9fa17e6132844eb510c4', class: "step-trigger-text" }, h("div", { key: '46906878f501008c8ceab76276d4f5b47469d9e3', class: "step-trigger-now" }, this.steps[this.activeStep | 0]?.title || 'Select a step'), h("div", { key: '898e4abb1800652352efe446e45c48d3673a656c', class: "step-trigger-next" }, this.steps[this.activeStep + 1]?.title || 'Next step')), h("nano-icon", { key: 'f972d82aaed693d49536862f45c268646dd8742b', class: "step-trigger-icon", name: "light/chevron-down" })), h("nano-menu", { key: '2b6555a0ef2743486e940d75cb3486110f88cad1' }, this.steps.map((step, index) => (h("nano-nav-item", { class: {
+            } }, h("span", { key: 'd84750e092190edd64cd3cecc7a36e2b8b400fbe', class: "step-progress-text" }, h("strong", { key: '6b2f3cd970a2e64299c0d9f85ee59cd93a041858' }, this.activeStep + 1), " of", ' ', this.steps.length)), h("div", { key: '53ebc1b869804b2bae5dc6e9a8cdb2e78027c0c2', class: "step-trigger-text" }, h("div", { key: 'b419abee3f2fa764f19f9f3910347dac89f7b278', class: "step-trigger-now" }, this.steps[this.activeStep | 0]?.title || 'Select a step'), h("div", { key: '6c307ffcd845df90950811e0e88e624ebec495a4', class: "step-trigger-next" }, this.steps[this.activeStep + 1]?.title || 'Next step')), h("nano-icon", { key: '1c012c4bf4e264a328dad23317f73451148176fc', class: "step-trigger-icon", name: "light/chevron-down" })), h("nano-menu", { key: 'ef2bac97f59de0f9b63837cb5c0d67958b32d3ce' }, this.steps.map((step, index) => (h("nano-nav-item", { class: {
                 'step-item-mobile': true,
                 'step-item-mobile step-item--active': index === this.activeStep,
                 'step-item-mobile step-item--complete': step.complete,

package/dist/esm/nano-sticker.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { r as registerInstance, c as createEvent, g as getElement, a as Host } f
 import { a as getOffset } from './dom-dlicJTEJ.js';
 import { d as debounce } from './throttle-C93FMm2Z.js';
 import { f as findScrollParent } from './scroll-1nFw8CNk.js';
-import { t as transformTag, h } from './renderer-DasB4P10.js';
+import { t as transformTag, h } from './renderer-DpNDfhNy.js';
 const stickerCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--stuck-left:initial;--stuck-right:initial;--stuck-z-index:var(--nano-z-index-menubar);--top-hide:translateY(-110%);--bottom-hide:translateY(110%);display:block;max-inline-size:100%}:host([sticky]){position:sticky;transition:0.3s ease transform;will-change:min-block-size}:host([sticky][stuck]){inset-inline:var(--stuck-left) var(--stuck-right);z-index:var(--stuck-z-index) !important}:host([sticky][hide][placed-top]){transform:var(--top-hide)}:host([sticky][hide][placed-bottom]){transform:var(--bottom-hide)}:host([sticky][index=\"1\"]){z-index:calc(var(--stuck-z-index) + 1)}:host([sticky][index=\"2\"]){z-index:calc(var(--stuck-z-index) + 2)}:host([sticky][index=\"3\"]){z-index:calc(var(--stuck-z-index) + 3)}:host([sticky][index=\"4\"]){z-index:calc(var(--stuck-z-index) + 4)}:host([sticky][index=\"5\"]){z-index:calc(var(--stuck-z-index) + 5)}.sticker{display:inherit;max-inline-size:inherit;inline-size:100%}.sticker:not(.stuck){inline-size:auto !important}.sticker.sticky{transition:0.3s ease all;position:relative}:host([index=\"1\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 1)}:host([index=\"2\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 2)}:host([index=\"3\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 3)}:host([index=\"4\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 4)}:host([index=\"5\"]) .sticker.sticky{z-index:calc(var(--stuck-z-index) + 5)}.sticker.stuck{position:fixed;inset-inline:var(--stuck-left) var(--stuck-right);z-index:var(--stuck-z-index);transform:translateY(0)}:host([placed-top]) .sticker.stuck{inset-block-start:0}:host([placed-bottom]) .sticker.stuck{inset-block-end:0}:host([placed-top]) .sticker.stuck.hide{transform:var(--top-hide)}:host([placed-bottom]) .sticker.stuck.hide{transform:var(--bottom-hide)}.sticker-content{display:flex;flex-wrap:wrap}";
@@ -605,12 +605,12 @@ const Sticker = class {
         this.hasBootstrapped = false;
     }
     render() {
-        return (h(Host, { key: '6626d945b580e7e23d940db522958250e89261ad', sticky: !this.isRootSticker && !this.stickToEle && this.isSticky, hide: this.hide && this.isStuck, siblings: this.stuckCounter, index: this.stickerIndex, stuck: this.isStuck && this.isSticky, "placed-bottom": this.positions.includes('bottom'), "placed-top": this.positions.includes('top'), "placed-end": this.positions.includes('end'), "placed-start": this.positions.includes('start'), class: "nano-sticker" }, h("div", { key: '1e4b7f859218a5ed2256f7f860dcffa4b1b8f5be', class: {
+        return (h(Host, { key: 'f339585bb8f9d509f374404a6462b482ee7f7001', sticky: !this.isRootSticker && !this.stickToEle && this.isSticky, hide: this.hide && this.isStuck, siblings: this.stuckCounter, index: this.stickerIndex, stuck: this.isStuck && this.isSticky, "placed-bottom": this.positions.includes('bottom'), "placed-top": this.positions.includes('top'), "placed-end": this.positions.includes('end'), "placed-start": this.positions.includes('start'), class: "nano-sticker" }, h("div", { key: 'a0825842c7fb6fd7ab7e15a6775547693e38c1cb', class: {
                 sticker: true,
                 sticky: this.isRootSticker && this.isSticky,
                 stuck: this.isStuck && this.isRootSticker && this.isSticky,
                 hide: this.isRootSticker && this.hide && this.isStuck,
-            }, ref: (div) => (this.sticker = div) }, h("div", { key: '4f7cd61f38b78433296a9708ddbd702d97cf2435', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: 'a88a8500ee1ea99324f9b1b7390675486035496c' })))));
+            }, ref: (div) => (this.sticker = div) }, h("div", { key: '3693b4a7c4daf5b5208b36a158b0d0b1f3ced9b0', class: "sticker-content", ref: (div) => (this.content = div) }, h("slot", { key: '526f2d5e88882133ec67866d90cdf18b95ce86cc' })))));
     }
     static get watchers() { return {
         "trigger": ["updateTriggerOffset"],

package/dist/esm/nano-tab-content.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
  * Custom elements for Nanopore-Digital Web applications
  */
 import { r as registerInstance, g as getElement, a as Host } from './index-BM3Om9WE.js';
-import { h } from './renderer-DasB4P10.js';
+import { h } from './renderer-DpNDfhNy.js';
 const tabContentCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{display:block;opacity:1;animation:opacity 0.3s ease-in-out forwards;animation-duration:0s !important}:host(.ready){animation-duration:0.3s !important}@media only screen and (width <= 768px){:host([animation-dir=left]){animation:slide-right 0.3s ease-in-out;opacity:1}:host([animation-dir=right]){animation:slide-left 0.3s ease-in-out;opacity:1}}.nano-tab-content{position:relative}@keyframes opacity{0%{opacity:0}100%{opacity:1}}@keyframes slide-left{0%{transform:translate3d(-100%, 0, 0)}50%{transform:translate3d(0%) translate3d(-0.9em)}100%{transform:translate3d(0, 0, 0)}}@keyframes slide-right{0%{transform:translate3d(100%, 0, 0)}50%{transform:translateX(0%) translate3d(0.9em)}100%{transform:translate3d(0, 0, 0)}}@media (prefers-reduced-motion: reduce){*{animation:none !important}}";
@@ -22,10 +22,10 @@ const NanoTabContent = class {
         requestAnimationFrame(() => (this.ready = true));
     }
     render() {
-        return (h(Host, { key: '3118031c009c947f2a7882a8dd65556b686d1c9d', id: this.host.id || this.tabContentId, style: { display: this.active ? 'block' : 'none' }, role: "tabpanel", "aria-hidden": this.active ? 'false' : 'true', class: {
+        return (h(Host, { key: '7899878aa521145bc4fe77a7e81ddbd2d48b739e', id: this.host.id || this.tabContentId, style: { display: this.active ? 'block' : 'none' }, role: "tabpanel", "aria-hidden": this.active ? 'false' : 'true', class: {
                 ready: this.ready,
                 'nano-tab-content': true,
-            } }, h("div", { key: 'cab097ece6d3473e5fc425dbde951fcaf399c5ba', part: "base", class: "nano-tab-content" }, h("slot", { key: 'b4ce04af8ea780022c5a9e63a16f1d087432a931' }))));
+            } }, h("div", { key: '68d1c780cf1f6d4d0ef77b1dafa7766aa08ba52b', part: "base", class: "nano-tab-content" }, h("slot", { key: 'd8be1c667173f69f74fbead600d79bf96da42cbe' }))));
     }
 };
 NanoTabContent.style = tabContentCss;

package/dist/esm/nano-tab-group.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@
 import { r as registerInstance, c as createEvent, g as getElement, j as forceUpdate, a as Host } from './index-BM3Om9WE.js';
 import { g as getDirectChildren } from './dom-dlicJTEJ.js';
 import { C as ComponentStore } from './component-store-JYVuxwvK.js';
-import { t as transformTag, h } from './renderer-DasB4P10.js';
+import { t as transformTag, h } from './renderer-DpNDfhNy.js';
 import './throttle-C93FMm2Z.js';
 const tabGroupCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border:2px solid var(--nano-color-neutral-300);--indicator-transition:var(--nano-transition-fast);--indicator-color:var(--nano-color-primary-1000);--indicator-track-color:var(--nano-color-neutral-300);--indicator-size:0;--tab-spacing:var(--nano-spacing-md);--content-spacing:var(--nano-spacing-l1-default);display:block;position:relative;z-index:var(--nano-z-index-raised)}.group{display:flex;border-radius:0;inline-size:100%;flex:inherit}:host([equal-tab-size]) .group__tabs-border,.group__tabs[has-scroll-controls] .group__tabs-border{display:none}.group__tabs::part(items){gap:var(--tab-spacing)}.group--top{flex-direction:column}.group--top .group__tabs{--fade-size:100px}.group--top .group__tabs::part(items){align-items:flex-end}.group--top .group__tabs-border{flex:1;border-block-end:var(--border)}.group--top .group__body{order:2;position:relative;flex:1 1 auto;border-block-end:var(--border);padding-block:var(--content-spacing)}.group--start{flex-direction:row}:host([equal-tab-size]) .group--start .group__tabs::part(items){display:grid;grid-auto-rows:1fr}.group--start .group__tabs-border{flex:1;border-inline-end:var(--border)}.group--start .group__body{flex:1 1 auto;order:2;overflow:hidden;padding-inline-start:var(--content-spacing)}";

package/dist/esm/nano-tab.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
  * Custom elements for Nanopore-Digital Web applications
  */
 import { r as registerInstance, c as createEvent, g as getElement, a as Host } from './index-BM3Om9WE.js';
-import { h } from './renderer-DasB4P10.js';
+import { h } from './renderer-DpNDfhNy.js';
 const tabCss = ":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{--border:2px solid var(--nano-color-neutral-300);--border-hover-color:var(--nano-color-primary-700);--border-active-color:var(--nano-color-primary-1000);--text-hover-color:var(--nano-color-primary-1000);--text-active-color:var(--nano-color-primary-1100);--padding:var(--nano-spacing-md);font-size:var(--nano-font-size-sm);line-height:var(--nano-line-height-normal);letter-spacing:var(--nano-letter-spacing-loose);display:inline-block;cursor:pointer;color:var(--nano-color-neutral-1400);border:var(--border);border-inline-end-width:0;border-inline-start-width:0;border-block-start-width:0;border-block-end:var(--border)}:host(:not([disabled]):hover){border-color:var(--border-hover-color);color:var(--text-hover-color)}:host(:not([disabled]):active),:host([active]){border-color:var(--border-active-color);color:var(--text-active-color)}:host(.nano-sortable__dragged){background:var(--nano-color-base-0);opacity:0.9 !important;box-shadow:var(--nano-shadow-l0) !important}.tab{padding:var(--padding);display:flex;white-space:nowrap;align-items:center;position:relative;gap:var(--nano-spacing-sm);justify-content:center}.tab.tab--disabled{opacity:0.5;cursor:not-allowed}.tab.tab--closable{padding-inline-end:calc(var(--padding) - var(--nano-spacing-sm))}.tab ::slotted(*),.tab::slotted(*){display:flex;align-items:center}.tab ::slotted(.nano-sortable__keyboard-handle){position:absolute;inset-inline-end:-1em;z-index:1}.tab:not(.tab--disabled):has(.tab__label:focus-visible){outline:var(--nano-focus-ring);outline-offset:-3px}.tab__label{display:flex;flex-direction:column;gap:var(--nano-spacing-sm);align-items:center}.tab__label:focus{outline:none}.tab__close-button{color:var(--nano-color-primary-1200);--hover-color:var(--nano-color-primary-700)}";
@@ -44,12 +44,12 @@ const NanoTab = class {
         }
     };
     render() {
-        return (h(Host, { key: 'ad80886d87f28ad3a2ae019f361662f21c6617b3', id: this.host.id || this.tabId, role: "tab", "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', class: "nano-tab" }, h("div", { key: '445b8acdf4a87b4541f8bc1b9354c91bad6d77a4', part: `base${this.active ? ' base--active' : ''}${this.disabled ? ' base--disabled' : ''}${this.closable ? ' base--closable' : ''}`, class: {
+        return (h(Host, { key: '735b30efba4aecf7bfa515f1fc33d9c507d8ded0', id: this.host.id || this.tabId, role: "tab", "aria-disabled": this.disabled ? 'true' : 'false', "aria-selected": this.active ? 'true' : 'false', class: "nano-tab" }, h("div", { key: '400e6997781a7499613f0b04cf559ee8598801e2', part: `base${this.active ? ' base--active' : ''}${this.disabled ? ' base--disabled' : ''}${this.closable ? ' base--closable' : ''}`, class: {
                 tab: true,
                 'tab--active': this.active,
                 'tab--disabled': this.disabled,
                 'tab--closable': this.closable,
-            } }, h("slot", { key: 'a72a156f0792fb7943c46d7edc6da51d222f4285', name: "start" }), h("div", { key: 'e7c654c4efe7bafaa41fdbafaae96976f4089f67', part: "label", ref: (el) => (this.tab = el), tabindex: this.disabled || !this.active ? '-1' : '0', class: "tab__label" }, h("slot", { key: '65f9a3b5342dfca0a8e6ec9be289f3ad4bb5da4e' })), h("slot", { key: 'e044937dc98a2650b58f7a792e0e190de80e2d00', name: "end" }), this.closable && !this.disabled && (h("nano-icon-button", { key: 'c7809dea53cb6ca1660f58f06f3a861f18950cba', label: "Close this tab", iconName: "light/xmark", class: "tab__close-button", onClick: this.handleCloseClick, onKeyDown: this.handleCloseKeydown, part: "close-button" })))));
+            } }, h("slot", { key: '059131aa192ceac9ca9b61db2daf7029c0153d66', name: "start" }), h("div", { key: '76fba07c2ded5f4a2d93f9540fd222655c507517', part: "label", ref: (el) => (this.tab = el), tabindex: this.disabled || !this.active ? '-1' : '0', class: "tab__label" }, h("slot", { key: '2ac34a7e63e38ed4821d39e35b276b1155e2edd3' })), h("slot", { key: '7d1b2f561c64e3be7a464d9e24ea7fd5d2a56b66', name: "end" }), this.closable && !this.disabled && (h("nano-icon-button", { key: '72497156f9858f16c0d4521cbc6d559cd2266be8', label: "Close this tab", iconName: "light/xmark", class: "tab__close-button", onClick: this.handleCloseClick, onKeyDown: this.handleCloseKeydown, part: "close-button" })))));
     }
 };
 NanoTab.style = tabCss;

package/dist/esm/nano-table.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 import { g as getElement, r as registerInstance, a as Host } from './index-BM3Om9WE.js';
 import { d as debounce } from './throttle-C93FMm2Z.js';
-import { t as transformTag, h } from './renderer-DasB4P10.js';
+import { t as transformTag, h } from './renderer-DpNDfhNy.js';
 const tableCss = ".sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{box-sizing:border-box}[hidden].sc-nano-table{display:none !important}@media (prefers-reduced-motion: reduce){.sc-nano-table-h,*.sc-nano-table,*.sc-nano-table::before,*.sc-nano-table::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}";
@@ -226,10 +226,10 @@ const NanoTable = class {
         this.cleanUpObservers();
     }
     render() {
-        return (h(Host, { key: '75c4089a6d670a16eea3fca8d079ac9a827c4cfa', class: {
+        return (h(Host, { key: 'e2ee468673f70252fc559a82e48b74f12273e416', class: {
                 'nano-table': true,
                 'nano-table--props-ready': this.propsReady,
-            } }, this.scrollable && (h("nano-masked-overflow", { key: '90a1e07d2daa97047c3be1381717a8ae3b53b5e1', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: 'badc595c9931fb6198ab38b4e09cdf4201fcc064', class: "nano-table__overflow" }))), h("slot", { key: 'd3fd5902fccc42b3412e9cb1950b054b5a69a525' })));
+            } }, this.scrollable && (h("nano-masked-overflow", { key: '63091df4a07695276d762d2a5ad5f535c9ed67dd', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: '2defbb73d6077d95351c50685c70e6c32f05fd87', class: "nano-table__overflow" }))), h("slot", { key: '71a9d57114363f976eb139d494a8383795a67a8b' })));
     }
     static get watchers() { return {
         "compact": ["handleCompactChange"],

package/dist/esm/{page-dots-CCfERISy.js → page-dots-Ckyic5vY.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { F as Flickity, u as utils, U as Unipointer } from './nano-slides-xbY6lXX9.js';
+import { F as Flickity, u as utils, U as Unipointer } from './nano-slides-BU8CjO-X.js';
 import './index-BM3Om9WE.js';
-import './renderer-DasB4P10.js';
+import './renderer-DpNDfhNy.js';
 // -------------------------- PageDots -------------------------- //
 function PageDots(parent) {

package/dist/esm/{renderer-DasB4P10.js → renderer-DpNDfhNy.js} RENAMED Viewed

@@ -15,6 +15,7 @@ const CSS_ONLY_COMPONENTS = [
     'nano-icon-item',
     'nano-option-box',
     'nano-progress-bar',
+    'nano-search-result',
     'nano-skeleton',
     'nano-spinner',
     'nano-tag',

package/dist/esm/{slot-CFTP7C_Z.js → slot-D31cEKyt.js} RENAMED Viewed

@@ -61,7 +61,21 @@ class HasSlotController {
     hasDefaultSlot() {
         if (!this.host)
             return false;
-        return [...this.host.childNodes].some((node) => {
+        let childNodes;
+        if (this.host.shadowRoot) {
+            // * Regular shadow DOM component *
+            childNodes = [...this.host.shadowRoot.childNodes];
+        }
+        else if (!this.host.classList.contains('hydrated')) {
+            // * Non-shadow, polyfilled component *
+            // Component has not done initial render. Return component internals
+            childNodes = [...(this.host?.__childNodes ?? [])];
+        }
+        else {
+            // Component is ready, return 'light DOM' children
+            childNodes = [...this.host.childNodes];
+        }
+        return childNodes.some((node) => {
             if (node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== '') {
                 return true;
             }
@@ -86,12 +100,14 @@ class HasSlotController {
             : this.hasNamedSlot(slotName);
     }
     hostConnected() {
-        this.host.shadowRoot.addEventListener('slotchange', this.handleSlotChange);
+        const listenTarget = this.host.shadowRoot ?? this.host;
+        listenTarget.addEventListener('slotchange', this.handleSlotChange);
     }
     hostDisconnected() {
         if (!this.host)
             return;
-        this.host.shadowRoot.removeEventListener('slotchange', this.handleSlotChange);
+        const listenTarget = this.host.shadowRoot ?? this.host;
+        listenTarget.removeEventListener('slotchange', this.handleSlotChange);
     }
     handleSlotChange = (event) => {
         const slot = event.target;

package/dist/esm/{table.worker-DxcSnyg3.js → table.worker-By3ZdRHH.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { c as createWorker } from './nano-data-table-CSTxipPc.js';
+import { c as createWorker } from './nano-data-table-B3_-hFqj.js';
 import './index-BM3Om9WE.js';
-import './renderer-DasB4P10.js';
+import './renderer-DpNDfhNy.js';
 import './math-BEqsTfVK.js';
 import './throttle-C93FMm2Z.js';
 import './scroll-1nFw8CNk.js';

package/dist/nano-components/{fade-D980mOvm.js → fade-DWf-ekic.js} RENAMED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{F as t,u as i}from"./nano-slides-xbY6lXX9.js";import"./index-BM3Om9WE.js";import"./renderer-DasB4P10.js";const s=t.Slide,h=s.prototype.updateTarget;s.prototype.updateTarget=function(...t){if(h.apply(this,t),!this.parent.options.fade)return;const i=this.target-this.x,s=this.cells[0].x;this.cells.forEach((function(t){t.renderPosition(t.x-s-i)}))},s.prototype.setOpacity=function(t){this.cells.forEach((function(i){i.element.style.opacity=t}))};const n=t.prototype;t.createMethods.push("_createFade"),n._createFade=function(){this.fadeIndex=this.selectedIndex,this.prevSelectedIndex=this.selectedIndex,this.on("select",this.onSelectFade),this.on("dragEnd",this.onDragEndFade),this.on("settle",this.onSettleFade),this.on("activate",this.onActivateFade),this.on("deactivate",this.onDeactivateFade)};const o=n.updateSlides;n.updateSlides=function(...t){o.apply(this,t),this.options.fade&&this.slides.forEach((function(t,i){t.setOpacity(i==this.selectedIndex?1:0)}),this)},n.onSelectFade=function(){this.fadeIndex=Math.min(this.prevSelectedIndex,this.slides.length-1),this.prevSelectedIndex=this.selectedIndex},n.onSettleFade=function(){delete this.didDragEnd,this.options.fade&&(this.selectedSlide.setOpacity(1),this.slides[this.fadeIndex]&&this.fadeIndex!=this.selectedIndex&&this.slides[this.fadeIndex].setOpacity(0))},n.onDragEndFade=function(){this.didDragEnd=!0},n.onActivateFade=function(){this.options.fade&&this.element.classList.add("is-fade")},n.onDeactivateFade=function(){this.options.fade&&(this.element.classList.remove("is-fade"),this.slides.forEach((function(t){t.setOpacity("")})))};const c=n.positionSlider;n.positionSlider=function(...t){this.options.fade?(this.fadeSlides(),this.dispatchScrollEvent()):c.apply(this,t)};const u=n.positionSliderAtSelected;n.positionSliderAtSelected=function(...t){this.options.fade&&this.setTranslateX(0),u.apply(this,t)},n.fadeSlides=function(){if(this.slides.length<2)return;const t=this.getFadeIndexes(),i=this.slides[t.a],s=this.slides[t.b],h=this.wrapDifference(i.target,s.target);let n=this.wrapDifference(i.target,-this.x);n/=h,i.setOpacity(1-n),s.setOpacity(n);let o=t.a;this.isDragging&&(o=n>.5?t.a:t.b),null!=this.fadeHideIndex&&this.fadeHideIndex!=o&&this.fadeHideIndex!=t.a&&this.fadeHideIndex!=t.b&&this.slides[this.fadeHideIndex].setOpacity(0),this.fadeHideIndex=o},n.getFadeIndexes=function(){return this.isDragging||this.didDragEnd||void 0===this.fadeIndex?this.options.wrapAround?this.getFadeDragWrapIndexes():this.getFadeDragLimitIndexes():{a:this.fadeIndex,b:this.selectedIndex}},n.getFadeDragWrapIndexes=function(){const t=this.slides.map((function(t,i){return this.getSlideDistance(-this.x,i)}),this),s=t.map((function(t){return Math.abs(t)})),h=Math.min(...s),n=s.indexOf(h);return{a:n,b:i.modulo(n+(t[n]>=0?1:-1),this.slides.length)}},n.getFadeDragLimitIndexes=function(){let t=0;for(let i=0;i<this.slides.length-1&&!(-this.x<this.slides[i].target);i++)t=i;return{a:t,b:t+1}},n.wrapDifference=function(t,i){let s=i-t;if(!this.options.wrapAround)return s;const h=s+this.slideableWidth,n=s-this.slideableWidth;return Math.abs(h)<Math.abs(s)&&(s=h),Math.abs(n)<Math.abs(s)&&(s=n),s};const e=n._getWrapShiftCells;n._getWrapShiftCells=function(...t){this.options.fade||e.apply(this,t)};const f=n.shiftWrapCells;n.shiftWrapCells=function(...t){this.options.fade||f.apply(this,t)}
+import{F as t,u as i}from"./nano-slides-BU8CjO-X.js";import"./index-BM3Om9WE.js";import"./renderer-DpNDfhNy.js";const s=t.Slide,h=s.prototype.updateTarget;s.prototype.updateTarget=function(...t){if(h.apply(this,t),!this.parent.options.fade)return;const i=this.target-this.x,s=this.cells[0].x;this.cells.forEach((function(t){t.renderPosition(t.x-s-i)}))},s.prototype.setOpacity=function(t){this.cells.forEach((function(i){i.element.style.opacity=t}))};const n=t.prototype;t.createMethods.push("_createFade"),n._createFade=function(){this.fadeIndex=this.selectedIndex,this.prevSelectedIndex=this.selectedIndex,this.on("select",this.onSelectFade),this.on("dragEnd",this.onDragEndFade),this.on("settle",this.onSettleFade),this.on("activate",this.onActivateFade),this.on("deactivate",this.onDeactivateFade)};const o=n.updateSlides;n.updateSlides=function(...t){o.apply(this,t),this.options.fade&&this.slides.forEach((function(t,i){t.setOpacity(i==this.selectedIndex?1:0)}),this)},n.onSelectFade=function(){this.fadeIndex=Math.min(this.prevSelectedIndex,this.slides.length-1),this.prevSelectedIndex=this.selectedIndex},n.onSettleFade=function(){delete this.didDragEnd,this.options.fade&&(this.selectedSlide.setOpacity(1),this.slides[this.fadeIndex]&&this.fadeIndex!=this.selectedIndex&&this.slides[this.fadeIndex].setOpacity(0))},n.onDragEndFade=function(){this.didDragEnd=!0},n.onActivateFade=function(){this.options.fade&&this.element.classList.add("is-fade")},n.onDeactivateFade=function(){this.options.fade&&(this.element.classList.remove("is-fade"),this.slides.forEach((function(t){t.setOpacity("")})))};const c=n.positionSlider;n.positionSlider=function(...t){this.options.fade?(this.fadeSlides(),this.dispatchScrollEvent()):c.apply(this,t)};const u=n.positionSliderAtSelected;n.positionSliderAtSelected=function(...t){this.options.fade&&this.setTranslateX(0),u.apply(this,t)},n.fadeSlides=function(){if(this.slides.length<2)return;const t=this.getFadeIndexes(),i=this.slides[t.a],s=this.slides[t.b],h=this.wrapDifference(i.target,s.target);let n=this.wrapDifference(i.target,-this.x);n/=h,i.setOpacity(1-n),s.setOpacity(n);let o=t.a;this.isDragging&&(o=n>.5?t.a:t.b),null!=this.fadeHideIndex&&this.fadeHideIndex!=o&&this.fadeHideIndex!=t.a&&this.fadeHideIndex!=t.b&&this.slides[this.fadeHideIndex].setOpacity(0),this.fadeHideIndex=o},n.getFadeIndexes=function(){return this.isDragging||this.didDragEnd||void 0===this.fadeIndex?this.options.wrapAround?this.getFadeDragWrapIndexes():this.getFadeDragLimitIndexes():{a:this.fadeIndex,b:this.selectedIndex}},n.getFadeDragWrapIndexes=function(){const t=this.slides.map((function(t,i){return this.getSlideDistance(-this.x,i)}),this),s=t.map((function(t){return Math.abs(t)})),h=Math.min(...s),n=s.indexOf(h);return{a:n,b:i.modulo(n+(t[n]>=0?1:-1),this.slides.length)}},n.getFadeDragLimitIndexes=function(){let t=0;for(let i=0;i<this.slides.length-1&&!(-this.x<this.slides[i].target);i++)t=i;return{a:t,b:t+1}},n.wrapDifference=function(t,i){let s=i-t;if(!this.options.wrapAround)return s;const h=s+this.slideableWidth,n=s-this.slideableWidth;return Math.abs(h)<Math.abs(s)&&(s=h),Math.abs(n)<Math.abs(s)&&(s=n),s};const e=n._getWrapShiftCells;n._getWrapShiftCells=function(...t){this.options.fade||e.apply(this,t)};const f=n.shiftWrapCells;n.shiftWrapCells=function(...t){this.options.fade||f.apply(this,t)}

package/dist/nano-components/{form-control-BCJMGxR_.js → form-control-BtblmnSm.js} RENAMED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{h as l}from"./renderer-DasB4P10.js";const r=({label:r,hasLabelSlot:a,controlId:e,labelId:o,floatLabel:t,placeholder:s,alwaysShowPlaceholder:c,hideLabel:n,hasValue:i,rtl:_,showCharCount:m,maxlength:d,charCount:h})=>{if(r||a)return t?l("label",{class:"form-ctrl__float-label",htmlFor:e,id:o},l("slot",{name:"label"},r),m&&l("span",{class:"form-ctrl__label-charcount"},d?` ${h}/${d}`:` ${h}`)):l("label",{class:{"form-ctrl__label":!0,"visually-hide":n},htmlFor:e,id:o},l("div",{class:"form-ctrl__label-wrap"},s&&c&&i&&_&&l("span",{class:"form-ctrl__label-placeholder"},s," / "),l("span",{class:"form-ctrl__labeltext"},l("slot",{name:"label"},r)),s&&c&&i&&!_&&l("span",{class:"form-ctrl__label-placeholder"}," / ",s)),m&&l("span",{class:"form-ctrl__label-charcount"},d?d-h+" left":h+" characters"))},a=(a,e)=>{const{rtl:o,floatLabel:t,label:s,moreId:c,helperEndId:n,type:i,hasHelperSlot:_,showInlineError:m,errorMessage:d,hasHelperEndSlot:h}=a;return l("div",{class:{"form-ctrl":!0,"has-label":null!==s&&!t,"has-float-label":null!==s&&t,"has-helper-end":h,rtl:o,[a.class]:!!a.class}},l("div",{class:"form-ctrl__wrapper"},t?"":r({...a}),l("div",{class:{"form-ctrl__input":!0,"form-ctrl__textarea":"textarea"===i}},t&&r({...a,rtl:o}),e),(m||_)&&l("div",{class:"form-ctrl__more",id:c},m&&l("div",{class:"form-ctrl__error","aria-live":"polite"},d),l("div",{class:"form-ctrl__helper"},l("slot",{name:"helper"})))),h&&l("div",{class:"form-ctrl__helper-end",id:n},l("slot",{name:"helper-end"})))},e=(r,a)=>{const{ref:e,onClearText:o,clearControl:t,readonly:s,disabled:c,control:n,endSlot:i,endValueSlot:_,startSlot:m,showInlineError:d}=r,h=()=>{n.setFocus()};return l("div",{class:"form-ctrl__input-wrap",ref:l=>{e&&e(l)}},l("span",{class:"form-ctrl__slot-start"},l("slot",{name:"start"}),m),a,t&&!s&&!c&&l("button",{type:"button",class:"icon form-ctrl__clear-btn",tabindex:"-1",onTouchStart:o,onMouseDown:o},l("nano-icon",{name:"light/xmark",role:"img",ariaLabel:"Clear content"})),d&&l("div",{onClick:h,class:"form-ctrl__validation-icon"},l("nano-icon",{name:"solid/circle-xmark",class:"form-ctrl__error-icon"}),l("nano-icon",{name:"solid/circle-check",class:"form-ctrl__success-icon"})),l("span",{class:"form-ctrl__slot-value-end",onClick:h},l("slot",{name:"value-end"}),_),l("span",{class:"form-ctrl__slot-end"},l("slot",{name:"end"}),i))};export{a as F,e as a}
+import{h as l}from"./renderer-DpNDfhNy.js";const r=({label:r,hasLabelSlot:a,controlId:e,labelId:o,floatLabel:t,placeholder:s,alwaysShowPlaceholder:c,hideLabel:n,hasValue:i,rtl:_,showCharCount:m,maxlength:d,charCount:h})=>{if(r||a)return t?l("label",{class:"form-ctrl__float-label",htmlFor:e,id:o},l("slot",{name:"label"},r),m&&l("span",{class:"form-ctrl__label-charcount"},d?` ${h}/${d}`:` ${h}`)):l("label",{class:{"form-ctrl__label":!0,"visually-hide":n},htmlFor:e,id:o},l("div",{class:"form-ctrl__label-wrap"},s&&c&&i&&_&&l("span",{class:"form-ctrl__label-placeholder"},s," / "),l("span",{class:"form-ctrl__labeltext"},l("slot",{name:"label"},r)),s&&c&&i&&!_&&l("span",{class:"form-ctrl__label-placeholder"}," / ",s)),m&&l("span",{class:"form-ctrl__label-charcount"},d?d-h+" left":h+" characters"))},a=(a,e)=>{const{rtl:o,floatLabel:t,label:s,moreId:c,helperEndId:n,type:i,hasHelperSlot:_,showInlineError:m,errorMessage:d,hasHelperEndSlot:h}=a;return l("div",{class:{"form-ctrl":!0,"has-label":null!==s&&!t,"has-float-label":null!==s&&t,"has-helper-end":h,rtl:o,[a.class]:!!a.class}},l("div",{class:"form-ctrl__wrapper"},t?"":r({...a}),l("div",{class:{"form-ctrl__input":!0,"form-ctrl__textarea":"textarea"===i}},t&&r({...a,rtl:o}),e),(m||_)&&l("div",{class:"form-ctrl__more",id:c},m&&l("div",{class:"form-ctrl__error","aria-live":"polite"},d),l("div",{class:"form-ctrl__helper"},l("slot",{name:"helper"})))),h&&l("div",{class:"form-ctrl__helper-end",id:n},l("slot",{name:"helper-end"})))},e=(r,a)=>{const{ref:e,onClearText:o,clearControl:t,readonly:s,disabled:c,control:n,endSlot:i,endValueSlot:_,startSlot:m,showInlineError:d}=r,h=()=>{n.setFocus()};return l("div",{class:"form-ctrl__input-wrap",ref:l=>{e&&e(l)}},l("span",{class:"form-ctrl__slot-start"},l("slot",{name:"start"}),m),a,t&&!s&&!c&&l("button",{type:"button",class:"icon form-ctrl__clear-btn",tabindex:"-1",onTouchStart:o,onMouseDown:o},l("nano-icon",{name:"light/xmark",role:"img",ariaLabel:"Clear content"})),d&&l("div",{onClick:h,class:"form-ctrl__validation-icon"},l("nano-icon",{name:"solid/circle-xmark",class:"form-ctrl__error-icon"}),l("nano-icon",{name:"solid/circle-check",class:"form-ctrl__success-icon"})),l("span",{class:"form-ctrl__slot-value-end",onClick:h},l("slot",{name:"value-end"}),_),l("span",{class:"form-ctrl__slot-end"},l("slot",{name:"end"}),i))};export{a as F,e as a}

package/dist/nano-components/{fullscreen-CjInlYb9.js → fullscreen-DWET5K4U.js} RENAMED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{F as t}from"./nano-slides-xbY6lXX9.js";import"./index-BM3Om9WE.js";import"./renderer-DasB4P10.js";t.createMethods.push("_createFullscreen");const i=t.prototype;i._createFullscreen=function(){this.isFullscreen=!1,this.options.fullscreen&&(this.viewFullscreenButton=new n("view",this),this.exitFullscreenButton=new n("exit",this),this.on("activate",this._changeFullscreenActive),this.on("deactivate",this._changeFullscreenActive))},i._changeFullscreenActive=function(){const t=this.isActive?"appendChild":"removeChild";this.element[t](this.viewFullscreenButton.element),this.element[t](this.exitFullscreenButton.element);const i=this.isActive?"activate":"deactivate";this.viewFullscreenButton[i](),this.exitFullscreenButton[i]()},i.viewFullscreen=function(){this._changeFullscreen(!0),this.focus()},i.exitFullscreen=function(){this._changeFullscreen(!1)},i._changeFullscreen=function(t){if(this.isFullscreen==t)return;this.isFullscreen=t;const i=t?"add":"remove";document.documentElement.classList[i]("is-flickity-fullscreen"),this.element.classList[i]("is-fullscreen"),this.resize(),this.isFullscreen&&this.reposition(),this.dispatchEvent("fullscreenChange",null,[t])},i.toggleFullscreen=function(){this._changeFullscreen(!this.isFullscreen)};const s=i.setGallerySize;function n(t,i){this.name=t,this.createButton(),this.createIcon(),this.onClick=function(){i[t+"Fullscreen"]()},this.clickHandler=this.onClick.bind(this)}i.setGallerySize=function(){this.options.setGallerySize&&(this.isFullscreen?this.viewport.style.height="":s.call(this))},t.keyboardHandlers[27]=function(){this.exitFullscreen()},n.prototype.createButton=function(){const t=this.element=document.createElement("button");t.className="flickity-button flickity-fullscreen-button flickity-fullscreen-button-"+this.name,t.setAttribute("type","button");const i=(s=this.name+" full-screen")[0].toUpperCase()+s.slice(1);var s;t.setAttribute("aria-label",i),t.title=i};const h="http://www.w3.org/2000/svg",c={view:"M15,20,7,28h5v4H0V20H4v5l8-8Zm5-5,8-8v5h4V0H20V4h5l-8,8Z",exit:"M32,3l-7,7h5v4H18V2h4V7l7-7ZM3,32l7-7v5h4V18H2v4H7L0,29Z"};n.prototype.createIcon=function(){const t=document.createElementNS(h,"svg");t.setAttribute("class","flickity-button-icon"),t.setAttribute("viewBox","0 0 32 32");const i=document.createElementNS(h,"path");i.setAttribute("d",c[this.name]),t.appendChild(i),this.element.appendChild(t)},n.prototype.activate=function(){this.element.addEventListener("click",this.clickHandler)},n.prototype.deactivate=function(){this.element.removeEventListener("click",this.clickHandler)},t.FullscreenButton=n;
+import{F as t}from"./nano-slides-BU8CjO-X.js";import"./index-BM3Om9WE.js";import"./renderer-DpNDfhNy.js";t.createMethods.push("_createFullscreen");const i=t.prototype;i._createFullscreen=function(){this.isFullscreen=!1,this.options.fullscreen&&(this.viewFullscreenButton=new n("view",this),this.exitFullscreenButton=new n("exit",this),this.on("activate",this._changeFullscreenActive),this.on("deactivate",this._changeFullscreenActive))},i._changeFullscreenActive=function(){const t=this.isActive?"appendChild":"removeChild";this.element[t](this.viewFullscreenButton.element),this.element[t](this.exitFullscreenButton.element);const i=this.isActive?"activate":"deactivate";this.viewFullscreenButton[i](),this.exitFullscreenButton[i]()},i.viewFullscreen=function(){this._changeFullscreen(!0),this.focus()},i.exitFullscreen=function(){this._changeFullscreen(!1)},i._changeFullscreen=function(t){if(this.isFullscreen==t)return;this.isFullscreen=t;const i=t?"add":"remove";document.documentElement.classList[i]("is-flickity-fullscreen"),this.element.classList[i]("is-fullscreen"),this.resize(),this.isFullscreen&&this.reposition(),this.dispatchEvent("fullscreenChange",null,[t])},i.toggleFullscreen=function(){this._changeFullscreen(!this.isFullscreen)};const s=i.setGallerySize;function n(t,i){this.name=t,this.createButton(),this.createIcon(),this.onClick=function(){i[t+"Fullscreen"]()},this.clickHandler=this.onClick.bind(this)}i.setGallerySize=function(){this.options.setGallerySize&&(this.isFullscreen?this.viewport.style.height="":s.call(this))},t.keyboardHandlers[27]=function(){this.exitFullscreen()},n.prototype.createButton=function(){const t=this.element=document.createElement("button");t.className="flickity-button flickity-fullscreen-button flickity-fullscreen-button-"+this.name,t.setAttribute("type","button");const i=(s=this.name+" full-screen")[0].toUpperCase()+s.slice(1);var s;t.setAttribute("aria-label",i),t.title=i};const h="http://www.w3.org/2000/svg",c={view:"M15,20,7,28h5v4H0V20H4v5l8-8Zm5-5,8-8v5h4V0H20V4h5l-8,8Z",exit:"M32,3l-7,7h5v4H18V2h4V7l7-7ZM3,32l7-7v5h4V18H2v4H7L0,29Z"};n.prototype.createIcon=function(){const t=document.createElementNS(h,"svg");t.setAttribute("class","flickity-button-icon"),t.setAttribute("viewBox","0 0 32 32");const i=document.createElementNS(h,"path");i.setAttribute("d",c[this.name]),t.appendChild(i),this.element.appendChild(t)},n.prototype.activate=function(){this.element.addEventListener("click",this.clickHandler)},n.prototype.deactivate=function(){this.element.removeEventListener("click",this.clickHandler)},t.FullscreenButton=n;

package/dist/nano-components/index.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{N as n}from"./index-BM3Om9WE.js";import{t as o,s as e}from"./renderer-DasB4P10.js";export{g as getTagPrefix}from"./renderer-DasB4P10.js";export{d as nanoDebounce,t as nanoThrottle}from"./throttle-C93FMm2Z.js";export{g as nanoGetTabElements}from"./tabbable-BgopY-vd.js";const a=(n,o=[],t)=>`${n}\n    ${o.length?'<nano-cta group="balanced" slot="footer">'+o.map(((n,o)=>`<button \n                  data-btn="${o}" \n                  class="${n.classes}"\n                  theme="${n.theme||t}"\n                  secondary="${n.secondary?"true":"false"}"\n                >${n.content}</button>`)).join("")+"</nano-cta>":""}\n  `,r=(n,o=[])=>{o.length&&Array.from(n.querySelectorAll('nano-cta[slot="footer"] button')).map((n=>{const t=o.find(((o,t)=>n.dataset.btn===t.toString()));t&&t.handler&&n.addEventListener("click",t.handler)}))};async function c(n,t="tr",e,c,s=[]){const i={theme:"primary",duration:3e3,closable:!0,...c};e=e||"light/circle-info";const m=Object.assign(document.createElement(o("nano-alert")),{...i,open:!1,innerHTML:`\n        <nano-icon name="${e}" slot="icon"></nano-icon>\n        ${a(n,s,i.theme)}\n      `});return r(m,s),document.body.appendChild(m),new Promise((n=>{requestAnimationFrame((async()=>{await m.toast(t),n(m)}))}))}function s(n,t=[],e,c="light/circle-info",s={}){const i={theme:"primary",duration:1/0,closable:!1,...s};c=c||"light/circle-info";const m=Object.assign(document.createElement(o("nano-alert")),{...i,open:!1,innerHTML:`\n        ${c?`<nano-icon name="${c}" slot="icon"></nano-icon>`:""}\n        ${a(n,t,i.theme)}\n      `});return r(m,t),document.body.appendChild(m),new Promise((n=>{setTimeout((async()=>{await m.alert(e),n(m)}),100)}))}function i(n,t=[],e){const a={noUserDismiss:!1,label:"Dialog",...e},r=Object.assign(document.createElement(o("nano-dialog")),{...a,open:!1,innerHTML:`\n      ${n}\n      ${t.length?'<nano-cta group="balanced" slot="footer">'+t.map(((n,o)=>`<button \n                  data-btn="${o}" \n                  class="${n.classes}"\n                  theme="${n.theme}"\n                  secondary="${n.secondary?"true":"false"}"\n                >${n.content}</button>`)).join("")+"</nano-cta>":""}`});return t.length&&Array.from(r.querySelectorAll('nano-cta[slot="footer"] button')).map((n=>{const o=t.find(((o,t)=>n.dataset.btn===t.toString()));o&&o.handler&&n.addEventListener("click",o.handler)})),document.body.appendChild(r),new Promise((n=>{requestAnimationFrame((async()=>{await r.show(),n(r)}))}))}function m(o){if(!window||!document)return;const t=e(o),a=document.querySelector(`script[src$="/${n}.esm.js"]`);return a&&(a["data-opts"]={transformTagName:t}),t}const l=()=>{};export{m as componentPrefix,l as initialize,i as nanoCreateDialog,s as nanoShowAlert,c as nanoShowToast,o as transformTag}
+import{N as n}from"./index-BM3Om9WE.js";import{t as o,s as e}from"./renderer-DpNDfhNy.js";export{g as getTagPrefix}from"./renderer-DpNDfhNy.js";export{d as nanoDebounce,t as nanoThrottle}from"./throttle-C93FMm2Z.js";export{g as nanoGetTabElements}from"./tabbable-BgopY-vd.js";const a=(n,o=[],t)=>`${n}\n    ${o.length?'<nano-cta group="balanced" slot="footer">'+o.map(((n,o)=>`<button \n                  data-btn="${o}" \n                  class="${n.classes}"\n                  theme="${n.theme||t}"\n                  secondary="${n.secondary?"true":"false"}"\n                >${n.content}</button>`)).join("")+"</nano-cta>":""}\n  `,r=(n,o=[])=>{o.length&&Array.from(n.querySelectorAll('nano-cta[slot="footer"] button')).map((n=>{const t=o.find(((o,t)=>n.dataset.btn===t.toString()));t&&t.handler&&n.addEventListener("click",t.handler)}))};async function c(n,t="tr",e,c,s=[]){const i={theme:"primary",duration:3e3,closable:!0,...c};e=e||"light/circle-info";const m=Object.assign(document.createElement(o("nano-alert")),{...i,open:!1,innerHTML:`\n        <nano-icon name="${e}" slot="icon"></nano-icon>\n        ${a(n,s,i.theme)}\n      `});return r(m,s),document.body.appendChild(m),new Promise((n=>{requestAnimationFrame((async()=>{await m.toast(t),n(m)}))}))}function s(n,t=[],e,c="light/circle-info",s={}){const i={theme:"primary",duration:1/0,closable:!1,...s};c=c||"light/circle-info";const m=Object.assign(document.createElement(o("nano-alert")),{...i,open:!1,innerHTML:`\n        ${c?`<nano-icon name="${c}" slot="icon"></nano-icon>`:""}\n        ${a(n,t,i.theme)}\n      `});return r(m,t),document.body.appendChild(m),new Promise((n=>{setTimeout((async()=>{await m.alert(e),n(m)}),100)}))}function i(n,t=[],e){const a={noUserDismiss:!1,label:"Dialog",...e},r=Object.assign(document.createElement(o("nano-dialog")),{...a,open:!1,innerHTML:`\n      ${n}\n      ${t.length?'<nano-cta group="balanced" slot="footer">'+t.map(((n,o)=>`<button \n                  data-btn="${o}" \n                  class="${n.classes}"\n                  theme="${n.theme}"\n                  secondary="${n.secondary?"true":"false"}"\n                >${n.content}</button>`)).join("")+"</nano-cta>":""}`});return t.length&&Array.from(r.querySelectorAll('nano-cta[slot="footer"] button')).map((n=>{const o=t.find(((o,t)=>n.dataset.btn===t.toString()));o&&o.handler&&n.addEventListener("click",o.handler)})),document.body.appendChild(r),new Promise((n=>{requestAnimationFrame((async()=>{await r.show(),n(r)}))}))}function m(o){if(!window||!document)return;const t=e(o),a=document.querySelector(`script[src$="/${n}.esm.js"]`);return a&&(a["data-opts"]={transformTagName:t}),t}const l=()=>{};export{m as componentPrefix,l as initialize,i as nanoCreateDialog,s as nanoShowAlert,c as nanoShowToast,o as transformTag}

package/dist/nano-components/{lazyload-B9B4e3ZI.js → lazyload-BSH0U2zW.js} RENAMED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{F as t,u as i}from"./nano-slides-xbY6lXX9.js";import"./index-BM3Om9WE.js";import"./renderer-DasB4P10.js";t.createMethods.push("_createLazyload");const s=t.prototype;function a(t,i){this.img=t,this.flickity=i,this.load()}s._createLazyload=function(){this.on("select",this.lazyLoad)},s.lazyLoad=function(){const t=this.options.lazyLoad;if(!t)return;const s=this.getAdjacentCellElements("number"==typeof t?t:0);let l=[];s.forEach((function(t){const s=function(t){if("IMG"==t.nodeName){const i=t.getAttribute("data-flickity-lazyload"),s=t.getAttribute("data-flickity-lazyload-src"),a=t.getAttribute("data-flickity-lazyload-srcset");if(i||s||a)return[t]}const s=t.querySelectorAll("img[data-flickity-lazyload], img[data-flickity-lazyload-src], img[data-flickity-lazyload-srcset]");return i.makeArray(s)}(t);l=l.concat(s)})),l.forEach((function(t){new a(t,this)}),this)},a.prototype.handleEvent=i.handleEvent,a.prototype.load=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this);const t=this.img.getAttribute("data-flickity-lazyload")||this.img.getAttribute("data-flickity-lazyload-src"),i=this.img.getAttribute("data-flickity-lazyload-srcset");this.img.src=t,i&&this.img.setAttribute("srcset",i),this.img.removeAttribute("data-flickity-lazyload"),this.img.removeAttribute("data-flickity-lazyload-src"),this.img.removeAttribute("data-flickity-lazyload-srcset")},a.prototype.onload=function(t){this.complete(t,"flickity-lazyloaded")},a.prototype.onerror=function(t){this.complete(t,"flickity-lazyerror")},a.prototype.complete=function(t,i){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this);const s=this.flickity.getParentCell(this.img),a=s&&s.element;this.flickity.cellSizeChange(a),this.img.classList.add(i),this.flickity.dispatchEvent("lazyLoad",t,a)},t.LazyLoader=a;
+import{F as t,u as i}from"./nano-slides-BU8CjO-X.js";import"./index-BM3Om9WE.js";import"./renderer-DpNDfhNy.js";t.createMethods.push("_createLazyload");const s=t.prototype;function a(t,i){this.img=t,this.flickity=i,this.load()}s._createLazyload=function(){this.on("select",this.lazyLoad)},s.lazyLoad=function(){const t=this.options.lazyLoad;if(!t)return;const s=this.getAdjacentCellElements("number"==typeof t?t:0);let l=[];s.forEach((function(t){const s=function(t){if("IMG"==t.nodeName){const i=t.getAttribute("data-flickity-lazyload"),s=t.getAttribute("data-flickity-lazyload-src"),a=t.getAttribute("data-flickity-lazyload-srcset");if(i||s||a)return[t]}const s=t.querySelectorAll("img[data-flickity-lazyload], img[data-flickity-lazyload-src], img[data-flickity-lazyload-srcset]");return i.makeArray(s)}(t);l=l.concat(s)})),l.forEach((function(t){new a(t,this)}),this)},a.prototype.handleEvent=i.handleEvent,a.prototype.load=function(){this.img.addEventListener("load",this),this.img.addEventListener("error",this);const t=this.img.getAttribute("data-flickity-lazyload")||this.img.getAttribute("data-flickity-lazyload-src"),i=this.img.getAttribute("data-flickity-lazyload-srcset");this.img.src=t,i&&this.img.setAttribute("srcset",i),this.img.removeAttribute("data-flickity-lazyload"),this.img.removeAttribute("data-flickity-lazyload-src"),this.img.removeAttribute("data-flickity-lazyload-srcset")},a.prototype.onload=function(t){this.complete(t,"flickity-lazyloaded")},a.prototype.onerror=function(t){this.complete(t,"flickity-lazyerror")},a.prototype.complete=function(t,i){this.img.removeEventListener("load",this),this.img.removeEventListener("error",this);const s=this.flickity.getParentCell(this.img),a=s&&s.element;this.flickity.cellSizeChange(a),this.img.classList.add(i),this.flickity.dispatchEvent("lazyLoad",t,a)},t.LazyLoader=a;

package/dist/nano-components/nano-accordion.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as t,c as o,g as e}from"./index-BM3Om9WE.js";import{t as n,h as i}from"./renderer-DasB4P10.js";import{g as r}from"./dom-dlicJTEJ.js";const a=class{constructor(e){t(this,e),this.nanoToggle=o(this,"nanoToggle",7)}indexOpened;elementOpened;get el(){return e(this)}alwaysOpen=!1;nanoToggle;onToggleHandler(t){"NANO-DETAILS"===t.target?.tagName&&(t.stopPropagation(),r(this.el,n("nano-details")).forEach(((o,e)=>{o!==t.target?o.open=!1:o===t.target&&(this.indexOpened=e)})),this.nanoToggle.emit({element:t.target,index:this.indexOpened}))}onClosedHandler(t){if(t.stopPropagation(),this.alwaysOpen){let o;if(r(this.el,n("nano-details")).forEach((e=>{e!==t.target&&e.open&&(o=!0)})),!o)return void t.preventDefault()}this.elementOpened===t.target&&(this.elementOpened=null,this.indexOpened=null,this.nanoToggle.emit())}render(){return i("slot",{key:"a16b340b9312672847ee022b2beb6767fc0dfb86"})}};a.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{display:contents}";export{a as nano_accordion}
+import{r as t,c as o,g as e}from"./index-BM3Om9WE.js";import{t as n,h as i}from"./renderer-DpNDfhNy.js";import{g as r}from"./dom-dlicJTEJ.js";const a=class{constructor(e){t(this,e),this.nanoToggle=o(this,"nanoToggle",7)}indexOpened;elementOpened;get el(){return e(this)}alwaysOpen=!1;nanoToggle;onToggleHandler(t){"NANO-DETAILS"===t.target?.tagName&&(t.stopPropagation(),r(this.el,n("nano-details")).forEach(((o,e)=>{o!==t.target?o.open=!1:o===t.target&&(this.indexOpened=e)})),this.nanoToggle.emit({element:t.target,index:this.indexOpened}))}onClosedHandler(t){if(t.stopPropagation(),this.alwaysOpen){let o;if(r(this.el,n("nano-details")).forEach((e=>{e!==t.target&&e.open&&(o=!0)})),!o)return void t.preventDefault()}this.elementOpened===t.target&&(this.elementOpened=null,this.indexOpened=null,this.nanoToggle.emit())}render(){return i("slot",{key:"a16b340b9312672847ee022b2beb6767fc0dfb86"})}};a.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{display:contents}";export{a as nano_accordion}

package/dist/nano-components/nano-alert.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as n,c as t,g as o,a}from"./index-BM3Om9WE.js";import{M as e}from"./modal-CY_3_LJ7.js";import{l as i,u as r}from"./scroll-1nFw8CNk.js";import{h as s,t as l}from"./renderer-DasB4P10.js";import{b as c}from"./active-element-CKJIkX0R.js";import{H as h}from"./slot-CFTP7C_Z.js";import"./tabbable-BgopY-vd.js";import"./dom-dlicJTEJ.js";let d,m,u,p;globalThis.document&&(d=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tr"}),m=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tl"}),u=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--bl"}),p=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--br"}));const v=class{constructor(o){n(this,o),this.nanoShow=t(this,"nanoShow",7),this.nanoAfterShow=t(this,"nanoAfterShow",7),this.nanoHide=t(this,"nanoHide",7),this.nanoAfterHide=t(this,"nanoAfterHide",7)}panel;overlay;modal;originalTrigger;goingToHide=!1;goingToShow=!1;autoHideTimeout;remainingTimeInterval;countdownAnimation;countdownElement;slotCtrl=new h(this,"[default]","heading","title","footer");isModal=!1;isToast=!1;isShowing=!1;label;noDismiss=!1;get host(){return o(this)}open=!1;handleOpenChange(){this.open?this.show():this.hide()}closable=!1;color;theme;duration=1/0;remainingTime=this.duration;handleDurationChange(){this.restartAutoHide()}hoist=!1;handleHoistChange(){this.hoist&&document.body.children[0]!==this.host&&document.body.prepend(this.host)}countdown=!0;nanoShow;nanoAfterShow;nanoHide;nanoAfterHide;async show(){if(!this.goingToShow)return this.nanoShow.emit().defaultPrevented?(this.open=!1,!1):(this.host.hidden=!1,this.goingToShow=!0,this.open=!0,requestAnimationFrame((()=>{this.isShowing=!0,this.goingToShow=!1})),void(this.duration<1/0&&this.restartAutoHide()))}async hide(){if(!this.goingToHide)return this.nanoHide.emit().defaultPrevented?(this.open=!0,!1):(this.goingToHide=!0,this.open=!1,c(this.host),requestAnimationFrame((()=>this.goingToHide=!1)),clearTimeout(this.autoHideTimeout),void clearInterval(this.remainingTimeInterval))}async toast(n="tr"){return this.isToast=!0,new Promise((t=>{let o;switch(this.handleCountdownChange(),n){case"tl":o=m;break;case"bl":o=u;break;case"br":o=p;break;default:o=d}o.isConnected||document.body.appendChild(o),o.appendChild(this.host),this.connectedCallback(),this.show();const a=()=>{this.host.remove(),this.isToast=!1,t(),o.querySelector(l("nano-alert"))||o.remove()};this.host.addEventListener("nanoAfterHide",a,{once:!0}),this.host.addEventListener("nano-after-hide",a,{once:!0})}))}async alert(n){return this.isModal=!0,this.label=n,new Promise((n=>{let t=!1;for(const n of document.body.children)"NANO-ALERT"===n.tagName&&n===this.host&&(t=!0);t||document.body.append(this.host),this.modal.activate(),i(this.host),this.originalTrigger=document.activeElement,requestAnimationFrame((()=>{this.show()}));const o=()=>requestAnimationFrame((()=>this.panel.focus({preventScroll:!0}))),a=()=>{this.modal.deactivate(),this.host.remove(),this.label=void 0,this.isModal=!1,n(),this.originalTrigger&&"function"==typeof this.originalTrigger.focus&&setTimeout((()=>this.originalTrigger.focus()))};this.host.addEventListener("nanoAfterShow",o,{once:!0}),this.host.addEventListener("nano-after-show",o,{once:!0}),this.host.addEventListener("nanoAfterHide",a,{once:!0}),this.host.addEventListener("nano-after-hide",a,{once:!0})}))}handleCountdownChange(){if(this.open&&this.duration<1/0&&this.countdown){const n="100%",t="0";requestAnimationFrame((()=>{this.countdownElement&&(this.countdownAnimation=this.countdownElement.animate([{width:n},{width:t}],{duration:this.duration,easing:"linear"}))}))}}restartAutoHide(){this.handleCountdownChange(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.duration),this.remainingTime=this.duration,this.remainingTimeInterval=window.setInterval((()=>{this.remainingTime-=100}),100))}handleMouseEnter=()=>{this.countdownAnimation?.pause(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval)};handleMouseLeave=()=>{this.duration<1/0&&(this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.remainingTime),this.remainingTimeInterval=window.setInterval((()=>{this.remainingTime-=100}),100),this.countdownAnimation?.play())};handleCloseClick=()=>{this.hide()};handleTransitionEnd=n=>{"opacity"!==n.propertyName||n.target!==this.panel&&n.target!==this.overlay||(this.host.hidden=!this.open,this.isShowing=this.open,this.open?this.nanoAfterShow.emit():this.nanoAfterHide.emit())};handleButtonClick=n=>{n.defaultPrevented||n.target.tagName&&"button"===n.target.tagName.toLowerCase()&&this.hide()};connectedCallback(){this.modal=new e(this.host),this.handleHoistChange(),this.host.addEventListener("click",this.handleButtonClick),this.isShowing="string"==typeof this.host.getAttribute("showing")}disconnectedCallback(){r(this.host),this.host.removeEventListener("click",this.handleButtonClick)}componentDidLoad(){this.open&&!this.isShowing&&this.show()}Panel=()=>s("div",{ref:n=>this.panel=n,part:"panel",class:{alert:!0,"alert--open":this.open,"alert--toasty":this.isToast,"alert--modal":!!this.isModal,"alert--showing":this.isShowing,"alert--nodismiss":this.noDismiss},tabIndex:this.isModal?0:void 0,role:this.isModal?"alertdialog":"alert","aria-atomic":"true","aria-hidden":this.isShowing?"false":"true","aria-modal":this.isModal?"true":void 0,"aria-label":this.label?this.label:void 0,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onTransitionEnd:this.handleTransitionEnd},s("div",{class:"alert__main",part:"main"},s("div",{part:"icon",class:"alert__icon"},s("slot",{name:"icon"})),s("div",{part:"content",class:"alert__content","aria-live":this.isModal?"assertive":"polite"},this.slotCtrl.has("heading")&&s("div",{class:"alert__heading"},s("slot",{name:"heading"})),this.slotCtrl.has("title")&&s("div",{class:"alert__title"},s("slot",{name:"title"})),this.slotCtrl.has("[default]")&&s("div",{class:"alert__body"},s("slot",null)),this.slotCtrl.has("footer")&&s("div",{part:"footer",class:"alert__footer"},s("slot",{name:"footer"}))),this.closable&&s("div",{class:"alert__close",part:"close"},s("nano-icon-button",{iconName:"light/xmark",label:"close menu",onClick:this.handleCloseClick}))),this.duration<1/0&&[s("div",{role:"timer",class:"alert__timer"},this.remainingTime),this.countdown?s("div",{class:"alert__countdown"},s("div",{ref:n=>this.countdownElement=n,class:"alert__countdown-elapsed"})):""]);render(){return s(a,{key:"026fe28d4b8aed79d75734f67de6192813be44a5",class:{"nano-alert":!0},showing:this.isShowing},this.isModal&&[s("div",{key:"ac596b1e2b216ee591e2f9b85adf86dbbe27fce1",part:"overlay",class:{alert__overlay:!0,"alert__overlay--open":this.open},ref:n=>this.overlay=n}),s("div",{key:"825f8cf0d80d9bfa7bff7710ef349c234c155d53",class:"alert__modal-wrap",onClick:n=>{n.target.classList.contains("alert__modal-wrap")&&(this.noDismiss=!0,setTimeout((()=>this.noDismiss=!1),250))}},s(this.Panel,{key:"7343702088055d21dc6d5252aa108c19c315a20a"}))],!this.isModal&&s(this.Panel,{key:"c3cd08198bb5a87fcc38bea5130d5615608cb1ff"}))}static get watchers(){return{open:["handleOpenChange"],duration:["handleDurationChange"],hoist:["handleHoistChange"]}}};v.style=":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  }/** Typography */\n:host {\n  /**\n   * @prop --border-radius: Defaults to var(--nano-layer-border-radius);\n   * @prop --border-color: Defaults to var(--nano-layer-border-color);\n   * @prop --border-width: Defaults to var(--nano-layer-border-width);\n   * @prop --background: Defaults to var(--nano-layer-background-color);\n   * @prop --tint-color: The highlight colour (border-start, icon and heading text). Defaults to var(--nano-color-primary-1100);\n   * @prop --icon-size: Defaults to var(--nano-pictogram-size-large);\n   * @prop --scrim-color: overlay colour of alert display. Defaults to var(--nano-overlay-background-color);\n   * @prop --close-button-color: Defaults to var(--nano-color-neutral-400);\n   */\n  --border-radius: var(--nano-layer-border-radius);\n  --border-color: var(--nano-layer-border-color);\n  --border-width: var(--nano-layer-border-width);\n  --icon-size: var(--nano-pictogram-size-large);\n  --scrim-color: var(--nano-overlay-background-color);\n  --close-button-color: var(--nano-color-neutral-800);\n  --tint-color: var(--nano-color-primary-1100);\n  --background: var(--nano-color-primary-50);\n  display: block;\n  container-type: inline-size;\n}\n\n:host([color=neutral]), :host([theme=neutral]) {\n  --tint-color: var(--nano-color-neutral-1200);\n  --background: var(--nano-color-neutral-75);\n}\n\n:host([color=success]), :host([theme=success]) {\n  --tint-color: var(--nano-color-success-1100);\n  --background: var(--nano-color-success-50);\n}\n\n:host([color=warning]), :host([theme=warning]) {\n  --tint-color: var(--nano-color-warning-1100);\n  --background: var(--nano-color-warning-75);\n}\n\n:host([color=danger]), :host([theme=danger]) {\n  --tint-color: var(--nano-color-danger-1100);\n  --background: var(--nano-color-danger-100);\n}\n\n.alert {\n  position: relative;\n  background-color: var(--background);\n  border: solid var(--border-width) var(--border-color);\n  border-inline-start: solid 4px var(--tint-color);\n  border-radius: var(--border-radius);\n  opacity: 0;\n  transform: scale(0.9);\n  transition: var(--nano-transition-medium) opacity ease, var(--nano-transition-fast) transform ease;\n}\n.alert:focus {\n  outline: none;\n}\n.alert:not(.alert--showing) {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  clip-path: inset(50%);\n  overflow: hidden;\n  pointer-events: none;\n  visibility: hidden;\n}\n.alert--open {\n  opacity: 1;\n  transform: none;\n}\n.alert--toasty, .alert--modal {\n  box-shadow: var(--nano-shadow-l2);\n  margin: var(--nano-spacing-md);\n}\n.alert--modal.alert--nodismiss {\n  animation: cannotClose 0.25s ease-in-out 1;\n}\n@keyframes cannotClose {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.08);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n.alert__main {\n  display: flex;\n  align-items: stretch;\n}\n\n.alert__content {\n  font-size: var(--nano-font-size-sm);\n  line-height: var(--nano-line-height-normal);\n  letter-spacing: var(--nano-letter-spacing-loose);\n  flex: 1 1 auto;\n  padding: var(--nano-spacing-md);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  gap: var(--nano-spacing-sm);\n}\n\n.alert__modal-wrap {\n  position: fixed;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inset: 0;\n  z-index: var(--nano-z-index-alert);\n}\n\n.alert__heading {\n  font-size: var(--nano-font-size-sm);\n  line-height: var(--nano-line-height-normal);\n  font-weight: var(--nano-font-weight-bold);\n  color: var(--tint-color);\n}\n\n.alert__title {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-md);\n  line-height: var(--nano-line-height-dense);\n  text-wrap: balance;\n}\n\n.alert__close {\n  --color: var(--close-button-color);\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: 1.1em;\n  padding-inline: 0 var(--nano-spacing-md);\n  padding-block: 0;\n}\n\n.alert__overlay {\n  position: fixed;\n  inset: 0;\n  background-color: var(--scrim-color);\n  opacity: 0;\n  transition: var(--nano-transition-fast) opacity;\n  z-index: var(--nano-z-index-alert);\n  pointer-events: all;\n}\n.alert__overlay--open {\n  opacity: 1;\n}\n\n.alert__icon {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: start;\n  font-size: var(--icon-size);\n  padding-block: var(--nano-spacing-md);\n}\n.alert__icon ::slotted(*), .alert__icon::slotted(*) {\n  color: var(--tint-color);\n  margin-inline-start: var(--nano-spacing-md);\n}\n@container (width < 280px) {\n  .alert__icon {\n    display: none !important;\n  }\n}\n\n.alert__countdown {\n  position: absolute;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: 4px;\n  background-color: var(--nano-layer-border-color);\n  display: flex;\n  justify-content: flex-end;\n}\n\n.alert__countdown .alert__countdown-elapsed {\n  block-size: 100%;\n  inline-size: 0;\n}\n\n.alert__timer {\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\n.alert__countdown-elapsed {\n  background-color: var(--tint-color);\n}";export{v as nano_alert}
+import{r as n,c as t,g as o,a}from"./index-BM3Om9WE.js";import{M as e}from"./modal-CY_3_LJ7.js";import{l as i,u as r}from"./scroll-1nFw8CNk.js";import{h as s,t as l}from"./renderer-DpNDfhNy.js";import{b as c}from"./active-element-CKJIkX0R.js";import{H as h}from"./slot-D31cEKyt.js";import"./tabbable-BgopY-vd.js";import"./dom-dlicJTEJ.js";let d,m,u,p;globalThis.document&&(d=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tr"}),m=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--tl"}),u=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--bl"}),p=Object.assign(document.createElement("div"),{className:"nano-toast-stack nano-toast-stack--br"}));const f=class{constructor(o){n(this,o),this.nanoShow=t(this,"nanoShow",7),this.nanoAfterShow=t(this,"nanoAfterShow",7),this.nanoHide=t(this,"nanoHide",7),this.nanoAfterHide=t(this,"nanoAfterHide",7)}panel;overlay;modal;originalTrigger;goingToHide=!1;goingToShow=!1;autoHideTimeout;remainingTimeInterval;countdownAnimation;countdownElement;slotCtrl=new h(this,"[default]","heading","title","footer");isModal=!1;isToast=!1;isShowing=!1;label;noDismiss=!1;get host(){return o(this)}open=!1;handleOpenChange(){this.open?this.show():this.hide()}closable=!1;color;theme;duration=1/0;remainingTime=this.duration;handleDurationChange(){this.restartAutoHide()}hoist=!1;handleHoistChange(){this.hoist&&document.body.children[0]!==this.host&&document.body.prepend(this.host)}countdown=!0;nanoShow;nanoAfterShow;nanoHide;nanoAfterHide;async show(){if(!this.goingToShow)return this.nanoShow.emit().defaultPrevented?(this.open=!1,!1):(this.host.hidden=!1,this.goingToShow=!0,this.open=!0,requestAnimationFrame((()=>{this.isShowing=!0,this.goingToShow=!1})),void(this.duration<1/0&&this.restartAutoHide()))}async hide(){if(!this.goingToHide)return this.nanoHide.emit().defaultPrevented?(this.open=!0,!1):(this.goingToHide=!0,this.open=!1,c(this.host),requestAnimationFrame((()=>this.goingToHide=!1)),clearTimeout(this.autoHideTimeout),void clearInterval(this.remainingTimeInterval))}async toast(n="tr"){return this.isToast=!0,new Promise((t=>{let o;switch(this.handleCountdownChange(),n){case"tl":o=m;break;case"bl":o=u;break;case"br":o=p;break;default:o=d}o.isConnected||document.body.appendChild(o),o.appendChild(this.host),this.connectedCallback(),this.show();const a=()=>{this.host.remove(),this.isToast=!1,t(),o.querySelector(l("nano-alert"))||o.remove()};this.host.addEventListener("nanoAfterHide",a,{once:!0}),this.host.addEventListener("nano-after-hide",a,{once:!0})}))}async alert(n){return this.isModal=!0,this.label=n,new Promise((n=>{let t=!1;for(const n of document.body.children)"NANO-ALERT"===n.tagName&&n===this.host&&(t=!0);t||document.body.append(this.host),this.modal.activate(),i(this.host),this.originalTrigger=document.activeElement,requestAnimationFrame((()=>{this.show()}));const o=()=>requestAnimationFrame((()=>this.panel.focus({preventScroll:!0}))),a=()=>{this.modal.deactivate(),this.host.remove(),this.label=void 0,this.isModal=!1,n(),this.originalTrigger&&"function"==typeof this.originalTrigger.focus&&setTimeout((()=>this.originalTrigger.focus()))};this.host.addEventListener("nanoAfterShow",o,{once:!0}),this.host.addEventListener("nano-after-show",o,{once:!0}),this.host.addEventListener("nanoAfterHide",a,{once:!0}),this.host.addEventListener("nano-after-hide",a,{once:!0})}))}handleCountdownChange(){if(this.open&&this.duration<1/0&&this.countdown){const n="100%",t="0";requestAnimationFrame((()=>{this.countdownElement&&(this.countdownAnimation=this.countdownElement.animate([{width:n},{width:t}],{duration:this.duration,easing:"linear"}))}))}}restartAutoHide(){this.handleCountdownChange(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.duration),this.remainingTime=this.duration,this.remainingTimeInterval=window.setInterval((()=>{this.remainingTime-=100}),100))}handleMouseEnter=()=>{this.countdownAnimation?.pause(),clearTimeout(this.autoHideTimeout),clearInterval(this.remainingTimeInterval)};handleMouseLeave=()=>{this.duration<1/0&&(this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.remainingTime),this.remainingTimeInterval=window.setInterval((()=>{this.remainingTime-=100}),100),this.countdownAnimation?.play())};handleCloseClick=()=>{this.hide()};handleTransitionEnd=n=>{"opacity"!==n.propertyName||n.target!==this.panel&&n.target!==this.overlay||(this.host.hidden=!this.open,this.isShowing=this.open,this.open?this.nanoAfterShow.emit():this.nanoAfterHide.emit())};handleButtonClick=n=>{n.defaultPrevented||n.target.tagName&&"button"===n.target.tagName.toLowerCase()&&this.hide()};connectedCallback(){this.modal=new e(this.host),this.handleHoistChange(),this.host.addEventListener("click",this.handleButtonClick),this.isShowing="string"==typeof this.host.getAttribute("showing")}disconnectedCallback(){r(this.host),this.host.removeEventListener("click",this.handleButtonClick)}componentDidLoad(){this.open&&!this.isShowing&&this.show()}Panel=()=>s("div",{ref:n=>this.panel=n,part:"panel",class:{alert:!0,"alert--open":this.open,"alert--toasty":this.isToast,"alert--modal":!!this.isModal,"alert--showing":this.isShowing,"alert--nodismiss":this.noDismiss},tabIndex:this.isModal?0:void 0,role:this.isModal?"alertdialog":"alert","aria-atomic":"true","aria-hidden":this.isShowing?"false":"true","aria-modal":this.isModal?"true":void 0,"aria-label":this.label?this.label:void 0,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onTransitionEnd:this.handleTransitionEnd},s("div",{class:"alert__main",part:"main"},s("div",{part:"icon",class:"alert__icon"},s("slot",{name:"icon"})),s("div",{part:"content",class:"alert__content","aria-live":this.isModal?"assertive":"polite"},this.slotCtrl.has("heading")&&s("div",{class:"alert__heading"},s("slot",{name:"heading"})),this.slotCtrl.has("title")&&s("div",{class:"alert__title"},s("slot",{name:"title"})),this.slotCtrl.has("[default]")&&s("div",{class:"alert__body"},s("slot",null)),this.slotCtrl.has("footer")&&s("div",{part:"footer",class:"alert__footer"},s("slot",{name:"footer"}))),this.closable&&s("div",{class:"alert__close",part:"close"},s("nano-icon-button",{iconName:"light/xmark",label:"close menu",onClick:this.handleCloseClick}))),this.duration<1/0&&[s("div",{role:"timer",class:"alert__timer"},this.remainingTime),this.countdown?s("div",{class:"alert__countdown"},s("div",{ref:n=>this.countdownElement=n,class:"alert__countdown-elapsed"})):""]);render(){return s(a,{key:"026fe28d4b8aed79d75734f67de6192813be44a5",class:{"nano-alert":!0},showing:this.isShowing},this.isModal&&[s("div",{key:"ac596b1e2b216ee591e2f9b85adf86dbbe27fce1",part:"overlay",class:{alert__overlay:!0,"alert__overlay--open":this.open},ref:n=>this.overlay=n}),s("div",{key:"825f8cf0d80d9bfa7bff7710ef349c234c155d53",class:"alert__modal-wrap",onClick:n=>{n.target.classList.contains("alert__modal-wrap")&&(this.noDismiss=!0,setTimeout((()=>this.noDismiss=!1),250))}},s(this.Panel,{key:"7343702088055d21dc6d5252aa108c19c315a20a"}))],!this.isModal&&s(this.Panel,{key:"c3cd08198bb5a87fcc38bea5130d5615608cb1ff"}))}static get watchers(){return{open:["handleOpenChange"],duration:["handleDurationChange"],hoist:["handleHoistChange"]}}};f.style=":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  }/** Typography */\n:host {\n  /**\n   * @prop --border-radius: Defaults to var(--nano-layer-border-radius);\n   * @prop --border-color: Defaults to var(--nano-layer-border-color);\n   * @prop --border-width: Defaults to var(--nano-layer-border-width);\n   * @prop --background: Defaults to var(--nano-layer-background-color);\n   * @prop --tint-color: The highlight colour (border-start, icon and heading text). Defaults to var(--nano-color-primary-1100);\n   * @prop --icon-size: Defaults to var(--nano-pictogram-size-large);\n   * @prop --scrim-color: overlay colour of alert display. Defaults to var(--nano-overlay-background-color);\n   * @prop --close-button-color: Defaults to var(--nano-color-neutral-400);\n   */\n  --border-radius: var(--nano-layer-border-radius);\n  --border-color: var(--nano-layer-border-color);\n  --border-width: var(--nano-layer-border-width);\n  --icon-size: var(--nano-pictogram-size-large);\n  --scrim-color: var(--nano-overlay-background-color);\n  --close-button-color: var(--nano-color-neutral-800);\n  --tint-color: var(--nano-color-primary-1100);\n  --background: var(--nano-color-primary-50);\n  display: block;\n  container-type: inline-size;\n}\n\n:host([color=neutral]), :host([theme=neutral]) {\n  --tint-color: var(--nano-color-neutral-1200);\n  --background: var(--nano-color-neutral-75);\n}\n\n:host([color=success]), :host([theme=success]) {\n  --tint-color: var(--nano-color-success-1100);\n  --background: var(--nano-color-success-50);\n}\n\n:host([color=warning]), :host([theme=warning]) {\n  --tint-color: var(--nano-color-warning-1100);\n  --background: var(--nano-color-warning-75);\n}\n\n:host([color=danger]), :host([theme=danger]) {\n  --tint-color: var(--nano-color-danger-1100);\n  --background: var(--nano-color-danger-100);\n}\n\n.alert {\n  position: relative;\n  background-color: var(--background);\n  border: solid var(--border-width) var(--border-color);\n  border-inline-start: solid 4px var(--tint-color);\n  border-radius: var(--border-radius);\n  opacity: 0;\n  transform: scale(0.9);\n  transition: var(--nano-transition-medium) opacity ease, var(--nano-transition-fast) transform ease;\n}\n.alert:focus {\n  outline: none;\n}\n.alert:not(.alert--showing) {\n  position: absolute;\n  inline-size: 1px;\n  block-size: 1px;\n  clip-path: inset(50%);\n  overflow: hidden;\n  pointer-events: none;\n  visibility: hidden;\n}\n.alert--open {\n  opacity: 1;\n  transform: none;\n}\n.alert--toasty, .alert--modal {\n  box-shadow: var(--nano-shadow-l2);\n  margin: var(--nano-spacing-md);\n}\n.alert--modal.alert--nodismiss {\n  animation: cannotClose 0.25s ease-in-out 1;\n}\n@keyframes cannotClose {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.08);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n.alert__main {\n  display: flex;\n  align-items: stretch;\n}\n\n.alert__content {\n  font-size: var(--nano-font-size-sm);\n  line-height: var(--nano-line-height-normal);\n  letter-spacing: var(--nano-letter-spacing-loose);\n  flex: 1 1 auto;\n  padding: var(--nano-spacing-md);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  gap: var(--nano-spacing-sm);\n}\n\n.alert__modal-wrap {\n  position: fixed;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inset: 0;\n  z-index: var(--nano-z-index-alert);\n}\n\n.alert__heading {\n  font-size: var(--nano-font-size-sm);\n  line-height: var(--nano-line-height-normal);\n  font-weight: var(--nano-font-weight-bold);\n  color: var(--tint-color);\n}\n\n.alert__title {\n  font-weight: var(--nano-font-weight-normal);\n  font-size: var(--nano-font-size-md);\n  line-height: var(--nano-line-height-dense);\n  text-wrap: balance;\n}\n\n.alert__close {\n  --color: var(--close-button-color);\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  font-size: 1.1em;\n  padding-inline: 0 var(--nano-spacing-md);\n  padding-block: 0;\n}\n\n.alert__overlay {\n  position: fixed;\n  inset: 0;\n  background-color: var(--scrim-color);\n  opacity: 0;\n  transition: var(--nano-transition-fast) opacity;\n  z-index: var(--nano-z-index-alert);\n  pointer-events: all;\n}\n.alert__overlay--open {\n  opacity: 1;\n}\n\n.alert__icon {\n  flex: 0 0 auto;\n  display: flex;\n  align-items: start;\n  font-size: var(--icon-size);\n  padding-block: var(--nano-spacing-md);\n}\n.alert__icon ::slotted(*), .alert__icon::slotted(*) {\n  color: var(--tint-color);\n  margin-inline-start: var(--nano-spacing-md);\n}\n@container (width < 280px) {\n  .alert__icon {\n    display: none !important;\n  }\n}\n\n.alert__countdown {\n  position: absolute;\n  inset-block-end: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: 4px;\n  background-color: var(--nano-layer-border-color);\n  display: flex;\n  justify-content: flex-end;\n}\n\n.alert__countdown .alert__countdown-elapsed {\n  block-size: 100%;\n  inline-size: 0;\n}\n\n.alert__timer {\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\n.alert__countdown-elapsed {\n  background-color: var(--tint-color);\n}";export{f as nano_alert}

package/dist/nano-components/nano-algolia-filter.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as t,c as e,g as i,d as s,a as h}from"./index-BM3Om9WE.js";import{C as n}from"./component-store-JYVuxwvK.js";import{h as o}from"./renderer-DasB4P10.js";import{W as a}from"./algolia-data-Kh0vPn3V.js";import"./throttle-C93FMm2Z.js";const r=class{constructor(i){t(this,i),this.nanoFilterChanged=e(this,"nanoFilterChanged",7),this.nanoTplUpdated=e(this,"nanoTplUpdated",7)}get el(){return i(this)}templateStr;templateSlot;outputSlot;outputEle;filterId=null;tplDidRnder;tplWillRnder=new Promise((t=>{this.tplDidRnder=t}));changeEvent;internalValue=[void 0];showFilter=!1;indexResults=null;filterChanged=null;facets;tplRenderFn;globalStoreMethod;filterName=null;value="";operator="or";storeId;storeMethod="session";nanoFilterChanged;nanoTplUpdated;valueSet(){const t=this.value;let e;if(e="string"==typeof t?t.length?t.split("|"):[]:this.value,this.didValueChange(e)){const t=this.setFieldValues(e);t&&t.length?this.internalValue=e:this.tplWillRnder.then((()=>{this.setFieldValues(e),this.internalValue=e}))}}valueChanged(){this.value=this.internalValue,this.nanoFilterChanged.emit({filterId:this.filterId,facetName:this.filterName,value:this.internalValue,operator:this.operator})}appliedFilterChanged(){this.filterName&&this.filterChanged&&(this.filterChanged!==this.filterId||"and"===this.operator)&&this.updateContent()}tplUpdate(){this.updateContent()}handleFilterChange(){if(this.indexResults&&this.indexResults.appliedFilters){const t=this.indexResults.appliedFilters.find((t=>t.name===this.filterName));if(!t)return;this.tplWillRnder.then((()=>{const e=this.setFieldValues(t.values);e&&e.length&&(this.value=e)}))}this.updateContent()}handleChangeEvent(){const t=this.getFieldValues();return!!this.didValueChange(t)&&(this.internalValue=t,!0)}updateContent(){const t=this.outputSlot||this.outputEle;this.el&&(this.templateStr?this.filterName&&t&&(!this.templateStr||this.indexResults&&this.indexResults.origFilters[this.filterName])||(this.showFilter=!1):this.showFilter=!0,t&&(this.indexResults?s((()=>{t.innerHTML=this.tplRenderFn(this.templateStr,{orig:{...this.indexResults.origFilters[this.filterName]},dyn:{...this.indexResults.dynFilters[this.filterName]},selected:this.internalValue&&this.internalValue.length?this.internalValue:this.value}),this.tplDidRnder(),this.setFieldValues(),this.showFilter||(this.showFilter=!0),this.nanoTplUpdated.emit(this.el)})):this.templateStr?s((()=>{t.innerHTML=this.tplRenderFn(this.templateStr,{orig:{},dyn:{},selected:this.internalValue&&this.internalValue.length?this.internalValue:this.value}),this.value&&this.value.length||this.handleChangeEvent()})):this.value&&this.value.length||this.handleChangeEvent()))}getFieldValues(){const t=[],e=this.outputSlot.querySelectorAll('input[type="checkbox"], input[type="radio"], select');for(let i=0;i<e.length;i++){const s=e[i];if("select-multiple"===s.type){const e=s;for(let i=0;i<e.options.length;i++)e.options[i].selected&&e.options[i].value.length&&t.push(e.options[i].value)}else("checkbox"!==s.type&&"radio"!==s.type||s.checked&&s.value.length)&&t.push(s.value)}return t}setFieldValues(t){if(!(t=t||this.internalValue))return;const e=[],i=this.outputSlot.querySelectorAll('input[type="checkbox"], input[type="radio"], select, nano-select, nano-checkbox');for(let s=0;s<i.length;s++){const h=i[s];if(!h.disabled&&"file"!==h.type&&"reset"!==h.type&&"submit"!==h.type&&"button"!==h.type)if("select-multiple"===h.type||"select-one"===h.type){const i=h;for(let s=0;s<i.options.length;s++)t.includes(i.options[s].value)?(e.push(i.value),i.options[s].selected=!0,"select-one"===h.type&&(i.value=i.options[s].value)):i.options[s].selected=!1}else["checkbox","radio","tag","segment","segment-pill"].includes(h.type)&&(t.includes(h.value)?(e.push(h.value),h.checked=!0):h.checked=!t.length&&!h.value.length)}return e}didValueChange(t){if(this.internalValue&&!t)return!0;if(!this.internalValue&&!t)return!1;if(this.internalValue&&t.length!==this.internalValue.length)return!0;let e=!1;for(let i=0;i<t.length;i++)e||this.internalValue&&this.internalValue.includes(t[i])||(e=!0);return e}connectedCallback(){this.templateSlot=this.el.querySelector('[slot="filter-template"]'),this.outputSlot=this.el.querySelector('[slot="output"]'),this.filterId=this.filterName+"_"+l++,this.templateSlot&&(this.templateStr=this.templateSlot.innerHTML,this.templateStr=this.templateStr.replace(/=&gt;/gm,"=>"))}componentWillLoad(){this.storeId&&n.init(this,["value"],this.storeMethod||this.globalStoreMethod,this.storeId)}componentDidLoad(){this.updateContent(),this.templateStr&&this.filterName&&this.indexResults&&this.indexResults.origFilters[this.filterName]&&(this.showFilter=!0)}render(){return o(h,{key:"c1d229a764c08c92c4f25093d98bf51e1b4f6bcf",class:{"show-filter":this.showFilter,"nano-filter":!0}},o("div",{key:"21f66d2dcd03e19aa46face1220459dce136ccd1",ref:t=>this.outputEle=t},o("slot",{key:"3ec8e00ee477c651e48e96db7888f0a751573a3e",name:"output"})))}static get watchers(){return{value:["valueSet"],internalValue:["valueChanged"],facets:["appliedFilterChanged"],tplRenderFn:["tplUpdate"],indexResults:["handleFilterChange"]}}};a(r,["globalStoreMethod","indexResults","filterChanged","facets","tplRenderFn","changeEvent"]);let l=0;r.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{display:none}:host ::slotted([slot=filter-template]){display:none !important}:host(.show-filter){display:block}";export{r as nano_algolia_filter}
+import{r as t,c as e,g as i,d as s,a as h}from"./index-BM3Om9WE.js";import{C as n}from"./component-store-JYVuxwvK.js";import{h as o}from"./renderer-DpNDfhNy.js";import{W as a}from"./algolia-data-Kh0vPn3V.js";import"./throttle-C93FMm2Z.js";const r=class{constructor(i){t(this,i),this.nanoFilterChanged=e(this,"nanoFilterChanged",7),this.nanoTplUpdated=e(this,"nanoTplUpdated",7)}get el(){return i(this)}templateStr;templateSlot;outputSlot;outputEle;filterId=null;tplDidRnder;tplWillRnder=new Promise((t=>{this.tplDidRnder=t}));changeEvent;internalValue=[void 0];showFilter=!1;indexResults=null;filterChanged=null;facets;tplRenderFn;globalStoreMethod;filterName=null;value="";operator="or";storeId;storeMethod="session";nanoFilterChanged;nanoTplUpdated;valueSet(){const t=this.value;let e;if(e="string"==typeof t?t.length?t.split("|"):[]:this.value,this.didValueChange(e)){const t=this.setFieldValues(e);t&&t.length?this.internalValue=e:this.tplWillRnder.then((()=>{this.setFieldValues(e),this.internalValue=e}))}}valueChanged(){this.value=this.internalValue,this.nanoFilterChanged.emit({filterId:this.filterId,facetName:this.filterName,value:this.internalValue,operator:this.operator})}appliedFilterChanged(){this.filterName&&this.filterChanged&&(this.filterChanged!==this.filterId||"and"===this.operator)&&this.updateContent()}tplUpdate(){this.updateContent()}handleFilterChange(){if(this.indexResults&&this.indexResults.appliedFilters){const t=this.indexResults.appliedFilters.find((t=>t.name===this.filterName));if(!t)return;this.tplWillRnder.then((()=>{const e=this.setFieldValues(t.values);e&&e.length&&(this.value=e)}))}this.updateContent()}handleChangeEvent(){const t=this.getFieldValues();return!!this.didValueChange(t)&&(this.internalValue=t,!0)}updateContent(){const t=this.outputSlot||this.outputEle;this.el&&(this.templateStr?this.filterName&&t&&(!this.templateStr||this.indexResults&&this.indexResults.origFilters[this.filterName])||(this.showFilter=!1):this.showFilter=!0,t&&(this.indexResults?s((()=>{t.innerHTML=this.tplRenderFn(this.templateStr,{orig:{...this.indexResults.origFilters[this.filterName]},dyn:{...this.indexResults.dynFilters[this.filterName]},selected:this.internalValue&&this.internalValue.length?this.internalValue:this.value}),this.tplDidRnder(),this.setFieldValues(),this.showFilter||(this.showFilter=!0),this.nanoTplUpdated.emit(this.el)})):this.templateStr?s((()=>{t.innerHTML=this.tplRenderFn(this.templateStr,{orig:{},dyn:{},selected:this.internalValue&&this.internalValue.length?this.internalValue:this.value}),this.value&&this.value.length||this.handleChangeEvent()})):this.value&&this.value.length||this.handleChangeEvent()))}getFieldValues(){const t=[],e=this.outputSlot.querySelectorAll('input[type="checkbox"], input[type="radio"], select');for(let i=0;i<e.length;i++){const s=e[i];if("select-multiple"===s.type){const e=s;for(let i=0;i<e.options.length;i++)e.options[i].selected&&e.options[i].value.length&&t.push(e.options[i].value)}else("checkbox"!==s.type&&"radio"!==s.type||s.checked&&s.value.length)&&t.push(s.value)}return t}setFieldValues(t){if(!(t=t||this.internalValue))return;const e=[],i=this.outputSlot.querySelectorAll('input[type="checkbox"], input[type="radio"], select, nano-select, nano-checkbox');for(let s=0;s<i.length;s++){const h=i[s];if(!h.disabled&&"file"!==h.type&&"reset"!==h.type&&"submit"!==h.type&&"button"!==h.type)if("select-multiple"===h.type||"select-one"===h.type){const i=h;for(let s=0;s<i.options.length;s++)t.includes(i.options[s].value)?(e.push(i.value),i.options[s].selected=!0,"select-one"===h.type&&(i.value=i.options[s].value)):i.options[s].selected=!1}else["checkbox","radio","tag","segment","segment-pill"].includes(h.type)&&(t.includes(h.value)?(e.push(h.value),h.checked=!0):h.checked=!t.length&&!h.value.length)}return e}didValueChange(t){if(this.internalValue&&!t)return!0;if(!this.internalValue&&!t)return!1;if(this.internalValue&&t.length!==this.internalValue.length)return!0;let e=!1;for(let i=0;i<t.length;i++)e||this.internalValue&&this.internalValue.includes(t[i])||(e=!0);return e}connectedCallback(){this.templateSlot=this.el.querySelector('[slot="filter-template"]'),this.outputSlot=this.el.querySelector('[slot="output"]'),this.filterId=this.filterName+"_"+l++,this.templateSlot&&(this.templateStr=this.templateSlot.innerHTML,this.templateStr=this.templateStr.replace(/=&gt;/gm,"=>"))}componentWillLoad(){this.storeId&&n.init(this,["value"],this.storeMethod||this.globalStoreMethod,this.storeId)}componentDidLoad(){this.updateContent(),this.templateStr&&this.filterName&&this.indexResults&&this.indexResults.origFilters[this.filterName]&&(this.showFilter=!0)}render(){return o(h,{key:"c1d229a764c08c92c4f25093d98bf51e1b4f6bcf",class:{"show-filter":this.showFilter,"nano-filter":!0}},o("div",{key:"21f66d2dcd03e19aa46face1220459dce136ccd1",ref:t=>this.outputEle=t},o("slot",{key:"3ec8e00ee477c651e48e96db7888f0a751573a3e",name:"output"})))}static get watchers(){return{value:["valueSet"],internalValue:["valueChanged"],facets:["appliedFilterChanged"],tplRenderFn:["tplUpdate"],indexResults:["handleFilterChange"]}}};a(r,["globalStoreMethod","indexResults","filterChanged","facets","tplRenderFn","changeEvent"]);let l=0;r.style=":host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host,*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){:host,*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:host{display:none}:host ::slotted([slot=filter-template]){display:none !important}:host(.show-filter){display:block}";export{r as nano_algolia_filter}

package/dist/nano-components/nano-algolia-results.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as t,c as s,g as e,a as i}from"./index-BM3Om9WE.js";import{h}from"./renderer-DasB4P10.js";import{W as a,S as n}from"./algolia-data-Kh0vPn3V.js";const d=class{constructor(e){t(this,e),this.nanoPageChanged=s(this,"nanoPageChanged",7),this.nanoTplUpdated=s(this,"nanoTplUpdated",7)}get el(){return e(this)}resultTpl;resultTplSlot;startTpl;startTplSlot;endTpl;endTplSlot;outputSlot;outputEle;outputTo;startOutputSlot;endOutputSlot;io;infiniteScrollBar;append=!1;shouldClear=!0;currHitNum=0;showResults=!1;tplRenderFn;results=null;indexResults=null;resultsPage=0;changeEvent=n.Init;facets;isLoading=!0;infiniteScroll=!1;appendPages=!1;nanoPageChanged;nanoTplUpdated;addContentIndex(){this.shouldPageClear(),(this.shouldClear||0===this.resultsPage)&&(this.currHitNum=0),this.indexResults&&this.indexResults.results&&this.indexResults.results.map((t=>{t._uIndex=this.currHitNum++}))}resultsChange(){this.shouldPageClear(),this.updateResultContent(),this.infiniteScrollChange()}headerFooterChange(){this.updateStartEndContent()}appendChange(){this.append=!!this.infiniteScroll||this.appendPages}infiniteScrollChange(){this.append=!!this.infiniteScroll||this.appendPages,this.infiniteScroll?this.attachIO():this.detachIO()}handlePageChage(){this.infiniteScroll?this.attachIO():this.detachIO()}handleLoading(){this.isLoading||this.infiniteScrollChange()}shouldPageClear(){this.shouldClear=this.changeEvent!==n.Page||!this.append}nextPage(){this.shouldClear=!this.append,this.nanoPageChanged.emit({page:this.resultsPage+1})}attachIO(){this.infiniteScrollBar&&this.infiniteScroll&&!this.io&&"undefined"!=typeof window&&window.IntersectionObserver&&(this.io=new window.IntersectionObserver((async t=>{(t[0].isIntersecting||t[1]&&t[1].isIntersecting)&&(this.nextPage(),this.detachIO())}),{document,rootMargin:"100px",threshold:1}),this.io.observe(this.infiniteScrollBar))}detachIO(){this.io&&(this.io.disconnect(),this.io=null)}updateStartEndContent(){this.startTpl&&this.startOutputSlot&&(this.startOutputSlot.innerHTML=this.tplRenderFn(this.startTpl,this.indexResults)),this.endOutputSlot&&this.endTpl&&(this.endOutputSlot.innerHTML=this.tplRenderFn(this.endTpl,this.indexResults)),this.nanoTplUpdated.emit(this.el)}updateResultContent(){if(this.outputTo=this.outputSlot||this.outputEle,!this.resultTpl||!this.indexResults)return;if(this.shouldClear&&(this.outputTo.innerHTML=""),!this.tplRenderFn)return;const t=document.createElement("div");t.innerHTML=this.tplRenderFn(this.resultTpl,this.indexResults),Array.from(t.children).forEach((t=>{this.outputTo.appendChild(t)})),this.shouldClear=!0,this.nanoTplUpdated.emit(this.el)}connectedCallback(){this.startTplSlot=this.el.querySelector('[slot="start-template"]'),this.startOutputSlot=this.el.querySelector('[slot="start-output"]'),this.startTplSlot&&(this.startTpl=this.startTplSlot.innerHTML,this.startTpl=this.startTpl.replace(/=&gt;/gm,"=>")),this.resultTplSlot=this.el.querySelector('[slot="result-template"]'),this.outputSlot=this.el.querySelector('[slot="result-output"]'),this.resultTplSlot&&(this.resultTpl=this.resultTplSlot.innerHTML,this.resultTpl=this.resultTpl.replace(/=&gt;/gm,"=>")),this.endTplSlot=this.el.querySelector('[slot="end-template"]'),this.endOutputSlot=this.el.querySelector('[slot="end-output"]'),this.endTplSlot&&(this.endTpl=this.endTplSlot.innerHTML,this.endTpl=this.endTpl.replace(/=&gt;/gm,"=>")),this.indexResults&&(this.addContentIndex(),this.updateResultContent())}componentDidLoad(){this.updateStartEndContent()}disconnectedCallback(){this.io&&(this.io.disconnect(),this.io=void 0)}render(){return h(i,{key:"857784ead2b9536559ef2220bff26d508061781c",class:{"show-results":this.showResults,"nano-results":!0}},h("div",{key:"be165b02c4ec5d2358e15dadfd4695fd5901f0b0",class:"default"},h("slot",{key:"1ab64bb71c75531e8f6b0c65833de7d2dc1ee0ca"})),h("div",{key:"cee981cead8b921e29fd4223e4985c3615e0e063",ref:t=>this.outputEle=t},h("slot",{key:"cff96070ca2acf18f7b8165444b28f433ca3601d",name:"start-output"}),h("slot",{key:"76833dd55d415baf083527ed5580049f90c36b40",name:"result-output"}),h("div",{key:"dac7a9081d1a65b4e17dec60044467e17575568e",ref:t=>this.infiniteScrollBar=t}),h("slot",{key:"07c82d60a58c11bcc50807ab95d63cf3fd59d768",name:"end-output"})))}static get watchers(){return{results:["addContentIndex","resultsChange"],tplRenderFn:["resultsChange"],facets:["headerFooterChange"],appendPages:["appendChange"],infiniteScroll:["infiniteScrollChange"],resultsPage:["handlePageChage"],isLoading:["handleLoading"]}}};a(d,["indexResults","results","tplRenderFn","resultsPage","changeEvent","facets","isLoading"]);export{d as nano_algolia_results}
+import{r as t,c as s,g as e,a as i}from"./index-BM3Om9WE.js";import{h}from"./renderer-DpNDfhNy.js";import{W as a,S as n}from"./algolia-data-Kh0vPn3V.js";const d=class{constructor(e){t(this,e),this.nanoPageChanged=s(this,"nanoPageChanged",7),this.nanoTplUpdated=s(this,"nanoTplUpdated",7)}get el(){return e(this)}resultTpl;resultTplSlot;startTpl;startTplSlot;endTpl;endTplSlot;outputSlot;outputEle;outputTo;startOutputSlot;endOutputSlot;io;infiniteScrollBar;append=!1;shouldClear=!0;currHitNum=0;showResults=!1;tplRenderFn;results=null;indexResults=null;resultsPage=0;changeEvent=n.Init;facets;isLoading=!0;infiniteScroll=!1;appendPages=!1;nanoPageChanged;nanoTplUpdated;addContentIndex(){this.shouldPageClear(),(this.shouldClear||0===this.resultsPage)&&(this.currHitNum=0),this.indexResults&&this.indexResults.results&&this.indexResults.results.map((t=>{t._uIndex=this.currHitNum++}))}resultsChange(){this.shouldPageClear(),this.updateResultContent(),this.infiniteScrollChange()}headerFooterChange(){this.updateStartEndContent()}appendChange(){this.append=!!this.infiniteScroll||this.appendPages}infiniteScrollChange(){this.append=!!this.infiniteScroll||this.appendPages,this.infiniteScroll?this.attachIO():this.detachIO()}handlePageChage(){this.infiniteScroll?this.attachIO():this.detachIO()}handleLoading(){this.isLoading||this.infiniteScrollChange()}shouldPageClear(){this.shouldClear=this.changeEvent!==n.Page||!this.append}nextPage(){this.shouldClear=!this.append,this.nanoPageChanged.emit({page:this.resultsPage+1})}attachIO(){this.infiniteScrollBar&&this.infiniteScroll&&!this.io&&"undefined"!=typeof window&&window.IntersectionObserver&&(this.io=new window.IntersectionObserver((async t=>{(t[0].isIntersecting||t[1]&&t[1].isIntersecting)&&(this.nextPage(),this.detachIO())}),{document,rootMargin:"100px",threshold:1}),this.io.observe(this.infiniteScrollBar))}detachIO(){this.io&&(this.io.disconnect(),this.io=null)}updateStartEndContent(){this.startTpl&&this.startOutputSlot&&(this.startOutputSlot.innerHTML=this.tplRenderFn(this.startTpl,this.indexResults)),this.endOutputSlot&&this.endTpl&&(this.endOutputSlot.innerHTML=this.tplRenderFn(this.endTpl,this.indexResults)),this.nanoTplUpdated.emit(this.el)}updateResultContent(){if(this.outputTo=this.outputSlot||this.outputEle,!this.resultTpl||!this.indexResults)return;if(this.shouldClear&&(this.outputTo.innerHTML=""),!this.tplRenderFn)return;const t=document.createElement("div");t.innerHTML=this.tplRenderFn(this.resultTpl,this.indexResults),Array.from(t.children).forEach((t=>{this.outputTo.appendChild(t)})),this.shouldClear=!0,this.nanoTplUpdated.emit(this.el)}connectedCallback(){this.startTplSlot=this.el.querySelector('[slot="start-template"]'),this.startOutputSlot=this.el.querySelector('[slot="start-output"]'),this.startTplSlot&&(this.startTpl=this.startTplSlot.innerHTML,this.startTpl=this.startTpl.replace(/=&gt;/gm,"=>")),this.resultTplSlot=this.el.querySelector('[slot="result-template"]'),this.outputSlot=this.el.querySelector('[slot="result-output"]'),this.resultTplSlot&&(this.resultTpl=this.resultTplSlot.innerHTML,this.resultTpl=this.resultTpl.replace(/=&gt;/gm,"=>")),this.endTplSlot=this.el.querySelector('[slot="end-template"]'),this.endOutputSlot=this.el.querySelector('[slot="end-output"]'),this.endTplSlot&&(this.endTpl=this.endTplSlot.innerHTML,this.endTpl=this.endTpl.replace(/=&gt;/gm,"=>")),this.indexResults&&(this.addContentIndex(),this.updateResultContent())}componentDidLoad(){this.updateStartEndContent()}disconnectedCallback(){this.io&&(this.io.disconnect(),this.io=void 0)}render(){return h(i,{key:"857784ead2b9536559ef2220bff26d508061781c",class:{"show-results":this.showResults,"nano-results":!0}},h("div",{key:"be165b02c4ec5d2358e15dadfd4695fd5901f0b0",class:"default"},h("slot",{key:"1ab64bb71c75531e8f6b0c65833de7d2dc1ee0ca"})),h("div",{key:"cee981cead8b921e29fd4223e4985c3615e0e063",ref:t=>this.outputEle=t},h("slot",{key:"cff96070ca2acf18f7b8165444b28f433ca3601d",name:"start-output"}),h("slot",{key:"76833dd55d415baf083527ed5580049f90c36b40",name:"result-output"}),h("div",{key:"dac7a9081d1a65b4e17dec60044467e17575568e",ref:t=>this.infiniteScrollBar=t}),h("slot",{key:"07c82d60a58c11bcc50807ab95d63cf3fd59d768",name:"end-output"})))}static get watchers(){return{results:["addContentIndex","resultsChange"],tplRenderFn:["resultsChange"],facets:["headerFooterChange"],appendPages:["appendChange"],infiniteScroll:["infiniteScrollChange"],resultsPage:["handlePageChage"],isLoading:["handleLoading"]}}};a(d,["indexResults","results","tplRenderFn","resultsPage","changeEvent","facets","isLoading"]);export{d as nano_algolia_results}