nanosplash 3.0.8 → 3.1.0

package/.prettierrc

@@ -1,5 +1,5 @@
 {
-	"tabWidth": 4,
+	"tabWidth": 2,
 	"useTabs": true,
 	"singleQuote": true,
 	"bracketSpacing": true,

package/README.md

@@ -12,10 +12,58 @@
 
 ## Usage
 
+### Show
+
+#### Spinner only
+
+Fullscreen Nanosplash with spinner only.
+
+```js
+ns.show()
+```
+
+Nanosplash inside the given element with spinner only.
+
+```js
+ns.show(null, '#my-div')
+```
+
+#### Text and spinner
+
+Fullscreen Nanosplash with text and spinner.
+
 ```js
-// Fullscreen splash screen
-ns.show('Loading')
+ns.show('Hi')
+```
+
+Nanosplash inside the given element with text and spinner.
 
-// Splash screen inside a DOM element
-ns.showInside('#my-div', 'Loading')
+```js
+ns.show('Hi', '#my-div')
+```
+
+### Hide
+
+#### Agnostic (FIFO)
+
+Remove the oldest Nanosplash residing inside the window body.
+
+```js
+ns.hide()
+```
+
+#### Specific
+
+Remove a specific Nanosplash by its ID.
+
+```js
+ns.hide(id)
+```
+
+#### All
+
+Remove all Nanosplashes.
+
+```js
+ns.hide('*')
 ```

package/dist/cjs/ns.cjs

@@ -1,2 +1 @@
-"use strict";var m=Object.defineProperty;var v=(s,e,t)=>e in s?m(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var r=(s,e,t)=>(v(s,typeof e!="symbol"?e+"":e,t),t);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y="3.0.6",a=class a{constructor(){r(this,"id");r(this,"element");this.element=w(),this.element.id=this.id=a.generateGUID()}static generateGUID(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{const t=Math.random()*16|0;return(e==="x"?t:t&3|8).toString(16)})}getId(){return this.id}getElement(){return this.element}getTextElement(){var e,t;return((t=(e=this.getElement())==null?void 0:e.firstElementChild)==null?void 0:t.firstElementChild)??null}setText(e){return this.getTextElement().innerText=e,e.length>0?this.showText():this.hideText(),this}showText(){return S(this.getTextElement()),this}hideText(){return I(this.getTextElement()),this}delete(){return this.id=null,this.element!==null&&(this.element.innerHTML="",this.element.remove(),this.element=null),this.element===null}};r(a,"NSClass","ns"),r(a,"NSHostClass","nsh");let o=a;function x(s){return(e=>(()=>e.firstChild)(e.innerHTML=s))(document.createElement("div"))}function w(){return x('<div class=ns><div class=nsc><div class=nst></div><div class=nss><svg viewBox="0 0 50 50"><circle class=path cx=25 cy=25 r=20 fill=none></circle></svg></div></div></div>')}function b(s,e){e.children.length>0?e.insertBefore(s,e.children.item(0)):e.append(s)}function p(s){s==null||s.classList.add(o.NSHostClass)}function g(s){s==null||s.classList.remove(o.NSHostClass)}function S(s){s.style.display="flex"}function I(s){s.style.display="none"}function h(s){switch(typeof s){case"object":const e=s===document.body,t=s instanceof Element;if(e||t)return s;throw new Error("Reference is an object but not an Element instance.");case"string":return document.querySelector(s);default:throw new Error("Reference is not an object or a string.")}}function k(s,e){g(s.parentElement),p(e),b(s,e)}function f(s){const e=Array.from(s.children||[]),t=c.getInstance();let n=null;const d=e.length;for(let l=0;l<d;l++){const u=e[l];if(u.classList.contains(o.NSClass)){n=t.nsQueue.get(u.id)??null;break}}return n}const T=`.ns,.nsh:before{width:100%;height:100%}.ns,.nsh:before{top:0;left:0}.nsc,.ns{display:flex;justify-content:center;align-items:center}.nsh{--color: DarkSlateGray;--size: 20px;--relSize: calc(var(--size) * .9);--font: "Helvetica", "Arial", sans-serif;--weight: 400;--bg: rgba(255, 255, 255, .8);--zIdx: 999999999;--blur: blur(10px)}.nsh{position:relative;z-index:var(--zIdx)}.nsh:before{position:absolute;background-color:var(--bg);content:"";backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);z-index:calc(var(--zIdx) + 1);border-radius:inherit}body.nsh{height:100vh}.ns{position:absolute;z-index:calc(var(--zIdx) + 2)}.nsc{filter:drop-shadow(0 0 .1rem rgba(211,211,211,.5))}.nst{color:var(--color);font-size:var(--size);font-family:var(--font);font-weight:var(--weight);margin-right:var(--relSize);text-shadow:0 0 .06rem rgba(47,79,79,.25)}.nss{display:block;width:var(--relSize);height:var(--relSize)}.nss>svg{animation:Rotate 2s linear infinite;position:relative;width:inherit;height:inherit;stroke-width:8}.nss .path{stroke:var(--color);stroke-linecap:round;animation:Dash 1.5s ease-in-out infinite}@keyframes Rotate{to{transform:rotate(360deg)}}@keyframes Dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}
-`;class E{constructor(){r(this,"queue");this.queue=[]}enqueue(e){return this.queue.push(e),this}dequeue(){return this.queue.shift()}get(e){return this.queue.find(t=>t.getId()===e)}delete(e){const t=this.queue.findIndex(n=>n.getId()===e);if(t!==-1)return this.queue.splice(t,1)[0]}}const i=class i{constructor(){r(this,"version");r(this,"nsQueue");this.version=y,this.nsQueue=new E,i.addStyle()}static addStyle(){const e=x(`<style>${T}</style>`);document.body.append(e)}static getInstance(){return i.instance||(i.instance=new i),i.instance}static assignToWindow(){Object.defineProperty(window,i.WindowAccessorKey,{value:i.getInstance(),writable:!1})}static start(){window[i.WindowAccessorKey]||i.assignToWindow()}createNS(e){const t=new o().setText(e||"");return this.nsQueue.enqueue(t),t}cleanAndRemoveFromDOM(e){var t;return e?(g(((t=e.getElement())==null?void 0:t.parentElement)??null),e.delete()):!1}deleteNS(e){return this.cleanAndRemoveFromDOM(this.nsQueue.delete(e)??null)}show(e){return this.showInside(document.body,e)}showInside(e,t){try{const n=h(e),d=f(n)??this.createNS();k(d.getElement(),n);const l=t?String(t):"";return d.setText(l).getId()}catch(n){return console.error(n),null}}hide(){const e=this.nsQueue.dequeue();return e?(this.cleanAndRemoveFromDOM(e),e.getId()):null}hideAll(){let e=this.nsQueue.dequeue();for(;e;)this.cleanAndRemoveFromDOM(e),e=this.nsQueue.dequeue()}hideId(e){return this.deleteNS(e)?e:null}hideInside(e){try{const t=f(h(e)),n=(t==null?void 0:t.getId())??"";return this.deleteNS(n??"")?n:null}catch(t){return console.error(t),null}}};r(i,"WindowAccessorKey","ns"),r(i,"instance");let c=i;const z={Service:c};exports.Service=c;exports.default=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v='@keyframes nsRotate{to{transform:rotate(360deg)}}@keyframes nsDash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes nsFade{0%{opacity:0}to{opacity:1}}@keyframes nsAscend{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}:root{--ns-top: 0px}.ns,body.nsh,body.nsh:before,.nsh:before{width:100%;height:100%}.ns,.nsh:before{bottom:0;right:0}.ns{display:flex;justify-content:center;align-items:center}.nsh{--color: DarkSlateGray;--size: 20px;--relSize: calc(var(--size) * .9);--font: "Helvetica", "Arial", sans-serif;--weight: 400;--bg: rgba(255, 255, 255, .9);--zIdx: 999999999;--blur: blur(5px)}.nsh{position:relative;z-index:var(--zIdx)}.nsh:before{position:absolute;background-color:var(--bg);content:"";backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);z-index:calc(var(--zIdx) + 1);border-radius:inherit}body.nsh,body.nsh:before{position:fixed;top:var(--ns-top);left:0}.ns{position:absolute;z-index:calc(var(--zIdx) + 2);animation:nsFade 2s;gap:var(--relSize)}.nst{color:var(--color);font-size:var(--size);font-family:var(--font);font-weight:var(--weight);max-width:80dvw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:0 0 .06rem rgba(47,79,79,.25);filter:drop-shadow(0 0 .07rem rgba(0,0,0,.25));animation:nsAscend .5s}.nss{display:block;width:var(--relSize);height:var(--relSize);animation:nsAscend .5s}.nss>svg{animation:nsRotate 2s linear infinite;position:relative;width:inherit;height:inherit;stroke-width:8}.nss .path{stroke:var(--color);stroke-linecap:round;animation:nsDash 1.5s ease-in-out infinite}',y="3.1.0",m="nscss",i=()=>document.body,a=e=>(t=>({all:t,first:s=>t(s)[0]??null}))(t=>Array.from(e.querySelectorAll(t))),l=e=>a(document).all(e),d=e=>a(document).first(e),f=()=>l(".ns"),b=e=>e instanceof Element?e:d(e),r=(e,...t)=>{const s=document.createElement("div");return e&&s.classList.add(e),s.append(...t),s},h=e=>{const t=r();return t.innerHTML=e,t.firstChild},u=()=>{const t=h('<svg viewBox="0 0 50 50"><circle class=path cx=25 cy=25 r=20 fill=none /></svg>'),s=r("ns",r("nst"),r("nss",t));return s.nsId=Date.now(),s},g=()=>f().sort((e,t)=>e.nsId-t.nsId)[0]??null,w=(e,t)=>{const n=a(e).first(".nst");if(!t)return n==null?void 0:n.remove();const o=r("nst",t);n?n.replaceWith(o):e.insertBefore(o,e.firstChild)},k=(e,t)=>{const s=t.firstElementChild;s&&t.insertBefore(e,s),t.append(e),t.classList.add("nsh")},x=(e,t)=>{const s=t?b(t):i;let n;const o=a(s??i()).first("& > .ns");o?n=o:(n=u(),k(n,s)),w(n,e??"");const p=window.scrollY+"px";return i().style.setProperty("--ns-top",p),n.nsId},c=e=>{var t;(t=e==null?void 0:e.parentElement)==null||t.classList.remove("nsh"),e==null||e.remove()},S=e=>f().find(t=>t.nsId===e)??null,z=e=>{e==="*"?l(".ns").forEach(c):c(typeof e=="number"?S(e):g())},I=()=>{var e;(e=d("#nscss"))==null||e.remove(),i().append(h(`<style id=${m}>${v}</style>`))},A=()=>!!new Promise(I)&&(window.ns={show:x,hide:z,version:y});exports.useNs=A;

package/dist/es/ns.js

@@ -1,342 +1,44 @@
-var m = Object.defineProperty;
-var v = (s, e, t) => e in s ? m(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var r = (s, e, t) => (v(s, typeof e != "symbol" ? e + "" : e, t), t);
-const y = "3.0.6", a = class a {
-  /**
-   * # Constructor
-   * Creates a new Nanosplash instance.
-   */
-  constructor() {
-    /**
-     * # ID
-     * Each Nanosplash instance is given a unique GUID.
-     */
-    r(this, "id");
-    /**
-     * # Element
-     * The root element of the Nanosplash component.
-     */
-    r(this, "element");
-    this.element = w(), this.element.id = this.id = a.generateGUID();
-  }
-  /**
-   * # Generate GUID
-   * @returns {GUIDString} A GUID string.
-   * @private
-   */
-  static generateGUID() {
-    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (e) => {
-      const t = Math.random() * 16 | 0;
-      return (e === "x" ? t : t & 3 | 8).toString(16);
-    });
-  }
-  /**
-   * @inheritdoc
-   */
-  getId() {
-    return this.id;
-  }
-  /**
-   * @inheritdoc
-   */
-  getElement() {
-    return this.element;
-  }
-  /**
-   * @inheritdoc
-   */
-  getTextElement() {
-    var e, t;
-    return ((t = (e = this.getElement()) == null ? void 0 : e.firstElementChild) == null ? void 0 : t.firstElementChild) ?? null;
-  }
-  /**
-   * @inheritdoc
-   */
-  setText(e) {
-    return this.getTextElement().innerText = e, e.length > 0 ? this.showText() : this.hideText(), this;
-  }
-  /**
-   * @inheritdoc
-   */
-  showText() {
-    return I(this.getTextElement()), this;
-  }
-  /**
-   * @inheritdoc
-   */
-  hideText() {
-    return S(this.getTextElement()), this;
-  }
-  /**
-   * @inheritdoc
-   */
-  delete() {
-    return this.id = null, this.element !== null && (this.element.innerHTML = "", this.element.remove(), this.element = null), this.element === null;
-  }
-};
-/**
- * # CSS Class Name
- * The main CSS class name of the root element of a Nanosplash component.
- */
-r(a, "NSClass", "ns"), /**
- * # Host CSS Class Name
- * The CSS class name of the host element of a Nanosplash component.
- * The host element is the element that the Nanosplash is attached to.
- */
-r(a, "NSHostClass", "nsh");
-let o = a;
-function x(s) {
-  return ((e) => (
-    // @ts-ignore
-    (() => e.firstChild)(e.innerHTML = s)
-  ))(
-    document.createElement("div")
-  );
-}
-function w() {
-  return x(
-    '<div class=ns><div class=nsc><div class=nst></div><div class=nss><svg viewBox="0 0 50 50"><circle class=path cx=25 cy=25 r=20 fill=none></circle></svg></div></div></div>'
-  );
-}
-function b(s, e) {
-  e.children.length > 0 ? e.insertBefore(s, e.children.item(0)) : e.append(s);
-}
-function p(s) {
-  s == null || s.classList.add(o.NSHostClass);
-}
-function g(s) {
-  s == null || s.classList.remove(o.NSHostClass);
-}
-function I(s) {
-  s.style.display = "flex";
-}
-function S(s) {
-  s.style.display = "none";
-}
-function h(s) {
-  switch (typeof s) {
-    case "object":
-      const e = s === document.body, t = s instanceof Element;
-      if (e || t)
-        return s;
-      throw new Error(
-        "Reference is an object but not an Element instance."
-      );
-    case "string":
-      return document.querySelector(s);
-    default:
-      throw new Error("Reference is not an object or a string.");
-  }
-}
-function k(s, e) {
-  g(s.parentElement), p(e), b(s, e);
-}
-function f(s) {
-  const e = Array.from(s.children || []), t = d.getInstance();
-  let n = null;
-  const c = e.length;
-  for (let l = 0; l < c; l++) {
-    const u = e[l];
-    if (u.classList.contains(o.NSClass)) {
-      n = t.nsQueue.get(u.id) ?? null;
-      break;
-    }
-  }
-  return n;
-}
-const E = `.ns,.nsh:before{width:100%;height:100%}.ns,.nsh:before{top:0;left:0}.nsc,.ns{display:flex;justify-content:center;align-items:center}.nsh{--color: DarkSlateGray;--size: 20px;--relSize: calc(var(--size) * .9);--font: "Helvetica", "Arial", sans-serif;--weight: 400;--bg: rgba(255, 255, 255, .8);--zIdx: 999999999;--blur: blur(10px)}.nsh{position:relative;z-index:var(--zIdx)}.nsh:before{position:absolute;background-color:var(--bg);content:"";backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);z-index:calc(var(--zIdx) + 1);border-radius:inherit}body.nsh{height:100vh}.ns{position:absolute;z-index:calc(var(--zIdx) + 2)}.nsc{filter:drop-shadow(0 0 .1rem rgba(211,211,211,.5))}.nst{color:var(--color);font-size:var(--size);font-family:var(--font);font-weight:var(--weight);margin-right:var(--relSize);text-shadow:0 0 .06rem rgba(47,79,79,.25)}.nss{display:block;width:var(--relSize);height:var(--relSize)}.nss>svg{animation:Rotate 2s linear infinite;position:relative;width:inherit;height:inherit;stroke-width:8}.nss .path{stroke:var(--color);stroke-linecap:round;animation:Dash 1.5s ease-in-out infinite}@keyframes Rotate{to{transform:rotate(360deg)}}@keyframes Dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}
-`;
-class T {
-  constructor() {
-    r(this, "queue");
-    this.queue = [];
-  }
-  /**
-   * # Enqueue
-   * Add a new item to the queue.
-   * @param item The item to add to the queue.
-   */
-  enqueue(e) {
-    return this.queue.push(e), this;
-  }
-  /**
-   * # Dequeue
-   * Remove the first item from the queue.
-   * @returns The first item from the queue.
-   */
-  dequeue() {
-    return this.queue.shift();
-  }
-  /**
-   * # Get
-   * @param id The GUID of the Nanosplash to get.
-   * @returns The Nanosplash with the given GUID.
-   */
-  get(e) {
-    return this.queue.find((t) => t.getId() === e);
-  }
-  /**
-   * # Delete
-   * @param id The GUID of the Nanosplash to delete.
-   * @returns The deleted Nanosplash.
-   */
-  delete(e) {
-    const t = this.queue.findIndex((n) => n.getId() === e);
-    if (t !== -1)
-      return this.queue.splice(t, 1)[0];
-  }
-}
-const i = class i {
-  /**
-   * # Constructor
-   * Private constructor to prevent multiple instances.
-   * @private
-   */
-  constructor() {
-    /**
-     * # Version
-     */
-    r(this, "version");
-    /**
-     * @inheritdoc
-     */
-    r(this, "nsQueue");
-    this.version = y, this.nsQueue = new T(), i.addStyle();
-  }
-  /**e
-   * # Add Style
-   * Add Nanosplash CSS to the DOM.
-   */
-  static addStyle() {
-    const e = x(`<style>${E}</style>`);
-    document.body.append(e);
-  }
-  /**
-   * # Get Instance
-   * Singleton instance accessor
-   * @returns {Service} NanosplashService instance
-   */
-  static getInstance() {
-    return i.instance || (i.instance = new i()), i.instance;
-  }
-  /**
-   * # Assign To Window
-   * Assign a NanosplashService instance to the Window object.
-   * The NanosplashService instance can be accessed in the window object
-   * using the key window accessor key.
-   * @see WindowAccessorKey
-   * @private
-   */
-  static assignToWindow() {
-    Object.defineProperty(window, i.WindowAccessorKey, {
-      value: i.getInstance(),
-      writable: !1
-    });
-  }
-  /**
-   * # Start
-   * Initialize and attach a Nanosplash Service instance to the Window object.
-   */
-  static start() {
-    window[i.WindowAccessorKey] || i.assignToWindow();
-  }
-  /**
-   * # Create Nanosplash
-   * Return new Nanosplash instance and push it to the stack.
-   * @param text Text to display.
-   * @returns {Splash} Nanosplash instance.
-   * @private
-   */
-  createNS(e) {
-    const t = new o().setText(e || "");
-    return this.nsQueue.enqueue(t), t;
-  }
-  /**
-   * # Clean And Remove From DOM
-   * Remove Nanosplash from DOM and clean its parent.
-   * @param ns Nanosplash instance.
-   * @returns True if Nanosplash was removed from DOM.
-   * @private
-   */
-  cleanAndRemoveFromDOM(e) {
-    var t;
-    return e ? (g(((t = e.getElement()) == null ? void 0 : t.parentElement) ?? null), e.delete()) : !1;
-  }
-  /**
-   * # Delete NS
-   * Remove Nanosplash instance from both the stack and the
-   * @param guid Nanosplash ID.
-   * @returns True if Nanosplash was removed from DOM.
-   * @private
-   */
-  deleteNS(e) {
-    return this.cleanAndRemoveFromDOM(this.nsQueue.delete(e) ?? null);
-  }
-  /**
-   * @inheritdoc
-   */
-  show(e) {
-    return this.showInside(document.body, e);
-  }
-  /**
-   * @inheritdoc
-   */
-  showInside(e, t) {
-    try {
-      const n = h(e), c = f(n) ?? this.createNS();
-      k(c.getElement(), n);
-      const l = t ? String(t) : "";
-      return c.setText(l).getId();
-    } catch (n) {
-      return console.error(n), null;
-    }
-  }
-  /**
-   * @inheritdoc
-   */
-  hide() {
-    const e = this.nsQueue.dequeue();
-    return e ? (this.cleanAndRemoveFromDOM(e), e.getId()) : null;
-  }
-  /**
-   * @inheritdoc
-   */
-  hideAll() {
-    let e = this.nsQueue.dequeue();
-    for (; e; )
-      this.cleanAndRemoveFromDOM(e), e = this.nsQueue.dequeue();
-  }
-  /**
-   * @inheritdoc
-   */
-  hideId(e) {
-    return this.deleteNS(e) ? e : null;
-  }
-  /**
-   * @inheritdoc
-   */
-  hideInside(e) {
-    try {
-      const t = f(h(e)), n = (t == null ? void 0 : t.getId()) ?? "";
-      return this.deleteNS(n ?? "") ? n : null;
-    } catch (t) {
-      return console.error(t), null;
-    }
-  }
-};
-/**
- * # Window Accessor Key
- * Key to access NanosplashService instance in the Window object.
- */
-r(i, "WindowAccessorKey", "ns"), /**
- * # Instance
- * Singleton instance of NanosplashService.
- * @private
- */
-r(i, "instance");
-let d = i;
-const q = { Service: d };
+const v = '@keyframes nsRotate{to{transform:rotate(360deg)}}@keyframes nsDash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes nsFade{0%{opacity:0}to{opacity:1}}@keyframes nsAscend{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}:root{--ns-top: 0px}.ns,body.nsh,body.nsh:before,.nsh:before{width:100%;height:100%}.ns,.nsh:before{bottom:0;right:0}.ns{display:flex;justify-content:center;align-items:center}.nsh{--color: DarkSlateGray;--size: 20px;--relSize: calc(var(--size) * .9);--font: "Helvetica", "Arial", sans-serif;--weight: 400;--bg: rgba(255, 255, 255, .9);--zIdx: 999999999;--blur: blur(5px)}.nsh{position:relative;z-index:var(--zIdx)}.nsh:before{position:absolute;background-color:var(--bg);content:"";backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);z-index:calc(var(--zIdx) + 1);border-radius:inherit}body.nsh,body.nsh:before{position:fixed;top:var(--ns-top);left:0}.ns{position:absolute;z-index:calc(var(--zIdx) + 2);animation:nsFade 2s;gap:var(--relSize)}.nst{color:var(--color);font-size:var(--size);font-family:var(--font);font-weight:var(--weight);max-width:80dvw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:0 0 .06rem rgba(47,79,79,.25);filter:drop-shadow(0 0 .07rem rgba(0,0,0,.25));animation:nsAscend .5s}.nss{display:block;width:var(--relSize);height:var(--relSize);animation:nsAscend .5s}.nss>svg{animation:nsRotate 2s linear infinite;position:relative;width:inherit;height:inherit;stroke-width:8}.nss .path{stroke:var(--color);stroke-linecap:round;animation:nsDash 1.5s ease-in-out infinite}', y = "3.1.0", m = "nscss", i = () => document.body, a = (e) => /* @__PURE__ */ ((t) => ({
+  all: t,
+  first: (s) => t(s)[0] ?? null
+}))((t) => Array.from(e.querySelectorAll(t))), l = (e) => a(document).all(e), d = (e) => a(document).first(e), f = () => l(".ns"), b = (e) => e instanceof Element ? e : d(e), r = (e, ...t) => {
+  const s = document.createElement("div");
+  return e && s.classList.add(e), s.append(...t), s;
+}, h = (e) => {
+  const t = r();
+  return t.innerHTML = e, t.firstChild;
+}, u = () => {
+  const t = h('<svg viewBox="0 0 50 50"><circle class=path cx=25 cy=25 r=20 fill=none /></svg>'), s = r("ns", r("nst"), r("nss", t));
+  return s.nsId = Date.now(), s;
+}, w = () => f().sort((e, t) => e.nsId - t.nsId)[0] ?? null, g = (e, t) => {
+  const n = a(e).first(".nst");
+  if (!t)
+    return n == null ? void 0 : n.remove();
+  const o = r("nst", t);
+  n ? n.replaceWith(o) : e.insertBefore(o, e.firstChild);
+}, k = (e, t) => {
+  const s = t.firstElementChild;
+  s && t.insertBefore(e, s), t.append(e), t.classList.add("nsh");
+}, x = (e, t) => {
+  const s = t ? b(t) : i;
+  let n;
+  const o = a(s ?? i()).first("& > .ns");
+  o ? n = o : (n = u(), k(n, s)), g(n, e ?? "");
+  const p = window.scrollY + "px";
+  return i().style.setProperty("--ns-top", p), n.nsId;
+}, c = (e) => {
+  var t;
+  (t = e == null ? void 0 : e.parentElement) == null || t.classList.remove("nsh"), e == null || e.remove();
+}, S = (e) => f().find((t) => t.nsId === e) ?? null, z = (e) => {
+  e === "*" ? l(".ns").forEach(c) : c(typeof e == "number" ? S(e) : w());
+}, I = () => {
+  var e;
+  (e = d("#nscss")) == null || e.remove(), i().append(h(`<style id=${m}>${v}</style>`));
+}, A = () => !!new Promise(I) && (window.ns = {
+  show: x,
+  hide: z,
+  version: y
+});
 export {
-  d as Service,
-  q as default
+  A as useNs
 };

package/dist/iife/ns.iife.js

@@ -1,2 +1 @@
-var E=Object.defineProperty;var T=(l,s,a)=>s in l?E(l,s,{enumerable:!0,configurable:!0,writable:!0,value:a}):l[s]=a;var o=(l,s,a)=>(T(l,typeof s!="symbol"?s+"":s,a),a);(function(){"use strict";const l="3.0.6",c=class c{constructor(){o(this,"id");o(this,"element");this.element=v(),this.element.id=this.id=c.generateGUID()}static generateGUID(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,e=>{const n=Math.random()*16|0;return(e==="x"?n:n&3|8).toString(16)})}getId(){return this.id}getElement(){return this.element}getTextElement(){var e,n;return((n=(e=this.getElement())==null?void 0:e.firstElementChild)==null?void 0:n.firstElementChild)??null}setText(e){return this.getTextElement().innerText=e,e.length>0?this.showText():this.hideText(),this}showText(){return b(this.getTextElement()),this}hideText(){return p(this.getTextElement()),this}delete(){return this.id=null,this.element!==null&&(this.element.innerHTML="",this.element.remove(),this.element=null),this.element===null}};o(c,"NSClass","ns"),o(c,"NSHostClass","nsh");let s=c;function a(t){return(e=>(()=>e.firstChild)(e.innerHTML=t))(document.createElement("div"))}function v(){return a('<div class=ns><div class=nsc><div class=nst></div><div class=nss><svg viewBox="0 0 50 50"><circle class=path cx=25 cy=25 r=20 fill=none></circle></svg></div></div></div>')}function y(t,e){e.children.length>0?e.insertBefore(t,e.children.item(0)):e.append(t)}function w(t){t==null||t.classList.add(s.NSHostClass)}function f(t){t==null||t.classList.remove(s.NSHostClass)}function b(t){t.style.display="flex"}function p(t){t.style.display="none"}function x(t){switch(typeof t){case"object":const e=t===document.body,n=t instanceof Element;if(e||n)return t;throw new Error("Reference is an object but not an Element instance.");case"string":return document.querySelector(t);default:throw new Error("Reference is not an object or a string.")}}function I(t,e){f(t.parentElement),w(e),y(t,e)}function g(t){const e=Array.from(t.children||[]),n=u.getInstance();let r=null;const h=e.length;for(let d=0;d<h;d++){const m=e[d];if(m.classList.contains(s.NSClass)){r=n.nsQueue.get(m.id)??null;break}}return r}const k=`.ns,.nsh:before{width:100%;height:100%}.ns,.nsh:before{top:0;left:0}.nsc,.ns{display:flex;justify-content:center;align-items:center}.nsh{--color: DarkSlateGray;--size: 20px;--relSize: calc(var(--size) * .9);--font: "Helvetica", "Arial", sans-serif;--weight: 400;--bg: rgba(255, 255, 255, .8);--zIdx: 999999999;--blur: blur(10px)}.nsh{position:relative;z-index:var(--zIdx)}.nsh:before{position:absolute;background-color:var(--bg);content:"";backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);z-index:calc(var(--zIdx) + 1);border-radius:inherit}body.nsh{height:100vh}.ns{position:absolute;z-index:calc(var(--zIdx) + 2)}.nsc{filter:drop-shadow(0 0 .1rem rgba(211,211,211,.5))}.nst{color:var(--color);font-size:var(--size);font-family:var(--font);font-weight:var(--weight);margin-right:var(--relSize);text-shadow:0 0 .06rem rgba(47,79,79,.25)}.nss{display:block;width:var(--relSize);height:var(--relSize)}.nss>svg{animation:Rotate 2s linear infinite;position:relative;width:inherit;height:inherit;stroke-width:8}.nss .path{stroke:var(--color);stroke-linecap:round;animation:Dash 1.5s ease-in-out infinite}@keyframes Rotate{to{transform:rotate(360deg)}}@keyframes Dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}
-`;class S{constructor(){o(this,"queue");this.queue=[]}enqueue(e){return this.queue.push(e),this}dequeue(){return this.queue.shift()}get(e){return this.queue.find(n=>n.getId()===e)}delete(e){const n=this.queue.findIndex(r=>r.getId()===e);if(n!==-1)return this.queue.splice(n,1)[0]}}const i=class i{constructor(){o(this,"version");o(this,"nsQueue");this.version=l,this.nsQueue=new S,i.addStyle()}static addStyle(){const e=a(`<style>${k}</style>`);document.body.append(e)}static getInstance(){return i.instance||(i.instance=new i),i.instance}static assignToWindow(){Object.defineProperty(window,i.WindowAccessorKey,{value:i.getInstance(),writable:!1})}static start(){window[i.WindowAccessorKey]||i.assignToWindow()}createNS(e){const n=new s().setText(e||"");return this.nsQueue.enqueue(n),n}cleanAndRemoveFromDOM(e){var n;return e?(f(((n=e.getElement())==null?void 0:n.parentElement)??null),e.delete()):!1}deleteNS(e){return this.cleanAndRemoveFromDOM(this.nsQueue.delete(e)??null)}show(e){return this.showInside(document.body,e)}showInside(e,n){try{const r=x(e),h=g(r)??this.createNS();I(h.getElement(),r);const d=n?String(n):"";return h.setText(d).getId()}catch(r){return console.error(r),null}}hide(){const e=this.nsQueue.dequeue();return e?(this.cleanAndRemoveFromDOM(e),e.getId()):null}hideAll(){let e=this.nsQueue.dequeue();for(;e;)this.cleanAndRemoveFromDOM(e),e=this.nsQueue.dequeue()}hideId(e){return this.deleteNS(e)?e:null}hideInside(e){try{const n=g(x(e)),r=(n==null?void 0:n.getId())??"";return this.deleteNS(r??"")?r:null}catch(n){return console.error(n),null}}};o(i,"WindowAccessorKey","ns"),o(i,"instance");let u=i;try{u.start()}catch(t){console.warn(t)}})();
+(function(){"use strict";const p='@keyframes nsRotate{to{transform:rotate(360deg)}}@keyframes nsDash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes nsFade{0%{opacity:0}to{opacity:1}}@keyframes nsAscend{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}:root{--ns-top: 0px}.ns,body.nsh,body.nsh:before,.nsh:before{width:100%;height:100%}.ns,.nsh:before{bottom:0;right:0}.ns{display:flex;justify-content:center;align-items:center}.nsh{--color: DarkSlateGray;--size: 20px;--relSize: calc(var(--size) * .9);--font: "Helvetica", "Arial", sans-serif;--weight: 400;--bg: rgba(255, 255, 255, .9);--zIdx: 999999999;--blur: blur(5px)}.nsh{position:relative;z-index:var(--zIdx)}.nsh:before{position:absolute;background-color:var(--bg);content:"";backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);z-index:calc(var(--zIdx) + 1);border-radius:inherit}body.nsh,body.nsh:before{position:fixed;top:var(--ns-top);left:0}.ns{position:absolute;z-index:calc(var(--zIdx) + 2);animation:nsFade 2s;gap:var(--relSize)}.nst{color:var(--color);font-size:var(--size);font-family:var(--font);font-weight:var(--weight);max-width:80dvw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:0 0 .06rem rgba(47,79,79,.25);filter:drop-shadow(0 0 .07rem rgba(0,0,0,.25));animation:nsAscend .5s}.nss{display:block;width:var(--relSize);height:var(--relSize);animation:nsAscend .5s}.nss>svg{animation:nsRotate 2s linear infinite;position:relative;width:inherit;height:inherit;stroke-width:8}.nss .path{stroke:var(--color);stroke-linecap:round;animation:nsDash 1.5s ease-in-out infinite}',v="3.1.0",y="nscss",i=()=>document.body,a=e=>(s=>({all:s,first:t=>s(t)[0]??null}))(s=>Array.from(e.querySelectorAll(s))),c=e=>a(document).all(e),l=e=>a(document).first(e),d=()=>c(".ns"),m=e=>e instanceof Element?e:l(e),o=(e,...s)=>{const t=document.createElement("div");return e&&t.classList.add(e),t.append(...s),t},f=e=>{const s=o();return s.innerHTML=e,s.firstChild},b=()=>{const s=f('<svg viewBox="0 0 50 50"><circle class=path cx=25 cy=25 r=20 fill=none /></svg>'),t=o("ns",o("nst"),o("nss",s));return t.nsId=Date.now(),t},u=()=>d().sort((e,s)=>e.nsId-s.nsId)[0]??null,w=(e,s)=>{const n=a(e).first(".nst");if(!s)return n==null?void 0:n.remove();const r=o("nst",s);n?n.replaceWith(r):e.insertBefore(r,e.firstChild)},g=(e,s)=>{const t=s.firstElementChild;t&&s.insertBefore(e,t),s.append(e),s.classList.add("nsh")},k=(e,s)=>{const t=s?m(s):i;let n;const r=a(t??i()).first("& > .ns");r?n=r:(n=b(),g(n,t)),w(n,e??"");const I=window.scrollY+"px";return i().style.setProperty("--ns-top",I),n.nsId},h=e=>{var s;(s=e==null?void 0:e.parentElement)==null||s.classList.remove("nsh"),e==null||e.remove()},x=e=>d().find(s=>s.nsId===e)??null,S=e=>{e==="*"?c(".ns").forEach(h):h(typeof e=="number"?x(e):u())},z=()=>{var e;(e=l("#nscss"))==null||e.remove(),i().append(f(`<style id=${y}>${p}</style>`))};!!new Promise(z)&&(window.ns={show:k,hide:S,version:v})})();

