nanosplash 2.5.2 → 3.0.0

package/dist/module/nanosplash.es.js

@@ -1,371 +0,0 @@
-var style = /* @__PURE__ */ (() => ".ns-blur,body .ns-fs~*{filter:blur(5px);overflow:hidden}.ns-wrapper{position:relative}.ns-fs{left:0;min-height:100vh;min-width:100%;position:fixed;top:0;z-index:2}.ns-window{align-items:center;background-color:#fffc;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.ns-img{margin-bottom:2em;max-height:9rem;width:9rem}.ns-text-container{align-items:center}.ns-text,.ns-text-container{display:flex;justify-content:center}.ns-text{color:#5a6685}.ns-spinner{display:flex;height:1em;margin-left:1em;width:1em}.ns-spinner>svg{stroke-width:8;-webkit-animation:Rotate 2s linear infinite;animation:Rotate 2s linear infinite;height:inherit;position:relative;width:inherit}.ns-spinner .path{stroke:#5a6685;stroke-linecap:round;-webkit-animation:Dash 1.5s ease-in-out infinite;animation:Dash 1.5s ease-in-out infinite}@-webkit-keyframes Rotate{to{transform:rotate(1turn)}}@keyframes Rotate{to{transform:rotate(1turn)}}@-webkit-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}}@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}}\n")();
-function get(selector) {
-  return document.querySelector(selector);
-}
-function move(source, destination, asFirstChild = false) {
-  if (source && destination) {
-    destination.hasChildNodes() && asFirstChild ? destination.insertBefore(source, destination.firstChild) : destination.appendChild(source);
-  }
-}
-const mk = (tag) => document.createElement(tag);
-function addClass(node, ...classes) {
-  node.classList.add(...classes);
-}
-function setAttr(node, attribute, value) {
-  node.setAttribute(attribute, value);
-}
-class Exception extends Error {
-  constructor(message, cause) {
-    super(message);
-    this.name = this.constructor.name;
-    this.cause = cause;
-  }
-}
-class DestinationException extends Exception {
-  constructor(message, destination, cause) {
-    super(message);
-    this.destination = destination;
-    this.cause = cause;
-  }
-}
-class IllegalArgumentException extends Exception {
-  constructor(message, argument) {
-    super(message);
-    this.argument = argument;
-  }
-}
-class NanosplashRepository {
-  static destinationToNode(destination) {
-    if (typeof destination === "string") {
-      try {
-        const element = get(destination);
-        if (!element) {
-          throw new Exception(`No DOM match with ${destination}`);
-        }
-        return element;
-      } catch (e) {
-        throw new DestinationException(`Destination (${destination}) is either invalid or non-existing in DOM`, destination, e);
-      }
-    } else if (destination instanceof Node) {
-      return destination;
-    }
-    throw new IllegalArgumentException(`Destination (${destination}) must be either a Node or a CSS selector`, destination);
-  }
-  static createContextualApiObject(splash) {
-    const ctx = {
-      getId: () => splash.getId(),
-      remove: () => splash.delete(),
-      moveTo: (selector) => splash.moveTo(selector),
-      getText: () => splash.getText(),
-      setText: (text) => splash.setText(text),
-      getImgSrc: () => splash.getImgSrc(),
-      setImgSrc: (src) => splash.setImgSrc(src)
-    };
-    return {
-      ...ctx,
-      inside: (selector) => {
-        splash.moveTo(selector);
-        return ctx;
-      }
-    };
-  }
-  static createNanosplashSpinnerElement() {
-    const div = mk("div");
-    addClass(div, "ns-spinner");
-    div.innerHTML = `
-            <svg viewBox="0 0 50 50">
-                <circle class="path" cx="25" cy="25" r="20" fill="none"></circle>
-            </svg>
-        `;
-    return div;
-  }
-}
-class SplashInstance {
-  constructor(ns, text, imgSrc) {
-    var _a;
-    this.nsRootElement = mk("div");
-    this.nsTextElement = mk("div");
-    this.nsTextContainerElement = mk("div");
-    this.nsSpinnerElement = NanosplashRepository.createNanosplashSpinnerElement();
-    this.nsWindowElement = mk("div");
-    this.nsWrapperElement = mk("div");
-    this.nsContentElement = mk("div");
-    this.nsImageElement = mk("img");
-    this.id = Math.random().toString(36).substring(2);
-    this.nsInstance = ns;
-    this.nsTextElement.innerText = text;
-    this.imgSrc = imgSrc;
-    this.nsImageElement.src = (_a = this.imgSrc) != null ? _a : "";
-    this.nsImageElement.alt = Nanosplash.APP_NAME;
-    this.nsRootElement.style.fontSize = ns.getFontSize();
-    this.nsSpinnerElement.style.display = ns.spinnerIsVisible() ? "flex" : "none";
-    this.assembleNSComponent();
-    this.setImgSrc(imgSrc);
-  }
-  assignCSSClasses() {
-    addClass(this.nsContentElement, "ns-container");
-    addClass(this.nsWrapperElement, "ns-blur");
-    addClass(this.nsImageElement, "ns-img");
-    addClass(this.nsTextElement, "ns-text");
-    addClass(this.nsTextContainerElement, "ns-text-container");
-    addClass(this.nsSpinnerElement, "ns-spinner");
-    addClass(this.nsWindowElement, "ns", "ns-window");
-    addClass(this.nsRootElement, "ns-wrapper");
-  }
-  assembleElementStructure() {
-    this.nsTextContainerElement.append(this.nsTextElement, this.nsSpinnerElement);
-    this.nsContentElement.append(this.nsImageElement, this.nsTextContainerElement);
-    this.nsWindowElement.append(this.nsContentElement);
-    this.nsRootElement.append(this.nsWrapperElement, this.nsWindowElement);
-  }
-  assembleNSComponent() {
-    this.nsRootElement.id = this.getId();
-    setAttr(this.nsRootElement, "data-ctx", "nanosplash");
-    this.assembleElementStructure();
-    this.assignCSSClasses();
-  }
-  getId() {
-    return this.id;
-  }
-  getText() {
-    return this.nsTextElement.innerText;
-  }
-  setText(text) {
-    this.nsTextElement.innerText = text;
-    return this;
-  }
-  getImgSrc() {
-    return this.imgSrc;
-  }
-  setImgSrc(src) {
-    this.nsImageElement.src = src != null ? src : "";
-    this.nsImageElement.style.display = src ? "block" : "none";
-    this.assembleElementStructure();
-    return this;
-  }
-  getDestination() {
-    return this.destinationNode;
-  }
-  cleanAndRestore() {
-    const currentParent = this.nsRootElement.parentElement;
-    if (currentParent) {
-      this.restoreDOMStructure(currentParent);
-    }
-  }
-  resetFullscreenAttributes() {
-    setAttr(this.nsRootElement, "style", "");
-    this.nsRootElement.classList.remove("ns-fs");
-  }
-  moveWithRegularStrategy(targetNode) {
-    const targetParentNode = targetNode.parentNode;
-    if (targetParentNode) {
-      this.restoreDOMStructure(targetParentNode);
-      targetParentNode.replaceChild(this.nsRootElement, targetNode);
-      this.nsWrapperElement.appendChild(targetNode);
-    }
-  }
-  moveWithFullscreenStrategy() {
-    this.nsRootElement.classList.add("ns-fs");
-    move(this.nsRootElement, document.body, true);
-  }
-  replaceSplashInstancesHavingSameDestination(destinationNode) {
-    const fnNotSameInstance = (v) => v.getId() !== this.getId();
-    const fnDelete = (v) => v.delete();
-    this.nsInstance.getFromDestinationNode(destinationNode).filter(fnNotSameInstance).forEach(fnDelete);
-  }
-  moveTo(destination) {
-    try {
-      this.cleanAndRestore();
-      this.destinationNode = NanosplashRepository.destinationToNode(destination);
-      this.replaceSplashInstancesHavingSameDestination(this.destinationNode);
-      const targetIsBody = this.destinationNode === document.body;
-      if (targetIsBody) {
-        this.moveWithFullscreenStrategy();
-      } else {
-        this.resetFullscreenAttributes();
-        this.moveWithRegularStrategy(this.destinationNode);
-      }
-      this.assembleNSComponent();
-    } catch (e) {
-      this.delete();
-      if (this.nsInstance.debug) {
-        console.warn(e);
-      }
-    }
-  }
-  forEachWrappedNode(callback) {
-    Array.from(this.nsWrapperElement.childNodes).forEach(callback);
-  }
-  restoreDOMStructure(parentNode) {
-    this.forEachWrappedNode((child) => parentNode.insertBefore(child, this.nsRootElement));
-  }
-  removeElementsFromDOM() {
-    [
-      this.nsTextElement,
-      this.nsSpinnerElement,
-      this.nsTextContainerElement,
-      this.nsImageElement,
-      this.nsContentElement,
-      this.nsWrapperElement,
-      this.nsWindowElement,
-      this.nsRootElement
-    ].forEach((v) => v.remove());
-  }
-  delete() {
-    this.cleanAndRestore();
-    this.removeElementsFromDOM();
-    this.nsInstance.delete(this);
-  }
-}
-class NanosplashFactory {
-  static ensureInstance(splash, ns, text, imgSrc) {
-    var _a;
-    if (!splash) {
-      splash = new SplashInstance(ns, text, imgSrc);
-    }
-    return splash.setText(text).setImgSrc((_a = splash.getImgSrc()) != null ? _a : imgSrc);
-  }
-  static createShowFunction(ns, splash) {
-    return (text) => {
-      splash = NanosplashFactory.ensureInstance(splash, ns, text);
-      ns.instances.set(splash.getId(), splash);
-      splash.moveTo(document.body);
-      return NanosplashRepository.createContextualApiObject(splash);
-    };
-  }
-  static createProgressFunction(ns, splash) {
-    return (...jobs) => {
-      splash = NanosplashFactory.ensureInstance(splash, ns, "");
-      splash.moveTo(document.body);
-      (async () => {
-        for (const [_, [job, text]] of jobs.entries()) {
-          splash.setText(text);
-          await job;
-        }
-        splash.delete();
-      })();
-      return NanosplashRepository.createContextualApiObject(splash);
-    };
-  }
-  static createWhileFunction(ns, splash) {
-    return (asyncTask) => {
-      splash = NanosplashFactory.ensureInstance(splash, ns, "");
-      return {
-        show(text) {
-          ns.instances.set(splash.getId(), splash);
-          splash.moveTo(document.body);
-          splash.setText(text);
-          asyncTask.finally(() => splash.delete());
-          return NanosplashRepository.createContextualApiObject(splash);
-        }
-      };
-    };
-  }
-}
-const _Nanosplash = class {
-  constructor(options) {
-    var _a;
-    this.debug = (options == null ? void 0 : options.debug) === void 0 ? _Nanosplash.DEBUG : options.spinner;
-    this.imgSrc = options == null ? void 0 : options.imgSrc;
-    this.spinner = (options == null ? void 0 : options.spinner) === void 0 ? _Nanosplash.SPINNER_DEFAULT_VISIBILITY : options.spinner;
-    this.fontSize = (_a = options == null ? void 0 : options.fontSize) != null ? _a : "18px";
-    this.instances = /* @__PURE__ */ new Map();
-  }
-  setImgSrc(value) {
-    this.imgSrc = value;
-    return this;
-  }
-  showSpinner(value) {
-    this.spinner = value;
-    return this;
-  }
-  setFontSize(value) {
-    this.fontSize = value;
-    return this;
-  }
-  getImgSrc() {
-    return this.imgSrc;
-  }
-  spinnerIsVisible() {
-    return this.spinner;
-  }
-  getFontSize() {
-    return this.fontSize;
-  }
-  show(text) {
-    return NanosplashFactory.createShowFunction(this, new SplashInstance(this, text, this.imgSrc))(text);
-  }
-  progress(...jobs) {
-    return NanosplashFactory.createProgressFunction(this, new SplashInstance(this, "", this.imgSrc))(...jobs);
-  }
-  while(asyncTask) {
-    return NanosplashFactory.createWhileFunction(this, new SplashInstance(this, "", this.imgSrc))(asyncTask);
-  }
-  lifoIterate(callback) {
-    const n = this.instances.size;
-    const instances = Array.from(this.instances.values());
-    for (let i = n - 1; i >= 0; i--) {
-      const instance = instances[i];
-      const id = instance.getId();
-      if (!callback(id, instance, i)) {
-        break;
-      }
-    }
-  }
-  delete(splashInstance) {
-    this.instances.delete(splashInstance.getId());
-  }
-  hideAll() {
-    this.instances.forEach((instance) => instance.delete());
-  }
-  hide(ref) {
-    try {
-      if (ref) {
-        const isString = typeof ref === "string";
-        const isNode = ref instanceof Node;
-        const deleteInstancesWhereDestination = (destination) => {
-          Array.from(this.instances.values()).filter((v) => v.getDestination() === destination).forEach((v) => v.delete());
-        };
-        if (isString) {
-          const splashInstance = this.instances.get(ref);
-          if (splashInstance) {
-            splashInstance.delete();
-            return;
-          } else {
-            const element = get(ref);
-            if (element) {
-              deleteInstancesWhereDestination(element);
-            }
-            throw new Exception(`The CSS selector (${ref}) points to a non-existing DOM element.`);
-          }
-        } else if (isNode) {
-          deleteInstancesWhereDestination(ref);
-        } else {
-          throw new IllegalArgumentException("The ref argument must be either a string or Node", ref);
-        }
-      } else {
-        const n = this.instances.size;
-        this.lifoIterate((_, splashInstance, i) => {
-          const remove = i === n - 1;
-          if (remove) {
-            splashInstance.delete();
-          }
-          return remove;
-        });
-      }
-    } catch (e) {
-      if (this.debug) {
-        console.warn(e);
-      }
-    }
-  }
-  getFromDestinationNode(node) {
-    const fnSameDestinationNode = (v) => v.getDestination() === node;
-    return Array.from(this.instances.values()).filter(fnSameDestinationNode);
-  }
-};
-let Nanosplash = _Nanosplash;
-Nanosplash.APP_NAME = "Nanosplash";
-Nanosplash.SPINNER_DEFAULT_VISIBILITY = true;
-Nanosplash.DEBUG = true;
-export { Nanosplash as default };

