nanosplash 3.0.1 → 3.0.2

package/coverage/types/Types.ts.html

@@ -1,121 +0,0 @@
-
-<!doctype html>
-<html lang="en">
-
-<head>
-    <title>Code coverage report for types/Types.ts</title>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="../prettify.css" />
-    <link rel="stylesheet" href="../base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style type='text/css'>
-        .coverage-summary .sorter {
-            background-image: url(../sort-arrow-sprite.png);
-        }
-    </style>
-</head>
-    
-<body>
-<div class='wrapper'>
-    <div class='pad1'>
-        <h1><a href="../index.html">All files</a> / <a href="index.html">types</a> Types.ts</h1>
-        <div class='clearfix'>
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>12/12</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>1/1</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>0/0</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>12/12</span>
-            </div>
-        
-            
-        </div>
-        <p class="quiet">
-            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
-        </p>
-        <template id="filterTemplate">
-            <div class="quiet">
-                Filter:
-                <input oninput="onInput()" type="search" id="fileSearch">
-            </div>
-        </template>
-    </div>
-    <div class='status-line high'></div>
-    <pre><table class="coverage">
-<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
-<a name='L2'></a><a href='#L2'>2</a>
-<a name='L3'></a><a href='#L3'>3</a>
-<a name='L4'></a><a href='#L4'>4</a>
-<a name='L5'></a><a href='#L5'>5</a>
-<a name='L6'></a><a href='#L6'>6</a>
-<a name='L7'></a><a href='#L7'>7</a>
-<a name='L8'></a><a href='#L8'>8</a>
-<a name='L9'></a><a href='#L9'>9</a>
-<a name='L10'></a><a href='#L10'>10</a>
-<a name='L11'></a><a href='#L11'>11</a>
-<a name='L12'></a><a href='#L12'>12</a>
-<a name='L13'></a><a href='#L13'>13</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-yes">1x</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { Splash } from '../core/Splash'
-&nbsp;
-export type GUIDString = string
-export type CSSSelector = string
-export type FindCallback&lt;T&gt; = (item: T, index: number) =&gt; boolean
-export type NSFinder = FindCallback&lt;Splash&gt;
-export type Reference = CSSSelector | Element
-&nbsp;
-export enum ClassListAction {
-	Add = 'add',
-	Remove = 'remove',
-}
-&nbsp;</pre></td></tr></table></pre>
-
-                <div class='push'></div><!-- for sticky footer -->
-            </div><!-- /wrapper -->
-            <div class='footer quiet pad2 space-top1 center small'>
-                Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-06T08:51:33.390Z
-            </div>
-        <script src="../prettify.js"></script>
-        <script>
-            window.onload = function () {
-                prettyPrint();
-            };
-        </script>
-        <script src="../sorter.js"></script>
-        <script src="../block-navigation.js"></script>
-    </body>
-</html>
-    

package/coverage/types/index.html

@@ -1,116 +0,0 @@
-
-<!doctype html>
-<html lang="en">
-
-<head>
-    <title>Code coverage report for types</title>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="../prettify.css" />
-    <link rel="stylesheet" href="../base.css" />
-    <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <style type='text/css'>
-        .coverage-summary .sorter {
-            background-image: url(../sort-arrow-sprite.png);
-        }
-    </style>
-</head>
-    
-<body>
-<div class='wrapper'>
-    <div class='pad1'>
-        <h1><a href="../index.html">All files</a> types</h1>
-        <div class='clearfix'>
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Statements</span>
-                <span class='fraction'>12/12</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Branches</span>
-                <span class='fraction'>1/1</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Functions</span>
-                <span class='fraction'>0/0</span>
-            </div>
-        
-            
-            <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
-                <span class="quiet">Lines</span>
-                <span class='fraction'>12/12</span>
-            </div>
-        
-            
-        </div>
-        <p class="quiet">
-            Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
-        </p>
-        <template id="filterTemplate">
-            <div class="quiet">
-                Filter:
-                <input oninput="onInput()" type="search" id="fileSearch">
-            </div>
-        </template>
-    </div>
-    <div class='status-line high'></div>
-    <div class="pad1">
-<table class="coverage-summary">
-<thead>
-<tr>
-   <th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
-   <th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
-   <th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
-   <th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
-   <th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
-   <th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
-   <th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
-   <th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
-   <th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
-   <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
-</tr>
-</thead>
-<tbody><tr>
-	<td class="file high" data-value="Types.ts"><a href="Types.ts.html">Types.ts</a></td>
-	<td data-value="100" class="pic high">
-	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
-	</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="12" class="abs high">12/12</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="1" class="abs high">1/1</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="0" class="abs high">0/0</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="12" class="abs high">12/12</td>
-	</tr>
-
-</tbody>
-</table>
-</div>
-                <div class='push'></div><!-- for sticky footer -->
-            </div><!-- /wrapper -->
-            <div class='footer quiet pad2 space-top1 center small'>
-                Code coverage generated by
-                <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-06T08:51:33.390Z
-            </div>
-        <script src="../prettify.js"></script>
-        <script>
-            window.onload = function () {
-                prettyPrint();
-            };
-        </script>
-        <script src="../sorter.js"></script>
-        <script src="../block-navigation.js"></script>
-    </body>
-</html>
-    

