nanosplash 2.5.2 → 3.0.0

package/tests/NanosplashService.spec.ts

@@ -0,0 +1,119 @@
+// @ts-strict
+
+import { JSDOM } from 'jsdom'
+import { beforeEach, describe, expect, it } from 'vitest'
+import NanosplashService from '../src/ts/core/Nanosplash/services/NanosplashService'
+import Nanosplash from '../src/ts/core/Nanosplash/Nanosplash'
+import { GUIDString } from '../src/ts/types/Alias'
+import { getRecycledNS } from '../src/ts/core/Nanosplash/repositories/NanosplashRepository'
+
+describe('NanosplashService', () => {
+	const nss = NanosplashService.getInstance()
+	const getById = (id: GUIDString): Nanosplash | undefined =>
+		nss.nsStack.items.find((ns: Nanosplash) => ns.getId() === id)
+
+	// Reset the DOM before each test
+	beforeEach(() => {
+		const dom = new JSDOM()
+		// @ts-ignore
+		globalThis.window = dom.window
+		globalThis.document = dom.window.document
+		globalThis.DOMParser = dom.window.DOMParser
+		globalThis.Node = dom.window.Node
+	})
+
+	it('Should be able to create an instance', () => {
+		expect(nss).toBeInstanceOf(NanosplashService)
+	})
+
+	it('Should be able to get the same singleton instance', () => {
+		const nss1 = NanosplashService.getInstance()
+		const nss2 = NanosplashService.getInstance()
+		expect(nss1).toBe(nss2)
+	})
+
+	it('Should be able to start the service', () => {
+		NanosplashService.start()
+		expect(window.ns).toBeInstanceOf(NanosplashService)
+	})
+
+	it('Should be able to retrieve an existing Nanosplash instance from a destination node', () => {
+		const destinationNode = document.createElement('div')
+		document.body.appendChild(destinationNode)
+		destinationNode.id = 'test-id'
+		const nsInstance1 = getRecycledNS(destinationNode) as Nanosplash
+		expect(nsInstance1).toBeNull()
+		let nsId = nss.showInside('erroneous-selector', 'Hello World!')
+		expect(nsId).toBeNull()
+		nsId = nss.showInside('div[id="test-id"]', 'Hello World!')
+		const nsInstance2 = getRecycledNS(destinationNode)
+		expect(nsInstance2).toBeInstanceOf(Nanosplash)
+		expect(nsInstance2?.getId()).toBe(nsId)
+	})
+
+	it('Should be able to show a Nanosplash in the browser window', () => {
+		const text = 'Hello World!'
+		const nsId = nss.show(text)
+		const element = document.getElementById(nsId)
+		const ns = getById(nsId)
+		const nsText = ns?.getNSTextElement().innerText
+		expect(element).toBe(ns?.getNSElement())
+		expect(nsText).toBe(text)
+	})
+
+	it('Should be able to show a Nanosplash over a given element', () => {
+		const text = 'Hello World!'
+		const destination = document.createElement('div')
+		destination.id = 'test-id'
+		document.body.appendChild(destination)
+		const nsId = <string>nss.showInside('#test-id', text)
+		const element = document.getElementById(nsId)
+		const ns = getById(nsId)
+		const nsText = ns?.getNSTextElement().innerText
+		expect(element).toBe(ns?.getNSElement())
+		expect(nsText).toBe(text)
+	})
+
+	it('Should be able to hide a Nanosplash', () => {
+		const nsId = nss.show()
+		nss.hide()
+		const ns = getById(nsId)
+		expect(ns?.getNSElement()).toBeUndefined()
+	})
+
+	it('Should be able to hide all Nanosplashes', () => {
+		const div = (id: string) => {
+			const d = document.createElement('div')
+			d.id = id
+			return d
+		}
+		document.body.append(div('a'), div('b'), div('c'))
+		nss.hideAll()
+		expect(nss.nsStack.items.length).toBe(0)
+		nss.showInside('#a', 'A')
+		nss.showInside('#b', 'B')
+		nss.showInside('#c', 'C')
+		expect(nss.nsStack.items.length).toBe(3)
+		nss.hideAll()
+		expect(nss.nsStack.items.length).toBe(0)
+	})
+
+	it('Should be able to hide a Nanosplash based on its ID', () => {
+		const nsId = nss.show()
+		nss.hideId(nsId)
+		const ns = getById(nsId)
+		expect(ns?.getNSElement()).toBeUndefined()
+	})
+
+	it('Should be able to hide a Nanosplash residing inside a given element', () => {
+		const destination = document.createElement('div')
+		destination.id = 'test-id'
+		document.body.appendChild(destination)
+		let nsId = nss.showInside('#test-id')
+		nsId = nss.hideInside('erroneous-selector')
+		expect(nsId).toBeNull()
+		nsId = <string>nss.hideInside('#test-id')
+		const ns = getById(nsId)
+		expect(ns?.getNSElement()).toBeUndefined()
+	})
+})

