nanosplash 3.0.0 → 3.0.2

package/coverage/sorter.js

@@ -0,0 +1,196 @@
+/* eslint-disable */
+var addSorting = (function() {
+    'use strict';
+    var cols,
+        currentSort = {
+            index: 0,
+            desc: false
+        };
+
+    // returns the summary table element
+    function getTable() {
+        return document.querySelector('.coverage-summary');
+    }
+    // returns the thead element of the summary table
+    function getTableHeader() {
+        return getTable().querySelector('thead tr');
+    }
+    // returns the tbody element of the summary table
+    function getTableBody() {
+        return getTable().querySelector('tbody');
+    }
+    // returns the th element for nth column
+    function getNthColumn(n) {
+        return getTableHeader().querySelectorAll('th')[n];
+    }
+
+    function onFilterInput() {
+        const searchValue = document.getElementById('fileSearch').value;
+        const rows = document.getElementsByTagName('tbody')[0].children;
+        for (let i = 0; i < rows.length; i++) {
+            const row = rows[i];
+            if (
+                row.textContent
+                    .toLowerCase()
+                    .includes(searchValue.toLowerCase())
+            ) {
+                row.style.display = '';
+            } else {
+                row.style.display = 'none';
+            }
+        }
+    }
+
+    // loads the search box
+    function addSearchBox() {
+        var template = document.getElementById('filterTemplate');
+        var templateClone = template.content.cloneNode(true);
+        templateClone.getElementById('fileSearch').oninput = onFilterInput;
+        template.parentElement.appendChild(templateClone);
+    }
+
+    // loads all columns
+    function loadColumns() {
+        var colNodes = getTableHeader().querySelectorAll('th'),
+            colNode,
+            cols = [],
+            col,
+            i;
+
+        for (i = 0; i < colNodes.length; i += 1) {
+            colNode = colNodes[i];
+            col = {
+                key: colNode.getAttribute('data-col'),
+                sortable: !colNode.getAttribute('data-nosort'),
+                type: colNode.getAttribute('data-type') || 'string'
+            };
+            cols.push(col);
+            if (col.sortable) {
+                col.defaultDescSort = col.type === 'number';
+                colNode.innerHTML =
+                    colNode.innerHTML + '<span class="sorter"></span>';
+            }
+        }
+        return cols;
+    }
+    // attaches a data attribute to every tr element with an object
+    // of data values keyed by column name
+    function loadRowData(tableRow) {
+        var tableCols = tableRow.querySelectorAll('td'),
+            colNode,
+            col,
+            data = {},
+            i,
+            val;
+        for (i = 0; i < tableCols.length; i += 1) {
+            colNode = tableCols[i];
+            col = cols[i];
+            val = colNode.getAttribute('data-value');
+            if (col.type === 'number') {
+                val = Number(val);
+            }
+            data[col.key] = val;
+        }
+        return data;
+    }
+    // loads all row data
+    function loadData() {
+        var rows = getTableBody().querySelectorAll('tr'),
+            i;
+
+        for (i = 0; i < rows.length; i += 1) {
+            rows[i].data = loadRowData(rows[i]);
+        }
+    }
+    // sorts the table using the data for the ith column
+    function sortByIndex(index, desc) {
+        var key = cols[index].key,
+            sorter = function(a, b) {
+                a = a.data[key];
+                b = b.data[key];
+                return a < b ? -1 : a > b ? 1 : 0;
+            },
+            finalSorter = sorter,
+            tableBody = document.querySelector('.coverage-summary tbody'),
+            rowNodes = tableBody.querySelectorAll('tr'),
+            rows = [],
+            i;
+
+        if (desc) {
+            finalSorter = function(a, b) {
+                return -1 * sorter(a, b);
+            };
+        }
+
+        for (i = 0; i < rowNodes.length; i += 1) {
+            rows.push(rowNodes[i]);
+            tableBody.removeChild(rowNodes[i]);
+        }
+
+        rows.sort(finalSorter);
+
+        for (i = 0; i < rows.length; i += 1) {
+            tableBody.appendChild(rows[i]);
+        }
+    }
+    // removes sort indicators for current column being sorted
+    function removeSortIndicators() {
+        var col = getNthColumn(currentSort.index),
+            cls = col.className;
+
+        cls = cls.replace(/ sorted$/, '').replace(/ sorted-desc$/, '');
+        col.className = cls;
+    }
+    // adds sort indicators for current column being sorted
+    function addSortIndicators() {
+        getNthColumn(currentSort.index).className += currentSort.desc
+            ? ' sorted-desc'
+            : ' sorted';
+    }
+    // adds event listeners for all sorter widgets
+    function enableUI() {
+        var i,
+            el,
+            ithSorter = function ithSorter(i) {
+                var col = cols[i];
+
+                return function() {
+                    var desc = col.defaultDescSort;
+
+                    if (currentSort.index === i) {
+                        desc = !currentSort.desc;
+                    }
+                    sortByIndex(i, desc);
+                    removeSortIndicators();
+                    currentSort.index = i;
+                    currentSort.desc = desc;
+                    addSortIndicators();
+                };
+            };
+        for (i = 0; i < cols.length; i += 1) {
+            if (cols[i].sortable) {
+                // add the click event handler on the th so users
+                // dont have to click on those tiny arrows
+                el = getNthColumn(i).querySelector('.sorter').parentElement;
+                if (el.addEventListener) {
+                    el.addEventListener('click', ithSorter(i));
+                } else {
+                    el.attachEvent('onclick', ithSorter(i));
+                }
+            }
+        }
+    }
+    // adds sorting functionality to the UI
+    return function() {
+        if (!getTable()) {
+            return;
+        }
+        cols = loadColumns();
+        loadData();
+        addSearchBox();
+        addSortIndicators();
+        enableUI();
+    };
+})();
+
+window.addEventListener('load', addSorting);

package/dist/cjs/ns.cjs

@@ -0,0 +1,2 @@
+"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.1",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;

package/dist/es/ns.js

@@ -0,0 +1,342 @@
+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.1", 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 };
+export {
+  d as Service,
+  q as default
+};

package/dist/iife/ns.iife.js

@@ -0,0 +1,2 @@
+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.1",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)}})();

package/docs/.vitepress/config.ts

@@ -0,0 +1,75 @@
+import { defineConfig } from 'vitepress'
+
+// https://vitepress.dev/reference/site-config
+export default defineConfig({
+	title: 'Nanosplash',
+	description: 'The tiny loading screen for web artisans',
+	base: '/nanosplash/',
+	themeConfig: {
+		nav: [
+			{ text: 'Home', link: '/' },
+			{ text: 'Get started', link: '/api/start/install' },
+			{ text: 'Playground', link: '/api/start/playground' },
+			{ 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',
+				},
+			],
+		},
+
+		socialLinks: [
+			{ icon: 'github', link: 'https://github.com/isakhauge/nanosplash' },
+			{ icon: 'twitter', link: 'https://twitter.com/isakhauge' },
+			{ icon: 'linkedin', link: 'https://www.linkedin.com/in/isakhauge' },
+		],
+
+		search: {
+			provider: 'local',
+		},
+
+		footer: {
+			message:
+				'Made with 🤍 by <a href="https://twitter.com/isakhauge">Isak Hauge</a>',
+		},
+	},
+})