package/dist/latest/cjs/ns.cjs

@@ -1 +0,0 @@
-"use strict"; var m = Object.defineProperty; var S = (t, e, n) => e in t ? m(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n; var r = (t, e, n) => (S(t, typeof e != "symbol" ? e + "" : e, n), n); Object.defineProperties(exports, { __esModule: { value: !0 }, [Symbol.toStringTag]: { value: "Module" } }); const v = "3.0.1"; var a = (t => (t.Add = "add", t.Remove = "remove", t))(a || {}); const d = class d { constructor() { r(this, "id"); r(this, "element"); this.element = N(), this.element.id = this.id = d.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) }) } getNSContentElement() { return this.getNSElement().firstElementChild } getNSTextElement() { return this.getNSContentElement().firstElementChild } getId() { return this.id } getNSElement() { return this.element } setText(e) { return this.getNSTextElement().innerText = e, e.length > 0 ? this.showText() : this.hideText(), this } showText() { return I(this.getNSTextElement()), this } hideText() { return y(this.getNSTextElement()), this } remove() { var e; return this.element && ((e = this.element.parentElement) == null || e.removeChild(this.element), delete this.element), this } }; r(d, "NSClass", "ns"), r(d, "NSHostClass", "nsh"); let l = d; function N() { return new DOMParser().parseFromString('<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>', "text/html").body.firstChild } function w(t, e) { e.children.length > 0 ? e.insertBefore(t, e.children.item(0)) : e.append(t) } function h(t, e) { t == null || t.classList[e](l.NSHostClass) } function E(t) { h(t.getNSElement().parentElement, a.Remove) } function I(t) { t.style.display = "flex" } function y(t) { t.style.display = "none" } function u(t) { return t instanceof Element ? t : document.querySelector(t || "") } function C(t) { var e; return ((e = t == null ? void 0 : t.classList) == null ? void 0 : e.contains(l.NSClass)) ?? !1 } function x(t, e) { h(t.parentElement, a.Remove), h(e, a.Add), w(t, e) } function f(t) { const e = t.firstElementChild; if (e !== null && C(e)) { const c = e.id; return o.getInstance().nsStack.find(g => g.getId() === c) ?? null } return null } const s = class s { constructor() { r(this, "version"); r(this, "nsStack"); this.version = v, this.nsStack = [] } findIndex(e) { return this.nsStack.findIndex(e) } find(e) { return this.nsStack.find(e) } static getInstance() { return s.instance || (s.instance = new s), s.instance } static assignToWindow() { Object.defineProperty(window, s.WindowAccessorKey, { value: s.getInstance(), writable: !1 }) } static start() { s.assignToWindow(), window.addEventListener("load", () => { window[s.WindowAccessorKey] instanceof s || s.assignToWindow() }) } createNS(e) { const n = new l; return n.setText(e || ""), this.nsStack.push(n), n } cleanAndRemove(e) { return E(e), e.remove().getId() } stackDelete(e) { let n = this.findIndex(i => i.getId() === e.getId()); return n < 0 ? null : (this.nsStack.splice(n, 1), e.getId()) } deleteNS(e) { const n = this.find(e); return n ? (this.cleanAndRemove(n), this.stackDelete(n)) : null } show(e) { let n = f(document.body); return n || (n = this.createNS(), x(n.getNSElement(), document.body)), n.setText(e || "").getId() } showInside(e, n) { const i = u(e); if (i) { let c = f(i); return c || (c = this.createNS()), x(c.getNSElement(), i), c.setText(n || "").getId() } return null } hide() { const e = this.nsStack.pop(); return e ? this.cleanAndRemove(e) : null } hideAll() { this.nsStack.forEach(this.cleanAndRemove), this.nsStack.splice(0, this.nsStack.length) } hideId(e) { return this.deleteNS(n => n.getId() === e) } hideInside(e) { const n = u(e), i = c => c.getNSElement().parentElement === n; return n ? this.deleteNS(i) : null } }; r(s, "WindowAccessorKey", "ns"), r(s, "instance"); let o = s; const T = { Service: o }; exports.Service = o; exports.default = T;