package/dist/module/style.css

@@ -1 +0,0 @@
-.ns-blur,body .ns-fs~*{filter:blur(5px);overflow:hidden}.ns-wrapper{position:relative}.ns-fs{left:0;min-height:100vh;min-width:100%;position:fixed;top:0;z-index:2}.ns-window{align-items:center;background-color:#fffc;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.ns-img{margin-bottom:2em;max-height:9rem;width:9rem}.ns-text-container{align-items:center}.ns-text,.ns-text-container{display:flex;justify-content:center}.ns-text{color:#5a6685}.ns-spinner{display:flex;height:1em;margin-left:1em;width:1em}.ns-spinner>svg{stroke-width:8;-webkit-animation:Rotate 2s linear infinite;animation:Rotate 2s linear infinite;height:inherit;position:relative;width:inherit}.ns-spinner .path{stroke:#5a6685;stroke-linecap:round;-webkit-animation:Dash 1.5s ease-in-out infinite;animation:Dash 1.5s ease-in-out infinite}@-webkit-keyframes Rotate{to{transform:rotate(1turn)}}@keyframes Rotate{to{transform:rotate(1turn)}}@-webkit-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}}@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/docs/index.html

@@ -1,131 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEwIiBoZWlnaHQ9IjQwNCIgdmlld0JveD0iMCAwIDQxMCA0MDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zOTkuNjQxIDU5LjUyNDZMMjE1LjY0MyAzODguNTQ1QzIxMS44NDQgMzk1LjMzOCAyMDIuMDg0IDM5NS4zNzggMTk4LjIyOCAzODguNjE4TDEwLjU4MTcgNTkuNTU2M0M2LjM4MDg3IDUyLjE4OTYgMTIuNjgwMiA0My4yNjY1IDIxLjAyODEgNDQuNzU4NkwyMDUuMjIzIDc3LjY4MjRDMjA2LjM5OCA3Ny44OTI0IDIwNy42MDEgNzcuODkwNCAyMDguNzc2IDc3LjY3NjNMMzg5LjExOSA0NC44MDU4QzM5Ny40MzkgNDMuMjg5NCA0MDMuNzY4IDUyLjE0MzQgMzk5LjY0MSA1OS41MjQ2WiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPgo8cGF0aCBkPSJNMjkyLjk2NSAxLjU3NDRMMTU2LjgwMSAyOC4yNTUyQzE1NC41NjMgMjguNjkzNyAxNTIuOTA2IDMwLjU5MDMgMTUyLjc3MSAzMi44NjY0TDE0NC4zOTUgMTc0LjMzQzE0NC4xOTggMTc3LjY2MiAxNDcuMjU4IDE4MC4yNDggMTUwLjUxIDE3OS40OThMMTg4LjQyIDE3MC43NDlDMTkxLjk2NyAxNjkuOTMxIDE5NS4xNzIgMTczLjA1NSAxOTQuNDQzIDE3Ni42MjJMMTgzLjE4IDIzMS43NzVDMTgyLjQyMiAyMzUuNDg3IDE4NS45MDcgMjM4LjY2MSAxODkuNTMyIDIzNy41NkwyMTIuOTQ3IDIzMC40NDZDMjE2LjU3NyAyMjkuMzQ0IDIyMC4wNjUgMjMyLjUyNyAyMTkuMjk3IDIzNi4yNDJMMjAxLjM5OCAzMjIuODc1QzIwMC4yNzggMzI4LjI5NCAyMDcuNDg2IDMzMS4yNDkgMjEwLjQ5MiAzMjYuNjAzTDIxMi41IDMyMy41TDMyMy40NTQgMTAyLjA3MkMzMjUuMzEyIDk4LjM2NDUgMzIyLjEwOCA5NC4xMzcgMzE4LjAzNiA5NC45MjI4TDI3OS4wMTQgMTAyLjQ1NEMyNzUuMzQ3IDEwMy4xNjEgMjcyLjIyNyA5OS43NDYgMjczLjI2MiA5Ni4xNTgzTDI5OC43MzEgNy44NjY4OUMyOTkuNzY3IDQuMjczMTQgMjk2LjYzNiAwLjg1NTE4MSAyOTIuOTY1IDEuNTc0NFoiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcikiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9IjYuMDAwMTciIHkxPSIzMi45OTk5IiB4Mj0iMjM1IiB5Mj0iMzQ0IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0MUQxRkYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjQkQzNEZFIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhciIgeDE9IjE5NC42NTEiIHkxPSI4LjgxODE4IiB4Mj0iMjM2LjA3NiIgeTI9IjI5Mi45ODkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRUE4MyIvPgo8c3RvcCBvZmZzZXQ9IjAuMDgzMzMzMyIgc3RvcC1jb2xvcj0iI0ZGREQzNSIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkE4MDAiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K" />
-		<script src="https://cdn.tailwindcss.com"></script>
-		<link href="https://cdn.lineicons.com/3.0/lineicons.css" rel="stylesheet" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>Nanosplash</title>
-		<meta name="description" content="The tiny loading screen" />
-		<meta name="keywords" content="splash, screen, loading" />
-		<meta name="author" content="Isak Hauge" />
-		<script type="module" crossorigin src="/nanosplash.iife.js"></script>
-		<link rel="stylesheet" href="/style.css">
-	</head>
-	<body class="flex flex-col justify-between">
-		<div class="w-100 min-h-screen flex flex-col justify-center items-center">
-			<div class="text-4xl text-slate-900 drop-shadow-lg">Nanosplash</div>
-			<div class="text-pink-500 mt-3 font-mono text-sm">ns.show('text').inside('#id')</div>
-			<div class="flex gap-5">
-				<div
-						id="demo"
-						class="bg-pink-500 text-pink-200 p-3 cursor-pointer hover:text-white rounded-xl shadow-xl mt-8"
-				>
-					<i class="lni lni-play"></i>
-					Display demo
-				</div>
-				<a
-						href="#example"
-						class="bg-slate-500 text-slate-200 p-3 cursor-pointer hover:text-white rounded-xl shadow-xl mt-8"
-				>
-					Show examples
-				</a>
-			</div>
-			<div class="flex flex-col space-y-2 my-10">
-				<div class="flex space-x-2 justify-center">
-					<img src="https://badgen.net/npm/v/nanosplash" />
-					<img src="https://badgen.net/npm/types/nanosplash" />
-					<img src="https://badgen.net/npm/dw/nanosplash" />
-				</div>
-				<div class="flex space-x-2 justify-center">
-					<img src="https://badgen.net/bundlephobia/min/nanosplash" />
-					<img
-							src="https://badgen.net/bundlephobia/tree-shaking/nanosplash"
-					/>
-				</div>
-			</div>
-			<div class="flex rounded-xl text-slate-400 shadow-xl overflow-hidden">
-				<div data-copy class="p-3 bg-slate-800 text-slate-400 font-mono">
-					&lt;script src=&quot;https://unpkg.com/nanosplash/dist/iife/nanosplash.iife.js&quot;&gt;
-				</div>
-				<div id="copy" class="bg-pink-500 text-pink-200 p-3 cursor-pointer hover:text-white">Copy</div>
-			</div>
-			<div class="mt-10 flex justify-content items-center divide-x-2 text-slate-400">
-				<a href="https://www.npmjs.com/package/nanosplash" target="_blank"><i class="lni lni-npm text-4xl hover:text-pink-500 px-5"></i></a>
-				<a href="https://github.com/isakhauge/nanosplash" target="_blank"><i class="lni lni-github-original text-2xl hover:text-pink-500 px-5"></i></a>
-			</div>
-			<a class="mt-10 text-pink-300 hover:text-pink-500" href="https://rawcdn.githack.com/isakhauge/nanosplash/0a6cdef58b0e47c0cad911952b1a329df58d2c24/docs/typedoc/index.html">API Reference Documentation</a>
-		</div>
-		<div id="example" class="grid grid-cols-1 xl:grid-cols-2 gap-1">
-			<div id="a" class="p-20 bg-slate-100 flex flex-col items-center">
-				<div class="text-xl mb-10">Give user progress feedback</div>
-				<div class="text-white bg-slate-800 p-5 rounded-xl shadow-2xl font-mono text-sm break-all">
-					ns.progress(<br>
-					&nbsp;&nbsp;[promise1, 'Loading A'],<br>
-					&nbsp;&nbsp;[promise2, 'Loading B'],<br>
-					&nbsp;&nbsp;[promise3, 'Loading C'],<br>
-					).inside('#myDiv')
-				</div>
-			</div>
-			<div id="b" class="p-20 bg-slate-100 flex flex-col items-center">
-				<div class="text-xl mb-10">Handle async functions</div>
-				<div class="text-white bg-slate-800 p-5 rounded-xl shadow-2xl font-mono text-sm break-all">
-					ns.while(promise).show('Loading ...').inside('#myDiv')
-				</div>
-			</div>
-			<div id="c" class="p-20 bg-slate-100 flex flex-col items-center">
-				<div class="text-xl mb-10">Display fullscreen</div>
-				<div class="text-white bg-slate-800 p-5 rounded-xl shadow-2xl font-mono text-sm break-all">
-					ns.show('Fullscreen text')
-				</div>
-			</div>
-			<div id="d" class="p-20 bg-slate-100 flex flex-col items-center">
-				<div class="text-xl mb-10">Display multiple, independent instances</div>
-				<div class="text-white bg-slate-800 p-5 rounded-xl shadow-2xl font-mono text-sm break-all">
-					ns.show('Loading component A').inside('#a')<br>
-					ns.show('Loading component B').inside('#b')<br>
-					ns.show('Loading component C').inside('#c')
-				</div>
-			</div>
-			<div id="e" class="p-20 bg-slate-100 flex flex-col items-center">
-				<div class="text-xl mb-10">Move splash instance to another destination</div>
-				<div class="text-white bg-slate-800 p-5 rounded-xl shadow-2xl font-mono text-sm break-all">
-					const splash = ns.show('Loading').inside('#a')<br>
-					splash.moveTo('#b')
-				</div>
-			</div>
-			<div id="f" class="p-20 bg-slate-100 flex flex-col items-center">
-				<div class="text-xl mb-10">Hide splash instances</div>
-				<div class="text-white bg-slate-800 p-5 rounded-xl shadow-2xl font-mono text-sm break-all">
-					// Hides one instance at a time, in a LIFO-fashion.<br>
-					ns.hide()<br><br>
-					// Hides all instances.<br>
-					ns.hideAll()
-				</div>
-			</div>
-		</div>
-		<footer>
-			
-			<script>
-				window.addEventListener('load',  () => {
-					document.getElementById('demo').onclick = function () {
-						const wait = ms => new Promise(r => setTimeout(r, ms))
-						window.ns.progress(
-								[wait(2000), 'Loading data from API'],
-								[wait(4000), 'Restructuring'],
-								[wait(6000), 'Indexing'],
-								[wait(8000), 'Give this repo a star']
-						)
-					}
-					document.getElementById('copy').onclick = function () {
-						const text = document.querySelector('[data-copy]').innerText
-						navigator.clipboard.writeText(text)
-						alert('Copied to clipboard!')
-					}
-				})
-			</script>
-		</footer>
-		<style>body{min-height:100vh}</style>
-	</body>
-</html>

package/docs/nanosplash.iife.js

@@ -1,6 +0,0 @@
-(function(){"use strict";const w=function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))i(s);new MutationObserver(s=>{for(const r of s)if(r.type==="childList")for(const m of r.addedNodes)m.tagName==="LINK"&&m.rel==="modulepreload"&&i(m)}).observe(document,{childList:!0,subtree:!0});function t(s){const r={};return s.integrity&&(r.integrity=s.integrity),s.referrerpolicy&&(r.referrerPolicy=s.referrerpolicy),s.crossorigin==="use-credentials"?r.credentials="include":s.crossorigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function i(s){if(s.ep)return;s.ep=!0;const r=t(s);fetch(s.href,r)}};var y=(()=>`.ns-blur,body .ns-fs~*{filter:blur(5px);overflow:hidden}.ns-wrapper{position:relative}.ns-fs{left:0;min-height:100vh;min-width:100%;position:fixed;top:0;z-index:2}.ns-window{align-items:center;background-color:#fffc;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.ns-img{margin-bottom:2em;max-height:9rem;width:9rem}.ns-text-container{align-items:center}.ns-text,.ns-text-container{display:flex;justify-content:center}.ns-text{color:#5a6685}.ns-spinner{display:flex;height:1em;margin-left:1em;width:1em}.ns-spinner>svg{stroke-width:8;-webkit-animation:Rotate 2s linear infinite;animation:Rotate 2s linear infinite;height:inherit;position:relative;width:inherit}.ns-spinner .path{stroke:#5a6685;stroke-linecap:round;-webkit-animation:Dash 1.5s ease-in-out infinite;animation:Dash 1.5s ease-in-out infinite}@-webkit-keyframes Rotate{to{transform:rotate(1turn)}}@keyframes Rotate{to{transform:rotate(1turn)}}@-webkit-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}}@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}}
-`)();function g(n){return document.querySelector(n)}function p(n,e,t=!1){n&&e&&(e.hasChildNodes()&&t?e.insertBefore(n,e.firstChild):e.appendChild(n))}const a=n=>document.createElement(n);function o(n,...e){n.classList.add(...e)}function E(n,e,t){n.setAttribute(e,t)}class d extends Error{constructor(e,t){super(e),this.name=this.constructor.name,this.cause=t}}class I extends d{constructor(e,t,i){super(e),this.destination=t,this.cause=i}}class S extends d{constructor(e,t){super(e),this.argument=t}}class h{static destinationToNode(e){if(typeof e=="string")try{const t=g(e);if(!t)throw new d(`No DOM match with ${e}`);return t}catch(t){throw new I(`Destination (${e}) is either invalid or non-existing in DOM`,e,t)}else if(e instanceof Node)return e;throw new S(`Destination (${e}) must be either a Node or a CSS selector`,e)}static createContextualApiObject(e){const t={getId:()=>e.getId(),remove:()=>e.delete(),moveTo:i=>e.moveTo(i),getText:()=>e.getText(),setText:i=>e.setText(i),getImgSrc:()=>e.getImgSrc(),setImgSrc:i=>e.setImgSrc(i)};return{...t,inside:i=>(e.moveTo(i),t)}}static createNanosplashSpinnerElement(){const e=a("div");return o(e,"ns-spinner"),e.innerHTML=`
-            <svg viewBox="0 0 50 50">
-                <circle class="path" cx="25" cy="25" r="20" fill="none"></circle>
-            </svg>
-        `,e}}class u{constructor(e,t,i){var s;this.nsRootElement=a("div"),this.nsTextElement=a("div"),this.nsTextContainerElement=a("div"),this.nsSpinnerElement=h.createNanosplashSpinnerElement(),this.nsWindowElement=a("div"),this.nsWrapperElement=a("div"),this.nsContentElement=a("div"),this.nsImageElement=a("img"),this.id=Math.random().toString(36).substring(2),this.nsInstance=e,this.nsTextElement.innerText=t,this.imgSrc=i,this.nsImageElement.src=(s=this.imgSrc)!=null?s:"",this.nsImageElement.alt=l.APP_NAME,this.nsRootElement.style.fontSize=e.getFontSize(),this.nsSpinnerElement.style.display=e.spinnerIsVisible()?"flex":"none",this.assembleNSComponent(),this.setImgSrc(i)}assignCSSClasses(){o(this.nsContentElement,"ns-container"),o(this.nsWrapperElement,"ns-blur"),o(this.nsImageElement,"ns-img"),o(this.nsTextElement,"ns-text"),o(this.nsTextContainerElement,"ns-text-container"),o(this.nsSpinnerElement,"ns-spinner"),o(this.nsWindowElement,"ns","ns-window"),o(this.nsRootElement,"ns-wrapper")}assembleElementStructure(){this.nsTextContainerElement.append(this.nsTextElement,this.nsSpinnerElement),this.nsContentElement.append(this.nsImageElement,this.nsTextContainerElement),this.nsWindowElement.append(this.nsContentElement),this.nsRootElement.append(this.nsWrapperElement,this.nsWindowElement)}assembleNSComponent(){this.nsRootElement.id=this.getId(),E(this.nsRootElement,"data-ctx","nanosplash"),this.assembleElementStructure(),this.assignCSSClasses()}getId(){return this.id}getText(){return this.nsTextElement.innerText}setText(e){return this.nsTextElement.innerText=e,this}getImgSrc(){return this.imgSrc}setImgSrc(e){return this.nsImageElement.src=e!=null?e:"",this.nsImageElement.style.display=e?"block":"none",this.assembleElementStructure(),this}getDestination(){return this.destinationNode}cleanAndRestore(){const e=this.nsRootElement.parentElement;e&&this.restoreDOMStructure(e)}resetFullscreenAttributes(){E(this.nsRootElement,"style",""),this.nsRootElement.classList.remove("ns-fs")}moveWithRegularStrategy(e){const t=e.parentNode;t&&(this.restoreDOMStructure(t),t.replaceChild(this.nsRootElement,e),this.nsWrapperElement.appendChild(e))}moveWithFullscreenStrategy(){this.nsRootElement.classList.add("ns-fs"),p(this.nsRootElement,document.body,!0)}replaceSplashInstancesHavingSameDestination(e){const t=s=>s.getId()!==this.getId(),i=s=>s.delete();this.nsInstance.getFromDestinationNode(e).filter(t).forEach(i)}moveTo(e){try{this.cleanAndRestore(),this.destinationNode=h.destinationToNode(e),this.replaceSplashInstancesHavingSameDestination(this.destinationNode),this.destinationNode===document.body?this.moveWithFullscreenStrategy():(this.resetFullscreenAttributes(),this.moveWithRegularStrategy(this.destinationNode)),this.assembleNSComponent()}catch(t){this.delete(),this.nsInstance.debug&&console.warn(t)}}forEachWrappedNode(e){Array.from(this.nsWrapperElement.childNodes).forEach(e)}restoreDOMStructure(e){this.forEachWrappedNode(t=>e.insertBefore(t,this.nsRootElement))}removeElementsFromDOM(){[this.nsTextElement,this.nsSpinnerElement,this.nsTextContainerElement,this.nsImageElement,this.nsContentElement,this.nsWrapperElement,this.nsWindowElement,this.nsRootElement].forEach(e=>e.remove())}delete(){this.cleanAndRestore(),this.removeElementsFromDOM(),this.nsInstance.delete(this)}}class c{static ensureInstance(e,t,i,s){var r;return e||(e=new u(t,i,s)),e.setText(i).setImgSrc((r=e.getImgSrc())!=null?r:s)}static createShowFunction(e,t){return i=>(t=c.ensureInstance(t,e,i),e.instances.set(t.getId(),t),t.moveTo(document.body),h.createContextualApiObject(t))}static createProgressFunction(e,t){return(...i)=>(t=c.ensureInstance(t,e,""),t.moveTo(document.body),(async()=>{for(const[s,[r,m]]of i.entries())t.setText(m),await r;t.delete()})(),h.createContextualApiObject(t))}static createWhileFunction(e,t){return i=>(t=c.ensureInstance(t,e,""),{show(s){return e.instances.set(t.getId(),t),t.moveTo(document.body),t.setText(s),i.finally(()=>t.delete()),h.createContextualApiObject(t)}})}}const f=class{constructor(n){var e;this.debug=(n==null?void 0:n.debug)===void 0?f.DEBUG:n.spinner,this.imgSrc=n==null?void 0:n.imgSrc,this.spinner=(n==null?void 0:n.spinner)===void 0?f.SPINNER_DEFAULT_VISIBILITY:n.spinner,this.fontSize=(e=n==null?void 0:n.fontSize)!=null?e:"18px",this.instances=new Map}setImgSrc(n){return this.imgSrc=n,this}showSpinner(n){return this.spinner=n,this}setFontSize(n){return this.fontSize=n,this}getImgSrc(){return this.imgSrc}spinnerIsVisible(){return this.spinner}getFontSize(){return this.fontSize}show(n){return c.createShowFunction(this,new u(this,n,this.imgSrc))(n)}progress(...n){return c.createProgressFunction(this,new u(this,"",this.imgSrc))(...n)}while(n){return c.createWhileFunction(this,new u(this,"",this.imgSrc))(n)}lifoIterate(n){const e=this.instances.size,t=Array.from(this.instances.values());for(let i=e-1;i>=0;i--){const s=t[i],r=s.getId();if(!n(r,s,i))break}}delete(n){this.instances.delete(n.getId())}hideAll(){this.instances.forEach(n=>n.delete())}hide(n){try{if(n){const e=typeof n=="string",t=n instanceof Node,i=s=>{Array.from(this.instances.values()).filter(r=>r.getDestination()===s).forEach(r=>r.delete())};if(e){const s=this.instances.get(n);if(s){s.delete();return}else{const r=g(n);throw r&&i(r),new d(`The CSS selector (${n}) points to a non-existing DOM element.`)}}else if(t)i(n);else throw new S("The ref argument must be either a string or Node",n)}else{const e=this.instances.size;this.lifoIterate((t,i,s)=>{const r=s===e-1;return r&&i.delete(),r})}}catch(e){this.debug&&console.warn(e)}}getFromDestinationNode(n){const e=t=>t.getDestination()===n;return Array.from(this.instances.values()).filter(e)}};let l=f;l.APP_NAME="Nanosplash",l.SPINNER_DEFAULT_VISIBILITY=!0,l.DEBUG=!0,window.addEventListener("load",()=>{window.Nanosplash=l,window.ns=new l})})();

