nanosplash 3.1.0 → 3.1.1

package/package.json

@@ -1,92 +1,91 @@
 {
-	"name": "nanosplash",
-	"version": "3.1.0",
-	"author": {
-		"name": "Isak K. Hauge",
-		"email": "isakhauge@icloud.com",
-		"url": "https://no.linkedin.com/in/isakhauge"
-	},
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/isakhauge/nanosplash.git"
-	},
-	"main": "./dist/es/ns.js",
-	"module": "./dist/es/ns.js",
-	"devDependencies": {
-		"@types/jsdom": "^21.1.6",
-		"@types/node": "^20.11.28",
-		"@types/rollup": "^0.54.0",
-		"@vitest/coverage-v8": "^1.4.0",
-		"@vitest/ui": "^1.4.0",
-		"cross-env": "^7.0.3",
-		"eslint": "^8.57.0",
-		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-prettier": "^5.1.3",
-		"jsdom": "^24.0.0",
-		"sass": "^1.72.0",
-		"stylelint-prettier": "^5.0.0",
-		"terser": "^5.29.2",
-		"typescript": "5.4.2",
-		"typescript-eslint": "^7.2.0",
-		"vite": "^5.1.6",
-		"vitepress": "1.0.0-rc.45",
-		"vitest": "^1.4.0"
-	},
-	"exports": {
-		".": {
-			"types": {
-				"require": "./src/ts/types/global.d.ts",
-				"default": "./src/ts/types/global.d.ts"
-			},
-			"browser": {
-				"require": "./dist/cjs/ns.cjs",
-				"default": "./dist/es/ns.js"
-			},
-			"default": {
-				"require": "./dist/cjs/ns.cjs",
-				"default": "./dist/es/ns.js"
-			}
-		}
-	},
-	"description": "The tiny loading screen for web artisans",
-	"homepage": "https://isakhauge.github.io/nanosplash",
-	"keywords": [
-		"loading",
-		"loader",
-		"screen",
-		"splash",
-		"nano",
-		"nanosplash",
-		"small",
-		"tiny",
-		"es",
-		"esm",
-		"ts",
-		"typescript",
-		"iife",
-		"cdn",
-		"vite"
-	],
-	"license": "MIT",
-	"private": false,
-	"scripts": {
-		"build": "bun build:all && bun build:docs",
-		"build:es": "bun x -b tsc && cross-env entry=./src/ts/Nanosplash.ts format=es bun run -b vite build -m production --c vite.config.ts",
-		"build:cjs": "bun x -b tsc && cross-env entry=./src/ts/Nanosplash.ts format=cjs bun run -b vite build -m production --c vite.config.ts",
-		"build:iife": "bun x -b tsc && cross-env entry=./src/ts/main.ts format=iife bun run -b vite build -m production --c vite.config.ts",
-		"build:all": "bun build:es && bun build:cjs && bun build:iife",
-		"build:docs": "bun docs:build",
-		"preview": "vite preview",
-		"test": "vitest",
-		"test:ui": "vitest --ui",
-		"lint": "bunx eslint src/ts/**/*.ts --fix",
-		"coverage": "vitest --coverage",
-		"docs:dev": "bun x vitepress dev docs",
-		"docs:build": "bun x vitepress build docs",
-		"docs:preview": "bun x vitepress preview docs"
-	},
-	"source": "./src/main.ts",
-	"type": "module",
-	"types": "./src/ts/types/global.d.ts",
-	"unpkg": "./dist/iife/ns.iife.js"
-}
+  "name": "nanosplash",
+  "version": "3.1.1",
+  "author": {
+    "name": "Isak K. Hauge",
+    "email": "isakhauge@icloud.com",
+    "url": "https://no.linkedin.com/in/isakhauge"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/isakhauge/nanosplash.git"
+  },
+  "main": "./dist/es/ns.js",
+  "module": "./dist/es/ns.js",
+  "devDependencies": {
+    "@types/jsdom": "^21.1.6",
+    "@types/node": "^20.11.29",
+    "@types/rollup": "^0.54.0",
+    "@vitest/coverage-v8": "^1.4.0",
+    "@vitest/ui": "^1.4.0",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "jsdom": "^24.0.0",
+    "sass": "^1.72.0",
+    "stylelint-prettier": "^5.0.0",
+    "typescript": "5.4.2",
+    "typescript-eslint": "^7.2.0",
+    "vite": "^5.1.6",
+    "vitepress": "",
+    "vitest": "^1.4.0"
+  },
+  "exports": {
+    ".": {
+      "types": {
+        "require": "./src/ts/types/global.d.ts",
+        "default": "./src/ts/types/global.d.ts"
+      },
+      "browser": {
+        "require": "./dist/cjs/ns.cjs",
+        "default": "./dist/es/ns.js"
+      },
+      "default": {
+        "require": "./dist/cjs/ns.cjs",
+        "default": "./dist/es/ns.js"
+      }
+    }
+  },
+  "description": "The tiny loading screen for web artisans",
+  "homepage": "https://isakhauge.github.io/nanosplash",
+  "keywords": [
+    "loading",
+    "loader",
+    "screen",
+    "splash",
+    "nano",
+    "nanosplash",
+    "small",
+    "tiny",
+    "es",
+    "esm",
+    "ts",
+    "typescript",
+    "iife",
+    "cdn",
+    "vite"
+  ],
+  "license": "MIT",
+  "private": false,
+  "source": "./src/main.ts",
+  "type": "module",
+  "types": "./src/ts/types/global.d.ts",
+  "unpkg": "./dist/iife/ns.iife.js",
+  "scripts": {
+    "build": "pnpm build:all && pnpm build:docs",
+    "build:es": "tsc && cross-env entry=./src/ts/Nanosplash.ts format=es vite build -m production --c vite.config.ts",
+    "build:cjs": "tsc && cross-env entry=./src/ts/Nanosplash.ts format=cjs vite build -m production --c vite.config.ts",
+    "build:iife": "tsc && cross-env entry=./src/ts/main.ts format=iife vite build -m production --c vite.config.ts",
+    "build:all": "pnpm build:es && pnpm build:cjs && pnpm build:iife",
+    "build:docs": "pnpm docs:build",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "lint": "eslint src/ts/**/*.ts --fix",
+    "coverage": "vitest --coverage",
+    "docs:dev": "pnpm exec vitepress dev docs",
+    "docs:build": "pnpm exec vitepress build docs",
+    "docs:preview": "pnpm exec vitepress preview docs"
+  }
+}

