nanosplash 3.0.8 → 3.0.9

package/.prettierrc

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

package/README.md

@@ -17,5 +17,5 @@
 ns.show('Loading')
 
 // Splash screen inside a DOM element
-ns.showInside('#my-div', 'Loading')
+ns.show('Loading', '#my-div')
 ```

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 p='@keyframes ns-rotate{to{transform:rotate(360deg)}}@keyframes ns-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}}@keyframes ns-fade{0%{opacity:0}to{opacity:1}}@keyframes ns-ascend{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}.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, .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:ns-fade 2s}.nsc{filter:drop-shadow(0 0 .07rem rgba(0,0,0,.25))}.nst{color:var(--color);font-size:var(--size);font-family:var(--font);font-weight:var(--weight);font-optical-sizing:auto;max-width:80dvw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:var(--relSize);text-shadow:0 0 .06rem rgba(47,79,79,.25);animation:ns-ascend .5s}.nss{display:block;width:var(--relSize);height:var(--relSize);animation:ns-ascend .5s}.nss>svg{animation:ns-rotate 2s linear infinite;position:relative;width:inherit;height:inherit;stroke-width:8}.nss .path{stroke:var(--color);stroke-linecap:round;animation:ns-dash 1.5s ease-in-out infinite}',u="3.0.8",m="nscss",a=e=>{const t=s=>Array.from(e.querySelectorAll(s));return{all:t,first:s=>t(s)[0]??null}},c=e=>a(document).all(e),l=e=>a(document).first(e),d=()=>c(".ns"),y=e=>{if(e instanceof Element)return e;const t=l(e);if(!t)throw new Error(`Selector (${e}) returned null`);return t},o=(e,...t)=>{const s=document.createElement("div");return e&&s.classList.add(e),s.append(...t),s},f=e=>{const t=o();return t.innerHTML=e,t.firstChild},v=()=>{const t=f('<svg viewBox="0 0 50 50"><circle class=path cx=25 cy=25 r=20 fill=none /></svg>'),s=o("ns",o("nsc",o("nst"),o("nss",t)));return s.nsId=Date.now(),s},b=()=>d().sort((e,t)=>e.nsId-t.nsId)[0]??null,w=(e,t)=>{const s=a(e),n=s.first(".nst");if(!t)return n==null?void 0:n.remove();const r=o("nst",t);if(n)n.replaceWith(r);else{const i=s.first(".nsc");i.insertBefore(r,i.firstChild)}},g=(e,t)=>{const s=t.firstElementChild;s&&t.insertBefore(e,s),t.append(e),t.classList.add("nsh")},k=(e,t)=>{const s=t?y(t):document.body;let n;const r=a(s).first("& > .ns");r?n=r:(n=v(),g(n,s)),w(n,e??"");const i=window.scrollY+"px";return window.document.body.style.setProperty("--ns-top",i),n.nsId},h=e=>{var t;(t=e==null?void 0:e.parentElement)==null||t.classList.remove("nsh"),e==null||e.remove()},x=e=>d().find(t=>t.nsId===e)??null,S=e=>{const t=e?x(e):b();h(t)},z=()=>c(".ns").forEach(h),I=()=>{var t;(t=l("#nscss"))==null||t.remove();const e=`<style id=${m}>${p}</style>`;document.body.append(f(e))},N=()=>(I(),window.ns=Object.freeze({show:k,hide:S,hideAll:z,version:u}));exports.useNs=N;

package/dist/es/ns.js

@@ -1,342 +1,63 @@
-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 p = '@keyframes ns-rotate{to{transform:rotate(360deg)}}@keyframes ns-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}}@keyframes ns-fade{0%{opacity:0}to{opacity:1}}@keyframes ns-ascend{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}.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, .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:ns-fade 2s}.nsc{filter:drop-shadow(0 0 .07rem rgba(0,0,0,.25))}.nst{color:var(--color);font-size:var(--size);font-family:var(--font);font-weight:var(--weight);font-optical-sizing:auto;max-width:80dvw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:var(--relSize);text-shadow:0 0 .06rem rgba(47,79,79,.25);animation:ns-ascend .5s}.nss{display:block;width:var(--relSize);height:var(--relSize);animation:ns-ascend .5s}.nss>svg{animation:ns-rotate 2s linear infinite;position:relative;width:inherit;height:inherit;stroke-width:8}.nss .path{stroke:var(--color);stroke-linecap:round;animation:ns-dash 1.5s ease-in-out infinite}', m = "3.0.8", u = "nscss", a = (e) => {
+  const t = (s) => Array.from(e.querySelectorAll(s));
+  return {
+    all: t,
+    first: (s) => t(s)[0] ?? null
+  };
+}, c = (e) => a(document).all(e), l = (e) => a(document).first(e), d = () => c(".ns"), v = (e) => {
+  if (e instanceof Element)
+    return e;
+  const t = l(e);
+  if (!t)
+    throw new Error(`Selector (${e}) returned null`);
+  return t;
+}, o = (e, ...t) => {
+  const s = document.createElement("div");
+  return e && s.classList.add(e), s.append(...t), s;
+}, f = (e) => {
+  const t = o();
+  return t.innerHTML = e, t.firstChild;
+}, y = () => {
+  const t = f('<svg viewBox="0 0 50 50"><circle class=path cx=25 cy=25 r=20 fill=none /></svg>'), s = o("ns", o("nsc", o("nst"), o("nss", t)));
+  return s.nsId = Date.now(), s;
+}, b = () => d().sort((e, t) => e.nsId - t.nsId)[0] ?? null, w = (e, t) => {
+  const s = a(e), n = s.first(".nst");
+  if (!t)
+    return n == null ? void 0 : n.remove();
+  const r = o("nst", t);
+  if (n)
+    n.replaceWith(r);
+  else {
+    const i = s.first(".nsc");
+    i.insertBefore(r, i.firstChild);
+  }
+}, g = (e, t) => {
+  const s = t.firstElementChild;
+  s && t.insertBefore(e, s), t.append(e), t.classList.add("nsh");
+}, k = (e, t) => {
+  const s = t ? v(t) : document.body;
+  let n;
+  const r = a(s).first("& > .ns");
+  r ? n = r : (n = y(), g(n, s)), w(n, e ?? "");
+  const i = window.scrollY + "px";
+  return window.document.body.style.setProperty("--ns-top", i), n.nsId;
+}, h = (e) => {
+  var t;
+  (t = e == null ? void 0 : e.parentElement) == null || t.classList.remove("nsh"), e == null || e.remove();
+}, x = (e) => d().find((t) => t.nsId === e) ?? null, z = (e) => {
+  const t = e ? x(e) : b();
+  h(t);
+}, S = () => c(".ns").forEach(h), I = () => {
+  var t;
+  (t = l("#nscss")) == null || t.remove();
+  const e = `<style id=${u}>${p}</style>`;
+  document.body.append(f(e));
+}, N = () => (I(), window.ns = Object.freeze({
+  show: k,
+  hide: z,
+  hideAll: S,
+  version: m
+}));
 export {
-  d as Service,
-  q as default
+  N 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 ns-rotate{to{transform:rotate(360deg)}}@keyframes ns-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}}@keyframes ns-fade{0%{opacity:0}to{opacity:1}}@keyframes ns-ascend{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}.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, .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:ns-fade 2s}.nsc{filter:drop-shadow(0 0 .07rem rgba(0,0,0,.25))}.nst{color:var(--color);font-size:var(--size);font-family:var(--font);font-weight:var(--weight);font-optical-sizing:auto;max-width:80dvw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:var(--relSize);text-shadow:0 0 .06rem rgba(47,79,79,.25);animation:ns-ascend .5s}.nss{display:block;width:var(--relSize);height:var(--relSize);animation:ns-ascend .5s}.nss>svg{animation:ns-rotate 2s linear infinite;position:relative;width:inherit;height:inherit;stroke-width:8}.nss .path{stroke:var(--color);stroke-linecap:round;animation:ns-dash 1.5s ease-in-out infinite}',u="3.0.8",m="nscss",i=e=>{const t=s=>Array.from(e.querySelectorAll(s));return{all:t,first:s=>t(s)[0]??null}},c=e=>i(document).all(e),l=e=>i(document).first(e),d=()=>c(".ns"),v=e=>{if(e instanceof Element)return e;const t=l(e);if(!t)throw new Error(`Selector (${e}) returned null`);return t},o=(e,...t)=>{const s=document.createElement("div");return e&&s.classList.add(e),s.append(...t),s},f=e=>{const t=o();return t.innerHTML=e,t.firstChild},y=()=>{const t=f('<svg viewBox="0 0 50 50"><circle class=path cx=25 cy=25 r=20 fill=none /></svg>'),s=o("ns",o("nsc",o("nst"),o("nss",t)));return s.nsId=Date.now(),s},b=()=>d().sort((e,t)=>e.nsId-t.nsId)[0]??null,w=(e,t)=>{const s=i(e),n=s.first(".nst");if(!t)return n==null?void 0:n.remove();const r=o("nst",t);if(n)n.replaceWith(r);else{const a=s.first(".nsc");a.insertBefore(r,a.firstChild)}},g=(e,t)=>{const s=t.firstElementChild;s&&t.insertBefore(e,s),t.append(e),t.classList.add("nsh")},k=(e,t)=>{const s=t?v(t):document.body;let n;const r=i(s).first("& > .ns");r?n=r:(n=y(),g(n,s)),w(n,e??"");const a=window.scrollY+"px";return window.document.body.style.setProperty("--ns-top",a),n.nsId},h=e=>{var t;(t=e==null?void 0:e.parentElement)==null||t.classList.remove("nsh"),e==null||e.remove()},x=e=>d().find(t=>t.nsId===e)??null,z=e=>{const t=e?x(e):b();h(t)},S=()=>c(".ns").forEach(h),I=()=>{var t;(t=l("#nscss"))==null||t.remove();const e=`<style id=${m}>${p}</style>`;document.body.append(f(e))};I(),window.ns=Object.freeze({show:k,hide:z,hideAll:S,version:u})})();

package/docs/.vitepress/{config.ts → config.mts}

@@ -14,49 +14,47 @@ export default defineConfig({
 			{ text: 'API documentation', link: '/api/doc/show' },
 		],
 
-		sidebar: {
-			'/api/': [
-				{
-					text: 'Get started',
-					items: [
-						{
-							text: 'Installation',
-							link: '/api/start/install',
-						},
-						{
-							text: 'Usage',
-							link: '/api/start/usage',
-						},
-						{
-							text: 'Playground',
-							link: '/api/start/playground',
-						},
-					],
-				},
-				{
-					text: 'API Documentation',
-					items: [
-						{
-							text: 'Methods',
-							items: [
-								{
-									text: 'Show',
-									link: '/api/doc/show',
-								},
-								{
-									text: 'Hide',
-									link: '/api/doc/hide',
-								},
-							],
-						},
-					],
-				},
-				{
-					text: 'Features',
-					link: '/api/start/features',
-				},
-			],
-		},
+		sidebar: [
+			{
+				text: 'Get started',
+				items: [
+					{
+						text: 'Installation',
+						link: '/api/start/install',
+					},
+					{
+						text: 'Usage',
+						link: '/api/start/usage',
+					},
+					{
+						text: 'Playground',
+						link: '/api/start/playground',
+					},
+				],
+			},
+			{
+				text: 'API Documentation',
+				items: [
+					{
+						text: 'Methods',
+						items: [
+							{
+								text: 'Show',
+								link: '/api/doc/show',
+							},
+							{
+								text: 'Hide',
+								link: '/api/doc/hide',
+							},
+						],
+					},
+				],
+			},
+			{
+				text: 'Features',
+				link: '/api/start/features',
+			},
+		],
 
 		socialLinks: [
 			{ icon: 'github', link: 'https://github.com/isakhauge/nanosplash' },