package/docs/style.css

@@ -1 +0,0 @@
-.ns-blur,body .ns-fs~*{filter:blur(5px);overflow:hidden}.ns-wrapper{position:relative}.ns-fs{left:0;min-height:100vh;min-width:100%;position:fixed;top:0;z-index:2}.ns-window{align-items:center;background-color:#fffc;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.ns-img{margin-bottom:2em;max-height:9rem;width:9rem}.ns-text-container{align-items:center}.ns-text,.ns-text-container{display:flex;justify-content:center}.ns-text{color:#5a6685}.ns-spinner{display:flex;height:1em;margin-left:1em;width:1em}.ns-spinner>svg{stroke-width:8;-webkit-animation:Rotate 2s linear infinite;animation:Rotate 2s linear infinite;height:inherit;position:relative;width:inherit}.ns-spinner .path{stroke:#5a6685;stroke-linecap:round;-webkit-animation:Dash 1.5s ease-in-out infinite;animation:Dash 1.5s ease-in-out infinite}@-webkit-keyframes Rotate{to{transform:rotate(1turn)}}@keyframes Rotate{to{transform:rotate(1turn)}}@-webkit-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}}@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/docs/typedoc/.nojekyll

@@ -1 +0,0 @@
-TypeDoc added this file to prevent GitHub Pages from using Jekyll. You can turn off this behavior by setting the `githubPages` option to false.

package/docs/typedoc/assets/highlight.css

@@ -1,22 +0,0 @@
-:root {
-    --light-code-background: #F5F5F5;
-    --dark-code-background: #1E1E1E;
-}
-
-@media (prefers-color-scheme: light) { :root {
-    --code-background: var(--light-code-background);
-} }
-
-@media (prefers-color-scheme: dark) { :root {
-    --code-background: var(--dark-code-background);
-} }
-
-body.light {
-    --code-background: var(--light-code-background);
-}
-
-body.dark {
-    --code-background: var(--dark-code-background);
-}
-
-pre, code { background: var(--code-background); }