@mappoh/nova 0.1.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/animation/parallax.d.ts +23 -0
- package/dist/animation/parallax.d.ts.map +1 -0
- package/dist/animation/parallax.js +96 -0
- package/dist/animation/parallax.js.map +1 -0
- package/dist/animation/scroll-animate.d.ts +30 -0
- package/dist/animation/scroll-animate.d.ts.map +1 -0
- package/dist/animation/scroll-animate.js +65 -0
- package/dist/animation/scroll-animate.js.map +1 -0
- package/dist/animation/scroll-observer.d.ts +32 -0
- package/dist/animation/scroll-observer.d.ts.map +1 -0
- package/dist/animation/scroll-observer.js +63 -0
- package/dist/animation/scroll-observer.js.map +1 -0
- package/dist/animation/smooth-scroll.d.ts +47 -0
- package/dist/animation/smooth-scroll.d.ts.map +1 -0
- package/dist/animation/smooth-scroll.js +169 -0
- package/dist/animation/smooth-scroll.js.map +1 -0
- package/dist/animation/text-reveal.d.ts +30 -0
- package/dist/animation/text-reveal.d.ts.map +1 -0
- package/dist/animation/text-reveal.js +164 -0
- package/dist/animation/text-reveal.js.map +1 -0
- package/dist/animation/ticker.d.ts +32 -0
- package/dist/animation/ticker.d.ts.map +1 -0
- package/dist/animation/ticker.js +62 -0
- package/dist/animation/ticker.js.map +1 -0
- package/dist/canvas/dot-grid.d.ts +50 -0
- package/dist/canvas/dot-grid.d.ts.map +1 -0
- package/dist/canvas/dot-grid.js +123 -0
- package/dist/canvas/dot-grid.js.map +1 -0
- package/dist/canvas/noise.d.ts +33 -0
- package/dist/canvas/noise.d.ts.map +1 -0
- package/dist/canvas/noise.js +241 -0
- package/dist/canvas/noise.js.map +1 -0
- package/dist/canvas/particles.d.ts +44 -0
- package/dist/canvas/particles.d.ts.map +1 -0
- package/dist/canvas/particles.js +138 -0
- package/dist/canvas/particles.js.map +1 -0
- package/dist/canvas/sequence.d.ts +43 -0
- package/dist/canvas/sequence.d.ts.map +1 -0
- package/dist/canvas/sequence.js +162 -0
- package/dist/canvas/sequence.js.map +1 -0
- package/dist/component/bind.d.ts +25 -0
- package/dist/component/bind.d.ts.map +1 -0
- package/dist/component/bind.js +28 -0
- package/dist/component/bind.js.map +1 -0
- package/dist/component/component.d.ts +76 -0
- package/dist/component/component.d.ts.map +1 -0
- package/dist/component/component.js +219 -0
- package/dist/component/component.js.map +1 -0
- package/dist/component/connect.d.ts +60 -0
- package/dist/component/connect.d.ts.map +1 -0
- package/dist/component/connect.js +115 -0
- package/dist/component/connect.js.map +1 -0
- package/dist/component/html.d.ts +35 -0
- package/dist/component/html.d.ts.map +1 -0
- package/dist/component/html.js +51 -0
- package/dist/component/html.js.map +1 -0
- package/dist/component/hydrate.d.ts +37 -0
- package/dist/component/hydrate.d.ts.map +1 -0
- package/dist/component/hydrate.js +242 -0
- package/dist/component/hydrate.js.map +1 -0
- package/dist/component/index.d.ts +9 -0
- package/dist/component/index.d.ts.map +1 -0
- package/dist/component/index.js +6 -0
- package/dist/component/index.js.map +1 -0
- package/dist/component/template.d.ts +30 -0
- package/dist/component/template.d.ts.map +1 -0
- package/dist/component/template.js +469 -0
- package/dist/component/template.js.map +1 -0
- package/dist/css/gradient-text.d.ts +40 -0
- package/dist/css/gradient-text.d.ts.map +1 -0
- package/dist/css/gradient-text.js +90 -0
- package/dist/css/gradient-text.js.map +1 -0
- package/dist/css/index.d.ts +3 -0
- package/dist/css/index.d.ts.map +1 -0
- package/dist/css/index.js +2 -0
- package/dist/css/index.js.map +1 -0
- package/dist/devtools/devtools.d.ts +27 -0
- package/dist/devtools/devtools.d.ts.map +1 -0
- package/dist/devtools/devtools.js +237 -0
- package/dist/devtools/devtools.js.map +1 -0
- package/dist/devtools/index.d.ts +3 -0
- package/dist/devtools/index.d.ts.map +1 -0
- package/dist/devtools/index.js +2 -0
- package/dist/devtools/index.js.map +1 -0
- package/dist/drag/drag.d.ts +38 -0
- package/dist/drag/drag.d.ts.map +1 -0
- package/dist/drag/drag.js +181 -0
- package/dist/drag/drag.js.map +1 -0
- package/dist/drag/index.d.ts +3 -0
- package/dist/drag/index.d.ts.map +1 -0
- package/dist/drag/index.js +2 -0
- package/dist/drag/index.js.map +1 -0
- package/dist/dropdown/dropdown.d.ts +55 -0
- package/dist/dropdown/dropdown.d.ts.map +1 -0
- package/dist/dropdown/dropdown.js +314 -0
- package/dist/dropdown/dropdown.js.map +1 -0
- package/dist/dropdown/group.d.ts +18 -0
- package/dist/dropdown/group.d.ts.map +1 -0
- package/dist/dropdown/group.js +119 -0
- package/dist/dropdown/group.js.map +1 -0
- package/dist/dropdown/index.d.ts +5 -0
- package/dist/dropdown/index.d.ts.map +1 -0
- package/dist/dropdown/index.js +3 -0
- package/dist/dropdown/index.js.map +1 -0
- package/dist/forms/form-engine.d.ts +91 -0
- package/dist/forms/form-engine.d.ts.map +1 -0
- package/dist/forms/form-engine.js +228 -0
- package/dist/forms/form-engine.js.map +1 -0
- package/dist/forms/index.d.ts +3 -0
- package/dist/forms/index.d.ts.map +1 -0
- package/dist/forms/index.js +2 -0
- package/dist/forms/index.js.map +1 -0
- package/dist/forms/validators.d.ts +20 -0
- package/dist/forms/validators.d.ts.map +1 -0
- package/dist/forms/validators.js +82 -0
- package/dist/forms/validators.js.map +1 -0
- package/dist/gallery/gallery.d.ts +66 -0
- package/dist/gallery/gallery.d.ts.map +1 -0
- package/dist/gallery/gallery.js +347 -0
- package/dist/gallery/gallery.js.map +1 -0
- package/dist/gallery/index.d.ts +3 -0
- package/dist/gallery/index.d.ts.map +1 -0
- package/dist/gallery/index.js +2 -0
- package/dist/gallery/index.js.map +1 -0
- package/dist/gesture/gesture.d.ts +44 -0
- package/dist/gesture/gesture.d.ts.map +1 -0
- package/dist/gesture/gesture.js +152 -0
- package/dist/gesture/gesture.js.map +1 -0
- package/dist/gesture/index.d.ts +3 -0
- package/dist/gesture/index.d.ts.map +1 -0
- package/dist/gesture/index.js +2 -0
- package/dist/gesture/index.js.map +1 -0
- package/dist/http/http.d.ts +44 -0
- package/dist/http/http.d.ts.map +1 -0
- package/dist/http/http.js +135 -0
- package/dist/http/http.js.map +1 -0
- package/dist/http/index.d.ts +3 -0
- package/dist/http/index.d.ts.map +1 -0
- package/dist/http/index.js +2 -0
- package/dist/http/index.js.map +1 -0
- package/dist/i18n/i18n.d.ts +28 -0
- package/dist/i18n/i18n.d.ts.map +1 -0
- package/dist/i18n/i18n.js +84 -0
- package/dist/i18n/i18n.js.map +1 -0
- package/dist/i18n/index.d.ts +3 -0
- package/dist/i18n/index.d.ts.map +1 -0
- package/dist/i18n/index.js +2 -0
- package/dist/i18n/index.js.map +1 -0
- package/dist/image/effects.d.ts +33 -0
- package/dist/image/effects.d.ts.map +1 -0
- package/dist/image/effects.js +236 -0
- package/dist/image/effects.js.map +1 -0
- package/dist/image/image.d.ts +83 -0
- package/dist/image/image.d.ts.map +1 -0
- package/dist/image/image.js +236 -0
- package/dist/image/image.js.map +1 -0
- package/dist/image/index.d.ts +5 -0
- package/dist/image/index.d.ts.map +1 -0
- package/dist/image/index.js +3 -0
- package/dist/image/index.js.map +1 -0
- package/dist/interaction/index.d.ts +3 -0
- package/dist/interaction/index.d.ts.map +1 -0
- package/dist/interaction/index.js +2 -0
- package/dist/interaction/index.js.map +1 -0
- package/dist/interaction/tilt.d.ts +30 -0
- package/dist/interaction/tilt.d.ts.map +1 -0
- package/dist/interaction/tilt.js +131 -0
- package/dist/interaction/tilt.js.map +1 -0
- package/dist/lazy/index.d.ts +3 -0
- package/dist/lazy/index.d.ts.map +1 -0
- package/dist/lazy/index.js +2 -0
- package/dist/lazy/index.js.map +1 -0
- package/dist/lazy/lazy.d.ts +42 -0
- package/dist/lazy/lazy.d.ts.map +1 -0
- package/dist/lazy/lazy.js +80 -0
- package/dist/lazy/lazy.js.map +1 -0
- package/dist/modal/index.d.ts +3 -0
- package/dist/modal/index.d.ts.map +1 -0
- package/dist/modal/index.js +2 -0
- package/dist/modal/index.js.map +1 -0
- package/dist/modal/modal.d.ts +39 -0
- package/dist/modal/modal.d.ts.map +1 -0
- package/dist/modal/modal.js +174 -0
- package/dist/modal/modal.js.map +1 -0
- package/dist/router/index.d.ts +3 -0
- package/dist/router/index.d.ts.map +1 -0
- package/dist/router/index.js +2 -0
- package/dist/router/index.js.map +1 -0
- package/dist/router/router.d.ts +80 -0
- package/dist/router/router.d.ts.map +1 -0
- package/dist/router/router.js +256 -0
- package/dist/router/router.js.map +1 -0
- package/dist/router/speculate.d.ts +28 -0
- package/dist/router/speculate.d.ts.map +1 -0
- package/dist/router/speculate.js +36 -0
- package/dist/router/speculate.js.map +1 -0
- package/dist/search/fuzzy.d.ts +16 -0
- package/dist/search/fuzzy.d.ts.map +1 -0
- package/dist/search/fuzzy.js +77 -0
- package/dist/search/fuzzy.js.map +1 -0
- package/dist/search/index.d.ts +5 -0
- package/dist/search/index.d.ts.map +1 -0
- package/dist/search/index.js +3 -0
- package/dist/search/index.js.map +1 -0
- package/dist/search/search.d.ts +56 -0
- package/dist/search/search.d.ts.map +1 -0
- package/dist/search/search.js +540 -0
- package/dist/search/search.js.map +1 -0
- package/dist/search/wasm.d.ts +35 -0
- package/dist/search/wasm.d.ts.map +1 -0
- package/dist/search/wasm.js +51 -0
- package/dist/search/wasm.js.map +1 -0
- package/dist/security/cors.d.ts +61 -0
- package/dist/security/cors.d.ts.map +1 -0
- package/dist/security/cors.js +174 -0
- package/dist/security/cors.js.map +1 -0
- package/dist/security/csp.d.ts +49 -0
- package/dist/security/csp.d.ts.map +1 -0
- package/dist/security/csp.js +143 -0
- package/dist/security/csp.js.map +1 -0
- package/dist/security/csrf.d.ts +47 -0
- package/dist/security/csrf.d.ts.map +1 -0
- package/dist/security/csrf.js +122 -0
- package/dist/security/csrf.js.map +1 -0
- package/dist/security/encrypt.d.ts +64 -0
- package/dist/security/encrypt.d.ts.map +1 -0
- package/dist/security/encrypt.js +129 -0
- package/dist/security/encrypt.js.map +1 -0
- package/dist/security/index.d.ts +21 -0
- package/dist/security/index.d.ts.map +1 -0
- package/dist/security/index.js +11 -0
- package/dist/security/index.js.map +1 -0
- package/dist/security/rate-limit.d.ts +57 -0
- package/dist/security/rate-limit.d.ts.map +1 -0
- package/dist/security/rate-limit.js +222 -0
- package/dist/security/rate-limit.js.map +1 -0
- package/dist/security/rbac.d.ts +84 -0
- package/dist/security/rbac.d.ts.map +1 -0
- package/dist/security/rbac.js +164 -0
- package/dist/security/rbac.js.map +1 -0
- package/dist/security/sanitize.d.ts +44 -0
- package/dist/security/sanitize.d.ts.map +1 -0
- package/dist/security/sanitize.js +230 -0
- package/dist/security/sanitize.js.map +1 -0
- package/dist/security/secure-store.d.ts +44 -0
- package/dist/security/secure-store.d.ts.map +1 -0
- package/dist/security/secure-store.js +164 -0
- package/dist/security/secure-store.js.map +1 -0
- package/dist/security/session.d.ts +76 -0
- package/dist/security/session.d.ts.map +1 -0
- package/dist/security/session.js +251 -0
- package/dist/security/session.js.map +1 -0
- package/dist/security/sri.d.ts +66 -0
- package/dist/security/sri.d.ts.map +1 -0
- package/dist/security/sri.js +159 -0
- package/dist/security/sri.js.map +1 -0
- package/dist/shortcuts/index.d.ts +3 -0
- package/dist/shortcuts/index.d.ts.map +1 -0
- package/dist/shortcuts/index.js +2 -0
- package/dist/shortcuts/index.js.map +1 -0
- package/dist/shortcuts/shortcuts.d.ts +43 -0
- package/dist/shortcuts/shortcuts.d.ts.map +1 -0
- package/dist/shortcuts/shortcuts.js +141 -0
- package/dist/shortcuts/shortcuts.js.map +1 -0
- package/dist/ssr/index.d.ts +3 -0
- package/dist/ssr/index.d.ts.map +1 -0
- package/dist/ssr/index.js +2 -0
- package/dist/ssr/index.js.map +1 -0
- package/dist/ssr/ssr.d.ts +62 -0
- package/dist/ssr/ssr.d.ts.map +1 -0
- package/dist/ssr/ssr.js +132 -0
- package/dist/ssr/ssr.js.map +1 -0
- package/dist/state/index.d.ts +5 -0
- package/dist/state/index.d.ts.map +1 -0
- package/dist/state/index.js +3 -0
- package/dist/state/index.js.map +1 -0
- package/dist/state/persistent.d.ts +31 -0
- package/dist/state/persistent.d.ts.map +1 -0
- package/dist/state/persistent.js +132 -0
- package/dist/state/persistent.js.map +1 -0
- package/dist/state/store.d.ts +31 -0
- package/dist/state/store.d.ts.map +1 -0
- package/dist/state/store.js +107 -0
- package/dist/state/store.js.map +1 -0
- package/dist/store/index.d.ts +3 -0
- package/dist/store/index.d.ts.map +1 -0
- package/dist/store/index.js +2 -0
- package/dist/store/index.js.map +1 -0
- package/dist/store/store.d.ts +36 -0
- package/dist/store/store.d.ts.map +1 -0
- package/dist/store/store.js +175 -0
- package/dist/store/store.js.map +1 -0
- package/dist/supabase/auth.d.ts +28 -0
- package/dist/supabase/auth.d.ts.map +1 -0
- package/dist/supabase/auth.js +47 -0
- package/dist/supabase/auth.js.map +1 -0
- package/dist/supabase/client.d.ts +18 -0
- package/dist/supabase/client.d.ts.map +1 -0
- package/dist/supabase/client.js +36 -0
- package/dist/supabase/client.js.map +1 -0
- package/dist/supabase/realtime.d.ts +22 -0
- package/dist/supabase/realtime.d.ts.map +1 -0
- package/dist/supabase/realtime.js +51 -0
- package/dist/supabase/realtime.js.map +1 -0
- package/dist/sw/index.d.ts +3 -0
- package/dist/sw/index.d.ts.map +1 -0
- package/dist/sw/index.js +2 -0
- package/dist/sw/index.js.map +1 -0
- package/dist/sw/sw.d.ts +49 -0
- package/dist/sw/sw.d.ts.map +1 -0
- package/dist/sw/sw.js +125 -0
- package/dist/sw/sw.js.map +1 -0
- package/dist/tabs/index.d.ts +3 -0
- package/dist/tabs/index.d.ts.map +1 -0
- package/dist/tabs/index.js +2 -0
- package/dist/tabs/index.js.map +1 -0
- package/dist/tabs/tabs.d.ts +34 -0
- package/dist/tabs/tabs.d.ts.map +1 -0
- package/dist/tabs/tabs.js +173 -0
- package/dist/tabs/tabs.js.map +1 -0
- package/dist/test/index.d.ts +3 -0
- package/dist/test/index.d.ts.map +1 -0
- package/dist/test/index.js +2 -0
- package/dist/test/index.js.map +1 -0
- package/dist/test/test.d.ts +37 -0
- package/dist/test/test.d.ts.map +1 -0
- package/dist/test/test.js +108 -0
- package/dist/test/test.js.map +1 -0
- package/dist/theme/index.d.ts +3 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +2 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/theme/theme.d.ts +40 -0
- package/dist/theme/theme.d.ts.map +1 -0
- package/dist/theme/theme.js +142 -0
- package/dist/theme/theme.js.map +1 -0
- package/dist/timeline/index.d.ts +3 -0
- package/dist/timeline/index.d.ts.map +1 -0
- package/dist/timeline/index.js +2 -0
- package/dist/timeline/index.js.map +1 -0
- package/dist/timeline/timeline.d.ts +44 -0
- package/dist/timeline/timeline.d.ts.map +1 -0
- package/dist/timeline/timeline.js +196 -0
- package/dist/timeline/timeline.js.map +1 -0
- package/dist/toast/index.d.ts +3 -0
- package/dist/toast/index.d.ts.map +1 -0
- package/dist/toast/index.js +2 -0
- package/dist/toast/index.js.map +1 -0
- package/dist/toast/toast.d.ts +31 -0
- package/dist/toast/toast.d.ts.map +1 -0
- package/dist/toast/toast.js +198 -0
- package/dist/toast/toast.js.map +1 -0
- package/dist/tooltip/index.d.ts +3 -0
- package/dist/tooltip/index.d.ts.map +1 -0
- package/dist/tooltip/index.js +2 -0
- package/dist/tooltip/index.js.map +1 -0
- package/dist/tooltip/tooltip.d.ts +27 -0
- package/dist/tooltip/tooltip.d.ts.map +1 -0
- package/dist/tooltip/tooltip.js +229 -0
- package/dist/tooltip/tooltip.js.map +1 -0
- package/dist/transition/index.d.ts +3 -0
- package/dist/transition/index.d.ts.map +1 -0
- package/dist/transition/index.js +2 -0
- package/dist/transition/index.js.map +1 -0
- package/dist/transition/transition.d.ts +31 -0
- package/dist/transition/transition.d.ts.map +1 -0
- package/dist/transition/transition.js +95 -0
- package/dist/transition/transition.js.map +1 -0
- package/dist/webgl/index.d.ts +3 -0
- package/dist/webgl/index.d.ts.map +1 -0
- package/dist/webgl/index.js +2 -0
- package/dist/webgl/index.js.map +1 -0
- package/dist/webgl/webgl.d.ts +49 -0
- package/dist/webgl/webgl.d.ts.map +1 -0
- package/dist/webgl/webgl.js +401 -0
- package/dist/webgl/webgl.js.map +1 -0
- package/package.json +269 -0
- package/styles/base/global.css +47 -0
- package/styles/base/reset.css +73 -0
- package/styles/tokens/colors.css +50 -0
- package/styles/tokens/spacing.css +46 -0
- package/styles/tokens/typography.css +37 -0
- package/styles/utilities/layout.css +46 -0
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Lazy Loading
|
|
3
|
+
*
|
|
4
|
+
* Intersection Observer-based lazy loading for elements, images, and components.
|
|
5
|
+
*/
|
|
6
|
+
/**
|
|
7
|
+
* Create a lazy loader that triggers when elements enter the viewport.
|
|
8
|
+
* Uses `data-src` → `src` and `data-srcset` → `srcset` for images.
|
|
9
|
+
* Adds the visible class for CSS-driven reveal animations.
|
|
10
|
+
*/
|
|
11
|
+
export function createLazy(options = {}) {
|
|
12
|
+
const { root = null, rootMargin = '200px', threshold = 0, visibleClass = 'nova-lazy--visible', once = true, } = options;
|
|
13
|
+
const observer = new IntersectionObserver((entries) => {
|
|
14
|
+
for (const entry of entries) {
|
|
15
|
+
if (!entry.isIntersecting)
|
|
16
|
+
continue;
|
|
17
|
+
const el = entry.target;
|
|
18
|
+
// Swap data-src → src (images, iframes, video)
|
|
19
|
+
const dataSrc = el.getAttribute('data-src');
|
|
20
|
+
if (dataSrc) {
|
|
21
|
+
el.src = dataSrc;
|
|
22
|
+
el.removeAttribute('data-src');
|
|
23
|
+
}
|
|
24
|
+
// Swap data-srcset → srcset
|
|
25
|
+
const dataSrcset = el.getAttribute('data-srcset');
|
|
26
|
+
if (dataSrcset) {
|
|
27
|
+
el.srcset = dataSrcset;
|
|
28
|
+
el.removeAttribute('data-srcset');
|
|
29
|
+
}
|
|
30
|
+
// Swap data-bg → background-image
|
|
31
|
+
const dataBg = el.getAttribute('data-bg');
|
|
32
|
+
if (dataBg) {
|
|
33
|
+
el.style.backgroundImage = `url('${dataBg}')`;
|
|
34
|
+
el.removeAttribute('data-bg');
|
|
35
|
+
}
|
|
36
|
+
el.classList.add(visibleClass);
|
|
37
|
+
if (once)
|
|
38
|
+
observer.unobserve(el);
|
|
39
|
+
}
|
|
40
|
+
}, { root, rootMargin, threshold });
|
|
41
|
+
return {
|
|
42
|
+
observe(el) { observer.observe(el); },
|
|
43
|
+
unobserve(el) { observer.unobserve(el); },
|
|
44
|
+
destroy() { observer.disconnect(); },
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
/**
|
|
48
|
+
* Convenience: auto-observe all elements matching a selector.
|
|
49
|
+
* Returns a cleanup function.
|
|
50
|
+
*/
|
|
51
|
+
export function lazy(selector, options) {
|
|
52
|
+
const instance = createLazy(options);
|
|
53
|
+
const elements = document.querySelectorAll(selector);
|
|
54
|
+
for (const el of elements)
|
|
55
|
+
instance.observe(el);
|
|
56
|
+
return () => instance.destroy();
|
|
57
|
+
}
|
|
58
|
+
/**
|
|
59
|
+
* Lazy-load a module/component when an element becomes visible.
|
|
60
|
+
* Calls the factory function only once when the element first enters viewport.
|
|
61
|
+
*/
|
|
62
|
+
export function lazyLoad(element, factory, options) {
|
|
63
|
+
return new Promise((resolve) => {
|
|
64
|
+
const obs = new IntersectionObserver((entries) => {
|
|
65
|
+
for (const entry of entries) {
|
|
66
|
+
if (!entry.isIntersecting)
|
|
67
|
+
continue;
|
|
68
|
+
obs.disconnect();
|
|
69
|
+
factory().then(resolve);
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
}, {
|
|
73
|
+
root: options?.root ?? null,
|
|
74
|
+
rootMargin: options?.rootMargin ?? '200px',
|
|
75
|
+
threshold: options?.threshold ?? 0,
|
|
76
|
+
});
|
|
77
|
+
obs.observe(element);
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
//# sourceMappingURL=lazy.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lazy.js","sourceRoot":"","sources":["../../src/lazy/lazy.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Modal / Dialog System
|
|
3
|
+
*
|
|
4
|
+
* Accessible dialogs with focus trapping, scroll lock, and stacking.
|
|
5
|
+
*/
|
|
6
|
+
export interface ModalOptions {
|
|
7
|
+
/** HTML string or element for the modal content */
|
|
8
|
+
content: string | HTMLElement;
|
|
9
|
+
/** Extra CSS class on the modal container */
|
|
10
|
+
class?: string;
|
|
11
|
+
/** Close on backdrop click. Default: true */
|
|
12
|
+
closeOnBackdrop?: boolean;
|
|
13
|
+
/** Close on Escape key. Default: true */
|
|
14
|
+
closeOnEscape?: boolean;
|
|
15
|
+
/** Trap focus inside modal. Default: true */
|
|
16
|
+
focusTrap?: boolean;
|
|
17
|
+
/** Lock body scroll. Default: true */
|
|
18
|
+
lockScroll?: boolean;
|
|
19
|
+
/** Called when modal opens */
|
|
20
|
+
onOpen?: () => void;
|
|
21
|
+
/** Called when modal closes */
|
|
22
|
+
onClose?: () => void;
|
|
23
|
+
/** Dialog role. Default: 'dialog' */
|
|
24
|
+
role?: 'dialog' | 'alertdialog';
|
|
25
|
+
/** Accessible label */
|
|
26
|
+
ariaLabel?: string;
|
|
27
|
+
}
|
|
28
|
+
export interface ModalInstance {
|
|
29
|
+
open(): void;
|
|
30
|
+
close(): void;
|
|
31
|
+
isOpen(): boolean;
|
|
32
|
+
/** The modal body container */
|
|
33
|
+
element: HTMLElement;
|
|
34
|
+
/** Full cleanup */
|
|
35
|
+
destroy(): void;
|
|
36
|
+
}
|
|
37
|
+
/** Create a modal dialog instance. */
|
|
38
|
+
export declare function createModal(options: ModalOptions): ModalInstance;
|
|
39
|
+
//# sourceMappingURL=modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/modal/modal.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,YAAY;IAC3B,mDAAmD;IACnD,OAAO,EAAE,MAAM,GAAG,WAAW,CAAC;IAC9B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yCAAyC;IACzC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qCAAqC;IACrC,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IAChC,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;IACd,MAAM,IAAI,OAAO,CAAC;IAClB,+BAA+B;IAC/B,OAAO,EAAE,WAAW,CAAC;IACrB,mBAAmB;IACnB,OAAO,IAAI,IAAI,CAAC;CACjB;AAkDD,sCAAsC;AACtC,wBAAgB,WAAW,CAAC,OAAO,EAAE,YAAY,GAAG,aAAa,CAsIhE"}
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Modal / Dialog System
|
|
3
|
+
*
|
|
4
|
+
* Accessible dialogs with focus trapping, scroll lock, and stacking.
|
|
5
|
+
*/
|
|
6
|
+
const STYLE_ID = 'nova-modal-styles';
|
|
7
|
+
let openCount = 0;
|
|
8
|
+
let savedOverflow = '';
|
|
9
|
+
function injectStyles() {
|
|
10
|
+
if (document.getElementById(STYLE_ID))
|
|
11
|
+
return;
|
|
12
|
+
const s = document.createElement('style');
|
|
13
|
+
s.id = STYLE_ID;
|
|
14
|
+
s.textContent = `
|
|
15
|
+
.nova-modal-dialog {
|
|
16
|
+
border: none;
|
|
17
|
+
background: transparent;
|
|
18
|
+
padding: 0;
|
|
19
|
+
max-width: min(90vw, 560px);
|
|
20
|
+
max-height: 85vh;
|
|
21
|
+
width: 100%;
|
|
22
|
+
outline: none;
|
|
23
|
+
}
|
|
24
|
+
.nova-modal-dialog::backdrop {
|
|
25
|
+
background: var(--color-bg-overlay, rgba(0, 0, 0, 0.6));
|
|
26
|
+
backdrop-filter: blur(4px);
|
|
27
|
+
}
|
|
28
|
+
.nova-modal-body {
|
|
29
|
+
background: var(--color-bg-elevated, rgba(22, 22, 22, 0.98));
|
|
30
|
+
border: 1px solid var(--color-border, rgba(255, 255, 255, 0.08));
|
|
31
|
+
border-radius: 14px;
|
|
32
|
+
padding: 28px;
|
|
33
|
+
color: var(--color-text-primary, #e5e5e5);
|
|
34
|
+
font: 15px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
35
|
+
box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
|
|
36
|
+
transform: scale(0.95);
|
|
37
|
+
opacity: 0;
|
|
38
|
+
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
|
|
39
|
+
overflow-y: auto;
|
|
40
|
+
max-height: 85vh;
|
|
41
|
+
}
|
|
42
|
+
.nova-modal-dialog[open] .nova-modal-body {
|
|
43
|
+
transform: scale(1);
|
|
44
|
+
opacity: 1;
|
|
45
|
+
}
|
|
46
|
+
@media (prefers-reduced-motion: reduce) {
|
|
47
|
+
.nova-modal-body { transition: none; }
|
|
48
|
+
}`;
|
|
49
|
+
document.head.appendChild(s);
|
|
50
|
+
}
|
|
51
|
+
const FOCUSABLE = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])';
|
|
52
|
+
/** Create a modal dialog instance. */
|
|
53
|
+
export function createModal(options) {
|
|
54
|
+
const { content, class: extraClass, closeOnBackdrop = true, closeOnEscape = true, focusTrap = true, lockScroll = true, onOpen, onClose, role = 'dialog', ariaLabel, } = options;
|
|
55
|
+
injectStyles();
|
|
56
|
+
const dialog = document.createElement('dialog');
|
|
57
|
+
dialog.className = 'nova-modal-dialog' + (extraClass ? ` ${extraClass}` : '');
|
|
58
|
+
dialog.setAttribute('role', role);
|
|
59
|
+
dialog.setAttribute('aria-modal', 'true');
|
|
60
|
+
if (ariaLabel)
|
|
61
|
+
dialog.setAttribute('aria-label', ariaLabel);
|
|
62
|
+
const body = document.createElement('div');
|
|
63
|
+
body.className = 'nova-modal-body';
|
|
64
|
+
if (typeof content === 'string') {
|
|
65
|
+
body.innerHTML = content;
|
|
66
|
+
}
|
|
67
|
+
else {
|
|
68
|
+
body.appendChild(content);
|
|
69
|
+
}
|
|
70
|
+
dialog.appendChild(body);
|
|
71
|
+
document.body.appendChild(dialog);
|
|
72
|
+
let previousFocus = null;
|
|
73
|
+
let isOpened = false;
|
|
74
|
+
// Backdrop click
|
|
75
|
+
function onDialogClick(e) {
|
|
76
|
+
if (!closeOnBackdrop)
|
|
77
|
+
return;
|
|
78
|
+
if (e.target === dialog)
|
|
79
|
+
instance.close();
|
|
80
|
+
}
|
|
81
|
+
// Escape key
|
|
82
|
+
function onCancel(e) {
|
|
83
|
+
if (!closeOnEscape) {
|
|
84
|
+
e.preventDefault();
|
|
85
|
+
return;
|
|
86
|
+
}
|
|
87
|
+
instance.close();
|
|
88
|
+
}
|
|
89
|
+
// Focus trap
|
|
90
|
+
function onKeydown(e) {
|
|
91
|
+
if (!focusTrap || e.key !== 'Tab')
|
|
92
|
+
return;
|
|
93
|
+
const focusable = Array.from(dialog.querySelectorAll(FOCUSABLE));
|
|
94
|
+
if (focusable.length === 0) {
|
|
95
|
+
e.preventDefault();
|
|
96
|
+
return;
|
|
97
|
+
}
|
|
98
|
+
const first = focusable[0];
|
|
99
|
+
const last = focusable[focusable.length - 1];
|
|
100
|
+
if (e.shiftKey && document.activeElement === first) {
|
|
101
|
+
e.preventDefault();
|
|
102
|
+
last.focus();
|
|
103
|
+
}
|
|
104
|
+
else if (!e.shiftKey && document.activeElement === last) {
|
|
105
|
+
e.preventDefault();
|
|
106
|
+
first.focus();
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
dialog.addEventListener('click', onDialogClick);
|
|
110
|
+
dialog.addEventListener('cancel', onCancel);
|
|
111
|
+
dialog.addEventListener('keydown', onKeydown);
|
|
112
|
+
const instance = {
|
|
113
|
+
element: body,
|
|
114
|
+
open() {
|
|
115
|
+
if (isOpened)
|
|
116
|
+
return;
|
|
117
|
+
isOpened = true;
|
|
118
|
+
previousFocus = document.activeElement;
|
|
119
|
+
if (lockScroll) {
|
|
120
|
+
if (openCount === 0)
|
|
121
|
+
savedOverflow = document.body.style.overflow;
|
|
122
|
+
openCount++;
|
|
123
|
+
document.body.style.overflow = 'hidden';
|
|
124
|
+
}
|
|
125
|
+
dialog.showModal();
|
|
126
|
+
onOpen?.();
|
|
127
|
+
// Focus first focusable element
|
|
128
|
+
requestAnimationFrame(() => {
|
|
129
|
+
const first = dialog.querySelector(FOCUSABLE);
|
|
130
|
+
if (first)
|
|
131
|
+
first.focus();
|
|
132
|
+
});
|
|
133
|
+
},
|
|
134
|
+
close() {
|
|
135
|
+
if (!isOpened)
|
|
136
|
+
return;
|
|
137
|
+
isOpened = false;
|
|
138
|
+
body.style.transform = 'scale(0.95)';
|
|
139
|
+
body.style.opacity = '0';
|
|
140
|
+
const finish = () => {
|
|
141
|
+
dialog.close();
|
|
142
|
+
body.style.transform = '';
|
|
143
|
+
body.style.opacity = '';
|
|
144
|
+
if (lockScroll) {
|
|
145
|
+
openCount--;
|
|
146
|
+
if (openCount <= 0) {
|
|
147
|
+
openCount = 0;
|
|
148
|
+
document.body.style.overflow = savedOverflow;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
previousFocus?.focus();
|
|
152
|
+
onClose?.();
|
|
153
|
+
};
|
|
154
|
+
if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
|
|
155
|
+
finish();
|
|
156
|
+
}
|
|
157
|
+
else {
|
|
158
|
+
body.addEventListener('transitionend', finish, { once: true });
|
|
159
|
+
setTimeout(finish, 250); // fallback
|
|
160
|
+
}
|
|
161
|
+
},
|
|
162
|
+
isOpen() { return isOpened; },
|
|
163
|
+
destroy() {
|
|
164
|
+
if (isOpened)
|
|
165
|
+
instance.close();
|
|
166
|
+
dialog.removeEventListener('click', onDialogClick);
|
|
167
|
+
dialog.removeEventListener('cancel', onCancel);
|
|
168
|
+
dialog.removeEventListener('keydown', onKeydown);
|
|
169
|
+
dialog.remove();
|
|
170
|
+
},
|
|
171
|
+
};
|
|
172
|
+
return instance;
|
|
173
|
+
}
|
|
174
|
+
//# sourceMappingURL=modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/modal/modal.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/router/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACxF,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/router/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — SPA Router
|
|
3
|
+
*
|
|
4
|
+
* History API router with path params, lazy loading, guards, layouts, and transitions.
|
|
5
|
+
*
|
|
6
|
+
* Security: Layout/component tag names are derived from static class properties
|
|
7
|
+
* defined by the developer, never from user input.
|
|
8
|
+
*/
|
|
9
|
+
export interface RouteGuard {
|
|
10
|
+
(): boolean | string | Promise<boolean | string>;
|
|
11
|
+
}
|
|
12
|
+
export interface Route {
|
|
13
|
+
path: string;
|
|
14
|
+
component?: () => Promise<{
|
|
15
|
+
default: CustomElementConstructor & {
|
|
16
|
+
tag?: string;
|
|
17
|
+
};
|
|
18
|
+
}>;
|
|
19
|
+
layout?: string;
|
|
20
|
+
guard?: RouteGuard;
|
|
21
|
+
children?: Route[];
|
|
22
|
+
meta?: Record<string, unknown>;
|
|
23
|
+
}
|
|
24
|
+
interface RouterOptions {
|
|
25
|
+
routes: Route[];
|
|
26
|
+
outlet: HTMLElement;
|
|
27
|
+
layouts?: Record<string, () => Promise<{
|
|
28
|
+
default: CustomElementConstructor & {
|
|
29
|
+
tag?: string;
|
|
30
|
+
};
|
|
31
|
+
}>>;
|
|
32
|
+
onBeforeNavigate?: (to: string, from: string) => void;
|
|
33
|
+
onAfterNavigate?: (to: string) => void;
|
|
34
|
+
/** Use the View Transitions API for page swaps when supported. Default: false */
|
|
35
|
+
viewTransitions?: boolean;
|
|
36
|
+
}
|
|
37
|
+
declare class NovaRouter {
|
|
38
|
+
private routes;
|
|
39
|
+
private flatRoutes;
|
|
40
|
+
private outlet;
|
|
41
|
+
private layouts;
|
|
42
|
+
private currentPath;
|
|
43
|
+
private currentLayout;
|
|
44
|
+
private onBeforeNavigate?;
|
|
45
|
+
private onAfterNavigate?;
|
|
46
|
+
private viewTransitions;
|
|
47
|
+
constructor(options: RouterOptions);
|
|
48
|
+
/** Flatten nested routes into regex patterns */
|
|
49
|
+
private flattenRoutes;
|
|
50
|
+
/** Convert path pattern to regex: /user/:id → /^\/user\/([^/]+)$/ */
|
|
51
|
+
private pathToRegex;
|
|
52
|
+
private normalizePath;
|
|
53
|
+
/** Match a URL path to a route */
|
|
54
|
+
private match;
|
|
55
|
+
/** Navigate to a path */
|
|
56
|
+
navigate(path: string, pushState?: boolean): Promise<void>;
|
|
57
|
+
/** Load and render a layout */
|
|
58
|
+
private renderLayout;
|
|
59
|
+
/** Find the page outlet inside the current layout, or use the main outlet */
|
|
60
|
+
private getPageOutlet;
|
|
61
|
+
/** Set up popstate and link interception */
|
|
62
|
+
private setupListeners;
|
|
63
|
+
/** Get current path */
|
|
64
|
+
get path(): string;
|
|
65
|
+
/** Get current route params */
|
|
66
|
+
get params(): Record<string, string>;
|
|
67
|
+
private _navListeners;
|
|
68
|
+
/** Subscribe to navigation events. Returns unsubscribe function. */
|
|
69
|
+
onNavigate(fn: (path: string) => void): () => void;
|
|
70
|
+
private _emitNavigate;
|
|
71
|
+
}
|
|
72
|
+
export declare function createRouter(options: RouterOptions): NovaRouter;
|
|
73
|
+
export declare function useRouter(): NovaRouter;
|
|
74
|
+
export declare function navigateTo(path: string): void;
|
|
75
|
+
/** Get the current router path. */
|
|
76
|
+
export declare function currentPath(): string;
|
|
77
|
+
/** Subscribe to route changes. Returns unsubscribe. */
|
|
78
|
+
export declare function onNavigate(fn: (path: string) => void): () => void;
|
|
79
|
+
export {};
|
|
80
|
+
//# sourceMappingURL=router.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/router/router.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,MAAM,WAAW,UAAU;IACzB,IAAI,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;CAClD;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC;QAAE,OAAO,EAAE,wBAAwB,GAAG;YAAE,GAAG,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC;IACpF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAQD,UAAU,aAAa;IACrB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC;QAAE,OAAO,EAAE,wBAAwB,GAAG;YAAE,GAAG,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC,CAAC;IAClG,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,iFAAiF;IACjF,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,cAAM,UAAU;IACd,OAAO,CAAC,MAAM,CAAe;IAC7B,OAAO,CAAC,UAAU,CAAmF;IACrG,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,OAAO,CAA2B;IAC1C,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,aAAa,CAAM;IAC3B,OAAO,CAAC,gBAAgB,CAAC,CAAoC;IAC7D,OAAO,CAAC,eAAe,CAAC,CAAmC;IAC3D,OAAO,CAAC,eAAe,CAAU;gBAErB,OAAO,EAAE,aAAa;IAgBlC,gDAAgD;IAChD,OAAO,CAAC,aAAa;IAoBrB,qEAAqE;IACrE,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,aAAa;IAIrB,kCAAkC;IAClC,OAAO,CAAC,KAAK;IAgBb,yBAAyB;IACnB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,UAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IA0F7D,+BAA+B;YACjB,YAAY;IAmB1B,6EAA6E;IAC7E,OAAO,CAAC,aAAa;IAUrB,4CAA4C;IAC5C,OAAO,CAAC,cAAc;IA2BtB,uBAAuB;IACvB,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,+BAA+B;IAC/B,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAEnC;IAED,OAAO,CAAC,aAAa,CAAqC;IAE1D,oEAAoE;IACpE,UAAU,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,IAAI;IAKlD,OAAO,CAAC,aAAa;CAGtB;AAID,wBAAgB,YAAY,CAAC,OAAO,EAAE,aAAa,GAAG,UAAU,CAG/D;AAED,wBAAgB,SAAS,IAAI,UAAU,CAGtC;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAE7C;AAED,mCAAmC;AACnC,wBAAgB,WAAW,IAAI,MAAM,CAEpC;AAED,uDAAuD;AACvD,wBAAgB,UAAU,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,IAAI,CAEjE"}
|