@nanoporetech-digital/components 8.0.0-alpha.1 → 8.0.0-alpha.3

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

@@ -1,11 +1,11 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { a as getElement, r as registerInstance, d as Host } from './index-DOuz1S3w.js';
+import { a as getElement, r as registerInstance, d as Host } from './index-DXvE-U_j.js';
 import { d as debounce } from './throttle-C93FMm2Z.js';
-import { t as transformTag, h } from './renderer-CnE0Hztu.js';
+import { t as transformTag, h } from './renderer-BUaAsDso.js';
 
-const tableCss = ":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}}";
+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}}";
 
 const NanoTable = class {
     get host() { return getElement(this); }
@@ -222,10 +222,10 @@ const NanoTable = class {
         this.cleanUpObservers();
     }
     render() {
-        return (h(Host, { key: '61d6bc7ce049b636466f22e2ebec084752ecfd29', class: {
+        return (h(Host, { key: '84b2998c112a5d929d5dba88961a309ce4d0fff9', class: {
                 'nano-table': true,
                 'nano-table--props-ready': this.propsReady,
-            } }, this.scrollable && (h("nano-masked-overflow", { key: '0534fae03c985ea7f1247bce7abdb5deac889feb', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: '8e911ddbf727b07c8cd56dab2d56568b73a745b2', class: "nano-table__overflow" }))), h("slot", { key: '2d57257dc468275502d1c1a1d2c07e32f8cfa881' })));
+            } }, this.scrollable && (h("nano-masked-overflow", { key: 'c6175d1bfd32160743c04b35132e97cc1cc7c873', hideScrollbars: false, scrollControls: false, label: this.caption?.textContent || undefined, class: "nano-table__overflow-container" }, h("div", { key: 'f96a85d3d852aa79def9f34b5c666c8d4c747c9f', class: "nano-table__overflow" }))), h("slot", { key: '4d7871702885a4a077e26b529b56c008949fa156' })));
     }
     static get watchers() { return {
         "compact": ["handleCompactChange"],

package/dist/esm/{page-dots-D2WI1eZ0.js → page-dots-BmS6HUrx.js}

@@ -1,9 +1,9 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { F as Flickity, u as utils, U as Unipointer } from './nano-slides-BEE7xEu_.js';
-import './index-DOuz1S3w.js';
-import './renderer-CnE0Hztu.js';
+import { F as Flickity, u as utils, U as Unipointer } from './nano-slides-B9KjZVqC.js';
+import './index-DXvE-U_j.js';
+import './renderer-BUaAsDso.js';
 
 // -------------------------- PageDots -------------------------- //
 function PageDots(parent) {

package/dist/esm/{renderer-CnE0Hztu.js → renderer-BUaAsDso.js}

@@ -1,7 +1,7 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { h as h$1 } from './index-DOuz1S3w.js';
+import { h as h$1 } from './index-DXvE-U_j.js';
 
 /* eslint-disable @typescript-eslint/no-namespace */
 // css only components cannot be transformed because their static css relies on the tag name

package/dist/esm/{scroll-DHa1CIPP.js → scroll-iCYjzh9N.js}

@@ -1,7 +1,7 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { a as getOffset } from './dom-GYcqUAl_.js';
+import { a as getOffset } from './dom-Cb7FUtXp.js';
 
 /**
  * @returns the width of the document's scrollbar

package/dist/esm/{slot-lixS0pd2.js → slot-DYFgWo5f.js}

@@ -1,7 +1,7 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { a as getElement, k as forceUpdate } from './index-DOuz1S3w.js';
+import { a as getElement, k as forceUpdate } from './index-DXvE-U_j.js';
 
 /**
  * Given an element (which can either be within a shadowRoot or not) find it's innerText

package/dist/esm/{style-BrRDhFfF.js → style-xLaX004n.js}

@@ -23,9 +23,23 @@ function addGlobalStylesheetToShadow(shadowRoot) {
     let rule = null;
     let globalStylesheet = [];
     for (stylesheet of globalStylesheets) {
-        if (!(stylesheet instanceof CSSStyleSheet))
+        if (!(stylesheet instanceof CSSStyleSheet)) {
             continue;
-        for (rule of stylesheet.cssRules) {
+        }
+        let cssRules;
+        try {
+            // Attempt to access the cssRules of the stylesheet
+            cssRules = stylesheet?.cssRules;
+            // no cssRules? skip it
+            if (!cssRules)
+                continue;
+        }
+        catch (e) {
+            // some stylesheets may not be accessible due to CORS or other restrictions
+            console.warn('Unable to access stylesheet:', stylesheet, e);
+            continue;
+        }
+        for (rule of cssRules) {
             // arbitrary piece of text to check for that appears early in the `nano-components` stylesheet
             // this is a bit fragile but does the job
             if (rule instanceof CSSLayerBlockRule &&

package/dist/esm/{tabbable-QmV19K7Q.js → tabbable-C4l-rYq9.js}

@@ -1,7 +1,7 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import './index-DOuz1S3w.js';
+import './index-DXvE-U_j.js';
 
 // Determines if the specified element is tabbable using heuristics inspired by https://github.com/focus-trap/tabbable
 function isTabbable(el, skipVisible = false) {

package/dist/esm/{table.worker-zeRR3oed.js → table.worker-CsTdjWrS.js}

@@ -1,14 +1,14 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import { c as createWorker } from './nano-data-table-Bm9J8Phu.js';
-import './index-DOuz1S3w.js';
-import './renderer-CnE0Hztu.js';
+import { c as createWorker } from './nano-data-table-CJbVKIuu.js';
+import './index-DXvE-U_j.js';
+import './renderer-BUaAsDso.js';
 import './math-BEqsTfVK.js';
 import './throttle-C93FMm2Z.js';
-import './scroll-DHa1CIPP.js';
-import './dom-GYcqUAl_.js';
-import './index-DkZY6pJu.js';
+import './scroll-iCYjzh9N.js';
+import './dom-Cb7FUtXp.js';
+import './index-Dw3NZx59.js';
 
 const workerName = 'table.worker';
 const workerMsgId = 'stencil.table.worker';

package/dist/nano-components/{algolia-data-CCqzaIh4.js → algolia-data-D6wnbV__.js}

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{a as n}from"./index-DOuz1S3w.js";var e;!function(n){n.Filter="filter",n.Page="page",n.Replica="replica",n.Init="init"}(e||(e={}));const o=(e,o)=>function(e,o){var i=e.prototype,t=i.componentWillLoad;i.componentWillLoad=function(){var e,i=this,r=n(this),s={promise:new Promise((function(n){e=n})),resolve:e},u=new CustomEvent("openWormhole",{bubbles:!0,composed:!0,detail:{consumer:this,fields:o,updater:function(n,e){i[n]=e},onOpen:s}});return r.dispatchEvent(u),s.promise.then((function(){if(t)return t.call(i)}))}}(e,o);export{e as S,o as W}
+import{a as n}from"./index-DXvE-U_j.js";var e;!function(n){n.Filter="filter",n.Page="page",n.Replica="replica",n.Init="init"}(e||(e={}));const o=(e,o)=>function(e,o){var i=e.prototype,t=i.componentWillLoad;i.componentWillLoad=function(){var e,i=this,r=n(this),s={promise:new Promise((function(n){e=n})),resolve:e},u=new CustomEvent("openWormhole",{bubbles:!0,composed:!0,detail:{consumer:this,fields:o,updater:function(n,e){i[n]=e},onOpen:s}});return r.dispatchEvent(u),s.promise.then((function(){if(t)return t.call(i)}))}}(e,o);export{e as S,o as W}

package/dist/nano-components/{component-store-C-YnXSQE.js → component-store-CH5BI3Tg.js}

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{a as t}from"./index-DOuz1S3w.js";import{d as e}from"./throttle-C93FMm2Z.js";function s(t){const e=new URLSearchParams([...new URLSearchParams(t)].map((([t,e])=>[t.replace(/([[\]])/g,((t,e)=>"["===e?".":"")),e]))),s={};return new Set(e.keys()).forEach((t=>{const n=e.getAll(t).join(",").split(",").map((t=>decodeURIComponent(t.replace(/\+/g," "))));let r=t,o=1===n.length?n[0]:n;if(r.includes(".")){const[t,...e]=r.split("."),n=s[t]||{},i=e.pop();e.reduce(((t,e)=>t[e]??={}),n)[i]=o,r=t,o=n}s[r]=o})),s}const n="nano-component-store:",r=(t="hash",e=window)=>e&&e.location?"hash"===t&&e.location.hash&&e.location.hash.match(/&|=/)?s(e.location.hash.replace(/^#/,"")):"query"===t&&e.location.search&&e.location.search.match(/&|=/)?s(e.location.search.replace(/^\?/,"")):{}:{},o=(t,e,n="hash",o=window,i="replace")=>{t=Object.keys(s(t))[0];const h={};for(const t in e)(!e[t]||Array.isArray(e[t])&&!e[t].length)&&delete e[t];h[t]=e;let u=r(n,o);(u[t]||h[t])&&(u={...u,...h},((t,e="hash",s=window,n="replace")=>{if(!s||!s.history)return;const r="query"===e?s.location.search:s.location.hash,o="query"===e?s.location.pathname:s.location.pathname+s.location.search;let i=function(t){if(!t)return"";const e=[["",t]],s=new URLSearchParams;for(;e.length;){const[t,n]=e.pop();Object.entries(n).forEach((([n,r])=>{if(null==r)return;const o=typeof r,i=t?`${t}.${n}`:n;if(null===r||"object"!==o||Array.isArray(r)){let t="string"===o?r:"";t=Array.isArray(r)?r.join(","):r?.toJSON?r.toJSON():r?.toString?r.toString():String(r),null!=t&&s.append(i,t)}else e.push([i,r])}))}return s.sort(),s.toString()}(t);if(i&&i.length)if("hash"!==e||s.location.hash!=="#"+i)i=("hash"===e?"#":"?")+i,i!==r&&("replace"===n?s.history.replaceState(null,null,o+i):s.history.pushState(null,null,o+i));else try{document.querySelector("#"+i)?.focus()}catch(t){}else{if(!r||!r.length)return;"replace"===n?s.history.replaceState(null,null,o):s.history.pushState(null,null,o)}})(u,n,o,i))},i=(t,e="hash",n=window)=>(t=Object.keys(s(t))[0],r(e,n)[t]||null),h=new Map,u={init(e,s,n,r){const o=r||e.storeId||t(e).id;if(!o)return void console.error("No id set. You can only instantiate a new component store with an id. ");if(h.get(o))return void console.error("Duplicate store id usage. A store ID must be unique!",o);const i=s.reduce(((t,s)=>(void 0!==e[s]&&(t[s]=e[s]),t)),{});h.set(o,new a(o,e,s,i,n)),h.get(o).dispatchToProps();const u=e.connectedCallback;e.connectedCallback=function(){h.set(o,new a(o,e,s,i,n));const t=h.get(o);u&&u.call(e),t&&t.dispatchToProps()};const l=e.componentDidRender;e.componentDidRender=function(){const t=h.get(o);l&&l.call(e),t&&t.savePropsToStore()};const c=e.disconnectedCallback;e.disconnectedCallback=function(){const t=h.get(o);t&&t.delete(),h.delete(o),c&&c.call(e)}},update(t){const e=h.get(t);e?e.savePropsToStore():console.error(`No store found for id: ${t}`)},get:t=>h.get(t)};class a{method="session";keys;id;component;updateStore=!0;initialState={};constructor(t,s,n,r,o){if(!t)throw new Error("No id set. You can only instantiate a new component store with an id");this.id=t,this.keys=n,this.component=s,r&&(this.initialState=r),o&&(this.method=o),this.savePropsToStore=e(this.savePropsToStore,500),"url-hash-push"!==this.method&&"url-query-push"!==this.method||window.addEventListener("popstate",this.onUrlChange)}onUrlChange=()=>{this.dispatchToProps(!1)};equality(t,e){return typeof t==typeof e&&("object"!=typeof t?t===e:JSON.stringify(t)===JSON.stringify(e))}get getData(){const t=this.keys.reduce(((t,e)=>{const s=this.equality(this.component[e],this.initialState[e]);return void 0===this.component[e]||s?s&&delete t[e]:t[e]=this.component[e],t}),{});return Object.keys(t).length?t:void 0}retrieve(){switch(this.method){case"url-hash":case"url-hash-push":return i(this.id,"hash");case"url-query":case"url-query-push":return i(this.id,"query");case"local":return((t,e=window)=>{const s=e.localStorage.getItem(n+this.id);return null!==s?JSON.parse(s):null})();default:return((t,e=window)=>{const s=e.sessionStorage.getItem(n+this.id);return null!==s?JSON.parse(s):null})()}}save(t){switch(this.method){case"url-hash":return o(this.id,t,"hash");case"url-query":return o(this.id,t,"query");case"url-hash-push":return o(this.id,t,"hash",window,"push");case"url-query-push":return o(this.id,t,"query",window,"push");case"local":return((t,e,s=window)=>{e?s.localStorage.setItem(n+t,JSON.stringify(e)):s.localStorage.removeItem(n+t)})(this.id,t);default:return((t,e,s=window)=>{e?s.sessionStorage.setItem(n+t,JSON.stringify(e)):s.sessionStorage.removeItem(n+t)})(this.id,t)}}savePropsToStore=()=>{this.updateStore?this.save(this.getData):this.updateStore||(this.updateStore=!0)};dispatchToProps=(t=!0)=>{const e=this.retrieve();!e&&t||(this.updateStore=t,this.keys.forEach((t=>{this.component[t]=e?e[t]:void 0})))};delete=()=>{"url-hash-push"!==this.method&&"url-query-push"!==this.method||window.removeEventListener("popstate",this.onUrlChange)}}export{u as C}
+import{a as t}from"./index-DXvE-U_j.js";import{d as e}from"./throttle-C93FMm2Z.js";function s(t){const e=new URLSearchParams([...new URLSearchParams(t)].map((([t,e])=>[t.replace(/([[\]])/g,((t,e)=>"["===e?".":"")),e]))),s={};return new Set(e.keys()).forEach((t=>{const n=e.getAll(t).join(",").split(",").map((t=>decodeURIComponent(t.replace(/\+/g," "))));let r=t,o=1===n.length?n[0]:n;if(r.includes(".")){const[t,...e]=r.split("."),n=s[t]||{},i=e.pop();e.reduce(((t,e)=>t[e]??={}),n)[i]=o,r=t,o=n}s[r]=o})),s}const n="nano-component-store:",r=(t="hash",e=window)=>e&&e.location?"hash"===t&&e.location.hash&&e.location.hash.match(/&|=/)?s(e.location.hash.replace(/^#/,"")):"query"===t&&e.location.search&&e.location.search.match(/&|=/)?s(e.location.search.replace(/^\?/,"")):{}:{},o=(t,e,n="hash",o=window,i="replace")=>{t=Object.keys(s(t))[0];const h={};for(const t in e)(!e[t]||Array.isArray(e[t])&&!e[t].length)&&delete e[t];h[t]=e;let u=r(n,o);(u[t]||h[t])&&(u={...u,...h},((t,e="hash",s=window,n="replace")=>{if(!s||!s.history)return;const r="query"===e?s.location.search:s.location.hash,o="query"===e?s.location.pathname:s.location.pathname+s.location.search;let i=function(t){if(!t)return"";const e=[["",t]],s=new URLSearchParams;for(;e.length;){const[t,n]=e.pop();Object.entries(n).forEach((([n,r])=>{if(null==r)return;const o=typeof r,i=t?`${t}.${n}`:n;if(null===r||"object"!==o||Array.isArray(r)){let t="string"===o?r:"";t=Array.isArray(r)?r.join(","):r?.toJSON?r.toJSON():r?.toString?r.toString():String(r),null!=t&&s.append(i,t)}else e.push([i,r])}))}return s.sort(),s.toString()}(t);if(i&&i.length)if("hash"!==e||s.location.hash!=="#"+i)i=("hash"===e?"#":"?")+i,i!==r&&("replace"===n?s.history.replaceState(null,null,o+i):s.history.pushState(null,null,o+i));else try{document.querySelector("#"+i)?.focus()}catch(t){}else{if(!r||!r.length)return;"replace"===n?s.history.replaceState(null,null,o):s.history.pushState(null,null,o)}})(u,n,o,i))},i=(t,e="hash",n=window)=>(t=Object.keys(s(t))[0],r(e,n)[t]||null),h=new Map,u={init(e,s,n,r){const o=r||e.storeId||t(e).id;if(!o)return void console.error("No id set. You can only instantiate a new component store with an id. ");if(h.get(o))return void console.error("Duplicate store id usage. A store ID must be unique!",o);const i=s.reduce(((t,s)=>(void 0!==e[s]&&(t[s]=e[s]),t)),{});h.set(o,new a(o,e,s,i,n)),h.get(o).dispatchToProps();const u=e.connectedCallback;e.connectedCallback=function(){h.set(o,new a(o,e,s,i,n));const t=h.get(o);u&&u.call(e),t&&t.dispatchToProps()};const l=e.componentDidRender;e.componentDidRender=function(){const t=h.get(o);l&&l.call(e),t&&t.savePropsToStore()};const c=e.disconnectedCallback;e.disconnectedCallback=function(){const t=h.get(o);t&&t.delete(),h.delete(o),c&&c.call(e)}},update(t){const e=h.get(t);e?e.savePropsToStore():console.error(`No store found for id: ${t}`)},get:t=>h.get(t)};class a{method="session";keys;id;component;updateStore=!0;initialState={};constructor(t,s,n,r,o){if(!t)throw new Error("No id set. You can only instantiate a new component store with an id");this.id=t,this.keys=n,this.component=s,r&&(this.initialState=r),o&&(this.method=o),this.savePropsToStore=e(this.savePropsToStore,500),"url-hash-push"!==this.method&&"url-query-push"!==this.method||window.addEventListener("popstate",this.onUrlChange)}onUrlChange=()=>{this.dispatchToProps(!1)};equality(t,e){return typeof t==typeof e&&("object"!=typeof t?t===e:JSON.stringify(t)===JSON.stringify(e))}get getData(){const t=this.keys.reduce(((t,e)=>{const s=this.equality(this.component[e],this.initialState[e]);return void 0===this.component[e]||s?s&&delete t[e]:t[e]=this.component[e],t}),{});return Object.keys(t).length?t:void 0}retrieve(){switch(this.method){case"url-hash":case"url-hash-push":return i(this.id,"hash");case"url-query":case"url-query-push":return i(this.id,"query");case"local":return((t,e=window)=>{const s=e.localStorage.getItem(n+this.id);return null!==s?JSON.parse(s):null})();default:return((t,e=window)=>{const s=e.sessionStorage.getItem(n+this.id);return null!==s?JSON.parse(s):null})()}}save(t){switch(this.method){case"url-hash":return o(this.id,t,"hash");case"url-query":return o(this.id,t,"query");case"url-hash-push":return o(this.id,t,"hash",window,"push");case"url-query-push":return o(this.id,t,"query",window,"push");case"local":return((t,e,s=window)=>{e?s.localStorage.setItem(n+t,JSON.stringify(e)):s.localStorage.removeItem(n+t)})(this.id,t);default:return((t,e,s=window)=>{e?s.sessionStorage.setItem(n+t,JSON.stringify(e)):s.sessionStorage.removeItem(n+t)})(this.id,t)}}savePropsToStore=()=>{this.updateStore?this.save(this.getData):this.updateStore||(this.updateStore=!0)};dispatchToProps=(t=!0)=>{const e=this.retrieve();!e&&t||(this.updateStore=t,this.keys.forEach((t=>{this.component[t]=e?e[t]:void 0})))};delete=()=>{"url-hash-push"!==this.method&&"url-query-push"!==this.method||window.removeEventListener("popstate",this.onUrlChange)}}export{u as C}

package/dist/nano-components/{dom-GYcqUAl_.js → dom-Cb7FUtXp.js}

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import"./index-DOuz1S3w.js";var t;function e(t,e=this){return function e(n){if(!n||n===document||n===window)return null;n.assignedSlot&&(n=n.assignedSlot);return n.closest(t)||e(n.getRootNode().host)}(e)}function n(t,e,n=!0){if(!0===n)try{return e=":scope > "+e.split(",").join(", :scope >"),Array.from(t.querySelectorAll(e))}catch(t){console.error(t,"an error. sad")}const o=[];return Array.from(t.childNodes).forEach((t=>{t.matches&&t.matches(e)&&("SLOT"!==t.nodeName||"slot"!==n)?o.push(t):"SLOT"===t.nodeName?Array.from(t.assignedElements()).forEach((t=>{t.matches(e)&&o.push(t)})):n||o.push(t)})),o}function o(t,e){return e&&t?{top:t.getBoundingClientRect().top-e.getBoundingClientRect().top,left:t.getBoundingClientRect().left-e.getBoundingClientRect().left}:{top:0,left:0}}!function(t){t[t.ElementNode=1]="ElementNode",t[t.TextNode=3]="TextNode",t[t.CommentNode=8]="CommentNode",t[t.DocumentNode=9]="DocumentNode",t[t.DocumentTypeNode=10]="DocumentTypeNode",t[t.DocumentFragment=11]="DocumentFragment"}(t||(t={}));export{o as a,e as c,n as g}
+import"./index-DXvE-U_j.js";var t;function e(t,e=this){return function e(n){if(!n||n===document||n===window)return null;n.assignedSlot&&(n=n.assignedSlot);return n.closest(t)||e(n.getRootNode().host)}(e)}function n(t,e,n=!0){if(!0===n)try{return e=":scope > "+e.split(",").join(", :scope >"),Array.from(t.querySelectorAll(e))}catch(t){console.error(t,"an error. sad")}const o=[];return Array.from(t.childNodes).forEach((t=>{t.matches&&t.matches(e)&&("SLOT"!==t.nodeName||"slot"!==n)?o.push(t):"SLOT"===t.nodeName?Array.from(t.assignedElements()).forEach((t=>{t.matches(e)&&o.push(t)})):n||o.push(t)})),o}function o(t,e){return e&&t?{top:t.getBoundingClientRect().top-e.getBoundingClientRect().top,left:t.getBoundingClientRect().left-e.getBoundingClientRect().left}:{top:0,left:0}}!function(t){t[t.ElementNode=1]="ElementNode",t[t.TextNode=3]="TextNode",t[t.CommentNode=8]="CommentNode",t[t.DocumentNode=9]="DocumentNode",t[t.DocumentTypeNode=10]="DocumentTypeNode",t[t.DocumentFragment=11]="DocumentFragment"}(t||(t={}));export{o as a,e as c,n as g}

package/dist/nano-components/{fade-C3aqZinc.js → fade-CnaZvOTY.js}

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{F as t,u as i}from"./nano-slides-BEE7xEu_.js";import"./index-DOuz1S3w.js";import"./renderer-CnE0Hztu.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-B9KjZVqC.js";import"./index-DXvE-U_j.js";import"./renderer-BUaAsDso.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-BOVGZF9R.js

@@ -0,0 +1,4 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+import{h as l}from"./renderer-BUaAsDso.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-T7b44-vN.js → fullscreen-BIFliVxG.js}

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{F as t}from"./nano-slides-BEE7xEu_.js";import"./index-DOuz1S3w.js";import"./renderer-CnE0Hztu.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-B9KjZVqC.js";import"./index-DXvE-U_j.js";import"./renderer-BUaAsDso.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-DXvE-U_j.js

@@ -0,0 +1,5 @@
+/*!
+ * Custom elements for Nanopore-Digital Web applications
+ */
+const t="nano-components",e=async()=>{};var n=Object.defineProperty,o={isServer:!1},s=(t=>(t.Undefined="undefined",t.Null="null",t.String="string",t.Number="number",t.SpecialNumber="number",t.Boolean="boolean",t.BigInt="bigint",t))(s||{}),l=(t=>(t.Array="array",t.Date="date",t.Map="map",t.Object="object",t.RegularExpression="regexp",t.Set="set",t.Channel="channel",t.Symbol="symbol",t))(l||{}),i="type",r="value",c="serialized:",u=(t,e)=>{var n;Object.entries(null!=(n=e.o.t)?n:{}).map((([n,[o]])=>{if(31&o||32&o){const o=t[n],s=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(t),n);Object.defineProperty(t,n,{get(){return s.get.call(this)},set(t){s.set.call(this,t)},configurable:!0,enumerable:!0}),t[n]=e.l.has(n)?e.l.get(n):o}}))},f=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},a=(t,e)=>{t.__stencil__getHostRef=()=>e,e.i=t,u(t,e)},d=(t,e)=>e in t,h=(t,e)=>(0,console.error)(t,e),p=new Map,v=new Map,b="s-id",$="sty-id",m="c-id",y="slot-fb{display:contents}slot-fb[hidden]{display:none}",g="http://www.w3.org/1999/xlink",w="undefined"!=typeof window?window:{},S=w.HTMLElement||class{},j={u:0,h:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,o)=>t.addEventListener(e,n,o),rel:(t,e,n,o)=>t.removeEventListener(e,n,o),ce:(t,e)=>new CustomEvent(t,e)},O=t=>Promise.resolve(t),N=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(t){}return!1})(),x=!1,k=[],E=[],C=(t,e)=>n=>{t.push(n),x||(x=!0,e&&4&j.u?L(M):j.raf(M))},I=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){h(t)}t.length=0},M=()=>{I(k),I(E),(x=k.length>0)&&j.raf(M)},L=t=>O().then(t),R=C(k,!1),A=C(E,!0),T=t=>{const e=new URL(t,j.h);return e.origin!==w.location.origin?e.href:e.pathname},B=t=>"object"==(t=typeof t)||"function"===t;function P(t){var e,n,o;return null!=(o=null==(n=null==(e=t.head)?void 0:e.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}var F=class t{static fromLocalValue(e){const n=e[i],o=r in e?e[r]:void 0;switch(n){case"string":case"boolean":return o;case"bigint":return BigInt(o);case"undefined":return;case"null":return null;case"number":return"NaN"===o?NaN:"-0"===o?-0:"Infinity"===o?1/0:"-Infinity"===o?-1/0:o;case"array":return o.map((e=>t.fromLocalValue(e)));case"date":return new Date(o);case"map":const e=new Map;for(const[n,s]of o){const o="object"==typeof n&&null!==n?t.fromLocalValue(n):n,l=t.fromLocalValue(s);e.set(o,l)}return e;case"object":const s={};for(const[e,n]of o)s[e]=t.fromLocalValue(n);return s;case"regexp":const{pattern:l,flags:i}=o;return RegExp(l,i);case"set":const r=new Set;for(const e of o)r.add(t.fromLocalValue(e));return r;case"symbol":return Symbol(o);default:throw Error("Unsupported type: "+n)}}static fromLocalValueArray(e){return e.map((e=>t.fromLocalValue(e)))}static isLocalValueObject(t){if("object"!=typeof t||null===t)return!1;if(!t.hasOwnProperty(i))return!1;const e=t[i];return!!Object.values({...s,...l}).includes(e)&&("null"===e||"undefined"===e||t.hasOwnProperty(r))}};((t,e)=>{for(var o in e)n(t,o,{get:e[o],enumerable:!0})})({},{err:()=>_,map:()=>D,ok:()=>U,unwrap:()=>W,unwrapErr:()=>V});var U=t=>({isOk:!0,isErr:!1,value:t}),_=t=>({isOk:!1,isErr:!0,value:t});function D(t,e){if(t.isOk){const n=e(t.value);return n instanceof Promise?n.then((t=>U(t))):U(n)}if(t.isErr)return _(t.value);throw"should never get here"}var W=t=>{if(t.isOk)return t.value;throw t.value},V=t=>{if(t.isErr)return t.value;throw t.value};function z(){const t=this.attachShadow({mode:"open"});if(N){const e=new CSSStyleSheet;e.replaceSync(""),t.adoptedStyleSheets.push(e)}}var H=t=>{const e=wt(t,"childNodes");t.tagName&&t.tagName.includes("-")&&t["s-cr"]&&"SLOT-FB"!==t.tagName&&Y(e,t.tagName).forEach((t=>{1===t.nodeType&&"SLOT-FB"===t.tagName&&(t.hidden=!!q(t,Q(t),!1).length)}));let n=0;for(n=0;n<e.length;n++){const t=e[n];1===t.nodeType&&wt(t,"childNodes").length&&H(t)}},J=t=>{const e=[];for(let n=0;n<t.length;n++){const o=t[n]["s-nr"]||void 0;o&&o.isConnected&&e.push(o)}return e};function Y(t,e,n){let o,s=0,l=[];for(;s<t.length;s++){if(o=t[s],o["s-sr"]&&(!e||o["s-hn"]===e)&&(void 0===n||Q(o)===n)&&(l.push(o),void 0!==n))return l;l=[...l,...Y(o.childNodes,e,n)]}return l}var q=(t,e,n=!0)=>{const o=[];(n&&t["s-sr"]||!t["s-sr"])&&o.push(t);let s=t;for(;s=s.nextSibling;)Q(s)!==e||!n&&s["s-sr"]||o.push(s);return o},G=(t,e)=>1===t.nodeType?null===t.getAttribute("slot")&&""===e||t.getAttribute("slot")===e:t["s-sn"]===e||""===e,K=(t,e,n,o)=>{if(t["s-ol"]&&t["s-ol"].isConnected)return;const s=document.createTextNode("");if(s["s-nr"]=t,!e["s-cr"]||!e["s-cr"].parentNode)return;const l=e["s-cr"].parentNode,i=wt(l,n?"prepend":"appendChild");if(void 0!==o){s["s-oo"]=o;const t=wt(l,"childNodes"),e=[s];t.forEach((t=>{t["s-nr"]&&e.push(t)})),e.sort(((t,e)=>!t["s-oo"]||t["s-oo"]<(e["s-oo"]||0)?-1:!e["s-oo"]||e["s-oo"]<t["s-oo"]?1:0)),e.forEach((t=>i.call(l,t)))}else i.call(l,s);t["s-ol"]=s,t["s-sh"]=e["s-hn"]},Q=t=>"string"==typeof t["s-sn"]?t["s-sn"]:1===t.nodeType&&t.getAttribute("slot")||void 0;function X(t){if(t.assignedElements||t.assignedNodes||!t["s-sr"])return;const e=e=>function(t){const n=[],o=this["s-sn"];(null==t?void 0:t.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const s=this["s-cr"].parentElement;return(s.__childNodes?s.childNodes:J(s.childNodes)).forEach((t=>{o===Q(t)&&n.push(t)})),e?n.filter((t=>1===t.nodeType)):n}.bind(t);t.assignedElements=e(!0),t.assignedNodes=e(!1)}function Z(t){t.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}function tt(t,e){var n;if(!(e=e||(null==(n=t["s-ol"])?void 0:n.parentElement)))return{slotNode:null,slotName:""};const o=t["s-sn"]=Q(t)||"";return{slotNode:Y(wt(e,"childNodes"),e.tagName,o)[0],slotName:o}}var et=t=>{const e=t.cloneNode;t.cloneNode=function(t){const n=this.shadowRoot&&true,o=e.call(this,!!n&&t);if(!n&&t){let t,e,n=0;const s=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"],l=this.__childNodes||this.childNodes;for(;n<l.length;n++)t=l[n]["s-nr"],e=s.every((t=>!l[n][t])),t&&(o.__appendChild?o.__appendChild(t.cloneNode(!0)):o.appendChild(t.cloneNode(!0))),e&&o.appendChild(l[n].cloneNode(!0))}return o}},nt=t=>{t.__appendChild=t.appendChild,t.appendChild=function(t){const{slotName:e,slotNode:n}=tt(t,this);if(n){K(t,n);const o=q(n,e),s=o[o.length-1],l=wt(s,"parentNode"),i=wt(l,"insertBefore")(t,s.nextSibling);return Z(n),H(this),i}return this.__appendChild(t)}},ot=t=>{t.__removeChild=t.removeChild,t.removeChild=function(t){return t&&void 0!==t["s-sn"]&&Y(this.__childNodes||this.childNodes,this.tagName,t["s-sn"])&&t.isConnected?(t.remove(),void H(this)):this.__removeChild(t)}},st=t=>{t.__prepend=t.prepend,t.prepend=function(...e){e.forEach((e=>{"string"==typeof e&&(e=this.ownerDocument.createTextNode(e));const n=(e["s-sn"]=Q(e))||"",o=Y(wt(this,"childNodes"),this.tagName,n)[0];if(o){K(e,o,!0);const t=q(o,n)[0],s=wt(t,"parentNode"),l=wt(s,"insertBefore")(e,wt(t,"nextSibling"));return Z(o),l}return 1===e.nodeType&&e.getAttribute("slot")&&(e.hidden=!0),t.__prepend(e)}))}},lt=t=>{t.__append=t.append,t.append=function(...t){t.forEach((t=>{"string"==typeof t&&(t=this.ownerDocument.createTextNode(t)),this.appendChild(t)}))}},it=t=>{const e=t.insertAdjacentHTML;t.insertAdjacentHTML=function(t,n){if("afterbegin"!==t&&"beforeend"!==t)return e.call(this,t,n);const o=this.ownerDocument.createElement("_");let s;if(o.innerHTML=n,"afterbegin"===t)for(;s=o.firstChild;)this.prepend(s);else if("beforeend"===t)for(;s=o.firstChild;)this.append(s)}},rt=t=>{t.insertAdjacentText=function(t,e){this.insertAdjacentHTML(t,e)}},ct=t=>{t.__insertBefore||(t.__insertBefore=t.insertBefore,t.insertBefore=function(t,e){const{slotName:n,slotNode:o}=tt(t,this),s=this.__childNodes?this.childNodes:J(this.childNodes);if(o){let l=!1;if(s.forEach((s=>{if(s!==e&&null!==e);else{if(l=!0,null===e||n!==e["s-sn"])return void this.appendChild(t);if(n===e["s-sn"]){K(t,o);const n=wt(e,"parentNode");wt(n,"insertBefore")(t,e),Z(o)}}})),l)return t}const l=null==e?void 0:e.__parentNode;return l&&!this.isSameNode(l)?this.appendChild(t):this.__insertBefore(t,e)})},ut=t=>{const e=t.insertAdjacentElement;t.insertAdjacentElement=function(t,n){return"afterbegin"!==t&&"beforeend"!==t?e.call(this,t,n):"afterbegin"===t?(this.prepend(n),n):"beforeend"===t?(this.append(n),n):n}},ft=t=>{gt("textContent",t),Object.defineProperty(t,"textContent",{get:function(){let t="";return(this.__childNodes?this.childNodes:J(this.childNodes)).forEach((e=>t+=e.textContent||"")),t},set:function(t){(this.__childNodes?this.childNodes:J(this.childNodes)).forEach((t=>{t["s-ol"]&&t["s-ol"].remove(),t.remove()})),this.insertAdjacentHTML("beforeend",t)}})},at=t=>{class e extends Array{item(t){return this[t]}}gt("children",t),Object.defineProperty(t,"children",{get(){return this.childNodes.filter((t=>1===t.nodeType))}}),Object.defineProperty(t,"childElementCount",{get(){return this.children.length}}),gt("firstChild",t),Object.defineProperty(t,"firstChild",{get(){return this.childNodes[0]}}),gt("lastChild",t),Object.defineProperty(t,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}}),gt("childNodes",t),Object.defineProperty(t,"childNodes",{get(){const t=new e;return t.push(...J(this.__childNodes)),t}})},dt=t=>{t&&void 0===t.__nextSibling&&globalThis.Node&&(ht(t),vt(t),$t(t),t.nodeType===Node.ELEMENT_NODE&&(pt(t),bt(t)))},ht=t=>{t&&!t.__nextSibling&&(gt("nextSibling",t),Object.defineProperty(t,"nextSibling",{get:function(){var t;const e=null==(t=this["s-ol"])?void 0:t.parentNode.childNodes,n=null==e?void 0:e.indexOf(this);return e&&n>-1?e[n+1]:this.__nextSibling}}))},pt=t=>{t&&!t.__nextElementSibling&&(gt("nextElementSibling",t),Object.defineProperty(t,"nextElementSibling",{get:function(){var t;const e=null==(t=this["s-ol"])?void 0:t.parentNode.children,n=null==e?void 0:e.indexOf(this);return e&&n>-1?e[n+1]:this.__nextElementSibling}}))},vt=t=>{t&&!t.__previousSibling&&(gt("previousSibling",t),Object.defineProperty(t,"previousSibling",{get:function(){var t;const e=null==(t=this["s-ol"])?void 0:t.parentNode.childNodes,n=null==e?void 0:e.indexOf(this);return e&&n>-1?e[n-1]:this.__previousSibling}}))},bt=t=>{t&&!t.__previousElementSibling&&(gt("previousElementSibling",t),Object.defineProperty(t,"previousElementSibling",{get:function(){var t;const e=null==(t=this["s-ol"])?void 0:t.parentNode.children,n=null==e?void 0:e.indexOf(this);return e&&n>-1?e[n-1]:this.__previousElementSibling}}))},$t=t=>{t&&!t.__parentNode&&(gt("parentNode",t),Object.defineProperty(t,"parentNode",{get:function(){var t;return(null==(t=this["s-ol"])?void 0:t.parentNode)||this.__parentNode},set:function(t){this.__parentNode=t}}))},mt=["children","nextElementSibling","previousElementSibling"],yt=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function gt(t,e){let n;mt.includes(t)?n=Object.getOwnPropertyDescriptor(Element.prototype,t):yt.includes(t)&&(n=Object.getOwnPropertyDescriptor(Node.prototype,t)),n||(n=Object.getOwnPropertyDescriptor(e,t)),n&&Object.defineProperty(e,"__"+t,n)}function wt(t,e){if("__"+e in t){const n=t["__"+e];return"function"!=typeof n?n:n.bind(t)}return"function"!=typeof t[e]?t[e]:t[e].bind(t)}var St=new WeakMap,jt=(t,e,n)=>{let o=v.get(t);N&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=e:o.replaceSync(e)):o=e,v.set(t,o)},Ot=(t,e)=>{var n;const o=Nt(e),s=v.get(o);if(!w.document)return o;if(t=11===t.nodeType?t:w.document,s)if("string"==typeof s){let l,i=St.get(t=t.head||t);if(i||St.set(t,i=new Set),!i.has(o)){if(t.host&&(l=t.querySelector(`[${$}="${o}"]`)))l.innerHTML=s;else{l=w.document.createElement("style"),l.innerHTML=s;const o=null!=(n=j.p)?n:P(w.document);if(null!=o&&l.setAttribute("nonce",o),!(1&e.u))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(l,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(N){const e=new CSSStyleSheet;e.replaceSync(s),t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.innerHTML=s+e.innerHTML:t.prepend(l)}else t.append(l);1&e.u&&t.insertBefore(l,null)}4&e.u&&(l.innerHTML+=y),i&&i.add(o)}}else t.adoptedStyleSheets.includes(s)||(t.adoptedStyleSheets=[...t.adoptedStyleSheets,s]);return o},Nt=t=>"sc-"+t.v,xt=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),kt=(t,e,...n)=>{let o=null,s=null,l=null,i=!1,r=!1;const c=[],u=e=>{for(let n=0;n<e.length;n++)o=e[n],Array.isArray(o)?u(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof t&&!B(o))&&(o+=""),i&&r?c[c.length-1].$+=o:c.push(i?Et(null,o):o),r=i)};if(u(n),e){e.key&&(s=e.key),e.name&&(l=e.name);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}if("function"==typeof t)return t(null===e?{}:e,c,It);const f=Et(t,null);return f.m=e,c.length>0&&(f.S=c),f.j=s,f.O=l,f},Et=(t,e)=>({u:0,N:t,$:e,k:null,S:null,m:null,j:null,O:null}),Ct={},It={forEach:(t,e)=>t.map(Mt).forEach(e),map:(t,e)=>t.map(Mt).map(e).map(Lt)},Mt=t=>({vattrs:t.m,vchildren:t.S,vkey:t.j,vname:t.O,vtag:t.N,vtext:t.$}),Lt=t=>{if("function"==typeof t.vtag){const e={...t.vattrs};return t.vkey&&(e.key=t.vkey),t.vname&&(e.name=t.vname),kt(t.vtag,e,...t.vchildren||[])}const e=Et(t.vtag,t.vtext);return e.m=t.vattrs,e.S=t.vchildren,e.j=t.vkey,e.O=t.vname,e},Rt=(t,e,n,o,s,l,i,r=[])=>{let c,u,f,a;const d=s["s-sc"];if(1===l.nodeType){if(c=l.getAttribute(m),c&&(u=c.split("."),u[0]===i||"0"===u[0])){f=Tt({u:0,C:u[0],I:u[1],M:u[2],L:u[3],N:l.tagName.toLowerCase(),k:l,m:{class:l.className||""}}),e.push(f),l.removeAttribute(m),t.S||(t.S=[]),d&&u[0]===i&&(l["s-si"]=d,f.m.class+=" "+d);const s=f.k.getAttribute("s-sn");"string"==typeof s&&("slot-fb"===f.N&&(Bt(s,u[2],f,l,t,e,n,o,r),d&&l.classList.add(d)),f.k["s-sn"]=s,f.k.removeAttribute("s-sn")),void 0!==f.L&&(t.S[f.L]=f),t=f,o&&"0"===f.M&&(o[f.L]=f.k)}if(l.shadowRoot)for(a=l.shadowRoot.childNodes.length-1;a>=0;a--)Rt(t,e,n,o,s,l.shadowRoot.childNodes[a],i,r);const h=l.__childNodes||l.childNodes;for(a=h.length-1;a>=0;a--)Rt(t,e,n,o,s,h[a],i,r)}else if(8===l.nodeType)u=l.nodeValue.split("."),(u[1]===i||"0"===u[1])&&(c=u[0],f=Tt({C:u[1],I:u[2],M:u[3],L:u[4]||"0",k:l,m:null,S:null,j:null,O:null,N:null,$:null}),"t"===c?(f.k=Ft(l,3),f.k&&3===f.k.nodeType&&(f.$=f.k.textContent,e.push(f),l.remove(),i===f.C&&(t.S||(t.S=[]),t.S[f.L]=f),o&&"0"===f.M&&(o[f.L]=f.k))):"c"===c?(f.k=Ft(l,8),f.k&&8===f.k.nodeType&&(e.push(f),l.remove())):f.C===i&&("s"===c?Bt(l["s-sn"]=u[5]||"",u[2],f,l,t,e,n,o,r):"r"===c&&(o?l.remove():(s["s-cr"]=l,l["s-cn"]=!0))));else if(t&&"style"===t.N){const e=Et(null,l.textContent);e.k=l,e.L="0",t.S=[e]}else 3!==l.nodeType||l.wholeText.trim()||l["s-nr"]||l.remove();return t},At=(t,e)=>{if(1===t.nodeType){const n=t[b]||t.getAttribute(b);n&&e.set(n,t);let o=0;if(t.shadowRoot)for(;o<t.shadowRoot.childNodes.length;o++)At(t.shadowRoot.childNodes[o],e);const s=t.__childNodes||t.childNodes;for(o=0;o<s.length;o++)At(s[o],e)}else if(8===t.nodeType){const n=t.nodeValue.split(".");"o"===n[0]&&(e.set(n[1]+"."+n[2],t),t.nodeValue="",t["s-en"]=n[3])}},Tt=t=>({u:0,C:null,I:null,M:null,L:"0",k:null,m:null,S:null,j:null,O:null,N:null,$:null,...t});function Bt(t,e,n,o,s,l,i,r,c){o["s-sr"]=!0,n.O=t||null,n.N="slot";const u=(null==s?void 0:s.k)?s.k["s-id"]||s.k.getAttribute("s-id"):"";if(r&&w.document){const l=n.k=w.document.createElement(n.N);n.O&&n.k.setAttribute("name",t),s.k.shadowRoot&&u&&u!==n.C?wt(s.k,"insertBefore")(l,wt(s.k,"children")[0]):wt(wt(o,"parentNode"),"insertBefore")(l,o),Pt(c,e,t,o,n.C),o.remove(),"0"===n.M&&(r[n.L]=n.k)}else{const l=n.k,i=u&&u!==n.C&&s.k.shadowRoot;Pt(c,e,t,o,i?u:n.C),X(o),i&&s.k.insertBefore(l,s.k.children[0])}l.push(n),i.push(n),s.S||(s.S=[]),s.S[n.L]=n}var Pt=(t,e,n,o,s)=>{let l=o.nextSibling;for(t[e]=t[e]||[];l&&((l.getAttribute&&l.getAttribute("slot")||l["s-sn"])===n||""===n&&!l["s-sn"]&&(8===l.nodeType||3===l.nodeType||"SLOT"===l.tagName));)l["s-sn"]=n,t[e].push({slot:o,node:l,hostId:s}),l=l.nextSibling},Ft=(t,e)=>{let n=t;do{n=n.nextSibling}while(n&&(n.nodeType!==e||!n.nodeValue));return n},Ut=t=>{const e=(t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))(t);return RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${e}))(${e}\\b)`,"g")};Ut("::slotted"),Ut(":host"),Ut(":host-context");var _t,Dt,Wt,Vt=(t,e)=>{if("string"==typeof t&&(t.startsWith("{")&&t.endsWith("}")||t.startsWith("[")&&t.endsWith("]")))try{return JSON.parse(t)}catch(t){}return"string"==typeof t&&t.startsWith(c)?t=function(t){return"string"==typeof t&&t.startsWith(c)?F.fromLocalValue(JSON.parse(atob(t.slice(11)))):t}(t):null==t||B(t)?t:4&e?"false"!==t&&(""===t||!!t):2&e?"string"==typeof t?parseFloat(t):"number"==typeof t?t:NaN:1&e?t+"":t},zt=t=>f(t).$hostElement$,Ht=(t,e,n)=>{const o=zt(t);return{emit:t=>Jt(o,e,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:t})}},Jt=(t,e,n)=>{const o=j.ce(e,n);return t.dispatchEvent(o),o},Yt=(t,e,n,o,s,l,i)=>{if(n===o)return;let r=d(t,e),c=e.toLowerCase();if("class"===e){const e=t.classList,s=Gt(n);let l=Gt(o);if((t["s-si"]||t["s-sc"])&&i){const n=t["s-sc"]||t["s-si"];l.push(n),s.forEach((t=>{t.startsWith(n)&&l.push(t)})),l=[...new Set(l)].filter((t=>t)),e.add(...l)}else e.remove(...s.filter((t=>t&&!l.includes(t)))),e.add(...l.filter((t=>t&&!s.includes(t))))}else if("style"===e){for(const e in n)o&&null!=o[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in o)n&&o[e]===n[e]||(e.includes("-")?t.style.setProperty(e,o[e]):t.style[e]=o[e])}else if("key"===e);else if("ref"===e)o&&o(t);else if(r||"o"!==e[0]||"n"!==e[1]){const i=B(o);if(r||i&&null!==o)try{if(t.tagName.includes("-"))t[e]!==o&&(t[e]=o);else{const s=null==o?"":o;"list"===e?r=!1:null!=n&&t[e]==s||("function"==typeof t.__lookupSetter__(e)?t[e]=s:t.setAttribute(e,s))}}catch(t){}let u=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(e=c,u=!0),null==o||!1===o?!1===o&&""!==t.getAttribute(e)||(u?t.removeAttributeNS(g,e):t.removeAttribute(e)):(!r||4&l||s)&&!i&&1===t.nodeType&&(o=!0===o?"":o,u?t.setAttributeNS(g,e,o):t.setAttribute(e,o))}else if(e="-"===e[2]?e.slice(3):d(w,c)?c.slice(2):c[2]+e.slice(3),n||o){const s=e.endsWith(Kt);e=e.replace(Qt,""),n&&j.rel(t,e,n,s),o&&j.ael(t,e,o,s)}},qt=/\s/,Gt=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(qt):[]),Kt="Capture",Qt=RegExp(Kt+"$"),Xt=(t,e,n,o)=>{const s=11===e.k.nodeType&&e.k.host?e.k.host:e.k,l=t&&t.m||{},i=e.m||{};for(const t of Zt(Object.keys(l)))t in i||Yt(s,t,l[t],void 0,n,e.u,o);for(const t of Zt(Object.keys(i)))Yt(s,t,l[t],i[t],n,e.u,o)};function Zt(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var te=!1,ee=!1,ne=!1,oe=!1,se=(t,e,n)=>{var o;const s=e.S[n];let l,i,r,c=0;if(te||(ne=!0,"slot"===s.N&&(s.u|=s.S?2:1)),null!==s.$)l=s.k=w.document.createTextNode(s.$);else if(1&s.u)l=s.k=w.document.createTextNode(""),Xt(null,s,oe);else{if(!w.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(l=s.k=w.document.createElement(!te&&2&s.u?"slot-fb":s.N),Xt(null,s,oe),null!=_t&&void 0!==_t&&l["s-si"]!==_t&&l.classList.add(l["s-si"]=_t),s.S)for(c=0;c<s.S.length;++c)i=se(t,s,c),i&&l.appendChild(i)}return l["s-hn"]=Wt,3&s.u&&(l["s-sr"]=!0,l["s-cr"]=Dt,l["s-sn"]=s.O||"",l["s-rf"]=null==(o=s.m)?void 0:o.ref,X(l),r=t&&t.S&&t.S[n],r&&r.N===s.N&&t.k&&le(t.k),be(Dt,l,e.k,null==t?void 0:t.k)),l},le=t=>{j.u|=1;const e=t.closest(Wt.toLowerCase());if(null!=e){const n=Array.from(e.__childNodes||e.childNodes).find((t=>t["s-cr"])),o=Array.from(t.__childNodes||t.childNodes);for(const t of n?o.reverse():o)null!=t["s-sh"]&&(ve(e,t,null!=n?n:null),t["s-sh"]=void 0,ne=!0)}j.u&=-2},ie=(t,e)=>{j.u|=1;const n=Array.from(t.__childNodes||t.childNodes);if(t["s-sr"]){let e=t;for(;e=e.nextSibling;)e&&e["s-sn"]===t["s-sn"]&&e["s-sh"]===Wt&&n.push(e)}for(let t=n.length-1;t>=0;t--){const o=n[t];o["s-hn"]!==Wt&&o["s-ol"]&&(ve(fe(o).parentNode,o,fe(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,ne=!0),e&&ie(o,e)}j.u&=-2},re=(t,e,n,o,s,l)=>{let i,r=t["s-cr"]&&t["s-cr"].parentNode||t;for(r.shadowRoot&&r.tagName===Wt&&(r=r.shadowRoot);s<=l;++s)o[s]&&(i=se(null,n,s),i&&(o[s].k=i,ve(r,i,fe(e))))},ce=(t,e,n)=>{for(let o=e;o<=n;++o){const e=t[o];if(e){const t=e.k;pe(e),t&&(ee=!0,t["s-ol"]?t["s-ol"].remove():ie(t,!0),t.remove())}}},ue=(t,e,n=!1)=>t.N===e.N&&("slot"===t.N?t.O===e.O:n?(n&&!t.j&&e.j&&(t.j=e.j),!0):t.j===e.j),fe=t=>t&&t["s-ol"]||t,ae=(t,e,n=!1)=>{const o=e.k=t.k,s=t.S,l=e.S,i=e.$;let r;null===i?("slot"!==e.N||te||t.O!==e.O&&(e.k["s-sn"]=e.O||"",le(e.k.parentElement)),Xt(t,e,oe,n),null!==s&&null!==l?((t,e,n,o,s=!1)=>{let l,i,r=0,c=0,u=0,f=0,a=e.length-1,d=e[0],h=e[a],p=o.length-1,v=o[0],b=o[p];for(;r<=a&&c<=p;)if(null==d)d=e[++r];else if(null==h)h=e[--a];else if(null==v)v=o[++c];else if(null==b)b=o[--p];else if(ue(d,v,s))ae(d,v,s),d=e[++r],v=o[++c];else if(ue(h,b,s))ae(h,b,s),h=e[--a],b=o[--p];else if(ue(d,b,s))"slot"!==d.N&&"slot"!==b.N||ie(d.k.parentNode,!1),ae(d,b,s),ve(t,d.k,h.k.nextSibling),d=e[++r],b=o[--p];else if(ue(h,v,s))"slot"!==d.N&&"slot"!==b.N||ie(h.k.parentNode,!1),ae(h,v,s),ve(t,h.k,d.k),h=e[--a],v=o[++c];else{for(u=-1,f=r;f<=a;++f)if(e[f]&&null!==e[f].j&&e[f].j===v.j){u=f;break}u>=0?(i=e[u],i.N!==v.N?l=se(e&&e[c],n,u):(ae(i,v,s),e[u]=void 0,l=i.k),v=o[++c]):(l=se(e&&e[c],n,c),v=o[++c]),l&&ve(fe(d.k).parentNode,l,fe(d.k))}r>a?re(t,null==o[p+1]?null:o[p+1].k,n,o,c,p):c>p&&ce(e,r,a)})(o,s,e,l,n):null!==l?(null!==t.$&&(o.textContent=""),re(o,null,e,l,0,l.length-1)):!n&&null!==s&&ce(s,0,s.length-1)):(r=o["s-cr"])?r.parentNode.textContent=i:t.$!==i&&(o.data=i)},de=[],he=t=>{let e,n,o;const s=t.__childNodes||t.childNodes;for(const t of s){if(t["s-sr"]&&(e=t["s-cr"])&&e.parentNode){n=e.parentNode.__childNodes||e.parentNode.childNodes;const s=t["s-sn"];for(o=n.length-1;o>=0;o--)if(e=n[o],!(e["s-cn"]||e["s-nr"]||e["s-hn"]===t["s-hn"]||e["s-sh"]&&e["s-sh"]===t["s-hn"]))if(G(e,s)){let n=de.find((t=>t.R===e));ee=!0,e["s-sn"]=e["s-sn"]||s,n?(n.R["s-sh"]=t["s-hn"],n.A=t):(e["s-sh"]=t["s-hn"],de.push({A:t,R:e})),e["s-sr"]&&de.map((t=>{G(t.R,e["s-sn"])&&(n=de.find((t=>t.R===e)),n&&!t.A&&(t.A=n.A))}))}else de.some((t=>t.R===e))||de.push({R:e})}1===t.nodeType&&he(t)}},pe=t=>{t.m&&t.m.ref&&t.m.ref(null),t.S&&t.S.map(pe)},ve=(t,e,n)=>{if("string"==typeof e["s-sn"]&&e["s-sr"]&&e["s-cr"])be(e["s-cr"],e,t,e.parentElement);else if("string"==typeof e["s-sn"]){11!==t.getRootNode().nodeType&&$t(e),t.insertBefore(e,n);const{slotNode:o}=tt(e);return o&&Z(o),e}return t.__insertBefore?t.__insertBefore(e,n):null==t?void 0:t.insertBefore(e,n)};function be(t,e,n,o){var s,l;let i;if(t&&"string"==typeof e["s-sn"]&&e["s-sr"]&&t.parentNode&&t.parentNode["s-sc"]&&(i=e["s-si"]||t.parentNode["s-sc"])){const t=e["s-sn"],r=e["s-hn"];if(null==(s=n.classList)||s.add(i+"-s"),o&&(null==(l=o.classList)?void 0:l.contains(i+"-s"))){let e=(o.__childNodes||o.childNodes)[0],n=!1;for(;e;){if(e["s-sn"]!==t&&e["s-hn"]===r&&e["s-sr"]){n=!0;break}e=e.nextSibling}n||o.classList.remove(i+"-s")}}}var $e=(t,e)=>{if(e&&!t.T&&e["s-p"]){const n=e["s-p"].push(new Promise((o=>t.T=()=>{e["s-p"].splice(n-1,1),o()})))}},me=(t,e)=>{if(t.u|=16,!(4&t.u))return $e(t,t.B),A((()=>ye(t,e)));t.u|=512},ye=(t,e)=>{const n=t.$hostElement$,o=t.i;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let s;return e?(t.u|=256,t.P&&(t.P.map((([t,e])=>Ce(o,t,e,n))),t.P=void 0),s=Ce(o,"componentWillLoad",void 0,n)):s=Ce(o,"componentWillUpdate",void 0,n),s=ge(s,(()=>Ce(o,"componentWillRender",void 0,n))),ge(s,(()=>Se(t,o,e)))},ge=(t,e)=>we(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),we=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,Se=async(t,e,n)=>{var o;const s=t.$hostElement$,l=s["s-rc"];n&&(t=>{const e=t.o,n=t.$hostElement$,o=e.u,s=Ot(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);10&o&&(n["s-sc"]=s,n.classList.add(s+"-h"))})(t);Oe(t,e,s,n),l&&(l.map((t=>t())),s["s-rc"]=void 0);{const e=null!=(o=s["s-p"])?o:[],n=()=>xe(t);0===e.length?n():(Promise.all(e).then(n),t.u|=4,e.length=0)}},je=null,Oe=(t,e,n,o)=>{try{je=e,e=e.render&&e.render(),t.u&=-17,t.u|=2,((t,e,n=!1)=>{var o,s,l,i,r;const c=t.$hostElement$,u=t.o,f=t.F||Et(null,null),a=(t=>t&&t.N===Ct)(e)?e:kt(null,null,e);if(Wt=c.tagName,u.U&&(a.m=a.m||{},u.U.map((([t,e])=>a.m[e]=c[t]))),n&&a.m)for(const t of Object.keys(a.m))c.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(a.m[t]=c[t]);if(a.N=null,a.u|=4,t.F=a,a.k=f.k=c.shadowRoot||c,_t=c["s-sc"],te=!(!(1&u.u)||128&u.u),Dt=c["s-cr"],ee=!1,ae(f,a,n),j.u|=1,ne){he(a.k);for(const t of de){const e=t.R;if(!e["s-ol"]&&w.document){const t=w.document.createTextNode("");t["s-nr"]=e,ve(e.parentNode,e["s-ol"]=t,e)}}for(const t of de){const e=t.R,r=t.A;if(r){const t=r.parentNode;let n=r.nextSibling;if(n&&1===n.nodeType){let l=null==(o=e["s-ol"])?void 0:o.previousSibling;for(;l;){let o=null!=(s=l["s-nr"])?s:null;if(o&&o["s-sn"]===e["s-sn"]&&t===(o.__parentNode||o.parentNode)){for(o=o.nextSibling;o===e||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){n=o;break}}l=l.previousSibling}}(!n&&t!==(e.__parentNode||e.parentNode)||(e.__nextSibling||e.nextSibling)!==n)&&e!==n&&(ve(t,e,n),1===e.nodeType&&"SLOT-FB"!==e.tagName&&(e.hidden=null!=(l=e["s-ih"])&&l)),e&&"function"==typeof r["s-rf"]&&r["s-rf"](r)}else 1===e.nodeType&&(n&&(e["s-ih"]=null!=(i=e.hidden)&&i),e.hidden=!0)}}if(ee&&H(a.k),j.u&=-2,de.length=0,2&u.u){const t=a.k.__childNodes||a.k.childNodes;for(const e of t)e["s-hn"]===Wt||e["s-sh"]||(n&&null==e["s-ih"]&&(e["s-ih"]=null!=(r=e.hidden)&&r),e.hidden=!0)}Dt=void 0})(t,e,o)}catch(e){h(e,t.$hostElement$)}return je=null,null},Ne=()=>je,xe=t=>{const e=t.$hostElement$,n=t.i,o=t.B;Ce(n,"componentDidRender",void 0,e),64&t.u?Ce(n,"componentDidUpdate",void 0,e):(t.u|=64,Ie(e),Ce(n,"componentDidLoad",void 0,e),t._(e),o||Ee()),t.D(e),t.T&&(t.T(),t.T=void 0),512&t.u&&L((()=>me(t,!1))),t.u&=-517},ke=t=>{{const e=f(t),n=e.$hostElement$.isConnected;return n&&2==(18&e.u)&&me(e,!1),n}},Ee=()=>{var e;L((()=>Jt(w,"appload",{detail:{namespace:t}}))),(null==(e=j.W)?void 0:e.size)&&j.W.clear()},Ce=(t,e,n,o)=>{if(t&&t[e])try{return t[e](n)}catch(t){h(t,o)}},Ie=t=>t.classList.add("hydrated"),Me=(t,e,n,o)=>{const s=f(t);if(!s)throw Error(`Couldn't find host element for "${o.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const l=s.$hostElement$,i=s.l.get(e),r=s.u,c=s.i;if(n=Vt(n,o.t[e][0]),(!(8&r)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(s.l.set(e,n),c)){if(o.V&&128&r){const t=o.V[e];t&&t.map((t=>{try{c[t](n,i,e)}catch(t){h(t,l)}}))}if(2==(18&r)){if(c.componentShouldUpdate&&!1===c.componentShouldUpdate(n,i,e))return;me(s,!1)}}},Le=(t,e,n)=>{var o,s;const l=t.prototype;if(e.t||e.V||t.watchers){t.watchers&&!e.V&&(e.V=t.watchers);const i=Object.entries(null!=(o=e.t)?o:{});if(i.map((([t,[o]])=>{if(31&o||2&n&&32&o){const{get:s,set:i}=Object.getOwnPropertyDescriptor(l,t)||{};s&&(e.t[t][0]|=2048),i&&(e.t[t][0]|=4096),(1&n||!s)&&Object.defineProperty(l,t,{get(){{if(!(2048&e.t[t][0]))return((t,e)=>f(this).l.get(e))(0,t);const n=f(this),o=n?n.i:l;if(!o)return;return o[t]}},configurable:!0,enumerable:!0}),Object.defineProperty(l,t,{set(s){const l=f(this);if(i){const n=32&o?this[t]:l.$hostElement$[t];return void 0===n&&l.l.get(t)?s=l.l.get(t):!l.l.get(t)&&n&&l.l.set(t,n),i.call(this,Vt(s,o)),void Me(this,t,s=32&o?this[t]:l.$hostElement$[t],e)}{if(!(1&n&&4096&e.t[t][0]))return Me(this,t,s,e),void(1&n&&!l.i&&l.H.then((()=>{4096&e.t[t][0]&&l.i[t]!==l.l.get(t)&&(l.i[t]=s)})));const i=()=>{const n=l.i[t];!l.l.get(t)&&n&&l.l.set(t,n),l.i[t]=Vt(s,o),Me(this,t,l.i[t],e)};l.i?i():l.H.then((()=>i()))}}})}else 1&n&&64&o&&Object.defineProperty(l,t,{value(...e){var n;const o=f(this);return null==(n=null==o?void 0:o.J)?void 0:n.then((()=>{var n;return null==(n=o.i)?void 0:n[t](...e)}))}})})),1&n){const n=new Map;l.attributeChangedCallback=function(t,o,s){j.jmp((()=>{var i;const r=n.get(t);if(this.hasOwnProperty(r))s=this[r],delete this[r];else{if(l.hasOwnProperty(r)&&"number"==typeof this[r]&&this[r]==s)return;if(null==r){const n=f(this),l=null==n?void 0:n.u;if(l&&!(8&l)&&128&l&&s!==o){const l=n.i,r=null==(i=e.V)?void 0:i[t];null==r||r.forEach((e=>{null!=l[e]&&l[e].call(l,s,o,t)}))}return}}const c=Object.getOwnPropertyDescriptor(l,r);(s=(null!==s||"boolean"!=typeof this[r])&&s)===this[r]||c.get&&!c.set||(this[r]=s)}))},t.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=e.V)?s:{}),...i.filter((([t,e])=>15&e[0])).map((([t,o])=>{var s;const l=o[1]||t;return n.set(l,t),512&o[0]&&(null==(s=e.U)||s.push([t,l])),l}))]))}}return t},Re=(t,e)=>{Ce(t,"connectedCallback",void 0,e)},Ae=t=>{if(!(1&j.u)){const e=f(t),n=e.o,o=()=>{};if(1&e.u)Ue(t,e,n.Y),(null==e?void 0:e.i)?Re(e.i,t):(null==e?void 0:e.H)&&e.H.then((()=>Re(e.i,t)));else{let o;if(e.u|=1,o=t.getAttribute(b),o){if(1&n.u){const e=Ot(t.shadowRoot,n);t.classList.remove(e+"-h",e+"-s")}else if(2&n.u){const e=Nt(n);t["s-sc"]=e}((t,e,n,o)=>{var s,l;const i=t.shadowRoot,r=[],c=[],u=[],a=i?[]:null,d=Et(e,null);let h;d.k=t,Object.entries((null==(s=o.o)?void 0:s.t)||{}).forEach((([e,[n,s]])=>{var l;if(!(31&n))return;const i=t.getAttribute(s||e);if(null!==i){const t=Vt(i,n);null==(l=null==o?void 0:o.l)||l.set(e,t)}}));{const e=o.o;e&&10&e.u&&t["s-sc"]?(h=t["s-sc"],t.classList.add(h+"-h")):t["s-sc"]&&delete t["s-sc"]}!w.document||j.W&&j.W.size||At(w.document.body,j.W=new Map),t[b]=n,t.removeAttribute(b),o.F=Rt(d,r,c,a,t,t,n,u);let p=0;const v=r.length;let $;for(;p<v;p++){$=r[p];const n=$.C+"."+$.I,o=j.W.get(n),s=$.k;if(i){if((null==(l=$.N)?void 0:(""+l).includes("-"))&&!$.k.shadowRoot){const e=Nt(f($.k).o),n=w.document.querySelector(`style[sty-id="${e}"]`);n&&t.shadowRoot.append(n.cloneNode(!0))}}else s["s-hn"]=e.toUpperCase(),"slot"===$.N&&(s["s-cr"]=t["s-cr"]);"slot"===$.N&&($.O=$.k["s-sn"]||$.k.name||null,$.S?($.u|=2,$.k.childNodes.length||$.S.forEach((t=>{$.k.appendChild(t.k)}))):$.u|=1),o&&o.isConnected&&(o.parentElement.shadowRoot&&""===o["s-en"]&&o.parentNode.insertBefore(s,o.nextSibling),o.parentNode.removeChild(o),i||(s["s-oo"]=parseInt($.I))),o&&!o["s-id"]&&j.W.delete(n)}const m=[],y=u.length;let g,S,O,N,x=0;for(;x<y;x++)if(g=u[x],g&&g.length)for(O=g.length,S=0;S<O;S++){if(N=g[S],m[N.hostId]||(m[N.hostId]=j.W.get(N.hostId)),!m[N.hostId])continue;const t=m[N.hostId];t.shadowRoot&&i||(N.slot["s-cr"]||(N.slot["s-cr"]=t["s-cr"],N.slot["s-cr"]=!N.slot["s-cr"]&&t.shadowRoot?t:(t.__childNodes||t.childNodes)[0]),K(N.node,N.slot,!1,N.node["s-oo"]),dt(N.node)),t.shadowRoot&&N.node.parentElement!==t&&t.appendChild(N.node)}if(h&&c.length&&c.forEach((t=>{t.k.parentElement.classList.add(h+"-s")})),i){let e=0;const n=a.length;if(n){for(;e<n;e++)i.appendChild(a[e]);Array.from(t.childNodes).forEach((t=>{"string"!=typeof t["s-en"]&&"string"!=typeof t["s-sn"]&&(1===t.nodeType&&t.slot&&t.hidden?t.removeAttribute("hidden"):(8===t.nodeType&&!t.nodeValue||3===t.nodeType&&!t.wholeText.trim())&&t.parentNode.removeChild(t))}))}}o.$hostElement$=t})(t,n.v,o,e)}if(!o)if(12&n.u)Te(t);else if(!(4&n.u)){const e=t.firstChild;8!==(null==e?void 0:e.nodeType)||e["s-cn"]||e.nodeValue||t.removeChild(e)}{let n=t;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){$e(e,e.B=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&t.hasOwnProperty(e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let o;if(!(32&e.u)){if(e.u|=32,n.q){const s=((t,e)=>{const n=t.v.replace(/-/g,"_"),o=t.q;if(!o)return;const s=p.get(o);return s?s[n]:import(`./${o}.entry.js`).then((t=>(p.set(o,t),t[n])),(t=>{h(t,e.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,e);if(s&&"then"in s){const t=()=>{};o=await s,t()}else o=s;if(!o)throw Error(`Constructor for "${n.v}#${e.G}" was not found`);o.isProxied||(n.V=o.watchers,Le(o,n,2),o.isProxied=!0);const l=()=>{};e.u|=8;try{new o(e)}catch(e){h(e,t)}e.u&=-9,e.u|=128,l(),Re(e.i,t)}else o=t.constructor,customElements.whenDefined(t.localName).then((()=>e.u|=128));if(o&&o.style){let t;"string"==typeof o.style&&(t=o.style);const e=Nt(n);if(!v.has(e)){const o=()=>{};jt(e,t,!!(1&n.u)),o()}}}const s=e.B,l=()=>me(e,!0);s&&s["s-rc"]?s["s-rc"].push(l):l()})(t,e,n)}o()}},Te=t=>{if(!w.document)return;const e=t["s-cr"]=w.document.createComment("");e["s-cn"]=!0,ve(t,e,t.firstChild)},Be=(t,e)=>{Ce(t,"disconnectedCallback",void 0,e||t)},Pe=(t,e={})=>{var n;if(!w.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const o=[],s=e.exclude||[],l=w.customElements,i=w.document.head,r=i.querySelector("meta[charset]"),c=w.document.createElement("style"),u=[];let a,d=!0;Object.assign(j,e),j.h=new URL(e.resourcesUrl||"./",w.document.baseURI).href,j.u|=2,(()=>{if(!w.document)return;const t=w.document.querySelectorAll(`[${$}]`);let e=0;for(;e<t.length;e++)jt(t[e].getAttribute($),xt(t[e].innerHTML),!0)})();let h=!1;if(t.map((t=>{t[1].map((n=>{var i;const r={u:n[0],v:n[1],t:n[2],Y:n[3]};4&r.u&&(h=!0),r.t=n[2],r.Y=n[3],r.U=[],r.V=null!=(i=n[4])?i:{};const c=e.transformTagName?e.transformTagName(r.v):r.v,p=class extends HTMLElement{constructor(t){if(super(t),this.hasRegisteredEventListeners=!1,((t,e)=>{const n={u:0,$hostElement$:t,o:e,l:new Map};n.J=new Promise((t=>n.D=t)),n.H=new Promise((t=>n._=t)),t["s-p"]=[],t["s-rc"]=[];const o=n;t.__stencil__getHostRef=()=>o})(t=this,r),1&r.u)if(t.shadowRoot){if("open"!==t.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${r.v}! Mode is set to ${t.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else z.call(t,r)}connectedCallback(){const t=f(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Ue(this,t,r.Y)),a&&(clearTimeout(a),a=null),d?u.push(this):j.jmp((()=>Ae(this)))}disconnectedCallback(){j.jmp((()=>(async t=>{if(!(1&j.u)){const e=f(t);e.K&&(e.K.map((t=>t())),e.K=void 0),(null==e?void 0:e.i)?Be(e.i,t):(null==e?void 0:e.H)&&e.H.then((()=>Be(e.i,t)))}St.has(t)&&St.delete(t),t.shadowRoot&&St.has(t.shadowRoot)&&St.delete(t.shadowRoot)})(this))),j.raf((()=>{var t;const e=f(this),n=u.findIndex((t=>t===this));n>-1&&u.splice(n,1),(null==(t=null==e?void 0:e.F)?void 0:t.k)instanceof Node&&!e.F.k.isConnected&&delete e.F.k}))}componentOnReady(){return f(this).H}};2&r.u&&(t=>{et(t),nt(t),lt(t),st(t),ut(t),it(t),rt(t),ct(t),ft(t),at(t),ot(t)})(p.prototype),r.q=t[0],s.includes(c)||l.get(c)||(o.push(c),l.define(c,Le(p,r,1)))}))})),o.length>0&&(h&&(c.textContent+=y),c.textContent+=o.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",c.innerHTML.length)){c.setAttribute("data-styles","");const t=null!=(n=j.p)?n:P(w.document);null!=t&&c.setAttribute("nonce",t),i.insertBefore(c,r?r.nextSibling:i.firstChild)}d=!1,u.length?u.map((t=>t.connectedCallback())):j.jmp((()=>a=setTimeout(Ee,30)))},Fe=(t,e)=>e,Ue=(t,e,n)=>{n&&w.document&&n.map((([n,o,s])=>{const l=De(w.document,t,n),i=_e(e,s),r=We(n);j.ael(l,o,i,r),(e.K=e.K||[]).push((()=>j.rel(l,o,i,r)))}))},_e=(t,e)=>n=>{var o;try{256&t.u?null==(o=t.i)||o[e](n):(t.P=t.P||[]).push([e,n])}catch(e){h(e,t.$hostElement$)}},De=(t,e,n)=>8&n?w:16&n?t.body:e,We=t=>({passive:!!(1&t),capture:!!(2&t)}),Ve=t=>j.p=t;export{o as B,Fe as F,S as H,t as N,zt as a,Pe as b,Ht as c,Ct as d,A as e,R as f,e as g,kt as h,h as i,Ne as j,ke as k,T as l,O as p,a as r,Ve as s,w}

package/dist/nano-components/{index-DkZY6pJu.js → index-Dw3NZx59.js}

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{j as e,k as t}from"./index-DOuz1S3w.js";const s=e=>!("isConnected"in e)||e.isConnected,n=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys())e.set(t,e.get(t).filter(s))})(...t)}),2e3)}})(),o=e=>"function"==typeof e?e():e,r=(s,r)=>{const c=((e,t=(e,t)=>e!==t)=>{const s=o(e);let n=new Map(Object.entries(s??{}));const r={dispose:[],get:[],set:[],reset:[]},c=()=>{n=new Map(Object.entries(o(e)??{})),r.reset.forEach((e=>e()))},i=e=>(r.get.forEach((t=>t(e))),n.get(e)),u=(e,s)=>{const o=n.get(e);t(s,o,e)&&(n.set(e,s),r.set.forEach((t=>t(e,s,o))))},p="undefined"==typeof Proxy?{}:new Proxy(s,{get:(e,t)=>i(t),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>n.has(t),set:(e,t,s)=>(u(t,s),!0)}),a=(e,t)=>(r[e].push(t),()=>{((e,t)=>{const s=e.indexOf(t);s>=0&&(e[s]=e[e.length-1],e.length--)})(r[e],t)});return{state:p,get:i,set:u,on:a,onChange:(t,s)=>{const n=a("set",((e,n)=>{e===t&&s(n)})),r=a("reset",(()=>s(o(e)[t])));return()=>{n(),r()}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(a("set",t.set)),t.get&&e.push(a("get",t.get)),t.reset&&e.push(a("reset",t.reset)),t.dispose&&e.push(a("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{r.dispose.forEach((e=>e())),c()},reset:c,forceUpdate:e=>{const t=n.get(e);r.set.forEach((s=>s(e,t,t)))}}})(s,r);return c.use((()=>{if("function"!=typeof e)return{};const s=new Map;return{dispose:()=>s.clear(),get:t=>{const n=e();n&&((e,t,s)=>{const n=e.get(t);n?n.includes(s)||n.push(s):e.set(t,[s])})(s,t,n)},set:e=>{const o=s.get(e);o&&s.set(e,o.filter(t)),n(s)},reset:()=>{s.forEach((e=>e.forEach(t))),n(s)}}})()),c};export{r as c}
+import{j as e,k as t}from"./index-DXvE-U_j.js";const s=e=>!("isConnected"in e)||e.isConnected,n=(()=>{let e;return(...t)=>{e&&clearTimeout(e),e=setTimeout((()=>{e=0,(e=>{for(let t of e.keys())e.set(t,e.get(t).filter(s))})(...t)}),2e3)}})(),o=e=>"function"==typeof e?e():e,r=(s,r)=>{const c=((e,t=(e,t)=>e!==t)=>{const s=o(e);let n=new Map(Object.entries(s??{}));const r={dispose:[],get:[],set:[],reset:[]},c=()=>{n=new Map(Object.entries(o(e)??{})),r.reset.forEach((e=>e()))},i=e=>(r.get.forEach((t=>t(e))),n.get(e)),p=(e,s)=>{const o=n.get(e);t(s,o,e)&&(n.set(e,s),r.set.forEach((t=>t(e,s,o))))},u="undefined"==typeof Proxy?{}:new Proxy(s,{get:(e,t)=>i(t),ownKeys:()=>Array.from(n.keys()),getOwnPropertyDescriptor:()=>({enumerable:!0,configurable:!0}),has:(e,t)=>n.has(t),set:(e,t,s)=>(p(t,s),!0)}),a=(e,t)=>(r[e].push(t),()=>{((e,t)=>{const s=e.indexOf(t);s>=0&&(e[s]=e[e.length-1],e.length--)})(r[e],t)});return{state:u,get:i,set:p,on:a,onChange:(t,s)=>{const n=a("set",((e,n)=>{e===t&&s(n)})),r=a("reset",(()=>s(o(e)[t])));return()=>{n(),r()}},use:(...e)=>{const t=e.reduce(((e,t)=>(t.set&&e.push(a("set",t.set)),t.get&&e.push(a("get",t.get)),t.reset&&e.push(a("reset",t.reset)),t.dispose&&e.push(a("dispose",t.dispose)),e)),[]);return()=>t.forEach((e=>e()))},dispose:()=>{r.dispose.forEach((e=>e())),c()},reset:c,forceUpdate:e=>{const t=n.get(e);r.set.forEach((s=>s(e,t,t)))}}})(s,r);return c.use((()=>{if("function"!=typeof e)return{};const s=new Map;return{dispose:()=>s.clear(),get:t=>{const n=e();n&&((e,t,s)=>{const n=e.get(t);n?n.includes(s)||n.push(s):e.set(t,[s])})(s,t,n)},set:e=>{const o=s.get(e);o&&s.set(e,o.filter(t)),n(s)},reset:()=>{s.forEach((e=>e.forEach(t))),n(s)}}})()),c};export{r as c}

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

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

package/dist/nano-components/{lazyload-BdH0bSmg.js → lazyload-D_Ju_KaC.js}

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{F as t,u as i}from"./nano-slides-BEE7xEu_.js";import"./index-DOuz1S3w.js";import"./renderer-CnE0Hztu.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-B9KjZVqC.js";import"./index-DXvE-U_j.js";import"./renderer-BUaAsDso.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/{modal-s7sHBYzQ.js → modal-B_AxJQQp.js}

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{g as t}from"./tabbable-QmV19K7Q.js";let s=[];class i{element;tabDirection="forward";constructor(t){this.element=t,this.handleFocusIn=this.handleFocusIn.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}activate(){s.push(this.element),document.addEventListener("focusin",this.handleFocusIn),document.addEventListener("keydown",this.handleKeyDown)}deactivate(){s=s.filter((t=>t!==this.element)),document.removeEventListener("focusin",this.handleFocusIn),document.removeEventListener("keydown",this.handleKeyDown)}isActive(){return s[s.length-1]===this.element}handleFocusIn(s){const i=s.composedPath();if(this.isActive()&&!i.includes(this.element)){const s=t(this.element),i="backward"===this.tabDirection?s.length-1:0;s[i]?.focus({preventScroll:!0})}}handleKeyDown(t){"Tab"===t.key&&t.shiftKey&&(this.tabDirection="backward",setTimeout((()=>this.tabDirection="forward")))}}export{i as M}
+import{g as t}from"./tabbable-C4l-rYq9.js";let s=[];class i{element;tabDirection="forward";constructor(t){this.element=t,this.handleFocusIn=this.handleFocusIn.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}activate(){s.push(this.element),document.addEventListener("focusin",this.handleFocusIn),document.addEventListener("keydown",this.handleKeyDown)}deactivate(){s=s.filter((t=>t!==this.element)),document.removeEventListener("focusin",this.handleFocusIn),document.removeEventListener("keydown",this.handleKeyDown)}isActive(){return s[s.length-1]===this.element}handleFocusIn(s){const i=s.composedPath();if(this.isActive()&&!i.includes(this.element)){const s=t(this.element),i="backward"===this.tabDirection?s.length-1:0;s[i]?.focus({preventScroll:!0})}}handleKeyDown(t){"Tab"===t.key&&t.shiftKey&&(this.tabDirection="backward",setTimeout((()=>this.tabDirection="forward")))}}export{i as M}

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

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as t,c as o,a as n}from"./index-DOuz1S3w.js";import{t as e,h as r}from"./renderer-CnE0Hztu.js";import{g as i}from"./dom-GYcqUAl_.js";const a=class{constructor(n){t(this,n),this.nanoToggle=o(this,"nanoToggle",7)}itemOpened;get el(){return n(this)}nanoToggle;onToggleHandler(t){"NANO-DETAILS"===t.target?.tagName&&(t.stopPropagation(),(i(this.el,e("nano-details"))||this.el.querySelectorAll(e("nano-details"))).forEach(((o,n)=>{o!==t.target?o.open=!1:this.itemOpened=n})),this.nanoToggle.emit(t.target))}onClosedHandler(t){t.stopPropagation(),this.itemOpened=null,this.nanoToggle.emit()}render(){return r("slot",{key:"ec9331ce0686c1234021e58af9a456aa267e9247"})}};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,a as n}from"./index-DXvE-U_j.js";import{t as e,h as r}from"./renderer-BUaAsDso.js";import{g as i}from"./dom-Cb7FUtXp.js";const a=class{constructor(n){t(this,n),this.nanoToggle=o(this,"nanoToggle",7)}itemOpened;get el(){return n(this)}nanoToggle;onToggleHandler(t){"NANO-DETAILS"===t.target?.tagName&&(t.stopPropagation(),(i(this.el,e("nano-details"))||this.el.querySelectorAll(e("nano-details"))).forEach(((o,n)=>{o!==t.target?o.open=!1:this.itemOpened=n})),this.nanoToggle.emit(t.target))}onClosedHandler(t){t.stopPropagation(),this.itemOpened=null,this.nanoToggle.emit()}render(){return r("slot",{key:"ec9331ce0686c1234021e58af9a456aa267e9247"})}};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

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as n,c as t,a as o,d as a}from"./index-DOuz1S3w.js";import{M as e}from"./modal-s7sHBYzQ.js";import{l as i,u as r}from"./scroll-DHa1CIPP.js";import{h as s,t as l}from"./renderer-CnE0Hztu.js";import{b as c}from"./active-element-C1pBwzyj.js";import{H as h}from"./slot-lixS0pd2.js";import"./tabbable-QmV19K7Q.js";import"./dom-GYcqUAl_.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(){this.open&&this.duration<1/0&&this.countdown&&(this.countdownAnimation=this.countdownElement.animate([{width:"100%"},{width:"0"}],{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:"5e937f25c5029d3e2ec86f0d240b5f4336de9a51",class:{"nano-alert":!0},showing:this.isShowing},this.isModal&&[s("div",{key:"b21cc499555d44cde911efa637662363cb296c71",part:"overlay",class:{alert__overlay:!0,"alert__overlay--open":this.open},ref:n=>this.overlay=n}),s("div",{key:"6e3a1c5b34abc9324a3802927dc95a66ade63b18",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:"ca7f6ae3565e6a4249ccef33d868a166141b01e0"}))],!this.isModal&&s(this.Panel,{key:"f401f5e740a3af18c298b8ad4492b872b611a1f2"}))}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-small);\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-small);\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-medium);\n  line-height: var(--nano-line-height-dense);\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;\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,a as o,d as a}from"./index-DXvE-U_j.js";import{M as e}from"./modal-B_AxJQQp.js";import{l as i,u as r}from"./scroll-iCYjzh9N.js";import{h as s,t as l}from"./renderer-BUaAsDso.js";import{b as c}from"./active-element-C1pBwzyj.js";import{H as h}from"./slot-DYFgWo5f.js";import"./tabbable-C4l-rYq9.js";import"./dom-Cb7FUtXp.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(){this.open&&this.duration<1/0&&this.countdown&&(this.countdownAnimation=this.countdownElement.animate([{width:"100%"},{width:"0"}],{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:"5e937f25c5029d3e2ec86f0d240b5f4336de9a51",class:{"nano-alert":!0},showing:this.isShowing},this.isModal&&[s("div",{key:"b21cc499555d44cde911efa637662363cb296c71",part:"overlay",class:{alert__overlay:!0,"alert__overlay--open":this.open},ref:n=>this.overlay=n}),s("div",{key:"6e3a1c5b34abc9324a3802927dc95a66ade63b18",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:"ca7f6ae3565e6a4249ccef33d868a166141b01e0"}))],!this.isModal&&s(this.Panel,{key:"f401f5e740a3af18c298b8ad4492b872b611a1f2"}))}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-small);\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-small);\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-medium);\n  line-height: var(--nano-line-height-dense);\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;\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}

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

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as t,c as e,a as i,e as s,d as h}from"./index-DOuz1S3w.js";import{C as n}from"./component-store-C-YnXSQE.js";import{h as o}from"./renderer-CnE0Hztu.js";import{W as a}from"./algolia-data-CCqzaIh4.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,a as i,e as s,d as h}from"./index-DXvE-U_j.js";import{C as n}from"./component-store-CH5BI3Tg.js";import{h as o}from"./renderer-BUaAsDso.js";import{W as a}from"./algolia-data-D6wnbV__.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-pagination.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as t,c as e,a as n,h as a,d as i}from"./index-DOuz1S3w.js";import{W as s}from"./algolia-data-CCqzaIh4.js";const o=class{constructor(n){t(this,n),this.nanoPageChanged=e(this,"nanoPageChanged",7)}get el(){return n(this)}outputEle;outputSlot;outputTo;templateStr;templateSlot;currentPage=null;canGoPrev=!1;canGoNext=!1;show=!0;tplRenderFn;indexResults=null;infiniteScroll=!1;maxToShow=null;nanoPageChanged;currentPageChange(){}infiniteScrollChange(){this.show=!this.infiniteScroll}async nextPage(){}async prevPage(){}async goToPage(t){console.info(t)}updateContent(){this.outputTo=this.outputSlot||this.outputEle,this.templateStr&&this.outputTo&&this.indexResults||(this.show=!1)}componentWillLoad(){this.templateSlot=this.el.querySelector('[slot="filter-template"]'),this.outputSlot=this.el.querySelector('[slot="output"]'),this.templateSlot&&(this.templateStr=this.templateSlot.innerHTML)}componentDidLoad(){this.updateContent()}render(){return a(i,{key:"488332e371953208f90e754ebdceff321795177c",class:{"show-pagination":this.show}},a("div",{key:"9f24519df07b4f022297a5e6f1ace601efc71e2b",ref:t=>this.outputEle=t},a("slot",{key:"363d87eb251ba2db6e6c3346e32f5dcb8b8d3a0c",name:"output"})))}static get watchers(){return{currentPage:["currentPageChange"],infiniteScroll:["infiniteScrollChange"]}}};s(o,["indexResults","filterChanged","tplRenderFn"]);export{o as nano_algolia_pagination}
+import{r as t,c as e,a as n,h as a,d as i}from"./index-DXvE-U_j.js";import{W as s}from"./algolia-data-D6wnbV__.js";const o=class{constructor(n){t(this,n),this.nanoPageChanged=e(this,"nanoPageChanged",7)}get el(){return n(this)}outputEle;outputSlot;outputTo;templateStr;templateSlot;currentPage=null;canGoPrev=!1;canGoNext=!1;show=!0;tplRenderFn;indexResults=null;infiniteScroll=!1;maxToShow=null;nanoPageChanged;currentPageChange(){}infiniteScrollChange(){this.show=!this.infiniteScroll}async nextPage(){}async prevPage(){}async goToPage(t){console.info(t)}updateContent(){this.outputTo=this.outputSlot||this.outputEle,this.templateStr&&this.outputTo&&this.indexResults||(this.show=!1)}componentWillLoad(){this.templateSlot=this.el.querySelector('[slot="filter-template"]'),this.outputSlot=this.el.querySelector('[slot="output"]'),this.templateSlot&&(this.templateStr=this.templateSlot.innerHTML)}componentDidLoad(){this.updateContent()}render(){return a(i,{key:"488332e371953208f90e754ebdceff321795177c",class:{"show-pagination":this.show}},a("div",{key:"9f24519df07b4f022297a5e6f1ace601efc71e2b",ref:t=>this.outputEle=t},a("slot",{key:"363d87eb251ba2db6e6c3346e32f5dcb8b8d3a0c",name:"output"})))}static get watchers(){return{currentPage:["currentPageChange"],infiniteScroll:["infiniteScrollChange"]}}};s(o,["indexResults","filterChanged","tplRenderFn"]);export{o as nano_algolia_pagination}

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

@@ -1,4 +1,4 @@
 /*!
  * Custom elements for Nanopore-Digital Web applications
  */
-import{r as t,c as s,a as e,f as i,d as h}from"./index-DOuz1S3w.js";import{h as a}from"./renderer-CnE0Hztu.js";import{W as n,S as l}from"./algolia-data-CCqzaIh4.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=l.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!==l.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(){i((()=>{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(/=>/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(/=>/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(/=>/gm,"=>")),this.indexResults&&(this.addContentIndex(),this.updateResultContent())}))}componentDidLoad(){this.updateStartEndContent()}disconnectedCallback(){this.io&&(this.io.disconnect(),this.io=void 0)}render(){return a(h,{key:"14939adaa742d13214faf5375692737010467a7c",class:{"show-results":this.showResults,"nano-results":!0}},a("div",{key:"8153995d81af56df593694ca7902e93f6efb0565",class:"default"},a("slot",{key:"60e2c4a10cdf5f6fbd609972114be5d04ccfe3f0"})),a("div",{key:"cf589b852a52ffc84b8d9dd48c193603e733f02e",ref:t=>this.outputEle=t},a("slot",{key:"aad8bfb81edca4af57503bc80b4eac5cbe69a97e",name:"start-output"}),a("slot",{key:"30e848bcf8b1d0f03d57b65cb805abcca87aefd5",name:"result-output"}),a("div",{key:"8663b935facbe62a5b30d4e6446cc978083369d7",ref:t=>this.infiniteScrollBar=t}),a("slot",{key:"b8652a198cd7fefe5a127b8bc9387305971be922",name:"end-output"})))}static get watchers(){return{results:["addContentIndex","resultsChange"],tplRenderFn:["resultsChange"],facets:["headerFooterChange"],appendPages:["appendChange"],infiniteScroll:["infiniteScrollChange"],resultsPage:["handlePageChage"],isLoading:["handleLoading"]}}};n(d,["indexResults","results","tplRenderFn","resultsPage","changeEvent","facets","isLoading"]);export{d as nano_algolia_results}
+import{r as t,c as s,a as e,f as i,d as h}from"./index-DXvE-U_j.js";import{h as a}from"./renderer-BUaAsDso.js";import{W as n,S as l}from"./algolia-data-D6wnbV__.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=l.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!==l.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(){i((()=>{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(/=>/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(/=>/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(/=>/gm,"=>")),this.indexResults&&(this.addContentIndex(),this.updateResultContent())}))}componentDidLoad(){this.updateStartEndContent()}disconnectedCallback(){this.io&&(this.io.disconnect(),this.io=void 0)}render(){return a(h,{key:"14939adaa742d13214faf5375692737010467a7c",class:{"show-results":this.showResults,"nano-results":!0}},a("div",{key:"8153995d81af56df593694ca7902e93f6efb0565",class:"default"},a("slot",{key:"60e2c4a10cdf5f6fbd609972114be5d04ccfe3f0"})),a("div",{key:"cf589b852a52ffc84b8d9dd48c193603e733f02e",ref:t=>this.outputEle=t},a("slot",{key:"aad8bfb81edca4af57503bc80b4eac5cbe69a97e",name:"start-output"}),a("slot",{key:"30e848bcf8b1d0f03d57b65cb805abcca87aefd5",name:"result-output"}),a("div",{key:"8663b935facbe62a5b30d4e6446cc978083369d7",ref:t=>this.infiniteScrollBar=t}),a("slot",{key:"b8652a198cd7fefe5a127b8bc9387305971be922",name:"end-output"})))}static get watchers(){return{results:["addContentIndex","resultsChange"],tplRenderFn:["resultsChange"],facets:["headerFooterChange"],appendPages:["appendChange"],infiniteScroll:["infiniteScrollChange"],resultsPage:["handlePageChage"],isLoading:["handleLoading"]}}};n(d,["indexResults","results","tplRenderFn","resultsPage","changeEvent","facets","isLoading"]);export{d as nano_algolia_results}