@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,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Developer Tools Overlay
|
|
3
|
+
*
|
|
4
|
+
* In-browser component inspector, state viewer, router debugger,
|
|
5
|
+
* and performance profiler for Nova applications.
|
|
6
|
+
*/
|
|
7
|
+
export interface DevtoolsOptions {
|
|
8
|
+
/** Keyboard shortcut to toggle overlay. Default: 'ctrl+shift+d' */
|
|
9
|
+
shortcut?: string;
|
|
10
|
+
/** Show component outlines on hover. Default: true */
|
|
11
|
+
showOutlines?: boolean;
|
|
12
|
+
/** Log state changes to console. Default: false */
|
|
13
|
+
logState?: boolean;
|
|
14
|
+
/** Position of the panel. Default: 'bottom-right' */
|
|
15
|
+
position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
|
|
16
|
+
}
|
|
17
|
+
export interface DevtoolsInstance {
|
|
18
|
+
open(): void;
|
|
19
|
+
close(): void;
|
|
20
|
+
toggle(): void;
|
|
21
|
+
isOpen(): boolean;
|
|
22
|
+
log(label: string, data?: unknown): void;
|
|
23
|
+
destroy(): void;
|
|
24
|
+
}
|
|
25
|
+
/** Create a Nova devtools overlay. */
|
|
26
|
+
export declare function createDevtools(options?: DevtoolsOptions): DevtoolsInstance;
|
|
27
|
+
//# sourceMappingURL=devtools.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"devtools.d.ts","sourceRoot":"","sources":["../../src/devtools/devtools.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,eAAe;IAC9B,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;CACtE;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;IACd,MAAM,IAAI,IAAI,CAAC;IACf,MAAM,IAAI,OAAO,CAAC;IAClB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzC,OAAO,IAAI,IAAI,CAAC;CACjB;AA8DD,sCAAsC;AACtC,wBAAgB,cAAc,CAAC,OAAO,GAAE,eAAoB,GAAG,gBAAgB,CA+K9E"}
|
|
@@ -0,0 +1,237 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Developer Tools Overlay
|
|
3
|
+
*
|
|
4
|
+
* In-browser component inspector, state viewer, router debugger,
|
|
5
|
+
* and performance profiler for Nova applications.
|
|
6
|
+
*/
|
|
7
|
+
const STYLE_ID = 'nova-devtools-styles';
|
|
8
|
+
function injectStyles() {
|
|
9
|
+
if (document.getElementById(STYLE_ID))
|
|
10
|
+
return;
|
|
11
|
+
const s = document.createElement('style');
|
|
12
|
+
s.id = STYLE_ID;
|
|
13
|
+
s.textContent = `
|
|
14
|
+
.nova-devtools {
|
|
15
|
+
position: fixed; z-index: 999999; width: 380px; max-height: 420px;
|
|
16
|
+
background: var(--color-bg-elevated, rgba(12,12,12,0.96)); border: 1px solid var(--color-border, rgba(255,255,255,0.08));
|
|
17
|
+
border-radius: 12px; color: var(--color-text-secondary, #ccc);
|
|
18
|
+
font: 12px/1.6 'SF Mono','Fira Code','Cascadia Code',monospace;
|
|
19
|
+
box-shadow: 0 16px 48px rgba(0,0,0,0.5); backdrop-filter: blur(16px);
|
|
20
|
+
overflow: hidden; display: none;
|
|
21
|
+
}
|
|
22
|
+
.nova-devtools--visible { display: flex; flex-direction: column; }
|
|
23
|
+
.nova-devtools[data-pos="bottom-right"] { bottom: 16px; right: 16px; }
|
|
24
|
+
.nova-devtools[data-pos="bottom-left"] { bottom: 16px; left: 16px; }
|
|
25
|
+
.nova-devtools[data-pos="top-right"] { top: 16px; right: 16px; }
|
|
26
|
+
.nova-devtools[data-pos="top-left"] { top: 16px; left: 16px; }
|
|
27
|
+
.nova-devtools__header {
|
|
28
|
+
display: flex; align-items: center; justify-content: space-between;
|
|
29
|
+
padding: 8px 12px; border-bottom: 1px solid var(--color-border, rgba(255,255,255,0.06));
|
|
30
|
+
font-weight: 600; color: var(--color-text-primary, #fff); font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px;
|
|
31
|
+
}
|
|
32
|
+
.nova-devtools__close { background: none; border: none; color: var(--color-text-primary-50, rgba(255,255,255,0.4)); cursor: pointer; font-size: 16px; padding: 0; }
|
|
33
|
+
.nova-devtools__close:hover { color: var(--color-text-primary, #fff); }
|
|
34
|
+
.nova-devtools__tabs { display: flex; border-bottom: 1px solid var(--color-border, rgba(255,255,255,0.06)); }
|
|
35
|
+
.nova-devtools__tab {
|
|
36
|
+
padding: 6px 12px; background: none; border: none; color: var(--color-text-primary-50, rgba(255,255,255,0.4));
|
|
37
|
+
cursor: pointer; font: inherit; font-size: 11px; border-bottom: 2px solid transparent;
|
|
38
|
+
}
|
|
39
|
+
.nova-devtools__tab:hover { color: var(--color-text-primary-70, rgba(255,255,255,0.7)); }
|
|
40
|
+
.nova-devtools__tab--active { color: var(--color-text-primary, #fff); border-bottom-color: #3b82f6; }
|
|
41
|
+
.nova-devtools__content { flex: 1; overflow-y: auto; padding: 8px 12px; max-height: 320px; }
|
|
42
|
+
.nova-devtools__entry { padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,0.03); font-size: 11px; }
|
|
43
|
+
.nova-devtools__outline {
|
|
44
|
+
position: fixed; pointer-events: none; border: 2px solid rgba(59,130,246,0.6);
|
|
45
|
+
border-radius: 4px; z-index: 999998; transition: all 0.1s ease-out;
|
|
46
|
+
}
|
|
47
|
+
.nova-devtools__outline-label {
|
|
48
|
+
position: absolute; top: -20px; left: 0; background: #3b82f6; color: #fff;
|
|
49
|
+
font: 10px/1 monospace; padding: 2px 6px; border-radius: 3px; white-space: nowrap;
|
|
50
|
+
}`;
|
|
51
|
+
document.head.appendChild(s);
|
|
52
|
+
}
|
|
53
|
+
function createEntry(parts) {
|
|
54
|
+
const div = document.createElement('div');
|
|
55
|
+
div.className = 'nova-devtools__entry';
|
|
56
|
+
for (const part of parts) {
|
|
57
|
+
const span = document.createElement('span');
|
|
58
|
+
span.style.color = part.color;
|
|
59
|
+
span.textContent = part.text;
|
|
60
|
+
if (part !== parts[0])
|
|
61
|
+
span.style.marginLeft = '8px';
|
|
62
|
+
div.appendChild(span);
|
|
63
|
+
}
|
|
64
|
+
return div;
|
|
65
|
+
}
|
|
66
|
+
/** Create a Nova devtools overlay. */
|
|
67
|
+
export function createDevtools(options = {}) {
|
|
68
|
+
const { shortcut = 'ctrl+shift+d', showOutlines = true, logState = false, position = 'bottom-right', } = options;
|
|
69
|
+
injectStyles();
|
|
70
|
+
const panel = document.createElement('div');
|
|
71
|
+
panel.className = 'nova-devtools';
|
|
72
|
+
panel.setAttribute('data-pos', position);
|
|
73
|
+
const header = document.createElement('div');
|
|
74
|
+
header.className = 'nova-devtools__header';
|
|
75
|
+
header.textContent = 'Nova Devtools';
|
|
76
|
+
const closeBtn = document.createElement('button');
|
|
77
|
+
closeBtn.className = 'nova-devtools__close';
|
|
78
|
+
closeBtn.textContent = '\u00d7';
|
|
79
|
+
header.appendChild(closeBtn);
|
|
80
|
+
panel.appendChild(header);
|
|
81
|
+
const tabs = document.createElement('div');
|
|
82
|
+
tabs.className = 'nova-devtools__tabs';
|
|
83
|
+
const tabNames = ['Components', 'State', 'Log'];
|
|
84
|
+
let activeTab = 0;
|
|
85
|
+
const tabEls = [];
|
|
86
|
+
for (let i = 0; i < tabNames.length; i++) {
|
|
87
|
+
const tab = document.createElement('button');
|
|
88
|
+
tab.className = 'nova-devtools__tab' + (i === 0 ? ' nova-devtools__tab--active' : '');
|
|
89
|
+
tab.textContent = tabNames[i];
|
|
90
|
+
tab.addEventListener('click', () => {
|
|
91
|
+
activeTab = i;
|
|
92
|
+
tabEls.forEach((t, j) => t.classList.toggle('nova-devtools__tab--active', j === i));
|
|
93
|
+
renderContent();
|
|
94
|
+
});
|
|
95
|
+
tabs.appendChild(tab);
|
|
96
|
+
tabEls.push(tab);
|
|
97
|
+
}
|
|
98
|
+
panel.appendChild(tabs);
|
|
99
|
+
const content = document.createElement('div');
|
|
100
|
+
content.className = 'nova-devtools__content';
|
|
101
|
+
panel.appendChild(content);
|
|
102
|
+
document.body.appendChild(panel);
|
|
103
|
+
const logEntries = [];
|
|
104
|
+
function renderContent() {
|
|
105
|
+
content.textContent = '';
|
|
106
|
+
if (activeTab === 0) {
|
|
107
|
+
const customs = document.querySelectorAll('*');
|
|
108
|
+
const names = new Set();
|
|
109
|
+
customs.forEach((el) => { if (el.tagName.includes('-'))
|
|
110
|
+
names.add(el.tagName.toLowerCase()); });
|
|
111
|
+
if (names.size === 0) {
|
|
112
|
+
content.textContent = 'No custom elements found.';
|
|
113
|
+
}
|
|
114
|
+
else {
|
|
115
|
+
for (const name of names) {
|
|
116
|
+
const count = document.querySelectorAll(name).length;
|
|
117
|
+
content.appendChild(createEntry([
|
|
118
|
+
{ text: `<${name}>`, color: '#3b82f6' },
|
|
119
|
+
{ text: `\u00d7${count}`, color: '#a3e635' },
|
|
120
|
+
]));
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
else if (activeTab === 1) {
|
|
125
|
+
const keys = [];
|
|
126
|
+
try {
|
|
127
|
+
for (let i = 0; i < localStorage.length; i++) {
|
|
128
|
+
const key = localStorage.key(i);
|
|
129
|
+
if (key?.startsWith('nova'))
|
|
130
|
+
keys.push(key);
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
catch { /* no storage */ }
|
|
134
|
+
if (keys.length === 0) {
|
|
135
|
+
content.textContent = 'No Nova state keys found.';
|
|
136
|
+
}
|
|
137
|
+
else {
|
|
138
|
+
for (const key of keys) {
|
|
139
|
+
const val = localStorage.getItem(key) ?? '';
|
|
140
|
+
content.appendChild(createEntry([
|
|
141
|
+
{ text: key, color: '#3b82f6' },
|
|
142
|
+
{ text: val.slice(0, 60), color: '#a3e635' },
|
|
143
|
+
]));
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
else {
|
|
148
|
+
if (logEntries.length === 0) {
|
|
149
|
+
content.textContent = 'No log entries.';
|
|
150
|
+
}
|
|
151
|
+
else {
|
|
152
|
+
for (const entry of logEntries.slice(-50)) {
|
|
153
|
+
const timeStr = new Date(entry.time).toLocaleTimeString();
|
|
154
|
+
const parts = [
|
|
155
|
+
{ text: timeStr, color: 'rgba(255,255,255,0.25)' },
|
|
156
|
+
{ text: entry.label, color: '#3b82f6' },
|
|
157
|
+
];
|
|
158
|
+
if (entry.data !== undefined) {
|
|
159
|
+
parts.push({ text: JSON.stringify(entry.data).slice(0, 80), color: '#a3e635' });
|
|
160
|
+
}
|
|
161
|
+
content.appendChild(createEntry(parts));
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
let opened = false;
|
|
167
|
+
let outline = null;
|
|
168
|
+
function onHover(e) {
|
|
169
|
+
if (!opened || !showOutlines)
|
|
170
|
+
return;
|
|
171
|
+
const target = e.target;
|
|
172
|
+
if (!target.tagName?.includes('-')) {
|
|
173
|
+
outline?.remove();
|
|
174
|
+
outline = null;
|
|
175
|
+
return;
|
|
176
|
+
}
|
|
177
|
+
if (!outline) {
|
|
178
|
+
outline = document.createElement('div');
|
|
179
|
+
outline.className = 'nova-devtools__outline';
|
|
180
|
+
const label = document.createElement('div');
|
|
181
|
+
label.className = 'nova-devtools__outline-label';
|
|
182
|
+
outline.appendChild(label);
|
|
183
|
+
document.body.appendChild(outline);
|
|
184
|
+
}
|
|
185
|
+
const rect = target.getBoundingClientRect();
|
|
186
|
+
outline.style.left = `${rect.left}px`;
|
|
187
|
+
outline.style.top = `${rect.top}px`;
|
|
188
|
+
outline.style.width = `${rect.width}px`;
|
|
189
|
+
outline.style.height = `${rect.height}px`;
|
|
190
|
+
outline.firstChild.textContent = target.tagName.toLowerCase();
|
|
191
|
+
}
|
|
192
|
+
function parseShortcut(s) {
|
|
193
|
+
const parts = s.toLowerCase().split('+');
|
|
194
|
+
return {
|
|
195
|
+
ctrl: parts.includes('ctrl') || parts.includes('cmd'),
|
|
196
|
+
shift: parts.includes('shift'),
|
|
197
|
+
alt: parts.includes('alt'),
|
|
198
|
+
key: parts[parts.length - 1],
|
|
199
|
+
};
|
|
200
|
+
}
|
|
201
|
+
const sc = parseShortcut(shortcut);
|
|
202
|
+
function onKeydown(e) {
|
|
203
|
+
const match = (e.ctrlKey || e.metaKey) === sc.ctrl
|
|
204
|
+
&& e.shiftKey === sc.shift
|
|
205
|
+
&& e.altKey === sc.alt
|
|
206
|
+
&& e.key.toLowerCase() === sc.key;
|
|
207
|
+
if (match) {
|
|
208
|
+
e.preventDefault();
|
|
209
|
+
instance.toggle();
|
|
210
|
+
}
|
|
211
|
+
}
|
|
212
|
+
document.addEventListener('keydown', onKeydown);
|
|
213
|
+
document.addEventListener('mousemove', onHover, { passive: true });
|
|
214
|
+
closeBtn.addEventListener('click', () => instance.close());
|
|
215
|
+
const instance = {
|
|
216
|
+
open() { opened = true; panel.classList.add('nova-devtools--visible'); renderContent(); },
|
|
217
|
+
close() { opened = false; panel.classList.remove('nova-devtools--visible'); outline?.remove(); outline = null; },
|
|
218
|
+
toggle() { opened ? instance.close() : instance.open(); },
|
|
219
|
+
isOpen() { return opened; },
|
|
220
|
+
log(label, data) {
|
|
221
|
+
logEntries.push({ label, data, time: Date.now() });
|
|
222
|
+
if (logState)
|
|
223
|
+
console.log(`[nova/devtools] ${label}`, data);
|
|
224
|
+
if (opened && activeTab === 2)
|
|
225
|
+
renderContent();
|
|
226
|
+
},
|
|
227
|
+
destroy() {
|
|
228
|
+
instance.close();
|
|
229
|
+
document.removeEventListener('keydown', onKeydown);
|
|
230
|
+
document.removeEventListener('mousemove', onHover);
|
|
231
|
+
panel.remove();
|
|
232
|
+
document.getElementById(STYLE_ID)?.remove();
|
|
233
|
+
},
|
|
234
|
+
};
|
|
235
|
+
return instance;
|
|
236
|
+
}
|
|
237
|
+
//# sourceMappingURL=devtools.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"devtools.js","sourceRoot":"","sources":["../../src/devtools/devtools.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/devtools/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/devtools/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Drag and Drop
|
|
3
|
+
*
|
|
4
|
+
* Sortable lists, drag handles, drop zones, and keyboard-accessible reordering.
|
|
5
|
+
*/
|
|
6
|
+
export interface DragOptions {
|
|
7
|
+
/** CSS selector for drag handles within items. If omitted, entire item is draggable. */
|
|
8
|
+
handle?: string;
|
|
9
|
+
/** CSS class added to the dragged item. Default: 'nova-drag--active' */
|
|
10
|
+
activeClass?: string;
|
|
11
|
+
/** CSS class added to valid drop zones. Default: 'nova-drag--over' */
|
|
12
|
+
overClass?: string;
|
|
13
|
+
/** Constrain drag axis. Default: null (both) */
|
|
14
|
+
axis?: 'x' | 'y' | null;
|
|
15
|
+
/** Animation duration for reorder in ms. Default: 200 */
|
|
16
|
+
animationDuration?: number;
|
|
17
|
+
/** Called when drag starts */
|
|
18
|
+
onStart?: (item: HTMLElement, index: number) => void;
|
|
19
|
+
/** Called when item is dropped */
|
|
20
|
+
onEnd?: (item: HTMLElement, from: number, to: number) => void;
|
|
21
|
+
/** Enable keyboard reordering with arrow keys. Default: true */
|
|
22
|
+
keyboard?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export interface SortableInstance {
|
|
25
|
+
/** Get current order as array of elements */
|
|
26
|
+
getOrder(): HTMLElement[];
|
|
27
|
+
/** Enable drag */
|
|
28
|
+
enable(): void;
|
|
29
|
+
/** Disable drag */
|
|
30
|
+
disable(): void;
|
|
31
|
+
/** Cleanup */
|
|
32
|
+
destroy(): void;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Make a container's children sortable via drag and drop.
|
|
36
|
+
*/
|
|
37
|
+
export declare function sortable(container: string | HTMLElement, options?: DragOptions): SortableInstance;
|
|
38
|
+
//# sourceMappingURL=drag.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drag.d.ts","sourceRoot":"","sources":["../../src/drag/drag.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,WAAW;IAC1B,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IACxB,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,kCAAkC;IAClC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9D,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,6CAA6C;IAC7C,QAAQ,IAAI,WAAW,EAAE,CAAC;IAC1B,kBAAkB;IAClB,MAAM,IAAI,IAAI,CAAC;IACf,mBAAmB;IACnB,OAAO,IAAI,IAAI,CAAC;IAChB,cAAc;IACd,OAAO,IAAI,IAAI,CAAC;CACjB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CACtB,SAAS,EAAE,MAAM,GAAG,WAAW,EAC/B,OAAO,GAAE,WAAgB,GACxB,gBAAgB,CA8LlB"}
|
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Drag and Drop
|
|
3
|
+
*
|
|
4
|
+
* Sortable lists, drag handles, drop zones, and keyboard-accessible reordering.
|
|
5
|
+
*/
|
|
6
|
+
/**
|
|
7
|
+
* Make a container's children sortable via drag and drop.
|
|
8
|
+
*/
|
|
9
|
+
export function sortable(container, options = {}) {
|
|
10
|
+
const { handle, activeClass = 'nova-drag--active', overClass = 'nova-drag--over', axis = null, animationDuration = 200, onStart, onEnd, keyboard = true, } = options;
|
|
11
|
+
const el = typeof container === 'string'
|
|
12
|
+
? document.querySelector(container)
|
|
13
|
+
: container;
|
|
14
|
+
let enabled = true;
|
|
15
|
+
let dragItem = null;
|
|
16
|
+
let dragIndex = -1;
|
|
17
|
+
let placeholder = null;
|
|
18
|
+
function getItems() {
|
|
19
|
+
return Array.from(el.children);
|
|
20
|
+
}
|
|
21
|
+
function getIndex(item) {
|
|
22
|
+
return getItems().indexOf(item);
|
|
23
|
+
}
|
|
24
|
+
function createPlaceholder(item) {
|
|
25
|
+
const ph = document.createElement('div');
|
|
26
|
+
ph.style.height = `${item.offsetHeight}px`;
|
|
27
|
+
ph.style.width = `${item.offsetWidth}px`;
|
|
28
|
+
ph.style.opacity = '0.3';
|
|
29
|
+
ph.style.border = '2px dashed rgba(255,255,255,0.2)';
|
|
30
|
+
ph.style.borderRadius = '4px';
|
|
31
|
+
ph.setAttribute('data-nova-placeholder', '');
|
|
32
|
+
return ph;
|
|
33
|
+
}
|
|
34
|
+
// -- Pointer-based drag ---------------------------------------------------
|
|
35
|
+
function onPointerDown(e) {
|
|
36
|
+
if (!enabled)
|
|
37
|
+
return;
|
|
38
|
+
const target = e.target;
|
|
39
|
+
const item = handle
|
|
40
|
+
? target.closest(handle)?.closest(`${el.tagName.toLowerCase()} > *`)
|
|
41
|
+
: target.closest(`${el.tagName.toLowerCase()} > *`);
|
|
42
|
+
if (!item || !el.contains(item))
|
|
43
|
+
return;
|
|
44
|
+
e.preventDefault();
|
|
45
|
+
dragItem = item;
|
|
46
|
+
dragIndex = getIndex(item);
|
|
47
|
+
item.classList.add(activeClass);
|
|
48
|
+
onStart?.(item, dragIndex);
|
|
49
|
+
placeholder = createPlaceholder(item);
|
|
50
|
+
item.after(placeholder);
|
|
51
|
+
const rect = item.getBoundingClientRect();
|
|
52
|
+
const offsetX = e.clientX - rect.left;
|
|
53
|
+
const offsetY = e.clientY - rect.top;
|
|
54
|
+
item.style.position = 'fixed';
|
|
55
|
+
item.style.zIndex = '99999';
|
|
56
|
+
item.style.width = `${rect.width}px`;
|
|
57
|
+
item.style.pointerEvents = 'none';
|
|
58
|
+
item.style.transition = 'none';
|
|
59
|
+
moveItem(e.clientX - offsetX, e.clientY - offsetY);
|
|
60
|
+
function moveItem(x, y) {
|
|
61
|
+
if (!dragItem)
|
|
62
|
+
return;
|
|
63
|
+
if (axis !== 'y')
|
|
64
|
+
dragItem.style.left = `${x}px`;
|
|
65
|
+
else
|
|
66
|
+
dragItem.style.left = `${rect.left}px`;
|
|
67
|
+
if (axis !== 'x')
|
|
68
|
+
dragItem.style.top = `${y}px`;
|
|
69
|
+
else
|
|
70
|
+
dragItem.style.top = `${rect.top}px`;
|
|
71
|
+
}
|
|
72
|
+
function onPointerMove(e) {
|
|
73
|
+
moveItem(e.clientX - offsetX, e.clientY - offsetY);
|
|
74
|
+
// Find element under cursor (excluding dragged item)
|
|
75
|
+
const items = getItems().filter((i) => i !== dragItem && !i.hasAttribute('data-nova-placeholder'));
|
|
76
|
+
for (const sibling of items) {
|
|
77
|
+
const r = sibling.getBoundingClientRect();
|
|
78
|
+
const midY = r.top + r.height / 2;
|
|
79
|
+
const midX = r.left + r.width / 2;
|
|
80
|
+
let before;
|
|
81
|
+
if (axis === 'x') {
|
|
82
|
+
before = e.clientX < midX;
|
|
83
|
+
}
|
|
84
|
+
else {
|
|
85
|
+
before = e.clientY < midY;
|
|
86
|
+
}
|
|
87
|
+
if (e.clientY > r.top && e.clientY < r.bottom && e.clientX > r.left && e.clientX < r.right) {
|
|
88
|
+
sibling.classList.add(overClass);
|
|
89
|
+
if (placeholder) {
|
|
90
|
+
if (before)
|
|
91
|
+
sibling.before(placeholder);
|
|
92
|
+
else
|
|
93
|
+
sibling.after(placeholder);
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
else {
|
|
97
|
+
sibling.classList.remove(overClass);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
function onPointerUp() {
|
|
102
|
+
if (!dragItem || !placeholder)
|
|
103
|
+
return;
|
|
104
|
+
const toIndex = getIndex(placeholder);
|
|
105
|
+
// Animate item to placeholder position
|
|
106
|
+
const phRect = placeholder.getBoundingClientRect();
|
|
107
|
+
dragItem.style.transition = `all ${animationDuration}ms ease-out`;
|
|
108
|
+
dragItem.style.left = `${phRect.left}px`;
|
|
109
|
+
dragItem.style.top = `${phRect.top}px`;
|
|
110
|
+
setTimeout(() => {
|
|
111
|
+
if (!dragItem || !placeholder)
|
|
112
|
+
return;
|
|
113
|
+
dragItem.style.position = '';
|
|
114
|
+
dragItem.style.zIndex = '';
|
|
115
|
+
dragItem.style.width = '';
|
|
116
|
+
dragItem.style.left = '';
|
|
117
|
+
dragItem.style.top = '';
|
|
118
|
+
dragItem.style.pointerEvents = '';
|
|
119
|
+
dragItem.style.transition = '';
|
|
120
|
+
dragItem.classList.remove(activeClass);
|
|
121
|
+
placeholder.replaceWith(dragItem);
|
|
122
|
+
placeholder = null;
|
|
123
|
+
// Remove over class from all items
|
|
124
|
+
for (const item of getItems())
|
|
125
|
+
item.classList.remove(overClass);
|
|
126
|
+
onEnd?.(dragItem, dragIndex, toIndex);
|
|
127
|
+
dragItem = null;
|
|
128
|
+
dragIndex = -1;
|
|
129
|
+
}, animationDuration);
|
|
130
|
+
document.removeEventListener('pointermove', onPointerMove);
|
|
131
|
+
document.removeEventListener('pointerup', onPointerUp);
|
|
132
|
+
}
|
|
133
|
+
document.addEventListener('pointermove', onPointerMove);
|
|
134
|
+
document.addEventListener('pointerup', onPointerUp);
|
|
135
|
+
}
|
|
136
|
+
el.addEventListener('pointerdown', onPointerDown);
|
|
137
|
+
// -- Keyboard reordering --------------------------------------------------
|
|
138
|
+
function onKeyDown(e) {
|
|
139
|
+
if (!enabled || !keyboard)
|
|
140
|
+
return;
|
|
141
|
+
const target = e.target;
|
|
142
|
+
const item = target.closest(`${el.tagName.toLowerCase()} > *`);
|
|
143
|
+
if (!item || !el.contains(item))
|
|
144
|
+
return;
|
|
145
|
+
const items = getItems();
|
|
146
|
+
const idx = items.indexOf(item);
|
|
147
|
+
if (idx === -1)
|
|
148
|
+
return;
|
|
149
|
+
let newIdx = idx;
|
|
150
|
+
if ((e.key === 'ArrowUp' || e.key === 'ArrowLeft') && idx > 0) {
|
|
151
|
+
newIdx = idx - 1;
|
|
152
|
+
}
|
|
153
|
+
else if ((e.key === 'ArrowDown' || e.key === 'ArrowRight') && idx < items.length - 1) {
|
|
154
|
+
newIdx = idx + 1;
|
|
155
|
+
}
|
|
156
|
+
else {
|
|
157
|
+
return;
|
|
158
|
+
}
|
|
159
|
+
e.preventDefault();
|
|
160
|
+
const ref = items[newIdx];
|
|
161
|
+
if (newIdx < idx)
|
|
162
|
+
ref.before(item);
|
|
163
|
+
else
|
|
164
|
+
ref.after(item);
|
|
165
|
+
item.focus();
|
|
166
|
+
onEnd?.(item, idx, newIdx);
|
|
167
|
+
}
|
|
168
|
+
if (keyboard)
|
|
169
|
+
el.addEventListener('keydown', onKeyDown);
|
|
170
|
+
return {
|
|
171
|
+
getOrder: getItems,
|
|
172
|
+
enable() { enabled = true; },
|
|
173
|
+
disable() { enabled = false; },
|
|
174
|
+
destroy() {
|
|
175
|
+
el.removeEventListener('pointerdown', onPointerDown);
|
|
176
|
+
if (keyboard)
|
|
177
|
+
el.removeEventListener('keydown', onKeyDown);
|
|
178
|
+
},
|
|
179
|
+
};
|
|
180
|
+
}
|
|
181
|
+
//# sourceMappingURL=drag.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"drag.js","sourceRoot":"","sources":["../../src/drag/drag.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/drag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/drag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Dropdown
|
|
3
|
+
*
|
|
4
|
+
* Positioned dropdown panels with hover bridge, keyboard navigation,
|
|
5
|
+
* viewport-aware flip/shift, and smooth show/hide transitions.
|
|
6
|
+
*/
|
|
7
|
+
export type Placement = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
|
|
8
|
+
export interface DropdownOptions {
|
|
9
|
+
/** HTMLElement to show as the dropdown panel content */
|
|
10
|
+
content: HTMLElement;
|
|
11
|
+
/** Placement relative to the trigger. Default: 'bottom-start' */
|
|
12
|
+
placement?: Placement;
|
|
13
|
+
/** Px gap between trigger and panel. Default: 8 */
|
|
14
|
+
offset?: number;
|
|
15
|
+
/** Show delay in ms. Default: 120 */
|
|
16
|
+
delay?: number;
|
|
17
|
+
/** Hide delay — allows moving mouse to panel. Default: 200 */
|
|
18
|
+
hideDelay?: number;
|
|
19
|
+
/** Trigger mode. Default: 'hover' */
|
|
20
|
+
trigger?: 'hover' | 'click' | 'manual';
|
|
21
|
+
/** Auto-flip if overflows viewport. Default: true */
|
|
22
|
+
flip?: boolean;
|
|
23
|
+
/** Shift into viewport bounds. Default: true */
|
|
24
|
+
shift?: boolean;
|
|
25
|
+
/** Match trigger element width. Default: false */
|
|
26
|
+
matchWidth?: boolean;
|
|
27
|
+
/** Extra CSS class on the panel wrapper */
|
|
28
|
+
class?: string;
|
|
29
|
+
/** Callback before showing */
|
|
30
|
+
onShow?: () => void;
|
|
31
|
+
/** Callback after hiding */
|
|
32
|
+
onHide?: () => void;
|
|
33
|
+
}
|
|
34
|
+
export interface DropdownInstance {
|
|
35
|
+
show(): void;
|
|
36
|
+
hide(): void;
|
|
37
|
+
/** Recalculate position */
|
|
38
|
+
update(): void;
|
|
39
|
+
readonly visible: boolean;
|
|
40
|
+
destroy(): void;
|
|
41
|
+
}
|
|
42
|
+
export interface DropdownGroupOptions {
|
|
43
|
+
items: Array<{
|
|
44
|
+
trigger: HTMLElement;
|
|
45
|
+
content: HTMLElement;
|
|
46
|
+
}>;
|
|
47
|
+
placement?: Placement;
|
|
48
|
+
offset?: number;
|
|
49
|
+
delay?: number;
|
|
50
|
+
hideDelay?: number;
|
|
51
|
+
class?: string;
|
|
52
|
+
}
|
|
53
|
+
/** Attach a dropdown panel to a trigger element. */
|
|
54
|
+
export declare function dropdown(trigger: HTMLElement, options: DropdownOptions): DropdownInstance;
|
|
55
|
+
//# sourceMappingURL=dropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/dropdown/dropdown.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,SAAS,GACjB,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GACnC,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,GACvD,YAAY,GAAG,UAAU,GAAG,aAAa,GAAG,WAAW,CAAC;AAE5D,MAAM,WAAW,eAAe;IAC9B,wDAAwD;IACxD,OAAO,EAAE,WAAW,CAAC;IACrB,iEAAiE;IACjE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACvC,qDAAqD;IACrD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,IAAI,IAAI,CAAC;IACb,IAAI,IAAI,IAAI,CAAC;IACb,2BAA2B;IAC3B,MAAM,IAAI,IAAI,CAAC;IACf,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,KAAK,CAAC;QAAE,OAAO,EAAE,WAAW,CAAC;QAAC,OAAO,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;IAC7D,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA2GD,oDAAoD;AACpD,wBAAgB,QAAQ,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,eAAe,GAAG,gBAAgB,CA8NzF"}
|