package/docs/.vitepress/.temp/@localSearchIndexroot.Ba2B1gNE.js

@@ -0,0 +1,4 @@
+const _localSearchIndexroot = '{"documentCount":19,"nextId":19,"documentIds":{"0":"/nanosplash/api/doc/hide.html#hide-nanosplash","1":"/nanosplash/api/doc/hide.html#hide","2":"/nanosplash/api/doc/hide.html#hide-by-id","3":"/nanosplash/api/doc/hide.html#hide-all","4":"/nanosplash/api/doc/show.html#show-nanosplash","5":"/nanosplash/api/doc/show.html#show","6":"/nanosplash/api/doc/show.html#show-inside","7":"/nanosplash/api/start/customize.html#customize","8":"/nanosplash/api/start/features.html#features","9":"/nanosplash/api/start/features.html#small-bundle-size","10":"/nanosplash/api/start/features.html#simple-2-function-api","11":"/nanosplash/api/start/features.html#spawning","12":"/nanosplash/api/start/features.html#node-recycling","13":"/nanosplash/api/start/install.html#installation","14":"/nanosplash/api/start/install.html#css","15":"/nanosplash/api/start/install.html#install-via-cdn","16":"/nanosplash/api/start/install.html#install-via-npm","17":"/nanosplash/api/start/playground.html#playground","18":"/nanosplash/api/start/usage.html#usage"},"fieldIds":{"title":0,"titles":1,"text":2},"fieldLength":{"0":[2,1,1],"1":[1,2,41],"2":[3,2,32],"3":[2,2,10],"4":[2,1,1],"5":[1,2,30],"6":[2,2,67],"7":[1,1,38],"8":[1,1,1],"9":[3,1,28],"10":[4,1,39],"11":[1,1,26],"12":[2,1,33],"13":[1,1,34],"14":[1,1,9],"15":[3,1,52],"16":[3,1,51],"17":[1,1,27],"18":[1,1,32]},"averageFieldLength":[1.8421052631578947,1.263157894736842,29.05263157894737],"storedFields":{"0":{"title":"Hide Nanosplash","titles":[]},"1":{"title":"Hide","titles":["Hide Nanosplash"]},"2":{"title":"Hide by ID","titles":["Hide Nanosplash"]},"3":{"title":"Hide all","titles":["Hide Nanosplash"]},"4":{"title":"Show Nanosplash","titles":[]},"5":{"title":"Show","titles":["Show Nanosplash"]},"6":{"title":"Show inside","titles":["Show Nanosplash"]},"7":{"title":"Customize","titles":[]},"8":{"title":"Features","titles":[]},"9":{"title":"Small bundle size","titles":["Features"]},"10":{"title":"Simple, 2 Function API","titles":["Features"]},"11":{"title":"Spawning","titles":["Features"]},"12":{"title":"Node recycling","titles":["Features"]},"13":{"title":"Installation","titles":[]},"14":{"title":"CSS","titles":["Installation"]},"15":{"title":"Install via CDN","titles":["Installation"]},"16":{"title":"Install via NPM","titles":["Installation"]},"17":{"title":"Playground","titles":[]},"18":{"title":"Usage","titles":[]}},"dirtCount":0,"index":[["quot",{"2":{"17":2}}],["play",{"2":{"17":1}}],["playground",{"0":{"17":1}}],["parent",{"2":{"12":1}}],["package",{"2":{"10":1}}],["🚀",{"2":{"15":1}}],["8",{"2":{"15":1}}],[">",{"2":{"15":3}}],["x3c",{"2":{"15":13}}],["🎉",{"2":{"14":1}}],["run",{"2":{"17":1}}],["running",{"2":{"13":1,"16":1}}],["requires",{"2":{"13":1}}],["repurpose",{"2":{"12":1}}],["recycle",{"2":{"12":1}}],["recycling",{"0":{"12":1}}],["recommend",{"2":{"1":1}}],["ref",{"2":{"6":1}}],["reference",{"2":{"6":1}}],["returns",{"2":{"2":1,"5":1,"6":1}}],["just",{"2":{"10":1}}],["jsimport",{"2":{"16":1}}],["js",{"2":{"6":1,"14":1,"15":2,"18":1}}],["jsconst",{"2":{"2":1}}],["jsns",{"2":{"1":1,"5":2}}],["utf",{"2":{"15":1}}],["unpkg",{"2":{"15":2}}],["usage",{"0":{"18":1}}],["using",{"2":{"10":1,"15":1,"16":1}}],["usens",{"2":{"16":2}}],["use",{"2":{"10":1,"12":1}}],["used",{"2":{"2":1}}],["up",{"2":{"10":1}}],["2",{"0":{"10":1}}],["2kb",{"2":{"9":1}}],["global",{"2":{"16":1}}],["gt",{"2":{"15":1}}],["getting",{"2":{"10":1}}],["get",{"2":{"10":1}}],["getelementbyid",{"2":{"6":1}}],["ground",{"2":{"10":1}}],["go",{"2":{"9":1,"10":1,"11":1}}],["gzipped",{"2":{"9":1}}],["gap",{"2":{"7":1}}],["\\t\\t",{"2":{"15":4}}],["\\t",{"2":{"15":4}}],["\\theight",{"2":{"7":1}}],["\\twidth",{"2":{"7":1}}],["\\tfont",{"2":{"7":3}}],["\\tcolor",{"2":{"7":1}}],["\\tgap",{"2":{"7":1}}],["\\tbackdrop",{"2":{"7":1}}],["\\tbackground",{"2":{"7":1}}],["via",{"0":{"15":1,"16":1},"2":{"13":3,"16":1}}],["very",{"2":{"10":1}}],["var",{"2":{"7":9}}],["void",{"2":{"1":1,"3":1}}],["data",{"2":{"18":1}}],["dropdown",{"2":{"17":1}}],["dist",{"2":{"15":2}}],["display",{"2":{"5":3,"6":1,"18":1}}],["documentation",{"2":{"11":1}}],["document",{"2":{"6":1}}],["dom",{"2":{"6":2,"11":1,"12":1}}],["does",{"2":{"6":1}}],["either",{"2":{"13":1}}],["each",{"2":{"12":1}}],["easier",{"2":{"13":1}}],["easily",{"2":{"10":1,"15":1}}],["easy",{"2":{"7":1,"10":1}}],["exhausting",{"2":{"12":1}}],["existing",{"2":{"6":1,"12":1}}],["even",{"2":{"11":1}}],["ever",{"2":{"9":1}}],["element",{"2":{"6":8,"11":1,"12":2,"18":1}}],["elements",{"2":{"1":1,"11":1,"12":3}}],["enter",{"2":{"5":2}}],["works",{"2":{"15":1,"16":1,"17":1}}],["would",{"2":{"1":1}}],["we",{"2":{"12":2}}],["weight",{"2":{"7":2,"9":1}}],["want",{"2":{"11":1}}],["was",{"2":{"10":1}}],["written",{"2":{"10":1}}],["what",{"2":{"9":1}}],["wheel",{"2":{"5":2,"18":2}}],["with",{"2":{"10":1,"11":1,"17":1,"18":1}}],["width",{"2":{"7":1}}],["will",{"2":{"5":2,"6":1,"9":1,"16":1}}],["window",{"2":{"3":1,"16":1}}],["lt",{"2":{"15":1}}],["less",{"2":{"9":1,"13":1}}],["loading",{"2":{"2":1,"5":1,"6":2,"18":5}}],["later",{"2":{"2":1}}],["=",{"2":{"2":1,"6":2,"16":1,"18":1}}],["|",{"2":{"2":1,"6":2}}],["menu",{"2":{"17":1}}],["meta",{"2":{"15":1}}],["method",{"2":{"2":1,"17":1}}],["mind",{"2":{"10":1}}],["minified",{"2":{"9":1}}],["manipulations",{"2":{"12":1}}],["main",{"2":{"7":1}}],["match",{"2":{"6":1}}],["my",{"2":{"6":2,"18":1}}],["more",{"2":{"1":1,"13":1}}],["multiple",{"2":{"1":1,"11":1}}],["fetching",{"2":{"18":1}}],["features",{"0":{"8":1},"1":{"9":1,"10":1,"11":1,"12":1}}],["flexible",{"2":{"13":1}}],["from",{"2":{"10":1,"16":1,"17":1}}],["following",{"2":{"15":1,"16":1}}],["font",{"2":{"7":1}}],["for",{"2":{"1":1,"9":1,"12":2}}],["family",{"2":{"7":1}}],["first",{"2":{"18":1}}],["filter",{"2":{"7":2}}],["fifo",{"2":{"1":1,"18":1}}],["fullscreen",{"2":{"5":1,"18":2}}],["function",{"0":{"10":1},"2":{"5":1,"6":1}}],["import",{"2":{"16":2}}],["imports",{"2":{"13":1}}],["iife",{"2":{"15":4}}],["is",{"2":{"7":1,"9":1,"10":1,"12":1,"13":2,"14":1}}],["it",{"2":{"5":2,"15":1,"16":2,"17":2}}],["its",{"2":{"2":1}}],["inject",{"2":{"16":1}}],["included",{"2":{"14":1}}],["initialization",{"2":{"13":1}}],["instead",{"2":{"12":3}}],["installing",{"2":{"13":2}}],["installed",{"2":{"13":1}}],["installation",{"0":{"13":1},"1":{"14":1,"15":1,"16":1}}],["install",{"0":{"15":1,"16":1},"2":{"10":1,"16":1}}],["inside",{"0":{"6":1},"2":{"6":3,"12":1,"14":1,"15":1,"16":1,"18":1}}],["internal",{"2":{"5":1,"6":1}}],["in",{"2":{"3":1,"5":1,"10":2,"11":1,"13":1,"16":1,"17":1}}],["information",{"2":{"1":1}}],["identifier",{"2":{"2":1}}],["id",{"0":{"2":1},"2":{"1":2,"2":5,"5":1,"6":1,"18":2}}],["i",{"2":{"1":1}}],["if",{"2":{"1":1,"5":2,"6":2,"11":1}}],["screens",{"2":{"18":1}}],["screen",{"2":{"18":2}}],["script>",{"2":{"15":2}}],["script",{"2":{"15":3}}],["src=",{"2":{"15":2}}],["so",{"2":{"9":1}}],["simply",{"2":{"15":1,"16":1}}],["simplicity",{"2":{"10":1}}],["simple",{"0":{"10":1},"2":{"10":1}}],["significant",{"2":{"9":1}}],["size",{"0":{"9":1},"2":{"7":2}}],["small",{"0":{"9":1}}],["start",{"2":{"10":1,"15":1,"16":3}}],["started",{"2":{"10":2}}],["stying",{"2":{"7":1}}],["string",{"2":{"5":1,"6":3}}],["select",{"2":{"17":1}}],["selector",{"2":{"6":3}}],["service",{"2":{"13":1,"16":2}}],["seconds",{"2":{"10":1}}],["see",{"2":{"1":1,"9":1,"10":1,"11":1,"17":2}}],["spawn",{"2":{"11":2}}],["spawning",{"0":{"11":1}}],["spinner",{"2":{"7":4}}],["spinning",{"2":{"5":2,"18":2}}],["splash",{"2":{"6":3,"11":2,"12":3}}],["specific",{"2":{"1":1,"2":1,"18":1}}],["same",{"2":{"1":1}}],["show",{"0":{"4":1,"5":1,"6":1},"1":{"5":1,"6":1},"2":{"1":3,"2":2,"5":3,"6":4,"10":1,"15":2,"16":2,"18":4}}],["object",{"2":{"16":1}}],["obsolete",{"2":{"12":1}}],["of",{"2":{"12":2,"13":1,"15":1}}],["overwritten",{"2":{"6":1}}],["or",{"2":{"6":1,"13":1}}],["ones",{"2":{"12":1}}],["one",{"2":{"6":1}}],["only",{"2":{"5":1,"6":1}}],["on",{"2":{"1":1}}],["open",{"2":{"1":1}}],["oldest",{"2":{"1":1}}],["here",{"2":{"17":1}}],["head>",{"2":{"15":2}}],["height",{"2":{"7":1}}],["https",{"2":{"15":2}}],["html>",{"2":{"15":2}}],["html",{"2":{"15":2}}],["htmlelement",{"2":{"6":1}}],["hook",{"2":{"16":1}}],["how",{"2":{"10":1,"11":1,"17":1}}],["host",{"2":{"6":1}}],["have",{"2":{"1":1}}],["hides",{"2":{"1":4,"2":1,"3":1}}],["hide",{"0":{"0":1,"1":1,"2":1,"3":1},"1":{"1":1,"2":1,"3":1},"2":{"1":6,"2":3,"3":1,"10":1,"18":6}}],["yourself",{"2":{"9":1}}],["your",{"2":{"7":3,"9":1,"11":1,"13":1,"16":1}}],["you",{"2":{"1":2,"5":2,"6":1,"10":1,"11":3,"13":1,"15":1,"16":2,"17":1}}],["click",{"2":{"17":1}}],["class",{"2":{"16":1}}],["calling",{"2":{"15":1,"16":1}}],["can",{"2":{"2":1,"6":1,"10":1,"11":2,"13":1,"15":1,"16":1,"17":1}}],["charset=",{"2":{"15":1}}],["check",{"2":{"12":1}}],["cdn",{"0":{"15":1},"2":{"13":2}}],["created",{"2":{"12":1,"18":1}}],["creating",{"2":{"12":2}}],["command",{"2":{"16":1}}],["com",{"2":{"15":2}}],["color",{"2":{"7":2}}],["controll",{"2":{"13":1}}],["contains",{"2":{"6":1}}],["contain",{"2":{"6":1}}],["configuration",{"2":{"13":1}}],["const",{"2":{"6":2,"16":1,"18":1}}],["css",{"0":{"14":1},"2":{"7":1,"14":1}}],["customize",{"0":{"7":1}}],["c",{"2":{"1":2}}],["body>",{"2":{"15":2}}],["body",{"2":{"15":1}}],["but",{"2":{"13":1}}],["bundlephobia",{"2":{"9":1}}],["bundle",{"0":{"9":1},"2":{"9":1,"14":1}}],["bg",{"2":{"7":1}}],["bashyarn",{"2":{"16":1}}],["based",{"2":{"1":1}}],["backdrop",{"2":{"7":1}}],["before",{"2":{"7":1}}],["be",{"2":{"2":1,"6":1,"13":1}}],["by",{"0":{"2":1},"2":{"1":1,"2":1,"15":1,"16":2}}],["b",{"2":{"1":2}}],["npm",{"0":{"16":1},"2":{"13":2,"16":1}}],["need",{"2":{"16":1}}],["needs",{"2":{"7":1}}],["new",{"2":{"12":2}}],["now",{"2":{"15":1,"16":1}}],["node",{"0":{"12":1},"2":{"6":1}}],["not",{"2":{"6":1,"9":1}}],["no",{"2":{"5":1}}],["null",{"2":{"2":1,"6":2}}],["number",{"2":{"2":2,"5":3,"6":1}}],["nss",{"2":{"7":1}}],["nst",{"2":{"7":1}}],["nsh",{"2":{"7":1}}],["ns",{"2":{"1":5,"2":2,"5":1,"6":3,"7":1,"10":2,"15":3,"16":3,"18":7}}],["nanosplashes",{"2":{"1":1,"3":1}}],["nanosplash",{"0":{"0":1,"4":1},"1":{"1":1,"2":1,"3":1,"5":1,"6":1},"2":{"1":1,"2":3,"6":1,"7":1,"9":1,"10":1,"11":1,"13":2,"15":3,"16":6,"17":1}}],["action",{"2":{"17":1}}],["above",{"2":{"17":1}}],["around",{"2":{"17":1}}],["argument",{"2":{"6":1}}],["awesome",{"2":{"15":1}}],["api",{"0":{"10":1},"2":{"10":1,"11":1,"16":1}}],["application",{"2":{"9":1,"13":1,"15":1,"16":1}}],["add",{"2":{"9":1,"15":1,"16":1}}],["adjacent",{"2":{"5":1}}],["already",{"2":{"6":1}}],["allows",{"2":{"13":1}}],["all",{"0":{"3":1},"2":{"3":1,"12":1,"18":1}}],["an",{"2":{"6":1,"18":1}}],["anywhere",{"2":{"11":1}}],["any",{"2":{"6":1,"9":1}}],["another",{"2":{"6":1}}],["and",{"2":{"5":1,"6":1,"9":2,"10":4,"12":3,"13":3,"16":2,"17":2}}],["at",{"2":{"1":1,"2":1,"6":1}}],["a",{"2":{"1":2,"2":3,"6":4,"11":1,"12":1,"17":1}}],["tag",{"2":{"15":2}}],["table",{"2":{"6":2,"18":1}}],["try",{"2":{"6":1}}],["text",{"2":{"5":4,"6":1,"7":2,"18":1}}],["to",{"2":{"2":1,"5":1,"6":1,"7":1,"9":3,"10":3,"11":3,"13":1,"16":2,"17":1}}],["than",{"2":{"9":1}}],["that",{"2":{"1":1,"6":1}}],["this",{"2":{"2":1,"5":1,"6":1}}],["them",{"2":{"12":1}}],["their",{"2":{"1":1}}],["the",{"2":{"1":2,"2":2,"3":1,"5":4,"6":4,"9":1,"10":3,"11":1,"12":2,"13":2,"14":1,"15":2,"16":6,"17":1,"18":1}}],["title>",{"2":{"15":1}}],["title>my",{"2":{"15":1}}],["time",{"2":{"1":1,"2":1,"6":1,"12":2}}],["tip",{"2":{"1":1,"6":1}}],["tsns",{"2":{"1":1,"2":1,"3":1,"5":1,"6":1,"15":1}}]],"serializationVersion":2}';
+export {
+  _localSearchIndexroot as default
+};

package/docs/.vitepress/.temp/Card.Ce4dbGEn.js

@@ -0,0 +1,30 @@
+import { useSSRContext, useAttrs, mergeProps, unref } from "vue";
+import { ssrRenderAttrs, ssrInterpolate, ssrRenderSlot } from "vue/server-renderer";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.1tPrXgE0.js";
+const _sfc_main = {
+  __name: "Card",
+  __ssrInlineRender: true,
+  setup(__props) {
+    const attrs = useAttrs();
+    return (_ctx, _push, _parent, _attrs) => {
+      _push(`<div${ssrRenderAttrs(mergeProps({ class: "card" }, _attrs))} data-v-11a850dd>`);
+      if (unref(attrs).id) {
+        _push(`<div class="id" data-v-11a850dd>#${ssrInterpolate(unref(attrs).id)}</div>`);
+      } else {
+        _push(`<!---->`);
+      }
+      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
+      _push(`</div>`);
+    };
+  }
+};
+const _sfc_setup = _sfc_main.setup;
+_sfc_main.setup = (props, ctx) => {
+  const ssrContext = useSSRContext();
+  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add(".vitepress/theme/vue/Card.vue");
+  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
+};
+const Card = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-11a850dd"]]);
+export {
+  Card as C
+};