package/dist/latest/cjs/style.css

@@ -1 +0,0 @@
-.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}}

package/dist/latest/es/ns.js

@@ -1,306 +0,0 @@
-var m = Object.defineProperty;
-var S = (e, t, n) => t in e ? m(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var r = (e, t, n) => (S(e, typeof t != "symbol" ? t + "" : t, n), n);
-const v = "3.0.1";
-var o = /* @__PURE__ */ ((e) => (e.Add = "add", e.Remove = "remove", e))(o || {});
-const d = class d {
-  /**
-   * # 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 = N(), this.element.id = this.id = d.generateGUID();
-  }
-  /**
-   * # Generate GUID
-   * @returns {GUIDString} A GUID string.
-   * @private
-   */
-  static generateGUID() {
-    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (t) => {
-      const n = Math.random() * 16 | 0;
-      return (t === "x" ? n : n & 3 | 8).toString(16);
-    });
-  }
-  /**
-   * @inheritdoc
-   */
-  getNSContentElement() {
-    return this.getNSElement().firstElementChild;
-  }
-  /**
-   * @inheritdoc
-   */
-  getNSTextElement() {
-    return this.getNSContentElement().firstElementChild;
-  }
-  /**
-   * @inheritdoc
-   */
-  getId() {
-    return this.id;
-  }
-  /**
-   * @inheritdoc
-   */
-  getNSElement() {
-    return this.element;
-  }
-  /**
-   * @inheritdoc
-   */
-  setText(t) {
-    return this.getNSTextElement().innerText = t, t.length > 0 ? this.showText() : this.hideText(), this;
-  }
-  /**
-   * @inheritdoc
-   */
-  showText() {
-    return I(this.getNSTextElement()), this;
-  }
-  /**
-   * @inheritdoc
-   */
-  hideText() {
-    return y(this.getNSTextElement()), this;
-  }
-  /**
-   * @inheritdoc
-   */
-  remove() {
-    var t;
-    return this.element && ((t = this.element.parentElement) == null || t.removeChild(this.element), delete this.element), this;
-  }
-};
-/**
- * # CSS Class Name
- * The main CSS class name of the root element of a Nanosplash component.
- */
-r(d, "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(d, "NSHostClass", "nsh");
-let l = d;
-function N() {
-  return new DOMParser().parseFromString(
-    '<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>',
-    "text/html"
-  ).body.firstChild;
-}
-function w(e, t) {
-  t.children.length > 0 ? t.insertBefore(e, t.children.item(0)) : t.append(e);
-}
-function h(e, t) {
-  e == null || e.classList[t](l.NSHostClass);
-}
-function E(e) {
-  h(e.getNSElement().parentElement, o.Remove);
-}
-function I(e) {
-  e.style.display = "flex";
-}
-function y(e) {
-  e.style.display = "none";
-}
-function u(e) {
-  return e instanceof Element ? e : document.querySelector(e || "");
-}
-function C(e) {
-  var t;
-  return ((t = e == null ? void 0 : e.classList) == null ? void 0 : t.contains(l.NSClass)) ?? !1;
-}
-function x(e, t) {
-  h(e.parentElement, o.Remove), h(t, o.Add), w(e, t);
-}
-function f(e) {
-  const t = e.firstElementChild;
-  if (t !== null && C(t)) {
-    const c = t.id;
-    return a.getInstance().nsStack.find((g) => g.getId() === c) ?? null;
-  }
-  return null;
-}
-const s = class s {
-  /**
-   * # Constructor
-   * Private constructor to prevent multiple instances.
-   * @private
-   */
-  constructor() {
-    /**
-     * # Version
-     */
-    r(this, "version");
-    /**
-     * @inheritdoc
-     */
-    r(this, "nsStack");
-    this.version = v, this.nsStack = [];
-  }
-  /**
-   * # Find Index
-   * Find Nanosplash stack index by callback.
-   * @param callback Callback function that returns a boolean.
-   * @returns {number} Index of Nanosplash instance in the stack or -1.
-   * @private
-   */
-  findIndex(t) {
-    return this.nsStack.findIndex(t);
-  }
-  /**
-   * # Find
-   * Find Nanosplash in the stack by callback.
-   * @param callback Callback function that returns a boolean.
-   * @returns {Splash | undefined} Nanosplash instance or undefined
-   * @private
-   */
-  find(t) {
-    return this.nsStack.find(t);
-  }
-  /**
-   * # Get Instance
-   * Singleton instance accessor
-   * @returns {Service} NanosplashService instance
-   */
-  static getInstance() {
-    return s.instance || (s.instance = new s()), s.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, s.WindowAccessorKey, {
-      value: s.getInstance(),
-      writable: !1
-    });
-  }
-  /**
-   * # Start
-   * Initialize and attach a Nanosplash Service instance to the Window object.
-   */
-  static start() {
-    s.assignToWindow(), window.addEventListener("load", () => {
-      window[s.WindowAccessorKey] instanceof s || s.assignToWindow();
-    });
-  }
-  /**
-   * # Create Nanosplash
-   * Return new Nanosplash instance and push it to the stack.
-   * @param text Text to display.
-   * @returns {Splash} Nanosplash instance.
-   * @private
-   */
-  createNS(t) {
-    const n = new l();
-    return n.setText(t || ""), this.nsStack.push(n), n;
-  }
-  /**
-   * # Clean And Remove
-   * Remove Nanosplash from DOM and clean its parent.
-   * @param ns Nanosplash instance.
-   * @returns {GUIDString} Nanosplash ID.
-   * @private
-   */
-  cleanAndRemove(t) {
-    return E(t), t.remove().getId();
-  }
-  /**
-   * # Stack Delete
-   * Remove Nanosplash instance from the stack.
-   * @param ns Nanosplash instance.
-   * @returns {GUIDString | null} Nanosplash ID or null if it doesn't exist.
-   * @private
-   */
-  stackDelete(t) {
-    let n = this.findIndex((i) => i.getId() === t.getId());
-    return n < 0 ? null : (this.nsStack.splice(n, 1), t.getId());
-  }
-  /**
-   * # Delete NS
-   * Remove Nanosplash instance from both the stack and the
-   * @param callback Callback function.
-   * @returns {GUIDString | null} Nanosplash ID or null if it doesn't exist.
-   * @private
-   */
-  deleteNS(t) {
-    const n = this.find(t);
-    return n ? (this.cleanAndRemove(n), this.stackDelete(n)) : null;
-  }
-  /**
-   * @inheritdoc
-   */
-  show(t) {
-    let n = f(document.body);
-    return n || (n = this.createNS(), x(n.getNSElement(), document.body)), n.setText(t || "").getId();
-  }
-  /**
-   * @inheritdoc
-   */
-  showInside(t, n) {
-    const i = u(t);
-    if (i) {
-      let c = f(i);
-      return c || (c = this.createNS()), x(c.getNSElement(), i), c.setText(n || "").getId();
-    }
-    return null;
-  }
-  /**
-   * @inheritdoc
-   */
-  hide() {
-    const t = this.nsStack.pop();
-    return t ? this.cleanAndRemove(t) : null;
-  }
-  /**
-   * @inheritdoc
-   */
-  hideAll() {
-    this.nsStack.forEach(this.cleanAndRemove), this.nsStack.splice(0, this.nsStack.length);
-  }
-  /**
-   * @inheritdoc
-   */
-  hideId(t) {
-    return this.deleteNS((n) => n.getId() === t);
-  }
-  /**
-   * @inheritdoc
-   */
-  hideInside(t) {
-    const n = u(t), i = (c) => c.getNSElement().parentElement === n;
-    return n ? this.deleteNS(i) : null;
-  }
-};
-/**
- * # Window Accessor Key
- * Key to access NanosplashService instance in the Window object.
- */
-r(s, "WindowAccessorKey", "ns"), /**
- * # Instance
- * Singleton instance of NanosplashService.
- * @private
- */
-  r(s, "instance");
-let a = s;
-const A = { Service: a };
-export {
-  a as Service,
-  A as default
-};

