nanosplash 2.5.3 → 3.0.1

package/src/ts/core/SplashInterface.ts

@@ -0,0 +1,54 @@
+// @ts-strict
+
+import { GUIDString } from '../types/Types'
+import { Splash } from './Splash'
+
+export interface SplashInterface {
+	/**
+	 * # Get NS Content Element
+	 * Returns the content element of the Nanosplash.
+	 */
+	getNSContentElement(): HTMLDivElement
+
+	/**
+	 * # Get NS Text Element
+	 * Returns the text element of the Nanosplash.
+	 */
+	getNSTextElement(): HTMLDivElement
+
+	/**
+	 * # Get ID
+	 * Return Nanosplash instance GUID.
+	 */
+	getId(): GUIDString
+
+	/**
+	 * # Get NS Element
+	 * Return Nanosplash instance HTMLDivElement.
+	 */
+	getNSElement(): HTMLDivElement
+
+	/**
+	 * # Set Text
+	 * @param text The text that will be visible inside the splash.
+	 */
+	setText(text: string): Splash
+
+	/**
+	 * # Show Text
+	 * Display text element.
+	 */
+	showText(): Splash
+
+	/**
+	 * # Hide Text
+	 * Hide the text element.
+	 */
+	hideText(): Splash
+
+	/**
+	 * # Remove
+	 * Delete all
+	 */
+	remove(): Splash
+}

package/src/ts/main.ts

@@ -0,0 +1,9 @@
+// @ts-strict
+
+import { Service } from './core/Service'
+
+try {
+	Service.start()
+} catch (e) {
+	console.warn(e)
+}

package/src/ts/types/Types.ts

@@ -0,0 +1,12 @@
+import { Splash } from '../core/Splash'
+
+export type GUIDString = string
+export type CSSSelector = string
+export type FindCallback<T> = (item: T, index: number) => boolean
+export type NSFinder = FindCallback<Splash>
+export type Reference = CSSSelector | Element
+
+export enum ClassListAction {
+	Add = 'add',
+	Remove = 'remove',
+}

package/src/ts/types/global.d.ts

@@ -0,0 +1,14 @@
+import NS from '../core/Service'
+import { ServiceInterface } from '../core/ServiceInterface'
+
+export class Service extends NS.Service {}
+
+declare global {
+	export const ns: ServiceInterface
+	export interface Window {
+		ns: ServiceInterface
+	}
+	export interface window {
+		ns: ServiceInterface
+	}
+}

package/tests/Dom.spec.ts