package/src/ts/Nanosplash.ts

@@ -9,8 +9,9 @@ import {
 } from './types/Types'
 import { version } from '../../package.json'
 
-const StyleID: string = 'nscss'
-const b = () => document.body
+const styleId: string = 'ns'
+const doc: Document = document
+const bod: HTMLElement = doc.body
 
 /**
  * # Scope
@@ -30,8 +31,7 @@ const scope = (node: ParentNode): ScopedSelectors =>
  * @param selector CSS selector used to match nodes in the DOM.
  * @returns An array of Element nodes.
  */
-const getAll = (selector: DOMSelector): Element[] =>
-	scope(document).all(selector)
+const getAll = (selector: DOMSelector): Element[] => scope(doc).all(selector)
 
 /**
  * # Get
@@ -39,13 +39,13 @@ const getAll = (selector: DOMSelector): Element[] =>
  * @returns Firs Element node from the DOM matching the selector.
  */
 const get = (selector: DOMSelector): Element | null =>
-	scope(document).first(selector)
+	scope(doc).first(selector)
 
 /**
- * # Get All NS
+ * # Get All Nanosplashes
  * @returns An array of all Nanosplash elements in the DOM.
  */
-const getAllNS = (): NSElement[] => getAll('.ns') as NSElement[]
+const getAllNs = (): NSElement[] => getAll('.ns') as NSElement[]
 
 /**
  * # Parse Ref
@@ -56,7 +56,7 @@ const parseRef = (ref: ElementReference): Element | null =>
 	ref instanceof Element ? ref : get(ref)
 
 /**
- * # Div
+ * # Create HTMLDivElement
  * @param className Optional string containing class names.
  * @param children Optional list of Nodes or strings.
  * @returns The newly created HTMLDivElement.
@@ -65,10 +65,10 @@ const div = (
 	className?: string,
 	...children: (Node | string)[]
 ): HTMLDivElement => {
-	const el: HTMLDivElement = document.createElement('div')
-	if (className) el.classList.add(className)
-	el.append(...children)
-	return el
+	const node: HTMLDivElement = doc.createElement('div')
+	if (className) node.classList.add(className)
+	node.append(...children)
+	return node
 }
 
 /**
@@ -77,58 +77,57 @@ const div = (
  * @returns Parsed node.
  */
 const parse = (html: string): Node => {
-	const el: HTMLDivElement = div()
-	el.innerHTML = html
-	return el.firstChild as Node
+	const node: HTMLDivElement = div()
+	node.innerHTML = html
+	return node.firstChild as Node
 }
 
 /**
- * # Create NS
+ * # Make Nanosplash Element
  * @returns Nanpslash DOM element.
  */
