@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 @@
|
|
|
1
|
+
{"version":3,"file":"test.d.ts","sourceRoot":"","sources":["../../src/test/test.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,YAAY;IAC3B,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC;IAC7E,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;IAC3E,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC;IACvE,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IACrC,WAAW,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACnD,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,0CAA0C;AAC1C,wBAAgB,KAAK,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,gBAAgB,CA8D/E;AAED,0CAA0C;AAC1C,wBAAgB,QAAQ,CACtB,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,MAAM,EACjB,OAAO,GAAE,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GAChD,IAAI,CAiBN;AAED,+CAA+C;AAC/C,wBAAsB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,SAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAO/E;AAED,qDAAqD;AACrD,wBAAsB,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,CAI3C;AAED,6DAA6D;AAC7D,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,CAQ3D"}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Testing Utilities
|
|
3
|
+
*
|
|
4
|
+
* Shadow DOM querying helpers, event simulation, and component lifecycle
|
|
5
|
+
* testing utilities for Nova components.
|
|
6
|
+
*/
|
|
7
|
+
/** Mount a custom element for testing. */
|
|
8
|
+
export function mount(tag, options = {}) {
|
|
9
|
+
const { attributes = {}, slotText, container } = options;
|
|
10
|
+
const host = container ?? document.createElement('div');
|
|
11
|
+
if (!container)
|
|
12
|
+
document.body.appendChild(host);
|
|
13
|
+
const element = document.createElement(tag);
|
|
14
|
+
for (const [key, value] of Object.entries(attributes)) {
|
|
15
|
+
element.setAttribute(key, value);
|
|
16
|
+
}
|
|
17
|
+
if (slotText)
|
|
18
|
+
element.textContent = slotText;
|
|
19
|
+
host.appendChild(element);
|
|
20
|
+
const shadow = element.shadowRoot;
|
|
21
|
+
return {
|
|
22
|
+
element,
|
|
23
|
+
shadow,
|
|
24
|
+
shadowQuery(selector) {
|
|
25
|
+
return shadow?.querySelector(selector) ?? null;
|
|
26
|
+
},
|
|
27
|
+
shadowQueryAll(selector) {
|
|
28
|
+
return shadow ? Array.from(shadow.querySelectorAll(selector)) : [];
|
|
29
|
+
},
|
|
30
|
+
query(selector) {
|
|
31
|
+
return element.querySelector(selector);
|
|
32
|
+
},
|
|
33
|
+
shadowText(selector) {
|
|
34
|
+
return shadow?.querySelector(selector)?.textContent?.trim() ?? '';
|
|
35
|
+
},
|
|
36
|
+
shadowClick(selector) {
|
|
37
|
+
const target = shadow?.querySelector(selector);
|
|
38
|
+
if (target) {
|
|
39
|
+
target.click();
|
|
40
|
+
target.dispatchEvent(new MouseEvent('click', { bubbles: true, composed: true }));
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
shadowInput(selector, value) {
|
|
44
|
+
const input = shadow?.querySelector(selector);
|
|
45
|
+
if (input) {
|
|
46
|
+
input.value = value;
|
|
47
|
+
input.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
|
|
48
|
+
input.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
async waitForUpdate() {
|
|
52
|
+
await new Promise((r) => requestAnimationFrame(r));
|
|
53
|
+
await new Promise((r) => setTimeout(r, 0));
|
|
54
|
+
},
|
|
55
|
+
unmount() {
|
|
56
|
+
element.remove();
|
|
57
|
+
if (!container)
|
|
58
|
+
host.remove();
|
|
59
|
+
},
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
/** Simulate a DOM event on an element. */
|
|
63
|
+
export function simulate(target, eventType, options = {}) {
|
|
64
|
+
const { bubbles = true, composed = true, cancelable = true, ...rest } = options;
|
|
65
|
+
let event;
|
|
66
|
+
if (eventType.startsWith('mouse') || eventType === 'click') {
|
|
67
|
+
event = new MouseEvent(eventType, { bubbles, composed, cancelable, ...rest });
|
|
68
|
+
}
|
|
69
|
+
else if (eventType.startsWith('key')) {
|
|
70
|
+
event = new KeyboardEvent(eventType, { bubbles, composed, cancelable, ...rest });
|
|
71
|
+
}
|
|
72
|
+
else if (eventType.startsWith('touch')) {
|
|
73
|
+
event = new TouchEvent(eventType, { bubbles, composed, cancelable, ...rest });
|
|
74
|
+
}
|
|
75
|
+
else if (eventType === 'input' || eventType === 'change') {
|
|
76
|
+
event = new Event(eventType, { bubbles, composed, cancelable });
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
event = new CustomEvent(eventType, { bubbles, composed, cancelable, detail: rest });
|
|
80
|
+
}
|
|
81
|
+
target.dispatchEvent(event);
|
|
82
|
+
}
|
|
83
|
+
/** Wait for a custom element to be defined. */
|
|
84
|
+
export async function waitForElement(tag, timeout = 5000) {
|
|
85
|
+
if (customElements.get(tag))
|
|
86
|
+
return;
|
|
87
|
+
const defined = customElements.whenDefined(tag);
|
|
88
|
+
const timer = new Promise((_, reject) => setTimeout(() => reject(new Error(`Timeout waiting for <${tag}>`)), timeout));
|
|
89
|
+
await Promise.race([defined, timer]);
|
|
90
|
+
}
|
|
91
|
+
/** Flush pending microtasks and animation frames. */
|
|
92
|
+
export async function flush() {
|
|
93
|
+
await new Promise((r) => setTimeout(r, 0));
|
|
94
|
+
await new Promise((r) => requestAnimationFrame(r));
|
|
95
|
+
await new Promise((r) => setTimeout(r, 0));
|
|
96
|
+
}
|
|
97
|
+
/** Create a text snapshot of a shadow DOM for comparison. */
|
|
98
|
+
export function shadowSnapshot(element) {
|
|
99
|
+
const shadow = element.shadowRoot;
|
|
100
|
+
if (!shadow)
|
|
101
|
+
return element.outerHTML;
|
|
102
|
+
const clone = shadow.cloneNode(true);
|
|
103
|
+
clone.querySelectorAll('style').forEach((s) => s.remove());
|
|
104
|
+
const div = document.createElement('div');
|
|
105
|
+
div.appendChild(clone);
|
|
106
|
+
return div.textContent?.trim() ?? '';
|
|
107
|
+
}
|
|
108
|
+
//# sourceMappingURL=test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"test.js","sourceRoot":"","sources":["../../src/test/test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/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/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Theme System
|
|
3
|
+
*
|
|
4
|
+
* Manages CSS custom properties, dark/light detection, and theme persistence.
|
|
5
|
+
*/
|
|
6
|
+
export interface ThemeOptions {
|
|
7
|
+
/** Map of theme names to CSS custom property definitions */
|
|
8
|
+
themes: Record<string, Record<string, string>>;
|
|
9
|
+
/** Default theme name. Default: 'dark' */
|
|
10
|
+
defaultTheme?: string;
|
|
11
|
+
/** localStorage key. Default: 'nova-theme' */
|
|
12
|
+
storageKey?: string;
|
|
13
|
+
/** HTML attribute for active theme. Default: 'data-theme' */
|
|
14
|
+
attribute?: string;
|
|
15
|
+
/** Element to apply vars to. Default: document.documentElement */
|
|
16
|
+
target?: HTMLElement;
|
|
17
|
+
/** Listen to prefers-color-scheme. Default: true */
|
|
18
|
+
systemPreference?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export interface ThemeInstance {
|
|
21
|
+
/** Current theme name */
|
|
22
|
+
readonly current: string;
|
|
23
|
+
/** Current mode: 'manual' (user chose) or 'auto' (following OS) */
|
|
24
|
+
readonly mode: 'manual' | 'auto';
|
|
25
|
+
/** Switch to a named theme (sets mode to 'manual') */
|
|
26
|
+
set(theme: string): void;
|
|
27
|
+
/** Follow the OS prefers-color-scheme (sets mode to 'auto') */
|
|
28
|
+
auto(): void;
|
|
29
|
+
/** Toggle between first two themes (sets mode to 'manual') */
|
|
30
|
+
toggle(): void;
|
|
31
|
+
/** Subscribe to theme changes. Returns unsubscribe. */
|
|
32
|
+
subscribe(fn: (theme: string) => void): () => void;
|
|
33
|
+
/** Read a computed CSS variable value */
|
|
34
|
+
getVar(name: string): string;
|
|
35
|
+
/** Cleanup all listeners */
|
|
36
|
+
destroy(): void;
|
|
37
|
+
}
|
|
38
|
+
/** Create a theme manager instance. */
|
|
39
|
+
export declare function createTheme(options: ThemeOptions): ThemeInstance;
|
|
40
|
+
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,YAAY;IAC3B,4DAA4D;IAC5D,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC/C,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,aAAa;IAC5B,yBAAyB;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,mEAAmE;IACnE,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IACjC,sDAAsD;IACtD,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,+DAA+D;IAC/D,IAAI,IAAI,IAAI,CAAC;IACb,8DAA8D;IAC9D,MAAM,IAAI,IAAI,CAAC;IACf,uDAAuD;IACvD,SAAS,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;IACnD,yCAAyC;IACzC,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,4BAA4B;IAC5B,OAAO,IAAI,IAAI,CAAC;CACjB;AAoBD,uCAAuC;AACvC,wBAAgB,WAAW,CAAC,OAAO,EAAE,YAAY,GAAG,aAAa,CAkHhE"}
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Theme System
|
|
3
|
+
*
|
|
4
|
+
* Manages CSS custom properties, dark/light detection, and theme persistence.
|
|
5
|
+
*/
|
|
6
|
+
const AUTO_SENTINEL = '__auto__';
|
|
7
|
+
function readStorage(key) {
|
|
8
|
+
try {
|
|
9
|
+
return localStorage.getItem(key);
|
|
10
|
+
}
|
|
11
|
+
catch {
|
|
12
|
+
return null;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
function writeStorage(key, value) {
|
|
16
|
+
try {
|
|
17
|
+
localStorage.setItem(key, value);
|
|
18
|
+
}
|
|
19
|
+
catch { /* noop */ }
|
|
20
|
+
}
|
|
21
|
+
function detectSystemTheme(keys) {
|
|
22
|
+
if (typeof window === 'undefined' || !window.matchMedia)
|
|
23
|
+
return null;
|
|
24
|
+
const dark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
25
|
+
if (dark && keys.includes('dark'))
|
|
26
|
+
return 'dark';
|
|
27
|
+
if (!dark && keys.includes('light'))
|
|
28
|
+
return 'light';
|
|
29
|
+
return null;
|
|
30
|
+
}
|
|
31
|
+
/** Create a theme manager instance. */
|
|
32
|
+
export function createTheme(options) {
|
|
33
|
+
const { themes, defaultTheme = 'dark', storageKey = 'nova-theme', attribute = 'data-theme', target = document.documentElement, systemPreference = true, } = options;
|
|
34
|
+
const keys = Object.keys(themes);
|
|
35
|
+
const subscribers = new Set();
|
|
36
|
+
let active = defaultTheme;
|
|
37
|
+
let hasStored = false;
|
|
38
|
+
let currentMode = 'auto';
|
|
39
|
+
// Determine initial theme
|
|
40
|
+
const stored = readStorage(storageKey);
|
|
41
|
+
if (stored === AUTO_SENTINEL) {
|
|
42
|
+
// Previously set to auto mode — follow OS
|
|
43
|
+
currentMode = 'auto';
|
|
44
|
+
hasStored = false;
|
|
45
|
+
const sys = systemPreference ? detectSystemTheme(keys) : null;
|
|
46
|
+
if (sys)
|
|
47
|
+
active = sys;
|
|
48
|
+
}
|
|
49
|
+
else if (stored && themes[stored]) {
|
|
50
|
+
active = stored;
|
|
51
|
+
hasStored = true;
|
|
52
|
+
currentMode = 'manual';
|
|
53
|
+
}
|
|
54
|
+
else if (systemPreference) {
|
|
55
|
+
const sys = detectSystemTheme(keys);
|
|
56
|
+
if (sys)
|
|
57
|
+
active = sys;
|
|
58
|
+
}
|
|
59
|
+
function apply(name) {
|
|
60
|
+
const vars = themes[name];
|
|
61
|
+
if (!vars)
|
|
62
|
+
return;
|
|
63
|
+
for (const [prop, value] of Object.entries(vars)) {
|
|
64
|
+
target.style.setProperty(prop, value);
|
|
65
|
+
}
|
|
66
|
+
target.setAttribute(attribute, name);
|
|
67
|
+
}
|
|
68
|
+
function notify(name) {
|
|
69
|
+
for (const fn of subscribers)
|
|
70
|
+
fn(name);
|
|
71
|
+
}
|
|
72
|
+
// System preference listener
|
|
73
|
+
let mql = null;
|
|
74
|
+
function onSystemChange(e) {
|
|
75
|
+
if (hasStored)
|
|
76
|
+
return;
|
|
77
|
+
const preferred = e.matches
|
|
78
|
+
? (keys.includes('dark') ? 'dark' : null)
|
|
79
|
+
: (keys.includes('light') ? 'light' : null);
|
|
80
|
+
if (preferred && preferred !== active) {
|
|
81
|
+
active = preferred;
|
|
82
|
+
apply(active);
|
|
83
|
+
notify(active);
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
if (systemPreference && typeof window !== 'undefined' && window.matchMedia) {
|
|
87
|
+
mql = window.matchMedia('(prefers-color-scheme: dark)');
|
|
88
|
+
mql.addEventListener('change', onSystemChange);
|
|
89
|
+
}
|
|
90
|
+
apply(active);
|
|
91
|
+
return {
|
|
92
|
+
get current() { return active; },
|
|
93
|
+
get mode() { return currentMode; },
|
|
94
|
+
set(theme) {
|
|
95
|
+
if (!themes[theme]) {
|
|
96
|
+
console.warn(`[nova/theme] Unknown theme "${theme}".`);
|
|
97
|
+
return;
|
|
98
|
+
}
|
|
99
|
+
if (theme === active && currentMode === 'manual')
|
|
100
|
+
return;
|
|
101
|
+
active = theme;
|
|
102
|
+
hasStored = true;
|
|
103
|
+
currentMode = 'manual';
|
|
104
|
+
apply(active);
|
|
105
|
+
writeStorage(storageKey, active);
|
|
106
|
+
notify(active);
|
|
107
|
+
},
|
|
108
|
+
auto() {
|
|
109
|
+
if (!systemPreference)
|
|
110
|
+
return;
|
|
111
|
+
currentMode = 'auto';
|
|
112
|
+
hasStored = false;
|
|
113
|
+
writeStorage(storageKey, AUTO_SENTINEL);
|
|
114
|
+
const sys = detectSystemTheme(keys);
|
|
115
|
+
if (sys && sys !== active) {
|
|
116
|
+
active = sys;
|
|
117
|
+
apply(active);
|
|
118
|
+
notify(active);
|
|
119
|
+
}
|
|
120
|
+
},
|
|
121
|
+
toggle() {
|
|
122
|
+
if (keys.length < 2)
|
|
123
|
+
return;
|
|
124
|
+
this.set(active === keys[0] ? keys[1] : keys[0]);
|
|
125
|
+
},
|
|
126
|
+
subscribe(fn) {
|
|
127
|
+
subscribers.add(fn);
|
|
128
|
+
return () => { subscribers.delete(fn); };
|
|
129
|
+
},
|
|
130
|
+
getVar(name) {
|
|
131
|
+
return getComputedStyle(target).getPropertyValue(name).trim();
|
|
132
|
+
},
|
|
133
|
+
destroy() {
|
|
134
|
+
if (mql) {
|
|
135
|
+
mql.removeEventListener('change', onSystemChange);
|
|
136
|
+
mql = null;
|
|
137
|
+
}
|
|
138
|
+
subscribers.clear();
|
|
139
|
+
},
|
|
140
|
+
};
|
|
141
|
+
}
|
|
142
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAoCH,MAAM,aAAa,GAAG,UAAU,CAAC;AAEjC,SAAS,WAAW,CAAC,GAAW;IAC9B,IAAI,CAAC;QAAC,OAAO,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAAC,CAAC;IAAC,MAAM,CAAC;QAAC,OAAO,IAAI,CAAC;IAAC,CAAC;AAClE,CAAC;AAED,SAAS,YAAY,CAAC,GAAW,EAAE,KAAa;IAC9C,IAAI,CAAC;QAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAAC,CAAC;IAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC;AAChE,CAAC;AAED,SAAS,iBAAiB,CAAC,IAAc;IACvC,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IACrE,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC;IACvE,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;QAAE,OAAO,MAAM,CAAC;IACjD,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;QAAE,OAAO,OAAO,CAAC;IACpD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,uCAAuC;AACvC,MAAM,UAAU,WAAW,CAAC,OAAqB;IAC/C,MAAM,EACJ,MAAM,EACN,YAAY,GAAG,MAAM,EACrB,UAAU,GAAG,YAAY,EACzB,SAAS,GAAG,YAAY,EACxB,MAAM,GAAG,QAAQ,CAAC,eAAe,EACjC,gBAAgB,GAAG,IAAI,GACxB,GAAG,OAAO,CAAC;IAEZ,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACjC,MAAM,WAAW,GAAG,IAAI,GAAG,EAA2B,CAAC;IACvD,IAAI,MAAM,GAAG,YAAY,CAAC;IAC1B,IAAI,SAAS,GAAG,KAAK,CAAC;IACtB,IAAI,WAAW,GAAsB,MAAM,CAAC;IAE5C,0BAA0B;IAC1B,MAAM,MAAM,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;IACvC,IAAI,MAAM,KAAK,aAAa,EAAE,CAAC;QAC7B,0CAA0C;QAC1C,WAAW,GAAG,MAAM,CAAC;QACrB,SAAS,GAAG,KAAK,CAAC;QAClB,MAAM,GAAG,GAAG,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC9D,IAAI,GAAG;YAAE,MAAM,GAAG,GAAG,CAAC;IACxB,CAAC;SAAM,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;QACpC,MAAM,GAAG,MAAM,CAAC;QAChB,SAAS,GAAG,IAAI,CAAC;QACjB,WAAW,GAAG,QAAQ,CAAC;IACzB,CAAC;SAAM,IAAI,gBAAgB,EAAE,CAAC;QAC5B,MAAM,GAAG,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,GAAG;YAAE,MAAM,GAAG,GAAG,CAAC;IACxB,CAAC;IAED,SAAS,KAAK,CAAC,IAAY;QACzB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QAC1B,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YACjD,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACxC,CAAC;QACD,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IACvC,CAAC;IAED,SAAS,MAAM,CAAC,IAAY;QAC1B,KAAK,MAAM,EAAE,IAAI,WAAW;YAAE,EAAE,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,6BAA6B;IAC7B,IAAI,GAAG,GAA0B,IAAI,CAAC;IACtC,SAAS,cAAc,CAAC,CAAsB;QAC5C,IAAI,SAAS;YAAE,OAAO;QACtB,MAAM,SAAS,GAAG,CAAC,CAAC,OAAO;YACzB,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;YACzC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAC9C,IAAI,SAAS,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;YACtC,MAAM,GAAG,SAAS,CAAC;YACnB,KAAK,CAAC,MAAM,CAAC,CAAC;YACd,MAAM,CAAC,MAAM,CAAC,CAAC;QACjB,CAAC;IACH,CAAC;IAED,IAAI,gBAAgB,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;QAC3E,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QACxD,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACjD,CAAC;IAED,KAAK,CAAC,MAAM,CAAC,CAAC;IAEd,OAAO;QACL,IAAI,OAAO,KAAK,OAAO,MAAM,CAAC,CAAC,CAAC;QAChC,IAAI,IAAI,KAAK,OAAO,WAAW,CAAC,CAAC,CAAC;QAElC,GAAG,CAAC,KAAa;YACf,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;gBAAC,OAAO,CAAC,IAAI,CAAC,+BAA+B,KAAK,IAAI,CAAC,CAAC;gBAAC,OAAO;YAAC,CAAC;YACvF,IAAI,KAAK,KAAK,MAAM,IAAI,WAAW,KAAK,QAAQ;gBAAE,OAAO;YACzD,MAAM,GAAG,KAAK,CAAC;YACf,SAAS,GAAG,IAAI,CAAC;YACjB,WAAW,GAAG,QAAQ,CAAC;YACvB,KAAK,CAAC,MAAM,CAAC,CAAC;YACd,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;YACjC,MAAM,CAAC,MAAM,CAAC,CAAC;QACjB,CAAC;QAED,IAAI;YACF,IAAI,CAAC,gBAAgB;gBAAE,OAAO;YAC9B,WAAW,GAAG,MAAM,CAAC;YACrB,SAAS,GAAG,KAAK,CAAC;YAClB,YAAY,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;YACxC,MAAM,GAAG,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;YACpC,IAAI,GAAG,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;gBAC1B,MAAM,GAAG,GAAG,CAAC;gBACb,KAAK,CAAC,MAAM,CAAC,CAAC;gBACd,MAAM,CAAC,MAAM,CAAC,CAAC;YACjB,CAAC;QACH,CAAC;QAED,MAAM;YACJ,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAO;YAC5B,IAAI,CAAC,GAAG,CAAC,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QACnD,CAAC;QAED,SAAS,CAAC,EAA2B;YACnC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YACpB,OAAO,GAAG,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3C,CAAC;QAED,MAAM,CAAC,IAAY;YACjB,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;QAChE,CAAC;QAED,OAAO;YACL,IAAI,GAAG,EAAE,CAAC;gBAAC,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;gBAAC,GAAG,GAAG,IAAI,CAAC;YAAC,CAAC;YAC3E,WAAW,CAAC,KAAK,EAAE,CAAC;QACtB,CAAC;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Timeline
|
|
3
|
+
*
|
|
4
|
+
* Behavioral timeline component with horizontal/vertical orientation,
|
|
5
|
+
* active item tracking, keyboard navigation, scroll-triggered reveal,
|
|
6
|
+
* and ARIA accessibility. Consumer provides all visual styling.
|
|
7
|
+
*/
|
|
8
|
+
export interface TimelineOptions {
|
|
9
|
+
/** Container element holding timeline items */
|
|
10
|
+
container: HTMLElement;
|
|
11
|
+
/** Item selector or elements. Auto-discovers [data-timeline-item] if omitted */
|
|
12
|
+
items?: string | HTMLElement[];
|
|
13
|
+
/** Layout orientation. Default: 'vertical' */
|
|
14
|
+
orientation?: 'horizontal' | 'vertical';
|
|
15
|
+
/** Class added to active item. Default: 'is-active' */
|
|
16
|
+
activeClass?: string;
|
|
17
|
+
/** Initially active item index. Default: 0 */
|
|
18
|
+
defaultIndex?: number;
|
|
19
|
+
/** Enable scroll-triggered reveal. Default: true */
|
|
20
|
+
reveal?: boolean;
|
|
21
|
+
/** Class added when item enters viewport. Default: 'is-visible' */
|
|
22
|
+
revealClass?: string;
|
|
23
|
+
/** IntersectionObserver threshold for reveal. Default: 0.15 */
|
|
24
|
+
revealThreshold?: number;
|
|
25
|
+
/** Only reveal once. Default: true */
|
|
26
|
+
revealOnce?: boolean;
|
|
27
|
+
/** Stagger delay between item reveals in ms. Default: 100 */
|
|
28
|
+
revealStagger?: number;
|
|
29
|
+
/** Callback when active item changes */
|
|
30
|
+
onChange?: (index: number) => void;
|
|
31
|
+
}
|
|
32
|
+
export interface TimelineInstance {
|
|
33
|
+
/** Activate item by index */
|
|
34
|
+
select(index: number): void;
|
|
35
|
+
/** Current active index */
|
|
36
|
+
readonly index: number;
|
|
37
|
+
/** Scroll container to bring active item into view */
|
|
38
|
+
scrollToActive(): void;
|
|
39
|
+
/** Cleanup all listeners and attributes */
|
|
40
|
+
destroy(): void;
|
|
41
|
+
}
|
|
42
|
+
/** Create an accessible timeline with active tracking and scroll reveal. */
|
|
43
|
+
export declare function createTimeline(options: TimelineOptions): TimelineInstance;
|
|
44
|
+
//# sourceMappingURL=timeline.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../src/timeline/timeline.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,MAAM,WAAW,eAAe;IAC9B,+CAA+C;IAC/C,SAAS,EAAE,WAAW,CAAC;IACvB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,GAAG,WAAW,EAAE,CAAC;IAC/B,8CAA8C;IAC9C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,gBAAgB;IAC/B,6BAA6B;IAC7B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,2BAA2B;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,cAAc,IAAI,IAAI,CAAC;IACvB,2CAA2C;IAC3C,OAAO,IAAI,IAAI,CAAC;CACjB;AAmDD,4EAA4E;AAC5E,wBAAgB,cAAc,CAAC,OAAO,EAAE,eAAe,GAAG,gBAAgB,CAqLzE"}
|
|
@@ -0,0 +1,196 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Timeline
|
|
3
|
+
*
|
|
4
|
+
* Behavioral timeline component with horizontal/vertical orientation,
|
|
5
|
+
* active item tracking, keyboard navigation, scroll-triggered reveal,
|
|
6
|
+
* and ARIA accessibility. Consumer provides all visual styling.
|
|
7
|
+
*/
|
|
8
|
+
import { observe } from '../animation/scroll-observer';
|
|
9
|
+
/* ---- Injected styles (horizontal only) ---- */
|
|
10
|
+
const STYLE_ID = 'nova-timeline-styles';
|
|
11
|
+
function injectStyles() {
|
|
12
|
+
if (document.getElementById(STYLE_ID))
|
|
13
|
+
return;
|
|
14
|
+
const s = document.createElement('style');
|
|
15
|
+
s.id = STYLE_ID;
|
|
16
|
+
s.textContent = `
|
|
17
|
+
.nova-timeline--horizontal {
|
|
18
|
+
overflow-x: auto;
|
|
19
|
+
overflow-y: hidden;
|
|
20
|
+
scroll-snap-type: x mandatory;
|
|
21
|
+
-webkit-overflow-scrolling: touch;
|
|
22
|
+
scrollbar-width: none;
|
|
23
|
+
}
|
|
24
|
+
.nova-timeline--horizontal::-webkit-scrollbar {
|
|
25
|
+
display: none;
|
|
26
|
+
}
|
|
27
|
+
.nova-timeline--horizontal > [role="listitem"] {
|
|
28
|
+
scroll-snap-align: center;
|
|
29
|
+
}`;
|
|
30
|
+
document.head.appendChild(s);
|
|
31
|
+
}
|
|
32
|
+
/* ---- Helpers ---- */
|
|
33
|
+
let idCounter = 0;
|
|
34
|
+
function ensureId(el, prefix) {
|
|
35
|
+
if (!el.id)
|
|
36
|
+
el.id = `${prefix}-${++idCounter}`;
|
|
37
|
+
return el.id;
|
|
38
|
+
}
|
|
39
|
+
function resolveItems(container, option) {
|
|
40
|
+
if (!option) {
|
|
41
|
+
return Array.from(container.querySelectorAll('[data-timeline-item]'));
|
|
42
|
+
}
|
|
43
|
+
if (typeof option === 'string') {
|
|
44
|
+
return Array.from(container.querySelectorAll(option));
|
|
45
|
+
}
|
|
46
|
+
return option;
|
|
47
|
+
}
|
|
48
|
+
/* ---- Factory ---- */
|
|
49
|
+
/** Create an accessible timeline with active tracking and scroll reveal. */
|
|
50
|
+
export function createTimeline(options) {
|
|
51
|
+
const { container, orientation = 'vertical', activeClass = 'is-active', defaultIndex = 0, reveal = true, revealClass = 'is-visible', revealThreshold = 0.15, revealOnce = true, revealStagger = 100, onChange, } = options;
|
|
52
|
+
const itemEls = resolveItems(container, options.items);
|
|
53
|
+
if (itemEls.length === 0) {
|
|
54
|
+
throw new Error('[Nova Timeline] No items found in container.');
|
|
55
|
+
}
|
|
56
|
+
let activeIndex = -1;
|
|
57
|
+
let destroyed = false;
|
|
58
|
+
const listeners = [];
|
|
59
|
+
function on(target, evt, fn) {
|
|
60
|
+
target.addEventListener(evt, fn);
|
|
61
|
+
listeners.push([target, evt, fn]);
|
|
62
|
+
}
|
|
63
|
+
const cleanups = [];
|
|
64
|
+
// --- ARIA setup ---
|
|
65
|
+
container.setAttribute('role', 'list');
|
|
66
|
+
container.setAttribute('aria-orientation', orientation);
|
|
67
|
+
if (!container.getAttribute('aria-label')) {
|
|
68
|
+
container.setAttribute('aria-label', 'Timeline');
|
|
69
|
+
}
|
|
70
|
+
for (const item of itemEls) {
|
|
71
|
+
item.setAttribute('role', 'listitem');
|
|
72
|
+
ensureId(item, 'nova-tl-item');
|
|
73
|
+
}
|
|
74
|
+
// --- Horizontal scroll setup ---
|
|
75
|
+
if (orientation === 'horizontal') {
|
|
76
|
+
injectStyles();
|
|
77
|
+
container.classList.add('nova-timeline--horizontal');
|
|
78
|
+
}
|
|
79
|
+
// --- Selection logic ---
|
|
80
|
+
function select(index, focus = true) {
|
|
81
|
+
if (destroyed)
|
|
82
|
+
return;
|
|
83
|
+
if (index < 0 || index >= itemEls.length)
|
|
84
|
+
return;
|
|
85
|
+
if (index === activeIndex)
|
|
86
|
+
return;
|
|
87
|
+
// Deactivate previous
|
|
88
|
+
if (activeIndex >= 0 && activeIndex < itemEls.length) {
|
|
89
|
+
itemEls[activeIndex].classList.remove(activeClass);
|
|
90
|
+
itemEls[activeIndex].setAttribute('aria-current', 'false');
|
|
91
|
+
itemEls[activeIndex].setAttribute('tabindex', '-1');
|
|
92
|
+
}
|
|
93
|
+
// Activate new
|
|
94
|
+
activeIndex = index;
|
|
95
|
+
itemEls[index].classList.add(activeClass);
|
|
96
|
+
itemEls[index].setAttribute('aria-current', 'true');
|
|
97
|
+
itemEls[index].setAttribute('tabindex', '0');
|
|
98
|
+
if (focus)
|
|
99
|
+
itemEls[index].focus();
|
|
100
|
+
onChange?.(index);
|
|
101
|
+
}
|
|
102
|
+
function scrollToActive() {
|
|
103
|
+
if (activeIndex < 0 || activeIndex >= itemEls.length)
|
|
104
|
+
return;
|
|
105
|
+
const block = orientation === 'vertical' ? 'center' : 'nearest';
|
|
106
|
+
const inline = orientation === 'horizontal' ? 'center' : 'nearest';
|
|
107
|
+
itemEls[activeIndex].scrollIntoView({ behavior: 'smooth', block, inline });
|
|
108
|
+
}
|
|
109
|
+
// --- Click handler ---
|
|
110
|
+
for (let i = 0; i < itemEls.length; i++) {
|
|
111
|
+
on(itemEls[i], 'click', () => select(i));
|
|
112
|
+
}
|
|
113
|
+
// --- Keyboard handler ---
|
|
114
|
+
const prevKey = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';
|
|
115
|
+
const nextKey = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';
|
|
116
|
+
on(container, 'keydown', ((e) => {
|
|
117
|
+
const target = e.target;
|
|
118
|
+
if (!itemEls.includes(target))
|
|
119
|
+
return;
|
|
120
|
+
let newIndex = activeIndex;
|
|
121
|
+
if (e.key === nextKey) {
|
|
122
|
+
e.preventDefault();
|
|
123
|
+
newIndex = activeIndex < itemEls.length - 1 ? activeIndex + 1 : 0;
|
|
124
|
+
}
|
|
125
|
+
else if (e.key === prevKey) {
|
|
126
|
+
e.preventDefault();
|
|
127
|
+
newIndex = activeIndex > 0 ? activeIndex - 1 : itemEls.length - 1;
|
|
128
|
+
}
|
|
129
|
+
else if (e.key === 'Home') {
|
|
130
|
+
e.preventDefault();
|
|
131
|
+
newIndex = 0;
|
|
132
|
+
}
|
|
133
|
+
else if (e.key === 'End') {
|
|
134
|
+
e.preventDefault();
|
|
135
|
+
newIndex = itemEls.length - 1;
|
|
136
|
+
}
|
|
137
|
+
if (newIndex !== activeIndex) {
|
|
138
|
+
select(newIndex);
|
|
139
|
+
scrollToActive();
|
|
140
|
+
}
|
|
141
|
+
}));
|
|
142
|
+
// --- Scroll reveal ---
|
|
143
|
+
if (reveal) {
|
|
144
|
+
// Set stagger delays on each item
|
|
145
|
+
for (let i = 0; i < itemEls.length; i++) {
|
|
146
|
+
itemEls[i].style.transitionDelay = `${i * revealStagger}ms`;
|
|
147
|
+
}
|
|
148
|
+
const unobserve = observe(itemEls, {
|
|
149
|
+
threshold: revealThreshold,
|
|
150
|
+
once: revealOnce,
|
|
151
|
+
onEnter: (el) => el.classList.add(revealClass),
|
|
152
|
+
onLeave: revealOnce ? undefined : (el) => el.classList.remove(revealClass),
|
|
153
|
+
});
|
|
154
|
+
cleanups.push(unobserve);
|
|
155
|
+
}
|
|
156
|
+
// --- Initialise ---
|
|
157
|
+
// Set all items to inactive first
|
|
158
|
+
for (const item of itemEls) {
|
|
159
|
+
item.setAttribute('aria-current', 'false');
|
|
160
|
+
item.setAttribute('tabindex', '-1');
|
|
161
|
+
}
|
|
162
|
+
// Activate default (without focus on init)
|
|
163
|
+
activeIndex = -1;
|
|
164
|
+
select(defaultIndex, false);
|
|
165
|
+
// --- Instance ---
|
|
166
|
+
return {
|
|
167
|
+
select(index) { select(index); },
|
|
168
|
+
get index() { return activeIndex; },
|
|
169
|
+
scrollToActive,
|
|
170
|
+
destroy() {
|
|
171
|
+
if (destroyed)
|
|
172
|
+
return;
|
|
173
|
+
destroyed = true;
|
|
174
|
+
// Remove listeners
|
|
175
|
+
for (const [t, e, fn] of listeners)
|
|
176
|
+
t.removeEventListener(e, fn);
|
|
177
|
+
// Remove observers
|
|
178
|
+
for (const fn of cleanups)
|
|
179
|
+
fn();
|
|
180
|
+
// Remove ARIA / classes
|
|
181
|
+
container.removeAttribute('role');
|
|
182
|
+
container.removeAttribute('aria-orientation');
|
|
183
|
+
container.removeAttribute('aria-label');
|
|
184
|
+
container.classList.remove('nova-timeline--horizontal');
|
|
185
|
+
for (const item of itemEls) {
|
|
186
|
+
item.removeAttribute('role');
|
|
187
|
+
item.removeAttribute('aria-current');
|
|
188
|
+
item.removeAttribute('tabindex');
|
|
189
|
+
item.classList.remove(activeClass);
|
|
190
|
+
item.classList.remove(revealClass);
|
|
191
|
+
item.style.transitionDelay = '';
|
|
192
|
+
}
|
|
193
|
+
},
|
|
194
|
+
};
|
|
195
|
+
}
|
|
196
|
+
//# sourceMappingURL=timeline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timeline.js","sourceRoot":"","sources":["../../src/timeline/timeline.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
|