@@ -0,0 +1,127 @@
+// @ts-strict
+
+import { JSDOM } from 'jsdom'
+import { beforeEach, describe, expect, it } from 'vitest'
+import {
+	createElement,
+	injectAsFirstChild,
+	prepareParentOf,
+	cleanNSParentOf,
+	showElement,
+	hideElement,
+	setNSHostClass,
+	move,
+	elementFrom,
+	elementIsNS,
+	getRecycledNS,
+} from '../src/ts/core/Dom'
+import { Splash } from '../src/ts/core/Splash'
+import { Service } from '../src/ts/core/Service'
+import { ClassListAction } from '../src/ts/types/Types'
+
+describe('DOMUtilities', () => {
+	// 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.Element = dom.window.Element
+	})
+
+	it('Should be able to create a Nanosplash component', () => {
+		const getClass = (element: Element) => element.classList[0]
+		const element = createElement()
+		const contentElement = <Element>element.firstElementChild
+		const textElement = <Element>contentElement.firstElementChild
+		const spinnerElement = <Element>textElement.nextElementSibling
+
+		expect(getClass(element)).toBe('ns')
+		expect(getClass(contentElement)).toBe('nsc')
+		expect(getClass(textElement)).toBe('nst')
+		expect(getClass(spinnerElement)).toBe('nss')
+	})
+
+	it('Should be able to inject a Nanosplash component', () => {
+		const elementA = createElement()
+		const elementB = createElement()
+		const destinationElement = document.createElement('div')
+		injectAsFirstChild(elementA, destinationElement)
+		expect(destinationElement.firstElementChild).toBe(elementA)
+		injectAsFirstChild(elementB, destinationElement)
+		expect(destinationElement.firstElementChild).toBe(elementB)
+	})
+
+	it('Should be able to prepare the parent of a Nanosplash component', () => {
+		const ns = new Splash()
+		const parent = document.createElement('div')
+		parent.appendChild(ns.getNSElement())
+		prepareParentOf(ns)
+		expect(parent.classList.contains(Splash.NSHostClass)).toBe(true)
+	})
+
+	it('Should be able to clean the parent of a Nanosplash component', () => {
+		const ns = new Splash()
+		const parent = document.createElement('div')
+		parent.appendChild(ns.getNSElement())
+		parent.classList.add(Splash.NSClass)
+		cleanNSParentOf(ns)
+		expect(parent.classList.contains(Splash.NSHostClass)).toBe(false)
+	})
+
+	it('Should be able to convert an element reference to an element', () => {
+		const element = document.createElement('div')
+		document.body.appendChild(element)
+		element.id = 'test-id'
+		element.classList.add('test-class')
+		element.setAttribute('data-test', 'test')
+		expect(elementFrom('#test-id')).toBe(element)
+		expect(elementFrom('.test-class')).toBe(element)
+		expect(elementFrom('div[data-test="test"]')).toBe(element)
+		expect(elementFrom(element)).toBe(element)
+	})
+
+	it('Should be able to check if an element is a Nanosplash element', () => {
+		const elementA = new Splash().getNSElement()
+		const elementB = document.createElement('div')
+		expect(elementIsNS(elementA)).toBe(true)
+		expect(elementIsNS(elementB)).toBe(false)
+	})
+
+	it('Should be able to recycle a Nanosplash component', () => {
+		const destination = document.createElement('div')
+		document.body.appendChild(destination)
+		const nss = Service.getInstance()
+		const id = nss.showInside(destination, 'Hello World!')
+		const recycled = getRecycledNS(destination)
+		expect(recycled?.getId()).toBe(id)
+	})
+
+	it('Should be able to show an element', () => {
+		const element = document.createElement('div')
+		showElement(element)
+		expect(element.style.display).toBe('flex')
+	})
+
+	it('Should be able to hide an element', () => {
+		const element = document.createElement('div')
+		hideElement(element)
+		expect(element.style.display).toBe('none')
+	})
+
+	it('Should be able to alter the class of a Nanosplash host', () => {
+		const div = document.createElement('div')
+		setNSHostClass(div, ClassListAction.Add)
+		expect(div.classList.contains(Splash.NSHostClass)).toBe(true)
+		setNSHostClass(div, ClassListAction.Remove)
+		expect(div.classList.contains(Splash.NSHostClass)).toBe(false)
+	})
+
+	it('Should be able to move a Nanosplash component', () => {
+		const ns = new Splash()
+		const destination = document.createElement('div')
+		move(ns.getNSElement(), destination)
+		expect(destination.firstElementChild).toBe(ns.getNSElement())
+	})
+})

package/tests/Guid.spec.ts

@@ -0,0 +1,21 @@
+import { beforeEach, describe, expect, it } from 'vitest'
+import { JSDOM } from 'jsdom'
+import { Splash } from '../src/ts/core/Splash'
+
+describe('Guid', () => {
+	// 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
+	})
+
+	it('Should generate a valid GUID', () => {
+		const guidRegex =
+			/^[{]?[0-9a-fA-F]{8}-([0-9a-fA-F]{4}-){3}[0-9a-fA-F]{12}[}]?$/
+		const value = new Splash().getId()
+		expect(value).toMatch(guidRegex)
+	})
+})

package/tests/Service.spec.ts