-const createNS = (): NSElement => {
+const makeNs = (): NSElement => {
 	const circle: string = '<circle class=path cx=25 cy=25 r=20 fill=none />'
 	const svg = parse(`<svg viewBox="0 0 50 50">${circle}</svg>`) as Element
-	const el = div('ns', div('nst'), div('nss', svg)) as NSElement
-	el.nsId = Date.now()
-	return el
+	const node = div('ns', div('nst'), div('nss', svg)) as NSElement
+	node.nsId = Date.now()
+	return node
 }
 
 /**
- * # Peek
+ * # Peek Nanosplash Queue
  * Collect all Nanosplash elements in the DOM, sort them by their NS ID
  * in ascending order, and return the first element.
  * @returns The front of the queue.
  */
-const peek = (): NSElement | null =>
-	getAllNS().sort((a: NSElement, b: NSElement) => a.nsId - b.nsId)[0] ?? null
+const peekNsQueue = (): NSElement | null =>
+	getAllNs().sort((a: NSElement, b: NSElement) => a.nsId - b.nsId)[0] ?? null
 
 /**
- * # Set NS Text
+ * # Set Nanosplash Text
  * Replace the text node to trigger the animation which in turn is invoked
  * by the connected callback in the DOM.
  * @param ns Nanosplash element.
  * @param text Text to display adjacent to spinner.
  */
-const setNSText = (ns: NSElement, text: string): void => {
-	const nsScope = scope(ns)
-	const oldNst = nsScope.first('.nst') as Element | null
-	if (!text) return oldNst?.remove()
-	const newNst = div('nst', text)
-	if (oldNst) {
-		oldNst.replaceWith(newNst)
+const setNsText = (ns: NSElement, text: string): void => {
+	const oldNsText = scope(ns).first('.nst') as Element | null
+	if (!text) return oldNsText?.remove()
+	const newNsText = div('nst', text)
+	if (oldNsText) {
+		oldNsText.replaceWith(newNsText)
 	} else {
-		ns.insertBefore(newNst, ns.firstChild)
+		ns.insertBefore(newNsText, ns.firstChild)
 	}
 }
 
 /**
- * # Set NS Parent
+ * # Set Nanosplash Parent
  * Define where inside the DOM to spawn the Nansoplash.
  * @param ns Nanosplash element.
  * @param parent NS element's parent to be.
  */
-const setNSParent = (ns: NSElement, parent: Element): void => {
+const setNsParent = (ns: NSElement, parent: Element): void => {
 	const child = parent.firstElementChild
 	if (child) {
 		parent.insertBefore(ns, child)
@@ -138,72 +137,73 @@ const setNSParent = (ns: NSElement, parent: Element): void => {
 }
 
 /**
- * # Show
+ * # Show Nanosplash
  * @param text Text to display adjacent to spinner.
  * @param inside Selector or element in which the NS element will be spawned.
  * @returns The ID if the NS element — which is a UTC integer.
  */
 const show = (text?: string, inside?: string | Element): number | null => {
 	const parent: Element | null = (
-		inside ? parseRef(inside) : b
+		inside ? parseRef(inside) : bod
 	) as Element | null
 	let ns: NSElement
-	const recycledNs = scope(parent ?? b()).first('& > .ns')
+	const recycledNs = scope(parent ?? bod).first('& > .ns')
 	if (recycledNs) {
 		ns = recycledNs as NSElement
 	} else {
-		ns = createNS()
-		setNSParent(ns, parent as Element)
+		ns = makeNs()
+		setNsParent(ns, parent as Element)
 	}
-	setNSText(ns, text ?? '')
-	const top: string = window.scrollY + 'px'
-	b().style.setProperty('--ns-top', top)
+	setNsText(ns, text ?? '')
+	const top: string = scrollY + 'px'
+	bod.style.setProperty('--ns-top', top)
 	return ns.nsId
 }
 
 /**
- * # Delete NS
+ * # Remove Nanosplash
  * @param ns Nanosplash elememnt.
  */
-const deleteNS = (ns?: Element | null): void => {
+const removeNs = (ns?: Element | null): void => {
 	ns?.parentElement?.classList.remove('nsh')
 	ns?.remove()
 }
 
 /**
- * # Find NS
+ * # Find Nanosplash
  * @param id The UTC integer returned from the `show` function.
  * @returns Null or the corresponding Nanosplash element.
  */
-const findNS = (id: number) => getAllNS().find(v => v.nsId === id) ?? null
+const findNs = (id: number) => getAllNs().find(v => v.nsId === id) ?? null
 
 /**
- * # Hide
+ * # Hide Nanosplash
  * Hide agnostically in FIFO order, specifically by ID, or all by the asterisk
  * which will delete all Nanosplashes.
  * @param id Optional ID of a Nanosplash element or '*' .
  */
 const hide = (id?: number | '*'): void => {
-	if (id === '*') getAll('.ns').forEach(deleteNS)
-	else deleteNS(typeof id === 'number' ? findNS(id) : peek())
+	if (id === '*') getAll('.ns').forEach(removeNs)
+	else removeNs(typeof id === 'number' ? findNs(id) : peekNsQueue())
 }
 
 /**
- * # Add style
+ * # Add CSS
  */
-const addStyle = (): void => {
-	get('#nscss')?.remove()
-	b().append(parse(`<style id=${StyleID}>${style}</style>`))
+const addCssToBody = (): void => {
+	get('#' + styleId)?.remove()
+	bod.append(parse(`<style id=${styleId}>${style}</style>`))
 }
 
 /**
- * # Use NS
+ * # Use Nanosplash
  * @returns Nanosplash API.
  */
-export const useNs = (): NanosplashInterface =>
-	!!new Promise(addStyle) &&
-	(window.ns = {
+export const useNs = (): NanosplashInterface => {
+	addCssToBody()
+	return (window.ns = {
 		show,
 		hide,
-		version: version,
+		version,
 	})
+}

package/tests/Nanosplash.spec.ts

@@ -1,18 +1,20 @@
 import { describe, it, test, expect, beforeEach } from 'vitest'
-import { useNs } from '../src/ts/Nanosplash'
 import { JSDOM } from 'jsdom'
 import { NanosplashInterface } from '../src/ts/types/NanosplashInterface'
 
+let dom = new JSDOM()
 let document: Document | null = null
 let ns: NanosplashInterface | null = null
 
-beforeEach(() => {
-	const dom = new JSDOM()
+async function updateGlobals() {
+	dom = new JSDOM()
 	// @ts-ignore
 	globalThis.window = dom.window
 	document = globalThis.document = dom.window.document
-	ns = globalThis.window.ns = useNs()
-})
+	ns = globalThis.window.ns = (await import('../src/ts/Nanosplash')).useNs()
+}
+
+beforeEach(updateGlobals)
 
 describe('Nanosplash API', () => {
 	it('should be defined', () => {

package/docs/.vitepress/.temp/@localSearchIndexroot.Ba2B1gNE.js

@@ -1,4 +0,0 @@
-const _localSearchIndexroot = '{"documentCount":19,"nextId":19,"documentIds":{"0":"/nanosplash/api/doc/hide.html#hide-nanosplash","1":"/nanosplash/api/doc/hide.html#hide","2":"/nanosplash/api/doc/hide.html#hide-by-id","3":"/nanosplash/api/doc/hide.html#hide-all","4":"/nanosplash/api/doc/show.html#show-nanosplash","5":"/nanosplash/api/doc/show.html#show","6":"/nanosplash/api/doc/show.html#show-inside","7":"/nanosplash/api/start/customize.html#customize","8":"/nanosplash/api/start/features.html#features","9":"/nanosplash/api/start/features.html#small-bundle-size","10":"/nanosplash/api/start/features.html#simple-2-function-api","11":"/nanosplash/api/start/features.html#spawning","12":"/nanosplash/api/start/features.html#node-recycling","13":"/nanosplash/api/start/install.html#installation","14":"/nanosplash/api/start/install.html#css","15":"/nanosplash/api/start/install.html#install-via-cdn","16":"/nanosplash/api/start/install.html#install-via-npm","17":"/nanosplash/api/start/playground.html#playground","18":"/nanosplash/api/start/usage.html#usage"},"fieldIds":{"title":0,"titles":1,"text":2},"fieldLength":{"0":[2,1,1],"1":[1,2,41],"2":[3,2,32],"3":[2,2,10],"4":[2,1,1],"5":[1,2,30],"6":[2,2,67],"7":[1,1,38],"8":[1,1,1],"9":[3,1,28],"10":[4,1,39],"11":[1,1,26],"12":[2,1,33],"13":[1,1,34],"14":[1,1,9],"15":[3,1,52],"16":[3,1,51],"17":[1,1,27],"18":[1,1,32]},"averageFieldLength":[1.8421052631578947,1.263157894736842,29.05263157894737],"storedFields":{"0":{"title":"Hide Nanosplash","titles":[]},"1":{"title":"Hide","titles":["Hide Nanosplash"]},"2":{"title":"Hide by ID","titles":["Hide Nanosplash"]},"3":{"title":"Hide all","titles":["Hide Nanosplash"]},"4":{"title":"Show Nanosplash","titles":[]},"5":{"title":"Show","titles":["Show Nanosplash"]},"6":{"title":"Show inside","titles":["Show Nanosplash"]},"7":{"title":"Customize","titles":[]},"8":{"title":"Features","titles":[]},"9":{"title":"Small bundle size","titles":["Features"]},"10":{"title":"Simple, 2 Function API","titles":["Features"]},"11":{"title":"Spawning","titles":["Features"]},"12":{"title":"Node recycling","titles":["Features"]},"13":{"title":"Installation","titles":[]},"14":{"title":"CSS","titles":["Installation"]},"15":{"title":"Install via CDN","titles":["Installation"]},"16":{"title":"Install via NPM","titles":["Installation"]},"17":{"title":"Playground","titles":[]},"18":{"title":"Usage","titles":[]}},"dirtCount":0,"index":[["quot",{"2":{"17":2}}],["play",{"2":{"17":1}}],["playground",{"0":{"17":1}}],["parent",{"2":{"12":1}}],["package",{"2":{"10":1}}],["🚀",{"2":{"15":1}}],["8",{"2":{"15":1}}],[">",{"2":{"15":3}}],["x3c",{"2":{"15":13}}],["🎉",{"2":{"14":1}}],["run",{"2":{"17":1}}],["running",{"2":{"13":1,"16":1}}],["requires",{"2":{"13":1}}],["repurpose",{"2":{"12":1}}],["recycle",{"2":{"12":1}}],["recycling",{"0":{"12":1}}],["recommend",{"2":{"1":1}}],["ref",{"2":{"6":1}}],["reference",{"2":{"6":1}}],["returns",{"2":{"2":1,"5":1,"6":1}}],["just",{"2":{"10":1}}],["jsimport",{"2":{"16":1}}],["js",{"2":{"6":1,"14":1,"15":2,"18":1}}],["jsconst",{"2":{"2":1}}],["jsns",{"2":{"1":1,"5":2}}],["utf",{"2":{"15":1}}],["unpkg",{"2":{"15":2}}],["usage",{"0":{"18":1}}],["using",{"2":{"10":1,"15":1,"16":1}}],["usens",{"2":{"16":2}}],["use",{"2":{"10":1,"12":1}}],["used",{"2":{"2":1}}],["up",{"2":{"10":1}}],["2",{"0":{"10":1}}],["2kb",{"2":{"9":1}}],["global",{"2":{"16":1}}],["gt",{"2":{"15":1}}],["getting",{"2":{"10":1}}],["get",{"2":{"10":1}}],["getelementbyid",{"2":{"6":1}}],["ground",{"2":{"10":1}}],["go",{"2":{"9":1,"10":1,"11":1}}],["gzipped",{"2":{"9":1}}],["gap",{"2":{"7":1}}],["\\t\\t",{"2":{"15":4}}],["\\t",{"2":{"15":4}}],["\\theight",{"2":{"7":1}}],["\\twidth",{"2":{"7":1}}],["\\tfont",{"2":{"7":3}}],["\\tcolor",{"2":{"7":1}}],["\\tgap",{"2":{"7":1}}],["\\tbackdrop",{"2":{"7":1}}],["\\tbackground",{"2":{"7":1}}],["via",{"0":{"15":1,"16":1},"2":{"13":3,"16":1}}],["very",{"2":{"10":1}}],["var",{"2":{"7":9}}],["void",{"2":{"1":1,"3":1}}],["data",{"2":{"18":1}}],["dropdown",{"2":{"17":1}}],["dist",{"2":{"15":2}}],["display",{"2":{"5":3,"6":1,"18":1}}],["documentation",{"2":{"11":1}}],["document",{"2":{"6":1}}],["dom",{"2":{"6":2,"11":1,"12":1}}],["does",{"2":{"6":1}}],["either",{"2":{"13":1}}],["each",{"2":{"12":1}}],["easier",{"2":{"13":1}}],["easily",{"2":{"10":1,"15":1}}],["easy",{"2":{"7":1,"10":1}}],["exhausting",{"2":{"12":1}}],["existing",{"2":{"6":1,"12":1}}],["even",{"2":{"11":1}}],["ever",{"2":{"9":1}}],["element",{"2":{"6":8,"11":1,"12":2,"18":1}}],["elements",{"2":{"1":1,"11":1,"12":3}}],["enter",{"2":{"5":2}}],["works",{"2":{"15":1,"16":1,"17":1}}],["would",{"2":{"1":1}}],["we",{"2":{"12":2}}],["weight",{"2":{"7":2,"9":1}}],["want",{"2":{"11":1}}],["was",{"2":{"10":1}}],["written",{"2":{"10":1}}],["what",{"2":{"9":1}}],["wheel",{"2":{"5":2,"18":2}}],["with",{"2":{"10":1,"11":1,"17":1,"18":1}}],["width",{"2":{"7":1}}],["will",{"2":{"5":2,"6":1,"9":1,"16":1}}],["window",{"2":{"3":1,"16":1}}],["lt",{"2":{"15":1}}],["less",{"2":{"9":1,"13":1}}],["loading",{"2":{"2":1,"5":1,"6":2,"18":5}}],["later",{"2":{"2":1}}],["=",{"2":{"2":1,"6":2,"16":1,"18":1}}],["|",{"2":{"2":1,"6":2}}],["menu",{"2":{"17":1}}],["meta",{"2":{"15":1}}],["method",{"2":{"2":1,"17":1}}],["mind",{"2":{"10":1}}],["minified",{"2":{"9":1}}],["manipulations",{"2":{"12":1}}],["main",{"2":{"7":1}}],["match",{"2":{"6":1}}],["my",{"2":{"6":2,"18":1}}],["more",{"2":{"1":1,"13":1}}],["multiple",{"2":{"1":1,"11":1}}],["fetching",{"2":{"18":1}}],["features",{"0":{"8":1},"1":{"9":1,"10":1,"11":1,"12":1}}],["flexible",{"2":{"13":1}}],["from",{"2":{"10":1,"16":1,"17":1}}],["following",{"2":{"15":1,"16":1}}],["font",{"2":{"7":1}}],["for",{"2":{"1":1,"9":1,"12":2}}],["family",{"2":{"7":1}}],["first",{"2":{"18":1}}],["filter",{"2":{"7":2}}],["fifo",{"2":{"1":1,"18":1}}],["fullscreen",{"2":{"5":1,"18":2}}],["function",{"0":{"10":1},"2":{"5":1,"6":1}}],["import",{"2":{"16":2}}],["imports",{"2":{"13":1}}],["iife",{"2":{"15":4}}],["is",{"2":{"7":1,"9":1,"10":1,"12":1,"13":2,"14":1}}],["it",{"2":{"5":2,"15":1,"16":2,"17":2}}],["its",{"2":{"2":1}}],["inject",{"2":{"16":1}}],["included",{"2":{"14":1}}],["initialization",{"2":{"13":1}}],["instead",{"2":{"12":3}}],["installing",{"2":{"13":2}}],["installed",{"2":{"13":1}}],["installation",{"0":{"13":1},"1":{"14":1,"15":1,"16":1}}],["install",{"0":{"15":1,"16":1},"2":{"10":1,"16":1}}],["inside",{"0":{"6":1},"2":{"6":3,"12":1,"14":1,"15":1,"16":1,"18":1}}],["internal",{"2":{"5":1,"6":1}}],["in",{"2":{"3":1,"5":1,"10":2,"11":1,"13":1,"16":1,"17":1}}],["information",{"2":{"1":1}}],["identifier",{"2":{"2":1}}],["id",{"0":{"2":1},"2":{"1":2,"2":5,"5":1,"6":1,"18":2}}],["i",{"2":{"1":1}}],["if",{"2":{"1":1,"5":2,"6":2,"11":1}}],["screens",{"2":{"18":1}}],["screen",{"2":{"18":2}}],["script>",{"2":{"15":2}}],["script",{"2":{"15":3}}],["src=",{"2":{"15":2}}],["so",{"2":{"9":1}}],["simply",{"2":{"15":1,"16":1}}],["simplicity",{"2":{"10":1}}],["simple",{"0":{"10":1},"2":{"10":1}}],["significant",{"2":{"9":1}}],["size",{"0":{"9":1},"2":{"7":2}}],["small",{"0":{"9":1}}],["start",{"2":{"10":1,"15":1,"16":3}}],["started",{"2":{"10":2}}],["stying",{"2":{"7":1}}],["string",{"2":{"5":1,"6":3}}],["select",{"2":{"17":1}}],["selector",{"2":{"6":3}}],["service",{"2":{"13":1,"16":2}}],["seconds",{"2":{"10":1}}],["see",{"2":{"1":1,"9":1,"10":1,"11":1,"17":2}}],["spawn",{"2":{"11":2}}],["spawning",{"0":{"11":1}}],["spinner",{"2":{"7":4}}],["spinning",{"2":{"5":2,"18":2}}],["splash",{"2":{"6":3,"11":2,"12":3}}],["specific",{"2":{"1":1,"2":1,"18":1}}],["same",{"2":{"1":1}}],["show",{"0":{"4":1,"5":1,"6":1},"1":{"5":1,"6":1},"2":{"1":3,"2":2,"5":3,"6":4,"10":1,"15":2,"16":2,"18":4}}],["object",{"2":{"16":1}}],["obsolete",{"2":{"12":1}}],["of",{"2":{"12":2,"13":1,"15":1}}],["overwritten",{"2":{"6":1}}],["or",{"2":{"6":1,"13":1}}],["ones",{"2":{"12":1}}],["one",{"2":{"6":1}}],["only",{"2":{"5":1,"6":1}}],["on",{"2":{"1":1}}],["open",{"2":{"1":1}}],["oldest",{"2":{"1":1}}],["here",{"2":{"17":1}}],["head>",{"2":{"15":2}}],["height",{"2":{"7":1}}],["https",{"2":{"15":2}}],["html>",{"2":{"15":2}}],["html",{"2":{"15":2}}],["htmlelement",{"2":{"6":1}}],["hook",{"2":{"16":1}}],["how",{"2":{"10":1,"11":1,"17":1}}],["host",{"2":{"6":1}}],["have",{"2":{"1":1}}],["hides",{"2":{"1":4,"2":1,"3":1}}],["hide",{"0":{"0":1,"1":1,"2":1,"3":1},"1":{"1":1,"2":1,"3":1},"2":{"1":6,"2":3,"3":1,"10":1,"18":6}}],["yourself",{"2":{"9":1}}],["your",{"2":{"7":3,"9":1,"11":1,"13":1,"16":1}}],["you",{"2":{"1":2,"5":2,"6":1,"10":1,"11":3,"13":1,"15":1,"16":2,"17":1}}],["click",{"2":{"17":1}}],["class",{"2":{"16":1}}],["calling",{"2":{"15":1,"16":1}}],["can",{"2":{"2":1,"6":1,"10":1,"11":2,"13":1,"15":1,"16":1,"17":1}}],["charset=",{"2":{"15":1}}],["check",{"2":{"12":1}}],["cdn",{"0":{"15":1},"2":{"13":2}}],["created",{"2":{"12":1,"18":1}}],["creating",{"2":{"12":2}}],["command",{"2":{"16":1}}],["com",{"2":{"15":2}}],["color",{"2":{"7":2}}],["controll",{"2":{"13":1}}],["contains",{"2":{"6":1}}],["contain",{"2":{"6":1}}],["configuration",{"2":{"13":1}}],["const",{"2":{"6":2,"16":1,"18":1}}],["css",{"0":{"14":1},"2":{"7":1,"14":1}}],["customize",{"0":{"7":1}}],["c",{"2":{"1":2}}],["body>",{"2":{"15":2}}],["body",{"2":{"15":1}}],["but",{"2":{"13":1}}],["bundlephobia",{"2":{"9":1}}],["bundle",{"0":{"9":1},"2":{"9":1,"14":1}}],["bg",{"2":{"7":1}}],["bashyarn",{"2":{"16":1}}],["based",{"2":{"1":1}}],["backdrop",{"2":{"7":1}}],["before",{"2":{"7":1}}],["be",{"2":{"2":1,"6":1,"13":1}}],["by",{"0":{"2":1},"2":{"1":1,"2":1,"15":1,"16":2}}],["b",{"2":{"1":2}}],["npm",{"0":{"16":1},"2":{"13":2,"16":1}}],["need",{"2":{"16":1}}],["needs",{"2":{"7":1}}],["new",{"2":{"12":2}}],["now",{"2":{"15":1,"16":1}}],["node",{"0":{"12":1},"2":{"6":1}}],["not",{"2":{"6":1,"9":1}}],["no",{"2":{"5":1}}],["null",{"2":{"2":1,"6":2}}],["number",{"2":{"2":2,"5":3,"6":1}}],["nss",{"2":{"7":1}}],["nst",{"2":{"7":1}}],["nsh",{"2":{"7":1}}],["ns",{"2":{"1":5,"2":2,"5":1,"6":3,"7":1,"10":2,"15":3,"16":3,"18":7}}],["nanosplashes",{"2":{"1":1,"3":1}}],["nanosplash",{"0":{"0":1,"4":1},"1":{"1":1,"2":1,"3":1,"5":1,"6":1},"2":{"1":1,"2":3,"6":1,"7":1,"9":1,"10":1,"11":1,"13":2,"15":3,"16":6,"17":1}}],["action",{"2":{"17":1}}],["above",{"2":{"17":1}}],["around",{"2":{"17":1}}],["argument",{"2":{"6":1}}],["awesome",{"2":{"15":1}}],["api",{"0":{"10":1},"2":{"10":1,"11":1,"16":1}}],["application",{"2":{"9":1,"13":1,"15":1,"16":1}}],["add",{"2":{"9":1,"15":1,"16":1}}],["adjacent",{"2":{"5":1}}],["already",{"2":{"6":1}}],["allows",{"2":{"13":1}}],["all",{"0":{"3":1},"2":{"3":1,"12":1,"18":1}}],["an",{"2":{"6":1,"18":1}}],["anywhere",{"2":{"11":1}}],["any",{"2":{"6":1,"9":1}}],["another",{"2":{"6":1}}],["and",{"2":{"5":1,"6":1,"9":2,"10":4,"12":3,"13":3,"16":2,"17":2}}],["at",{"2":{"1":1,"2":1,"6":1}}],["a",{"2":{"1":2,"2":3,"6":4,"11":1,"12":1,"17":1}}],["tag",{"2":{"15":2}}],["table",{"2":{"6":2,"18":1}}],["try",{"2":{"6":1}}],["text",{"2":{"5":4,"6":1,"7":2,"18":1}}],["to",{"2":{"2":1,"5":1,"6":1,"7":1,"9":3,"10":3,"11":3,"13":1,"16":2,"17":1}}],["than",{"2":{"9":1}}],["that",{"2":{"1":1,"6":1}}],["this",{"2":{"2":1,"5":1,"6":1}}],["them",{"2":{"12":1}}],["their",{"2":{"1":1}}],["the",{"2":{"1":2,"2":2,"3":1,"5":4,"6":4,"9":1,"10":3,"11":1,"12":2,"13":2,"14":1,"15":2,"16":6,"17":1,"18":1}}],["title>",{"2":{"15":1}}],["title>my",{"2":{"15":1}}],["time",{"2":{"1":1,"2":1,"6":1,"12":2}}],["tip",{"2":{"1":1,"6":1}}],["tsns",{"2":{"1":1,"2":1,"3":1,"5":1,"6":1,"15":1}}]],"serializationVersion":2}';
-export {
-  _localSearchIndexroot as default
-};

package/docs/.vitepress/.temp/Card.Ce4dbGEn.js

@@ -1,30 +0,0 @@
-import { useSSRContext, useAttrs, mergeProps, unref } from "vue";
-import { ssrRenderAttrs, ssrInterpolate, ssrRenderSlot } from "vue/server-renderer";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.1tPrXgE0.js";
-const _sfc_main = {
-  __name: "Card",
-  __ssrInlineRender: true,
-  setup(__props) {
-    const attrs = useAttrs();
-    return (_ctx, _push, _parent, _attrs) => {
-      _push(`<div${ssrRenderAttrs(mergeProps({ class: "card" }, _attrs))} data-v-11a850dd>`);
-      if (unref(attrs).id) {
-        _push(`<div class="id" data-v-11a850dd>#${ssrInterpolate(unref(attrs).id)}</div>`);
-      } else {
-        _push(`<!---->`);
-      }
-      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
-      _push(`</div>`);
-    };
-  }
-};
-const _sfc_setup = _sfc_main.setup;
-_sfc_main.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add(".vitepress/theme/vue/Card.vue");
-  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
-};
-const Card = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-11a850dd"]]);
-export {
-  Card as C
-};