@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,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Toast Notifications
|
|
3
|
+
*
|
|
4
|
+
* Stackable, auto-dismissing notification system with accessible live regions.
|
|
5
|
+
*/
|
|
6
|
+
export interface ToastOptions {
|
|
7
|
+
position?: 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
|
|
8
|
+
duration?: number;
|
|
9
|
+
maxVisible?: number;
|
|
10
|
+
gap?: number;
|
|
11
|
+
}
|
|
12
|
+
export type ToastType = 'info' | 'success' | 'warning' | 'error';
|
|
13
|
+
export interface ToastItem {
|
|
14
|
+
id: string;
|
|
15
|
+
message: string;
|
|
16
|
+
type: ToastType;
|
|
17
|
+
duration: number;
|
|
18
|
+
dismiss: () => void;
|
|
19
|
+
}
|
|
20
|
+
export interface Toaster {
|
|
21
|
+
info(message: string, duration?: number): ToastItem;
|
|
22
|
+
success(message: string, duration?: number): ToastItem;
|
|
23
|
+
warning(message: string, duration?: number): ToastItem;
|
|
24
|
+
error(message: string, duration?: number): ToastItem;
|
|
25
|
+
dismiss(id: string): void;
|
|
26
|
+
dismissAll(): void;
|
|
27
|
+
destroy(): void;
|
|
28
|
+
}
|
|
29
|
+
/** Create a toast notification manager. */
|
|
30
|
+
export declare function createToaster(options?: ToastOptions): Toaster;
|
|
31
|
+
//# sourceMappingURL=toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/toast/toast.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,cAAc,GAAG,aAAa,GAAG,eAAe,CAAC;IACtG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpD,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvD,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvD,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrD,OAAO,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,IAAI,IAAI,CAAC;IACnB,OAAO,IAAI,IAAI,CAAC;CACjB;AAsGD,2CAA2C;AAC3C,wBAAgB,aAAa,CAAC,OAAO,GAAE,YAAiB,GAAG,OAAO,CA+GjE"}
|
|
@@ -0,0 +1,198 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Toast Notifications
|
|
3
|
+
*
|
|
4
|
+
* Stackable, auto-dismissing notification system with accessible live regions.
|
|
5
|
+
*/
|
|
6
|
+
let counter = 0;
|
|
7
|
+
function uid() {
|
|
8
|
+
return `nova-toast-${++counter}-${Date.now()}`;
|
|
9
|
+
}
|
|
10
|
+
const ICONS = {
|
|
11
|
+
info: '<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>',
|
|
12
|
+
success: '<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>',
|
|
13
|
+
warning: '<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>',
|
|
14
|
+
error: '<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>',
|
|
15
|
+
};
|
|
16
|
+
const COLORS = {
|
|
17
|
+
info: 'var(--color-status-info, #3b82f6)',
|
|
18
|
+
success: 'var(--color-status-success, #22c55e)',
|
|
19
|
+
warning: 'var(--color-status-warning, #f59e0b)',
|
|
20
|
+
error: 'var(--color-status-danger, #ef4444)',
|
|
21
|
+
};
|
|
22
|
+
const STYLE_ID = 'nova-toast-styles';
|
|
23
|
+
function injectStyles() {
|
|
24
|
+
if (document.getElementById(STYLE_ID))
|
|
25
|
+
return;
|
|
26
|
+
const style = document.createElement('style');
|
|
27
|
+
style.id = STYLE_ID;
|
|
28
|
+
style.textContent = `
|
|
29
|
+
.nova-toast-container {
|
|
30
|
+
position: fixed;
|
|
31
|
+
z-index: 99999;
|
|
32
|
+
display: flex;
|
|
33
|
+
flex-direction: column;
|
|
34
|
+
pointer-events: none;
|
|
35
|
+
max-width: 420px;
|
|
36
|
+
width: 100%;
|
|
37
|
+
background: transparent;
|
|
38
|
+
border: none;
|
|
39
|
+
padding: 0;
|
|
40
|
+
margin: 0;
|
|
41
|
+
}
|
|
42
|
+
.nova-toast-container[data-pos="top-right"] { top: 16px; right: 16px; }
|
|
43
|
+
.nova-toast-container[data-pos="top-left"] { top: 16px; left: 16px; }
|
|
44
|
+
.nova-toast-container[data-pos="top-center"] { top: 16px; left: 50%; transform: translateX(-50%); }
|
|
45
|
+
.nova-toast-container[data-pos="bottom-right"] { bottom: 16px; right: 16px; }
|
|
46
|
+
.nova-toast-container[data-pos="bottom-left"] { bottom: 16px; left: 16px; }
|
|
47
|
+
.nova-toast-container[data-pos="bottom-center"] { bottom: 16px; left: 50%; transform: translateX(-50%); }
|
|
48
|
+
.nova-toast {
|
|
49
|
+
pointer-events: auto;
|
|
50
|
+
display: flex;
|
|
51
|
+
align-items: flex-start;
|
|
52
|
+
gap: 10px;
|
|
53
|
+
padding: 12px 14px;
|
|
54
|
+
background: var(--color-bg-elevated, rgba(20, 20, 20, 0.95));
|
|
55
|
+
border: 1px solid var(--color-border, rgba(255, 255, 255, 0.08));
|
|
56
|
+
border-radius: 10px;
|
|
57
|
+
color: var(--color-text-primary, #e5e5e5);
|
|
58
|
+
font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
59
|
+
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
|
|
60
|
+
backdrop-filter: blur(12px);
|
|
61
|
+
overflow: hidden;
|
|
62
|
+
position: relative;
|
|
63
|
+
transform: translateY(8px);
|
|
64
|
+
opacity: 0;
|
|
65
|
+
transition: transform 0.25s ease-out, opacity 0.25s ease-out;
|
|
66
|
+
}
|
|
67
|
+
.nova-toast.nova-toast--visible {
|
|
68
|
+
transform: translateY(0);
|
|
69
|
+
opacity: 1;
|
|
70
|
+
}
|
|
71
|
+
.nova-toast.nova-toast--exiting {
|
|
72
|
+
transform: translateX(100%);
|
|
73
|
+
opacity: 0;
|
|
74
|
+
transition: transform 0.2s ease-in, opacity 0.2s ease-in;
|
|
75
|
+
}
|
|
76
|
+
.nova-toast__icon { flex-shrink: 0; margin-top: 1px; }
|
|
77
|
+
.nova-toast__msg { flex: 1; }
|
|
78
|
+
.nova-toast__close {
|
|
79
|
+
flex-shrink: 0;
|
|
80
|
+
background: none;
|
|
81
|
+
border: none;
|
|
82
|
+
color: var(--color-text-primary-50, rgba(255, 255, 255, 0.4));
|
|
83
|
+
cursor: pointer;
|
|
84
|
+
padding: 0;
|
|
85
|
+
font-size: 18px;
|
|
86
|
+
line-height: 1;
|
|
87
|
+
margin-top: -1px;
|
|
88
|
+
}
|
|
89
|
+
.nova-toast__close:hover { color: var(--color-text-primary, #fff); }
|
|
90
|
+
.nova-toast__progress {
|
|
91
|
+
position: absolute;
|
|
92
|
+
bottom: 0;
|
|
93
|
+
left: 0;
|
|
94
|
+
height: 2px;
|
|
95
|
+
transition: width linear;
|
|
96
|
+
}
|
|
97
|
+
@media (prefers-reduced-motion: reduce) {
|
|
98
|
+
.nova-toast, .nova-toast.nova-toast--exiting { transition: none; }
|
|
99
|
+
}`;
|
|
100
|
+
document.head.appendChild(style);
|
|
101
|
+
}
|
|
102
|
+
/** Create a toast notification manager. */
|
|
103
|
+
export function createToaster(options = {}) {
|
|
104
|
+
const { position = 'bottom-right', duration: defaultDuration = 4000, maxVisible = 5, gap = 12, } = options;
|
|
105
|
+
injectStyles();
|
|
106
|
+
const container = document.createElement('div');
|
|
107
|
+
container.className = 'nova-toast-container';
|
|
108
|
+
container.setAttribute('data-pos', position);
|
|
109
|
+
container.setAttribute('aria-live', 'polite');
|
|
110
|
+
container.setAttribute('aria-atomic', 'false');
|
|
111
|
+
container.style.gap = `${gap}px`;
|
|
112
|
+
document.body.appendChild(container);
|
|
113
|
+
// Progressive enhancement: promote to top layer via Popover API (eliminates z-index issues)
|
|
114
|
+
if ('popover' in HTMLElement.prototype) {
|
|
115
|
+
container.setAttribute('popover', 'manual');
|
|
116
|
+
container.showPopover();
|
|
117
|
+
}
|
|
118
|
+
const activeToasts = new Map();
|
|
119
|
+
function dismissToast(id) {
|
|
120
|
+
const entry = activeToasts.get(id);
|
|
121
|
+
if (!entry)
|
|
122
|
+
return;
|
|
123
|
+
const { el, timer } = entry;
|
|
124
|
+
if (timer)
|
|
125
|
+
clearTimeout(timer);
|
|
126
|
+
el.classList.remove('nova-toast--visible');
|
|
127
|
+
el.classList.add('nova-toast--exiting');
|
|
128
|
+
el.addEventListener('transitionend', () => el.remove(), { once: true });
|
|
129
|
+
activeToasts.delete(id);
|
|
130
|
+
}
|
|
131
|
+
function addToast(type, message, dur) {
|
|
132
|
+
const id = uid();
|
|
133
|
+
const d = dur ?? defaultDuration;
|
|
134
|
+
const el = document.createElement('div');
|
|
135
|
+
el.className = 'nova-toast';
|
|
136
|
+
el.style.borderLeft = `3px solid ${COLORS[type]}`;
|
|
137
|
+
const icon = document.createElement('span');
|
|
138
|
+
icon.className = 'nova-toast__icon';
|
|
139
|
+
icon.style.color = COLORS[type];
|
|
140
|
+
icon.innerHTML = ICONS[type];
|
|
141
|
+
const msg = document.createElement('span');
|
|
142
|
+
msg.className = 'nova-toast__msg';
|
|
143
|
+
msg.textContent = message;
|
|
144
|
+
const close = document.createElement('button');
|
|
145
|
+
close.className = 'nova-toast__close';
|
|
146
|
+
close.setAttribute('aria-label', 'Dismiss');
|
|
147
|
+
close.textContent = '\u00d7';
|
|
148
|
+
close.addEventListener('click', () => dismissToast(id));
|
|
149
|
+
el.appendChild(icon);
|
|
150
|
+
el.appendChild(msg);
|
|
151
|
+
el.appendChild(close);
|
|
152
|
+
if (d > 0) {
|
|
153
|
+
const progress = document.createElement('div');
|
|
154
|
+
progress.className = 'nova-toast__progress';
|
|
155
|
+
progress.style.width = '100%';
|
|
156
|
+
progress.style.backgroundColor = COLORS[type];
|
|
157
|
+
progress.style.transitionDuration = `${d}ms`;
|
|
158
|
+
el.appendChild(progress);
|
|
159
|
+
requestAnimationFrame(() => { progress.style.width = '0%'; });
|
|
160
|
+
}
|
|
161
|
+
container.appendChild(el);
|
|
162
|
+
requestAnimationFrame(() => el.classList.add('nova-toast--visible'));
|
|
163
|
+
let timer;
|
|
164
|
+
if (d > 0)
|
|
165
|
+
timer = setTimeout(() => dismissToast(id), d);
|
|
166
|
+
activeToasts.set(id, { el, timer });
|
|
167
|
+
// Enforce max visible
|
|
168
|
+
if (activeToasts.size > maxVisible) {
|
|
169
|
+
const oldest = activeToasts.keys().next().value;
|
|
170
|
+
if (oldest)
|
|
171
|
+
dismissToast(oldest);
|
|
172
|
+
}
|
|
173
|
+
const item = { id, message, type, duration: d, dismiss: () => dismissToast(id) };
|
|
174
|
+
return item;
|
|
175
|
+
}
|
|
176
|
+
return {
|
|
177
|
+
info: (msg, dur) => addToast('info', msg, dur),
|
|
178
|
+
success: (msg, dur) => addToast('success', msg, dur),
|
|
179
|
+
warning: (msg, dur) => addToast('warning', msg, dur),
|
|
180
|
+
error: (msg, dur) => addToast('error', msg, dur),
|
|
181
|
+
dismiss: (id) => dismissToast(id),
|
|
182
|
+
dismissAll() {
|
|
183
|
+
for (const id of [...activeToasts.keys()])
|
|
184
|
+
dismissToast(id);
|
|
185
|
+
},
|
|
186
|
+
destroy() {
|
|
187
|
+
for (const { el, timer } of activeToasts.values()) {
|
|
188
|
+
if (timer)
|
|
189
|
+
clearTimeout(timer);
|
|
190
|
+
el.remove();
|
|
191
|
+
}
|
|
192
|
+
activeToasts.clear();
|
|
193
|
+
container.remove();
|
|
194
|
+
document.getElementById(STYLE_ID)?.remove();
|
|
195
|
+
},
|
|
196
|
+
};
|
|
197
|
+
}
|
|
198
|
+
//# sourceMappingURL=toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../src/toast/toast.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Tooltip / Popover Positioning
|
|
3
|
+
*
|
|
4
|
+
* Lightweight anchor-aware positioning with flip, shift, and arrow support.
|
|
5
|
+
*/
|
|
6
|
+
export type Placement = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
|
|
7
|
+
export interface TooltipOptions {
|
|
8
|
+
content: string | HTMLElement;
|
|
9
|
+
placement?: Placement;
|
|
10
|
+
offset?: number;
|
|
11
|
+
delay?: number;
|
|
12
|
+
hideDelay?: number;
|
|
13
|
+
arrow?: boolean;
|
|
14
|
+
flip?: boolean;
|
|
15
|
+
shift?: boolean;
|
|
16
|
+
trigger?: 'hover' | 'click' | 'manual';
|
|
17
|
+
class?: string;
|
|
18
|
+
}
|
|
19
|
+
export interface TooltipInstance {
|
|
20
|
+
show(): void;
|
|
21
|
+
hide(): void;
|
|
22
|
+
update(): void;
|
|
23
|
+
destroy(): void;
|
|
24
|
+
}
|
|
25
|
+
/** Attach tooltips to elements. Returns a cleanup function. */
|
|
26
|
+
export declare function tooltip(anchor: string | Element | Element[], options: TooltipOptions): () => void;
|
|
27
|
+
//# sourceMappingURL=tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;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,cAAc;IAC7B,OAAO,EAAE,MAAM,GAAG,WAAW,CAAC;IAC9B,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,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,IAAI,IAAI,CAAC;IACb,IAAI,IAAI,IAAI,CAAC;IACb,MAAM,IAAI,IAAI,CAAC;IACf,OAAO,IAAI,IAAI,CAAC;CACjB;AA0HD,+DAA+D;AAC/D,wBAAgB,OAAO,CACrB,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,EAAE,EACpC,OAAO,EAAE,cAAc,GACtB,MAAM,IAAI,CA+GZ"}
|
|
@@ -0,0 +1,229 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Tooltip / Popover Positioning
|
|
3
|
+
*
|
|
4
|
+
* Lightweight anchor-aware positioning with flip, shift, and arrow support.
|
|
5
|
+
*/
|
|
6
|
+
const STYLE_ID = 'nova-tooltip-styles';
|
|
7
|
+
function injectStyles() {
|
|
8
|
+
if (document.getElementById(STYLE_ID))
|
|
9
|
+
return;
|
|
10
|
+
const s = document.createElement('style');
|
|
11
|
+
s.id = STYLE_ID;
|
|
12
|
+
s.textContent = `
|
|
13
|
+
.nova-tooltip {
|
|
14
|
+
position: absolute;
|
|
15
|
+
z-index: 99998;
|
|
16
|
+
background: var(--color-bg-elevated, rgba(18, 18, 18, 0.96));
|
|
17
|
+
color: var(--color-text-primary, #e5e5e5);
|
|
18
|
+
font: 13px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
19
|
+
padding: 6px 10px;
|
|
20
|
+
border-radius: 6px;
|
|
21
|
+
border: 1px solid var(--color-border, rgba(255, 255, 255, 0.08));
|
|
22
|
+
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
|
|
23
|
+
pointer-events: none;
|
|
24
|
+
white-space: nowrap;
|
|
25
|
+
opacity: 0;
|
|
26
|
+
transform: scale(0.96);
|
|
27
|
+
transition: opacity 0.15s ease-out, transform 0.15s ease-out;
|
|
28
|
+
}
|
|
29
|
+
.nova-tooltip--visible { opacity: 1; transform: scale(1); }
|
|
30
|
+
.nova-tooltip__arrow {
|
|
31
|
+
position: absolute;
|
|
32
|
+
width: 8px;
|
|
33
|
+
height: 8px;
|
|
34
|
+
background: var(--color-bg-elevated, rgba(18, 18, 18, 0.96));
|
|
35
|
+
border: 1px solid var(--color-border, rgba(255, 255, 255, 0.08));
|
|
36
|
+
transform: rotate(45deg);
|
|
37
|
+
}
|
|
38
|
+
@media (prefers-reduced-motion: reduce) { .nova-tooltip { transition: none; } }`;
|
|
39
|
+
document.head.appendChild(s);
|
|
40
|
+
}
|
|
41
|
+
function parsePlacement(p) {
|
|
42
|
+
const parts = p.split('-');
|
|
43
|
+
return [parts[0], parts[1] ?? 'center'];
|
|
44
|
+
}
|
|
45
|
+
function oppositeSide(s) {
|
|
46
|
+
const map = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' };
|
|
47
|
+
return map[s];
|
|
48
|
+
}
|
|
49
|
+
function computePosition(anchor, tip, side, align, offset) {
|
|
50
|
+
let x = 0, y = 0;
|
|
51
|
+
const sx = window.scrollX, sy = window.scrollY;
|
|
52
|
+
if (side === 'top') {
|
|
53
|
+
x = anchor.left + sx + anchor.width / 2 - tip.width / 2;
|
|
54
|
+
y = anchor.top + sy - tip.height - offset;
|
|
55
|
+
}
|
|
56
|
+
else if (side === 'bottom') {
|
|
57
|
+
x = anchor.left + sx + anchor.width / 2 - tip.width / 2;
|
|
58
|
+
y = anchor.bottom + sy + offset;
|
|
59
|
+
}
|
|
60
|
+
else if (side === 'left') {
|
|
61
|
+
x = anchor.left + sx - tip.width - offset;
|
|
62
|
+
y = anchor.top + sy + anchor.height / 2 - tip.height / 2;
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
x = anchor.right + sx + offset;
|
|
66
|
+
y = anchor.top + sy + anchor.height / 2 - tip.height / 2;
|
|
67
|
+
}
|
|
68
|
+
// Alignment adjustments
|
|
69
|
+
if ((side === 'top' || side === 'bottom') && align === 'start')
|
|
70
|
+
x = anchor.left + sx;
|
|
71
|
+
if ((side === 'top' || side === 'bottom') && align === 'end')
|
|
72
|
+
x = anchor.right + sx - tip.width;
|
|
73
|
+
if ((side === 'left' || side === 'right') && align === 'start')
|
|
74
|
+
y = anchor.top + sy;
|
|
75
|
+
if ((side === 'left' || side === 'right') && align === 'end')
|
|
76
|
+
y = anchor.bottom + sy - tip.height;
|
|
77
|
+
return { x, y };
|
|
78
|
+
}
|
|
79
|
+
function shouldFlip(pos, tip, side) {
|
|
80
|
+
const vw = window.innerWidth, vh = window.innerHeight;
|
|
81
|
+
const sx = window.scrollX, sy = window.scrollY;
|
|
82
|
+
if (side === 'top')
|
|
83
|
+
return pos.y - sy < 0;
|
|
84
|
+
if (side === 'bottom')
|
|
85
|
+
return pos.y - sy + tip.height > vh;
|
|
86
|
+
if (side === 'left')
|
|
87
|
+
return pos.x - sx < 0;
|
|
88
|
+
return pos.x - sx + tip.width > vw;
|
|
89
|
+
}
|
|
90
|
+
function shiftIntoView(pos, tip) {
|
|
91
|
+
const sx = window.scrollX, sy = window.scrollY;
|
|
92
|
+
const vw = window.innerWidth, vh = window.innerHeight;
|
|
93
|
+
let { x, y } = pos;
|
|
94
|
+
if (x - sx < 4)
|
|
95
|
+
x = sx + 4;
|
|
96
|
+
if (x - sx + tip.width > vw - 4)
|
|
97
|
+
x = sx + vw - tip.width - 4;
|
|
98
|
+
if (y - sy < 4)
|
|
99
|
+
y = sy + 4;
|
|
100
|
+
if (y - sy + tip.height > vh - 4)
|
|
101
|
+
y = sy + vh - tip.height - 4;
|
|
102
|
+
return { x, y };
|
|
103
|
+
}
|
|
104
|
+
function positionArrow(arrowEl, side, anchor, tip) {
|
|
105
|
+
arrowEl.style.top = '';
|
|
106
|
+
arrowEl.style.bottom = '';
|
|
107
|
+
arrowEl.style.left = '';
|
|
108
|
+
arrowEl.style.right = '';
|
|
109
|
+
if (side === 'top') {
|
|
110
|
+
arrowEl.style.bottom = '-5px';
|
|
111
|
+
arrowEl.style.left = `${Math.max(4, Math.min(tip.width - 12, anchor.left + anchor.width / 2 - (parseFloat(arrowEl.parentElement.style.left) || 0) + window.scrollX - 4))}px`;
|
|
112
|
+
arrowEl.style.borderTop = 'none';
|
|
113
|
+
arrowEl.style.borderLeft = 'none';
|
|
114
|
+
}
|
|
115
|
+
else if (side === 'bottom') {
|
|
116
|
+
arrowEl.style.top = '-5px';
|
|
117
|
+
arrowEl.style.left = `${tip.width / 2 - 4}px`;
|
|
118
|
+
arrowEl.style.borderBottom = 'none';
|
|
119
|
+
arrowEl.style.borderRight = 'none';
|
|
120
|
+
}
|
|
121
|
+
else if (side === 'left') {
|
|
122
|
+
arrowEl.style.right = '-5px';
|
|
123
|
+
arrowEl.style.top = `${tip.height / 2 - 4}px`;
|
|
124
|
+
arrowEl.style.borderBottom = 'none';
|
|
125
|
+
arrowEl.style.borderLeft = 'none';
|
|
126
|
+
}
|
|
127
|
+
else {
|
|
128
|
+
arrowEl.style.left = '-5px';
|
|
129
|
+
arrowEl.style.top = `${tip.height / 2 - 4}px`;
|
|
130
|
+
arrowEl.style.borderTop = 'none';
|
|
131
|
+
arrowEl.style.borderRight = 'none';
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
/** Attach tooltips to elements. Returns a cleanup function. */
|
|
135
|
+
export function tooltip(anchor, options) {
|
|
136
|
+
const { content, placement = 'top', offset = 8, delay = 200, hideDelay = 100, arrow = true, flip = true, shift = true, trigger = 'hover', class: extraClass, } = options;
|
|
137
|
+
injectStyles();
|
|
138
|
+
const targets = typeof anchor === 'string'
|
|
139
|
+
? Array.from(document.querySelectorAll(anchor))
|
|
140
|
+
: anchor instanceof Element
|
|
141
|
+
? [anchor]
|
|
142
|
+
: anchor;
|
|
143
|
+
const cleanups = [];
|
|
144
|
+
for (const el of targets) {
|
|
145
|
+
const tipEl = document.createElement('div');
|
|
146
|
+
tipEl.className = 'nova-tooltip' + (extraClass ? ` ${extraClass}` : '');
|
|
147
|
+
if (typeof content === 'string') {
|
|
148
|
+
tipEl.textContent = content;
|
|
149
|
+
}
|
|
150
|
+
else {
|
|
151
|
+
tipEl.appendChild(content.cloneNode(true));
|
|
152
|
+
}
|
|
153
|
+
let arrowEl = null;
|
|
154
|
+
if (arrow) {
|
|
155
|
+
arrowEl = document.createElement('div');
|
|
156
|
+
arrowEl.className = 'nova-tooltip__arrow';
|
|
157
|
+
tipEl.appendChild(arrowEl);
|
|
158
|
+
}
|
|
159
|
+
let showTimer;
|
|
160
|
+
let hideTimer;
|
|
161
|
+
let visible = false;
|
|
162
|
+
function position() {
|
|
163
|
+
const anchorRect = el.getBoundingClientRect();
|
|
164
|
+
const tipRect = tipEl.getBoundingClientRect();
|
|
165
|
+
let [side, align] = parsePlacement(placement);
|
|
166
|
+
let pos = computePosition(anchorRect, tipRect, side, align, offset);
|
|
167
|
+
if (flip && shouldFlip(pos, tipRect, side)) {
|
|
168
|
+
side = oppositeSide(side);
|
|
169
|
+
pos = computePosition(anchorRect, tipRect, side, align, offset);
|
|
170
|
+
}
|
|
171
|
+
if (shift)
|
|
172
|
+
pos = shiftIntoView(pos, tipRect);
|
|
173
|
+
tipEl.style.left = `${pos.x}px`;
|
|
174
|
+
tipEl.style.top = `${pos.y}px`;
|
|
175
|
+
if (arrowEl)
|
|
176
|
+
positionArrow(arrowEl, side, anchorRect, tipRect);
|
|
177
|
+
}
|
|
178
|
+
function show() {
|
|
179
|
+
if (visible)
|
|
180
|
+
return;
|
|
181
|
+
clearTimeout(hideTimer);
|
|
182
|
+
document.body.appendChild(tipEl);
|
|
183
|
+
requestAnimationFrame(() => {
|
|
184
|
+
position();
|
|
185
|
+
tipEl.classList.add('nova-tooltip--visible');
|
|
186
|
+
});
|
|
187
|
+
visible = true;
|
|
188
|
+
}
|
|
189
|
+
function hide() {
|
|
190
|
+
if (!visible)
|
|
191
|
+
return;
|
|
192
|
+
tipEl.classList.remove('nova-tooltip--visible');
|
|
193
|
+
tipEl.addEventListener('transitionend', () => { tipEl.remove(); }, { once: true });
|
|
194
|
+
setTimeout(() => tipEl.remove(), 200); // fallback
|
|
195
|
+
visible = false;
|
|
196
|
+
}
|
|
197
|
+
const listeners = [];
|
|
198
|
+
function on(target, evt, fn) {
|
|
199
|
+
target.addEventListener(evt, fn);
|
|
200
|
+
listeners.push([target, evt, fn]);
|
|
201
|
+
}
|
|
202
|
+
if (trigger === 'hover') {
|
|
203
|
+
on(el, 'mouseenter', () => { clearTimeout(hideTimer); showTimer = setTimeout(show, delay); });
|
|
204
|
+
on(el, 'mouseleave', () => { clearTimeout(showTimer); hideTimer = setTimeout(hide, hideDelay); });
|
|
205
|
+
on(el, 'focus', () => show());
|
|
206
|
+
on(el, 'blur', () => hide());
|
|
207
|
+
}
|
|
208
|
+
else if (trigger === 'click') {
|
|
209
|
+
on(el, 'click', () => { visible ? hide() : show(); });
|
|
210
|
+
on(document, 'click', (e) => { if (visible && !el.contains(e.target))
|
|
211
|
+
hide(); });
|
|
212
|
+
}
|
|
213
|
+
on(window, 'scroll', () => { if (visible)
|
|
214
|
+
position(); });
|
|
215
|
+
on(window, 'resize', () => { if (visible)
|
|
216
|
+
position(); });
|
|
217
|
+
cleanups.push(() => {
|
|
218
|
+
clearTimeout(showTimer);
|
|
219
|
+
clearTimeout(hideTimer);
|
|
220
|
+
if (visible)
|
|
221
|
+
tipEl.remove();
|
|
222
|
+
for (const [t, e, fn] of listeners)
|
|
223
|
+
t.removeEventListener(e, fn);
|
|
224
|
+
});
|
|
225
|
+
}
|
|
226
|
+
return () => { for (const fn of cleanups)
|
|
227
|
+
fn(); };
|
|
228
|
+
}
|
|
229
|
+
//# sourceMappingURL=tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/tooltip/tooltip.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/transition/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAChG,YAAY,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/transition/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — View Transitions
|
|
3
|
+
*
|
|
4
|
+
* View Transitions API wrapper with fallbacks for page and element transitions.
|
|
5
|
+
*/
|
|
6
|
+
export interface TransitionOptions {
|
|
7
|
+
/** Duration in ms. Default: 300 */
|
|
8
|
+
duration?: number;
|
|
9
|
+
/** CSS easing. Default: 'ease-out' */
|
|
10
|
+
easing?: string;
|
|
11
|
+
/** Preset type. Default: 'fade' */
|
|
12
|
+
type?: 'fade' | 'slide-left' | 'slide-right' | 'slide-up' | 'slide-down' | 'scale' | 'none';
|
|
13
|
+
}
|
|
14
|
+
export interface ElementTransitionOptions extends TransitionOptions {
|
|
15
|
+
enter?: Record<string, string>;
|
|
16
|
+
enterTo?: Record<string, string>;
|
|
17
|
+
leave?: Record<string, string>;
|
|
18
|
+
leaveTo?: Record<string, string>;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Execute a DOM update with a View Transition.
|
|
22
|
+
* Uses native API if available, falls back to manual animation.
|
|
23
|
+
*/
|
|
24
|
+
export declare function viewTransition(updateFn: () => void | Promise<void>, options?: TransitionOptions): Promise<void>;
|
|
25
|
+
/** Animate an element entering the DOM. */
|
|
26
|
+
export declare function enterTransition(element: HTMLElement, options?: ElementTransitionOptions): Promise<void>;
|
|
27
|
+
/** Animate an element leaving the DOM, then remove it. */
|
|
28
|
+
export declare function leaveTransition(element: HTMLElement, options?: ElementTransitionOptions): Promise<void>;
|
|
29
|
+
/** Swap one element for another with coordinated transition. */
|
|
30
|
+
export declare function swapTransition(outEl: HTMLElement, inEl: HTMLElement, options?: TransitionOptions): Promise<void>;
|
|
31
|
+
//# sourceMappingURL=transition.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../../src/transition/transition.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,iBAAiB;IAChC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,aAAa,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;CAC7F;AAED,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAwCD;;;GAGG;AACH,wBAAsB,cAAc,CAClC,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,EACpC,OAAO,GAAE,iBAAsB,GAC9B,OAAO,CAAC,IAAI,CAAC,CAuBf;AAED,2CAA2C;AAC3C,wBAAsB,eAAe,CACnC,OAAO,EAAE,WAAW,EACpB,OAAO,GAAE,wBAA6B,GACrC,OAAO,CAAC,IAAI,CAAC,CAUf;AAED,0DAA0D;AAC1D,wBAAsB,eAAe,CACnC,OAAO,EAAE,WAAW,EACpB,OAAO,GAAE,wBAA6B,GACrC,OAAO,CAAC,IAAI,CAAC,CAWf;AAED,gEAAgE;AAChE,wBAAsB,cAAc,CAClC,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,WAAW,EACjB,OAAO,GAAE,iBAAsB,GAC9B,OAAO,CAAC,IAAI,CAAC,CAWf"}
|