package/tests/Stack.spec.ts

@@ -0,0 +1,56 @@
+// @ts-strict
+
+import { it, expect, describe } from 'vitest'
+import Stack from '../src/ts/util/Stack'
+
+describe('Stack', () => {
+	it('Should add items to the stack', () => {
+		const stack = new Stack<number>()
+		stack.push(1)
+		stack.push(2)
+		stack.push(3)
+		expect(stack.size()).toBe(3)
+	})
+
+	it('Should remove and return the item at the top of the stack', () => {
+		const stack = new Stack<string>()
+		stack.push('a')
+		stack.push('b')
+		stack.push('c')
+		const item = stack.pop()
+		expect(item).toBe('c')
+		expect(stack.size()).toBe(2)
+	})
+
+	it('Should return the item at the top of the stack without removing it', () => {
+		const stack = new Stack<number>()
+		stack.push(1)
+		stack.push(2)
+		stack.push(3)
+		const topItem = stack.peek()
+		expect(topItem).toBe(3)
+		expect(stack.size()).toBe(3)
+	})
+
+	it('Should return true if the stack is empty', () => {
+		const stack = new Stack<boolean>()
+		expect(stack.isEmpty()).toBe(true)
+	})
+
+	it('Should return the number of items in the stack', () => {
+		const stack = new Stack<string>()
+		stack.push('a')
+		stack.push('b')
+		stack.push('c')
+		expect(stack.size()).toBe(3)
+	})
+
+	it('Should clear the stack', () => {
+		const stack = new Stack<number>()
+		stack.push(1)
+		stack.push(2)
+		stack.push(3)
+		stack.clear()
+		expect(stack.isEmpty()).toBe(true)
+	})
+})

package/tsconfig.json

@@ -1,18 +1,22 @@
 {
   "compilerOptions": {
-    "target": "es6",
-    "types": ["vitest/globals"],
+    "target": "ESNext",
+    "useDefineForClassFields": true,
     "module": "ESNext",
     "lib": ["ESNext", "DOM"],
     "moduleResolution": "Node",
     "strict": true,
-    "sourceMap": true,
     "resolveJsonModule": true,
+    "isolatedModules": true,
     "esModuleInterop": true,
+    "noEmit": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noImplicitReturns": true,
-    "noEmit": true
+    "skipLibCheck": true
   },
-  "include": ["./src"]
+  "include": [
+    "src",
+    "tests"
+  ]
 }

package/vite.config.ts

@@ -1,16 +1,24 @@
-import { defineConfig } from 'vitest/config'
+import { defineConfig } from 'vite'
 