package/dist/latest/es/style.css

@@ -1 +0,0 @@
-.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}}

package/dist/latest/iife/ns.iife.js

@@ -1,4 +0,0 @@
-var I = Object.defineProperty; var E = (o, i, d) => i in o ? I(o, i, { enumerable: !0, configurable: !0, writable: !0, value: d }) : o[i] = d; var a = (o, i, d) => (E(o, typeof i != "symbol" ? i + "" : i, d), d); (function () {
-    "use strict"; var o = document.createElement("style"); o.textContent = `.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}}
-`, document.head.appendChild(o); const i = "3.0.1", d = ""; var u = (t => (t.Add = "add", t.Remove = "remove", t))(u || {}); const h = class h { constructor() { a(this, "id"); a(this, "element"); this.element = S(), this.element.id = this.id = h.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) }) } getNSContentElement() { return this.getNSElement().firstElementChild } getNSTextElement() { return this.getNSContentElement().firstElementChild } getId() { return this.id } getNSElement() { return this.element } setText(e) { return this.getNSTextElement().innerText = e, e.length > 0 ? this.showText() : this.hideText(), this } showText() { return k(this.getNSTextElement()), this } hideText() { return p(this.getNSTextElement()), this } remove() { var e; return this.element && ((e = this.element.parentElement) == null || e.removeChild(this.element), delete this.element), this } }; a(h, "NSClass", "ns"), a(h, "NSHostClass", "nsh"); let c = h; function S() { return new DOMParser().parseFromString('<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>', "text/html").body.firstChild } function w(t, e) { e.children.length > 0 ? e.insertBefore(t, e.children.item(0)) : e.append(t) } function x(t, e) { t == null || t.classList[e](c.NSHostClass) } function y(t) { x(t.getNSElement().parentElement, u.Remove) } function k(t) { t.style.display = "flex" } function p(t) { t.style.display = "none" } function g(t) { return t instanceof Element ? t : document.querySelector(t || "") } function N(t) { var e; return ((e = t == null ? void 0 : t.classList) == null ? void 0 : e.contains(c.NSClass)) ?? !1 } function m(t, e) { x(t.parentElement, u.Remove), x(e, u.Add), w(t, e) } function v(t) { const e = t.firstElementChild; if (e !== null && N(e)) { const l = e.id; return f.getInstance().nsStack.find(b => b.getId() === l) ?? null } return null } const s = class s { constructor() { a(this, "version"); a(this, "nsStack"); this.version = i, this.nsStack = [] } findIndex(e) { return this.nsStack.findIndex(e) } find(e) { return this.nsStack.find(e) } static getInstance() { return s.instance || (s.instance = new s), s.instance } static assignToWindow() { Object.defineProperty(window, s.WindowAccessorKey, { value: s.getInstance(), writable: !1 }) } static start() { s.assignToWindow(), window.addEventListener("load", () => { window[s.WindowAccessorKey] instanceof s || s.assignToWindow() }) } createNS(e) { const n = new c; return n.setText(e || ""), this.nsStack.push(n), n } cleanAndRemove(e) { return y(e), e.remove().getId() } stackDelete(e) { let n = this.findIndex(r => r.getId() === e.getId()); return n < 0 ? null : (this.nsStack.splice(n, 1), e.getId()) } deleteNS(e) { const n = this.find(e); return n ? (this.cleanAndRemove(n), this.stackDelete(n)) : null } show(e) { let n = v(document.body); return n || (n = this.createNS(), m(n.getNSElement(), document.body)), n.setText(e || "").getId() } showInside(e, n) { const r = g(e); if (r) { let l = v(r); return l || (l = this.createNS()), m(l.getNSElement(), r), l.setText(n || "").getId() } return null } hide() { const e = this.nsStack.pop(); return e ? this.cleanAndRemove(e) : null } hideAll() { this.nsStack.forEach(this.cleanAndRemove), this.nsStack.splice(0, this.nsStack.length) } hideId(e) { return this.deleteNS(n => n.getId() === e) } hideInside(e) { const n = g(e), r = l => l.getNSElement().parentElement === n; return n ? this.deleteNS(r) : null } }; a(s, "WindowAccessorKey", "ns"), a(s, "instance"); let f = s; try { f.start() } catch (t) { console.warn(t) }
-})();

