nanosplash 3.1.0 → 4.0.0

package/docs/.vitepress/.temp/index.md.js

@@ -1,19 +0,0 @@
-import { ssrRenderAttrs } from "vue/server-renderer";
-import { useSSRContext } from "vue";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.1tPrXgE0.js";
-const __pageData = JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Nanosplash","text":"","tagline":"The tiny loading screen for web artisans","actions":[{"theme":"brand","text":"Get started","link":"/api/start/install.md"},{"theme":"alt","text":"Playground","link":"/api/start/playground.md"},{"theme":"alt","text":"API Documentation","link":"/api/doc/show.md"}]},"features":[{"title":"✨ Tiny","details":"Less than 2KB minified and gzipped.","link":"/api/start/features#small-bundle-size"},{"title":"✌️ 2 Function API","details":"Start using Nanosplash in seconds.","link":"/api/start/features#simple-api"},{"title":"🪴 Spawning","details":"Spawn a splash element anywhere in your DOM.","link":"/api/start/features#spawning"},{"title":"🚀 Node recycling","details":"Nanosplash will recycle existing elements.","link":"/api/start/features#element-recycling"}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}');
-const _sfc_main = { name: "index.md" };
-function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
-  _push(`<div${ssrRenderAttrs(_attrs)}></div>`);
-}
-const _sfc_setup = _sfc_main.setup;
-_sfc_main.setup = (props, ctx) => {
-  const ssrContext = useSSRContext();
-  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("index.md");
-  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
-};
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["ssrRender", _sfc_ssrRender]]);
-export {
-  __pageData,
-  index as default
-};

package/docs/.vitepress/.temp/package.json

@@ -1 +0,0 @@
-{ "private": true, "type": "module" }

package/docs/.vitepress/.temp/plugin-vue_export-helper.1tPrXgE0.js

@@ -1,10 +0,0 @@
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-export {
-  _export_sfc as _
-};

package/docs/.vitepress/theme/vue/Exe.vue

@@ -1,117 +0,0 @@
-<script setup>
-import { ref } from 'vue'
-import { useNs } from '../../../../dist/es/ns.js'
-const ns = useNs()
-
-const Commands = {
-	ShowInsideA: 'ns.show("Loading A", "#a")',
-	ShowInsideB: 'ns.show("Loading B", "#b")',
-	ShowInsideC: 'ns.show("Loading C", "#c")',
-	ShowInsideD: 'ns.show("Loading D", "#d")',
-	ShowInsideWrapper: 'ns.show("Loading Wrapper", "#wrapper")',
-	ShowFullScreen: 'ns.show("Loading window")',
-	Progress: 'Progressive Demo',
-	Hide: 'ns.hide()',
-	HideAll: 'ns.hide("*")',
-}
-
-const rCommandString = ref('')
-
-const wait = ms => new Promise(r => setTimeout(r, ms))
-
-async function onClickExe() {
-	const value = rCommandString.value
-	const phrases = [
-		'Generating witty dialog',
-		'Swapping time and space',
-		'sudo rm -rf /**/*',
-		'Tokenizing real life',
-		'Pushing pixels',
-		"Don't think of purple hippos",
-		'One mississippi, two mississippi...',
-	]
-	switch (value) {
-		case Commands.ShowInsideA:
-			ns.show('Loading A', '#a')
-			break
-		case Commands.ShowInsideB:
-			ns.show('Loading B', '#b')
-			break
-		case Commands.ShowInsideC:
-			ns.show('Loading C', '#c')
-			break
-		case Commands.ShowInsideD:
-			ns.show('Loading D', '#d')
-			break
-		case Commands.ShowInsideWrapper:
-			ns.show('Loading Wrapper', '#wrapper')
-			break
-		case Commands.ShowFullScreen:
-			const id = ns.show('Loading window')
-			await wait(4000)
-			ns.hide(id)
-			break
-		case Commands.Hide:
-			ns.hide()
-			break
-		case Commands.HideAll:
-			ns.hide('*')
-			break
-		case Commands.Progress:
-			for (const phrase of phrases) {
-				ns.show(phrase)
-				await wait(1500)
-			}
-			ns.hide('*')
-	}
-}
-</script>
-
-<template>
-	<div class="container">
-		<select class="select" v-model="rCommandString">
-			<option value="" selected disabled>Click and select</option>
-			<option v-for="(command, i) in Commands" :key="i" :value="command">
-				{{ command }}
-			</option>
-		</select>
-		<div class="exe" @click="onClickExe">Run</div>
-	</div>
-</template>
-
-<style lang="sass" scoped>
-@use "sass:color"
-
-$border-radius: 5px
-.container
-	position: relative
-	display: flex
-	border-radius: $border-radius
-	z-index: 1
-	& > *
-		padding: 10px 20px
-
-.select
-	position: relative
-	display: flex
-	flex-grow: 1
-	font-family: monospace
-	font-size: 14px
-	background-color: var(--vp-c-bg-alt)
-	border-radius: $border-radius 0 0 $border-radius
-	border: 1px solid rgba(Black, 0.1)
-	cursor: pointer
-	width: 100%
-
-$btn-bg: RoyalBlue
-.exe
-	position: relative
-	display: inline-flex
-	color: White
-	background-color: $btn-bg
-	cursor: pointer
-	border-radius: 0 $border-radius $border-radius 0
-	border: 1px solid rgba(Black, 0.1)
-	&:hover
-		background-color: darken($btn-bg, 10%)
-</style>