-export default defineConfig({
-    test: {
-        globals: true,
-        environment: 'jsdom',
-        coverage: {
-            reporter: ['text', 'html'],
-            exclude: [
-                'node_modules/',
-                'dist/',
-                'docs/',
-            ],
-        },
-    }
+export default defineConfig(({ command, mode, ssrBuild }) => {
+	if (command === 'serve') {
+		return {
+			// dev specific config
+		}
+	} else {
+		// command === 'build'
+		return {
+			build: {
+				lib: {
+					entry: './src/main.ts',
+					name: 'Nanosplash',
+					formats: ['iife', 'es', 'cjs'],
+					fileName: module => {
+						return `ns.${module}.js`
+					},
+				},
+				cssCodeSplit: true,
+			},
+		}
+	}
 })

package/.github/workflows/production.yml

@@ -1,60 +0,0 @@
-name: Production CI
-
-on:
-  push:
-    branches: [production]
-  pull_request:
-    branches: [production]
-
-  workflow_dispatch:
-
-jobs:
-  test:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - name: Jest (TS) Testing Procedure
-        run: |
-          yarn install
-          yarn test
-
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-        with:
-          fetch-depth: 0
-
-      # Checkout branch
-      - name: Checkout
-        run: |
-          git checkout production
-          git fetch
-          git pull origin
-
-      - name: Install npm packages
-        run: yarn install
-
-      - name: Transpile Typescript
-        run: yarn tsc
-
-      - name: Build IIFE bundle
-        run: yarn vite build -c vite.iife.config.js
-
-      - name: Build module bundles
-        run: yarn vite build -c vite.mod.config.js
-
-      - name: Build demo site
-        run: yarn vite build -c vite.site.config.js
-
-      - name: Build documentation site
-        run: yarn typedoc --readme none --excludePrivate --excludeInternal --out docs/typedoc --entryPoints src/Nanosplash.ts src/types.d.ts
-
-      # Persist changes and push
-      - name: Commit changes and push
-        run: |
-          git config user.name github-actions
-          git config user.email github-actions@github.com
-          git add .
-          git commit -m "Github Actions CI: Build Project for Production"
-          git push

package/.github/workflows/release.yml

@@ -1,61 +0,0 @@
-name: Release CI
-
-on:
-  push:
-    branches: [release]
-  pull_request:
-    branches: [release]
-
-  workflow_dispatch:
-
-jobs:
-  test:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - name: Jest (TS) Testing Procedure
-        run: |
-          yarn install
-          yarn test
-
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-
-      - name: Install npm packages
-        run: yarn install
-
-      - name: Transpile Typescript
-        run: yarn tsc
-
-      - name: Build IIFE bundle
-        run: yarn vite build -c vite.iife.config.js
-
-      - name: Build module bundles
-        run: yarn vite build -c vite.mod.config.js
-
-      - name: Build demo site
-        run: yarn vite build -c vite.site.config.js
-
-      - name: Build documentation site
-        run: yarn typedoc --readme none --excludePrivate --excludeInternal --out docs/typedoc --entryPoints src/Nanosplash.ts src/types.d.ts
-
-      # Persist changes and push
-      - name: Commit changes and push
-        run: |
-          git config user.name github-actions
-          git config user.email github-actions@github.com
-          git add .
-          git commit -m "Github Actions CI: Build Project for Production"
-          git push origin release
-
-  # Publish to NPM
-  publish:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - name: Publish NPM package
-        run: npm publish --access public
-        env:
-          NODE_AUTH_TOKEN: ${{secrets.NPM_AUTOMATION_TOKEN}}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2021 Isak Hauge
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/_config.yml

@@ -1 +0,0 @@
-theme: jekyll-theme-architect

package/dist/iife/manifest.json

@@ -1,7 +0,0 @@
-{
-  "src/main.ts": {
-    "file": "nanosplash.iife.js",
-    "src": "src/main.ts",
-    "isEntry": true
-  }
-}

package/dist/iife/nanosplash.iife.js

@@ -1 +0,0 @@
-var t=document.createElement("style");t.innerHTML=".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",document.head.appendChild(t),function(){function t(t){return document.querySelector(t)}const s=t=>document.createElement(t);function e(t,...s){t.classList.add(...s)}function i(t,s,e){t.setAttribute(s,e)}class n extends Error{constructor(t,s){super(t),this.name=this.constructor.name,this.t=s}}class r extends n{constructor(t,s,e){super(t),this.destination=s,this.t=e}}class h extends n{constructor(t,s){super(t),this.i=s}}class o{static h(s){if("string"==typeof s)try{const e=t(s);if(!e)throw new n(`No DOM match with ${s}`);return e}catch(t){throw new r(`Destination (${s}) is either invalid or non-existing in DOM`,s,t)}else if(s instanceof Node)return s;throw new h(`Destination (${s}) must be either a Node or a CSS selector`,s)}static o(t){const s={getId:()=>t.getId(),remove:()=>t.delete(),moveTo:s=>t.moveTo(s),getText:()=>t.getText(),setText:s=>t.setText(s),getImgSrc:()=>t.getImgSrc(),setImgSrc:s=>t.setImgSrc(s)};return{...s,inside:e=>(t.moveTo(e),s)}}static l(){const t=s("div");return e(t,"ns-spinner"),t.innerHTML='\n            <svg viewBox="0 0 50 50">\n                <circle class="path" cx="25" cy="25" r="20" fill="none"></circle>\n            </svg>\n        ',t}}class a{constructor(t,e,i){var n;this.u=s("div"),this.m=s("div"),this.g=s("div"),this.p=o.l(),this.v=s("div"),this.k=s("div"),this.S=s("div"),this.D=s("img"),this.id=Math.random().toString(36).substring(2),this.I=t,this.m.innerText=e,this.N=i,this.D.src=null!=(n=this.N)?n:"",this.D.alt=u.F,this.u.style.fontSize=t.T(),this.p.style.display=t.A()?"flex":"none",this.M(),this.setImgSrc(i)}C(){e(this.S,"ns-container"),e(this.k,"ns-blur"),e(this.D,"ns-img"),e(this.m,"ns-text"),e(this.g,"ns-text-container"),e(this.p,"ns-spinner"),e(this.v,"ns","ns-window"),e(this.u,"ns-wrapper")}O(){this.g.append(this.m,this.p),this.S.append(this.D,this.g),this.v.append(this.S),this.u.append(this.k,this.v)}M(){this.u.id=this.getId(),i(this.u,"data-ctx","nanosplash"),this.O(),this.C()}getId(){return this.id}getText(){return this.m.innerText}setText(t){return this.m.innerText=t,this}getImgSrc(){return this.N}setImgSrc(t){return this.D.src=null!=t?t:"",this.D.style.display=t?"block":"none",this.O(),this}R(){return this.W}$(){const t=this.u.parentElement;t&&this.j(t)}B(){i(this.u,"style",""),this.u.classList.remove("ns-fs")}H(t){const s=t.parentNode;s&&(this.j(s),s.replaceChild(this.u,t),this.k.appendChild(t))}P(){this.u.classList.add("ns-fs"),((t,s,e=!1)=>{t&&s&&(s.hasChildNodes()&&e?s.insertBefore(t,s.firstChild):s.appendChild(t))})(this.u,document.body,!0)}V(t){this.I.q(t).filter((t=>t.getId()!==this.getId())).forEach((t=>t.delete()))}moveTo(t){try{this.$(),this.W=o.h(t),this.V(this.W),this.W===document.body?this.P():(this.B(),this.H(this.W)),this.M()}catch(t){this.delete(),this.I.debug&&console.warn(t)}}G(t){Array.from(this.k.childNodes).forEach(t)}j(t){this.G((s=>t.insertBefore(s,this.u)))}J(){[this.m,this.p,this.g,this.D,this.S,this.k,this.v,this.u].forEach((t=>t.remove()))}delete(){this.$(),this.J(),this.I.delete(this)}}class c{static K(t,s,e,i){var n;return t||(t=new a(s,e,i)),t.setText(e).setImgSrc(null!=(n=t.getImgSrc())?n:i)}static L(t,s){return e=>(s=c.K(s,t,e),t.U.set(s.getId(),s),s.moveTo(document.body),o.o(s))}static X(t,s){return(...e)=>((s=c.K(s,t,"")).moveTo(document.body),(async()=>{for(const[t,[i,n]]of e.entries())s.setText(n),await i;s.delete()})(),o.o(s))}static Y(t,s){return e=>(s=c.K(s,t,""),{show:i=>(t.U.set(s.getId(),s),s.moveTo(document.body),s.setText(i),e.finally((()=>s.delete())),o.o(s))})}}const l=class{constructor(t){var s;this.debug=void 0===(null==t?void 0:t.debug)?l.Z:t._,this.N=null==t?void 0:t.N,this._=void 0===(null==t?void 0:t._)?l.tt:t._,this.fontSize=null!=(s=null==t?void 0:t.fontSize)?s:"18px",this.U=new Map}setImgSrc(t){return this.N=t,this}st(t){return this._=t,this}et(t){return this.fontSize=t,this}getImgSrc(){return this.N}A(){return this._}T(){return this.fontSize}show(t){return c.L(this,new a(this,t,this.N))(t)}progress(...t){return c.X(this,new a(this,"",this.N))(...t)}while(t){return c.Y(this,new a(this,"",this.N))(t)}it(t){const s=this.U.size,e=Array.from(this.U.values());for(let i=s-1;i>=0;i--){const s=e[i];if(!t(s.getId(),s,i))break}}delete(t){this.U.delete(t.getId())}hideAll(){this.U.forEach((t=>t.delete()))}hide(s){try{if(s){const e=s instanceof Node,i=t=>{Array.from(this.U.values()).filter((s=>s.R()===t)).forEach((t=>t.delete()))};if("string"==typeof s){const e=this.U.get(s);if(e)return void e.delete();{const e=t(s);throw e&&i(e),new n(`The CSS selector (${s}) points to a non-existing DOM element.`)}}if(!e)throw new h("The ref argument must be either a string or Node",s);i(s)}else{const t=this.U.size;this.it(((s,e,i)=>{const n=i===t-1;return n&&e.delete(),n}))}}catch(t){this.debug&&console.warn(t)}}q(t){return Array.from(this.U.values()).filter((s=>s.R()===t))}};let u=l;u.F="Nanosplash",u.tt=!0,u.Z=!0,window.addEventListener("load",(()=>{window.Nanosplash=u,window.ns=new u}))}();

package/dist/module/manifest.json

@@ -1,7 +0,0 @@
-{
-  "src/Core/Nanosplash.ts": {
-    "file": "nanosplash.cjs.js",
-    "src": "src/Core/Nanosplash.ts",
-    "isEntry": true
-  }
-}

package/dist/module/nanosplash.cjs.js

@@ -1 +0,0 @@
-function t(t){return document.querySelector(t)}const s=t=>document.createElement(t);function i(t,...s){t.classList.add(...s)}function e(t,s,i){t.setAttribute(s,i)}class Exception extends Error{constructor(t,s){super(t),this.name=this.constructor.name,this.t=s}}class DestinationException extends Exception{constructor(t,s,i){super(t),this.destination=s,this.t=i}}class IllegalArgumentException extends Exception{constructor(t,s){super(t),this.i=s}}class NanosplashRepository{static h(s){if("string"==typeof s)try{const i=t(s);if(!i)throw new Exception(`No DOM match with ${s}`);return i}catch(t){throw new DestinationException(`Destination (${s}) is either invalid or non-existing in DOM`,s,t)}else if(s instanceof Node)return s;throw new IllegalArgumentException(`Destination (${s}) must be either a Node or a CSS selector`,s)}static o(t){const s={getId:()=>t.getId(),remove:()=>t.delete(),moveTo:s=>t.moveTo(s),getText:()=>t.getText(),setText:s=>t.setText(s),getImgSrc:()=>t.getImgSrc(),setImgSrc:s=>t.setImgSrc(s)};return{...s,inside:i=>(t.moveTo(i),s)}}static l(){const t=s("div");return i(t,"ns-spinner"),t.innerHTML='\n            <svg viewBox="0 0 50 50">\n                <circle class="path" cx="25" cy="25" r="20" fill="none"></circle>\n            </svg>\n        ',t}}class SplashInstance{constructor(t,i,e){var n;this.u=s("div"),this.p=s("div"),this.g=s("div"),this.m=NanosplashRepository.l(),this.S=s("div"),this.v=s("div"),this.N=s("div"),this.I=s("img"),this.id=Math.random().toString(36).substring(2),this.F=t,this.p.innerText=i,this.D=e,this.I.src=null!=(n=this.D)?n:"",this.I.alt=h.A,this.u.style.fontSize=t.getFontSize(),this.m.style.display=t.spinnerIsVisible()?"flex":"none",this.T(),this.setImgSrc(e)}R(){i(this.N,"ns-container"),i(this.v,"ns-blur"),i(this.I,"ns-img"),i(this.p,"ns-text"),i(this.g,"ns-text-container"),i(this.m,"ns-spinner"),i(this.S,"ns","ns-window"),i(this.u,"ns-wrapper")}M(){this.g.append(this.p,this.m),this.N.append(this.I,this.g),this.S.append(this.N),this.u.append(this.v,this.S)}T(){this.u.id=this.getId(),e(this.u,"data-ctx","nanosplash"),this.M(),this.R()}getId(){return this.id}getText(){return this.p.innerText}setText(t){return this.p.innerText=t,this}getImgSrc(){return this.D}setImgSrc(t){return this.I.src=null!=t?t:"",this.I.style.display=t?"block":"none",this.M(),this}getDestination(){return this.C}O(){const t=this.u.parentElement;t&&this.W(t)}$(){e(this.u,"style",""),this.u.classList.remove("ns-fs")}k(t){const s=t.parentNode;s&&(this.W(s),s.replaceChild(this.u,t),this.v.appendChild(t))}j(){this.u.classList.add("ns-fs"),((t,s,i=!1)=>{t&&s&&(s.hasChildNodes()&&i?s.insertBefore(t,s.firstChild):s.appendChild(t))})(this.u,document.body,!0)}B(t){this.F.getFromDestinationNode(t).filter((t=>t.getId()!==this.getId())).forEach((t=>t.delete()))}moveTo(t){try{this.O(),this.C=NanosplashRepository.h(t),this.B(this.C),this.C===document.body?this.j():(this.$(),this.k(this.C)),this.T()}catch(t){this.delete(),this.F.debug&&console.warn(t)}}H(t){Array.from(this.v.childNodes).forEach(t)}W(t){this.H((s=>t.insertBefore(s,this.u)))}P(){[this.p,this.m,this.g,this.I,this.N,this.v,this.S,this.u].forEach((t=>t.remove()))}delete(){this.O(),this.P(),this.F.delete(this)}}class NanosplashFactory{static V(t,s,i,e){var n;return t||(t=new SplashInstance(s,i,e)),t.setText(i).setImgSrc(null!=(n=t.getImgSrc())?n:e)}static q(t,s){return i=>(s=NanosplashFactory.V(s,t,i),t.G.set(s.getId(),s),s.moveTo(document.body),NanosplashRepository.o(s))}static J(t,s){return(...i)=>((s=NanosplashFactory.V(s,t,"")).moveTo(document.body),(async()=>{for(const[t,[e,n]]of i.entries())s.setText(n),await e;s.delete()})(),NanosplashRepository.o(s))}static K(t,s){return i=>(s=NanosplashFactory.V(s,t,""),{show:e=>(t.G.set(s.getId(),s),s.moveTo(document.body),s.setText(e),i.finally((()=>s.delete())),NanosplashRepository.o(s))})}}const n=class{constructor(t){var s;this.debug=void 0===(null==t?void 0:t.debug)?n.L:t.U,this.D=null==t?void 0:t.D,this.U=void 0===(null==t?void 0:t.U)?n.X:t.U,this.fontSize=null!=(s=null==t?void 0:t.fontSize)?s:"18px",this.G=new Map}setImgSrc(t){return this.D=t,this}showSpinner(t){return this.U=t,this}setFontSize(t){return this.fontSize=t,this}getImgSrc(){return this.D}spinnerIsVisible(){return this.U}getFontSize(){return this.fontSize}show(t){return NanosplashFactory.q(this,new SplashInstance(this,t,this.D))(t)}progress(...t){return NanosplashFactory.J(this,new SplashInstance(this,"",this.D))(...t)}while(t){return NanosplashFactory.K(this,new SplashInstance(this,"",this.D))(t)}Y(t){const s=this.G.size,i=Array.from(this.G.values());for(let e=s-1;e>=0;e--){const s=i[e];if(!t(s.getId(),s,e))break}}delete(t){this.G.delete(t.getId())}hideAll(){this.G.forEach((t=>t.delete()))}hide(s){try{if(s){const i=s instanceof Node,e=t=>{Array.from(this.G.values()).filter((s=>s.getDestination()===t)).forEach((t=>t.delete()))};if("string"==typeof s){const i=this.G.get(s);if(i)return void i.delete();{const i=t(s);throw i&&e(i),new Exception(`The CSS selector (${s}) points to a non-existing DOM element.`)}}if(!i)throw new IllegalArgumentException("The ref argument must be either a string or Node",s);e(s)}else{const t=this.G.size;this.Y(((s,i,e)=>{const n=e===t-1;return n&&i.delete(),n}))}}catch(t){this.debug&&console.warn(t)}}getFromDestinationNode(t){return Array.from(this.G.values()).filter((s=>s.getDestination()===t))}};let h=n;h.A="Nanosplash",h.X=!0,h.L=!0,module.exports=h;