package/dist/versioned/3.0.1/cjs/ns.cjs

@@ -1 +0,0 @@
-"use strict";var m=Object.defineProperty;var S=(t,e,n)=>e in t?m(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var r=(t,e,n)=>(S(t,typeof e!="symbol"?e+"":e,n),n);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v="3.0.1";var a=(t=>(t.Add="add",t.Remove="remove",t))(a||{});const d=class d{constructor(){r(this,"id");r(this,"element");this.element=N(),this.element.id=this.id=d.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)})}getNSContentElement(){return this.getNSElement().firstElementChild}getNSTextElement(){return this.getNSContentElement().firstElementChild}getId(){return this.id}getNSElement(){return this.element}setText(e){return this.getNSTextElement().innerText=e,e.length>0?this.showText():this.hideText(),this}showText(){return I(this.getNSTextElement()),this}hideText(){return y(this.getNSTextElement()),this}remove(){var e;return this.element&&((e=this.element.parentElement)==null||e.removeChild(this.element),delete this.element),this}};r(d,"NSClass","ns"),r(d,"NSHostClass","nsh");let l=d;function N(){return new DOMParser().parseFromString('<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>',"text/html").body.firstChild}function w(t,e){e.children.length>0?e.insertBefore(t,e.children.item(0)):e.append(t)}function h(t,e){t==null||t.classList[e](l.NSHostClass)}function E(t){h(t.getNSElement().parentElement,a.Remove)}function I(t){t.style.display="flex"}function y(t){t.style.display="none"}function u(t){return t instanceof Element?t:document.querySelector(t||"")}function C(t){var e;return((e=t==null?void 0:t.classList)==null?void 0:e.contains(l.NSClass))??!1}function x(t,e){h(t.parentElement,a.Remove),h(e,a.Add),w(t,e)}function f(t){const e=t.firstElementChild;if(e!==null&&C(e)){const c=e.id;return o.getInstance().nsStack.find(g=>g.getId()===c)??null}return null}const s=class s{constructor(){r(this,"version");r(this,"nsStack");this.version=v,this.nsStack=[]}findIndex(e){return this.nsStack.findIndex(e)}find(e){return this.nsStack.find(e)}static getInstance(){return s.instance||(s.instance=new s),s.instance}static assignToWindow(){Object.defineProperty(window,s.WindowAccessorKey,{value:s.getInstance(),writable:!1})}static start(){s.assignToWindow(),window.addEventListener("load",()=>{window[s.WindowAccessorKey]instanceof s||s.assignToWindow()})}createNS(e){const n=new l;return n.setText(e||""),this.nsStack.push(n),n}cleanAndRemove(e){return E(e),e.remove().getId()}stackDelete(e){let n=this.findIndex(i=>i.getId()===e.getId());return n<0?null:(this.nsStack.splice(n,1),e.getId())}deleteNS(e){const n=this.find(e);return n?(this.cleanAndRemove(n),this.stackDelete(n)):null}show(e){let n=f(document.body);return n||(n=this.createNS(),x(n.getNSElement(),document.body)),n.setText(e||"").getId()}showInside(e,n){const i=u(e);if(i){let c=f(i);return c||(c=this.createNS()),x(c.getNSElement(),i),c.setText(n||"").getId()}return null}hide(){const e=this.nsStack.pop();return e?this.cleanAndRemove(e):null}hideAll(){this.nsStack.forEach(this.cleanAndRemove),this.nsStack.splice(0,this.nsStack.length)}hideId(e){return this.deleteNS(n=>n.getId()===e)}hideInside(e){const n=u(e),i=c=>c.getNSElement().parentElement===n;return n?this.deleteNS(i):null}};r(s,"WindowAccessorKey","ns"),r(s,"instance");let o=s;const T={Service:o};exports.Service=o;exports.default=T;

package/dist/versioned/3.0.1/cjs/style.css

@@ -1 +0,0 @@
-.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}}