@@ -0,0 +1,119 @@
+// @ts-strict
+
+import { JSDOM } from 'jsdom'
+import { beforeEach, expect, describe, it } from 'vitest'
+import { getRecycledNS } from '../src/ts/core/Dom'
+import { Service } from '../src/ts/core/Service'
+import { Splash } from '../src/ts/core/Splash'
+
+describe('NanosplashService', () => {
+	const nss = Service.getInstance()
+	const getById = (id: string): Splash | undefined =>
+		nss.nsStack.find((ns: Splash) => 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
+		globalThis.Element = dom.window.Element
+	})
+
+	it('Should be able to create an instance', () => {
+		expect(nss).toBeInstanceOf(Service)
+	})
+
+	it('Should be able to get the same singleton instance', () => {
+		const nss1 = Service.getInstance()
+		const nss2 = Service.getInstance()
+		expect(nss1).toBe(nss2)
+	})
+
+	it('Should be able to start the service', () => {
+		Service.start()
+		expect(nss).toBeInstanceOf(Service)
+	})
+
+	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 Splash
+		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(Splash)
+		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.length).toBe(0)
+		nss.showInside('#a', 'A')
+		nss.showInside('#b', 'B')
+		nss.showInside('#c', 'C')
+		expect(nss.nsStack.length).toBe(3)
+		nss.hideAll()
+		expect(nss.nsStack.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/Splash.spec.ts

@@ -0,0 +1,64 @@
+// @ts-strict
+
+import { describe, it, expect, beforeEach } from 'vitest'
+import { JSDOM } from 'jsdom'
+import { Splash } from '../src/ts/core/Splash'
+
+describe('Splash', () => {
+	// 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
+	})
+
+	it('Should be a valid Splash', () => {
+		const ns = new Splash()
+		const element = ns.getNSElement()
+
+		expect(element).not.toBeUndefined()
+		expect(element.id).toBe(ns.getId())
+		expect(element.classList.contains(Splash.NSClass)).toBe(true)
+
+		const contentElement = ns.getNSContentElement()
+		expect(contentElement).not.toBeUndefined()
+
+		const textElement = ns.getNSTextElement()
+		expect(textElement).not.toBeUndefined()
+
+		const spinnerElement = <HTMLElement>textElement.nextElementSibling
+		expect(spinnerElement).not.toBeUndefined()
+
+		const spinnerSVGElement = <HTMLElement>spinnerElement.firstElementChild
+		expect(spinnerSVGElement).not.toBeUndefined()
+	})
+
+	it('Should be able to set text', () => {
+		const ns = new Splash()
+		const text = 'Hello World!'
+		ns.setText(text)
+		expect(ns.getNSTextElement().innerText).toBe(text)
+	})
+
+	it('Should be able to hide text', () => {
+		const ns = new Splash()
+		ns.hideText()
+		expect(ns.getNSTextElement().style.display).toBe('none')
+	})
+
+	it('Should be able to show text', () => {
+		const ns = new Splash()
+		ns.setText('Hello World!')
+		ns.hideText()
+		ns.showText()
+		expect(ns.getNSTextElement().style.display).toBe('flex')
+	})
+
+	it('Should be able to remove itself from DOM', () => {
+		const ns = new Splash()
+		ns.remove()
+		expect(ns.getNSElement()).toBeUndefined()
+	})
+})

package/tsconfig.json

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

package/vite.config.ts

@@ -1,16 +1,30 @@
-import { defineConfig } from 'vitest/config'
+import { LibraryFormats, defineConfig } from 'vite'
+import { version } from './package.json'
+import { resolve } from 'path'
+
+const dist = 'dist'
+const versioned = process.env?.versioned ?? false
+const format = (process.env?.format ?? '') as LibraryFormats
+const entry = (process.env?.entry ?? '') as string
+
+const outDirFolders = [dist]
+if (versioned) {
+	outDirFolders.push('versioned', version, format)
+} else {
+	outDirFolders.push('latest', format)
+}
+
+const outDir = resolve(__dirname, ...outDirFolders)
 
 export default defineConfig({
-    test: {
-        globals: true,
-        environment: 'jsdom',
-        coverage: {
-            reporter: ['text', 'html'],
-            exclude: [
-                'node_modules/',
-                'dist/',
-                'docs/',
-            ],
-        },
-    }
+	build: {
+		outDir,
+		lib: {
+			entry,
+			name: 'Nanosplash',
+			formats: [format] as LibraryFormats[],
+			fileName: 'ns',
+		},
+		cssCodeSplit: format === 'iife',
+	},
 })

package/vite.demo.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite'
+
+export default defineConfig(() => ({
+	base: 'nanosplash',
+	build: {
+		outDir: 'docs',
+		rollupOptions: {
+			input: 'index.html',
+			output: {
+				entryFileNames: '[name].[hash].js',
+				chunkFileNames: '[name].[hash].js',
+				assetFileNames: '[name].[hash].[ext]',
+			},
+		},
+	},
+}))

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/_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.debug,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}))}();