@mappoh/nova 0.2.3 → 0.5.0
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/README.md +180 -30
- package/dist/a11y/index.d.ts +40 -0
- package/dist/a11y/index.d.ts.map +1 -0
- package/dist/a11y/index.js +162 -0
- package/dist/a11y/index.js.map +1 -0
- package/dist/alert/alert.d.ts +32 -0
- package/dist/alert/alert.d.ts.map +1 -0
- package/dist/alert/alert.js +307 -0
- package/dist/alert/alert.js.map +1 -0
- package/dist/alert/index.d.ts +3 -0
- package/dist/alert/index.d.ts.map +1 -0
- package/dist/alert/index.js +2 -0
- package/dist/alert/index.js.map +1 -0
- package/dist/animation/flip.d.ts +28 -0
- package/dist/animation/flip.d.ts.map +1 -0
- package/dist/animation/flip.js +113 -0
- package/dist/animation/flip.js.map +1 -0
- package/dist/animation/spring.d.ts +34 -0
- package/dist/animation/spring.d.ts.map +1 -0
- package/dist/animation/spring.js +86 -0
- package/dist/animation/spring.js.map +1 -0
- package/dist/animation/stagger.d.ts +43 -0
- package/dist/animation/stagger.d.ts.map +1 -0
- package/dist/animation/stagger.js +150 -0
- package/dist/animation/stagger.js.map +1 -0
- package/dist/avatar/avatar.d.ts +27 -0
- package/dist/avatar/avatar.d.ts.map +1 -0
- package/dist/avatar/avatar.js +132 -0
- package/dist/avatar/avatar.js.map +1 -0
- package/dist/avatar/index.d.ts +3 -0
- package/dist/avatar/index.d.ts.map +1 -0
- package/dist/avatar/index.js +2 -0
- package/dist/avatar/index.js.map +1 -0
- package/dist/badge/badge.d.ts +27 -0
- package/dist/badge/badge.d.ts.map +1 -0
- package/dist/badge/badge.js +118 -0
- package/dist/badge/badge.js.map +1 -0
- package/dist/badge/index.d.ts +3 -0
- package/dist/badge/index.d.ts.map +1 -0
- package/dist/badge/index.js +2 -0
- package/dist/badge/index.js.map +1 -0
- package/dist/cache/cache.d.ts +28 -0
- package/dist/cache/cache.d.ts.map +1 -0
- package/dist/cache/cache.js +67 -0
- package/dist/cache/cache.js.map +1 -0
- package/dist/cache/index.d.ts +3 -0
- package/dist/cache/index.d.ts.map +1 -0
- package/dist/cache/index.js +2 -0
- package/dist/cache/index.js.map +1 -0
- package/dist/chart/chart.d.ts +31 -0
- package/dist/chart/chart.d.ts.map +1 -0
- package/dist/chart/chart.js +372 -0
- package/dist/chart/chart.js.map +1 -0
- package/dist/chart/index.d.ts +3 -0
- package/dist/chart/index.d.ts.map +1 -0
- package/dist/chart/index.js +2 -0
- package/dist/chart/index.js.map +1 -0
- package/dist/color-picker/color-picker.d.ts +18 -0
- package/dist/color-picker/color-picker.d.ts.map +1 -0
- package/dist/color-picker/color-picker.js +243 -0
- package/dist/color-picker/color-picker.js.map +1 -0
- package/dist/color-picker/index.d.ts +3 -0
- package/dist/color-picker/index.d.ts.map +1 -0
- package/dist/color-picker/index.js +2 -0
- package/dist/color-picker/index.js.map +1 -0
- package/dist/combobox/combobox.d.ts +26 -0
- package/dist/combobox/combobox.d.ts.map +1 -0
- package/dist/combobox/combobox.js +262 -0
- package/dist/combobox/combobox.js.map +1 -0
- package/dist/combobox/index.d.ts +3 -0
- package/dist/combobox/index.d.ts.map +1 -0
- package/dist/combobox/index.js +2 -0
- package/dist/combobox/index.js.map +1 -0
- package/dist/command-palette/command-palette.d.ts +31 -0
- package/dist/command-palette/command-palette.d.ts.map +1 -0
- package/dist/command-palette/command-palette.js +590 -0
- package/dist/command-palette/command-palette.js.map +1 -0
- package/dist/command-palette/index.d.ts +3 -0
- package/dist/command-palette/index.d.ts.map +1 -0
- package/dist/command-palette/index.js +2 -0
- package/dist/command-palette/index.js.map +1 -0
- package/dist/component/component.d.ts +20 -2
- package/dist/component/component.d.ts.map +1 -1
- package/dist/component/component.js +115 -5
- package/dist/component/component.js.map +1 -1
- package/dist/component/connect.d.ts +50 -0
- package/dist/component/connect.d.ts.map +1 -1
- package/dist/component/connect.js +135 -0
- package/dist/component/connect.js.map +1 -1
- package/dist/component/directives.d.ts +20 -0
- package/dist/component/directives.d.ts.map +1 -0
- package/dist/component/directives.js +42 -0
- package/dist/component/directives.js.map +1 -0
- package/dist/component/html.d.ts +8 -0
- package/dist/component/html.d.ts.map +1 -1
- package/dist/component/html.js +11 -0
- package/dist/component/html.js.map +1 -1
- package/dist/component/index.d.ts +9 -3
- package/dist/component/index.d.ts.map +1 -1
- package/dist/component/index.js +6 -2
- package/dist/component/index.js.map +1 -1
- package/dist/component/portal.d.ts +32 -0
- package/dist/component/portal.d.ts.map +1 -0
- package/dist/component/portal.js +59 -0
- package/dist/component/portal.js.map +1 -0
- package/dist/component/ref.d.ts +18 -0
- package/dist/component/ref.d.ts.map +1 -0
- package/dist/component/ref.js +17 -0
- package/dist/component/ref.js.map +1 -0
- package/dist/component/slot-styles.d.ts +18 -0
- package/dist/component/slot-styles.d.ts.map +1 -0
- package/dist/component/slot-styles.js +47 -0
- package/dist/component/slot-styles.js.map +1 -0
- package/dist/component/template.d.ts +2 -0
- package/dist/component/template.d.ts.map +1 -1
- package/dist/component/template.js +122 -4
- package/dist/component/template.js.map +1 -1
- package/dist/context/context.d.ts +39 -0
- package/dist/context/context.d.ts.map +1 -0
- package/dist/context/context.js +111 -0
- package/dist/context/context.js.map +1 -0
- package/dist/context/index.d.ts +3 -0
- package/dist/context/index.d.ts.map +1 -0
- package/dist/context/index.js +2 -0
- package/dist/context/index.js.map +1 -0
- package/dist/data-table/data-table.d.ts +34 -0
- package/dist/data-table/data-table.d.ts.map +1 -0
- package/dist/data-table/data-table.js +256 -0
- package/dist/data-table/data-table.js.map +1 -0
- package/dist/data-table/index.d.ts +3 -0
- package/dist/data-table/index.d.ts.map +1 -0
- package/dist/data-table/index.js +2 -0
- package/dist/data-table/index.js.map +1 -0
- package/dist/date-picker/date-picker.d.ts +22 -0
- package/dist/date-picker/date-picker.d.ts.map +1 -0
- package/dist/date-picker/date-picker.js +282 -0
- package/dist/date-picker/date-picker.js.map +1 -0
- package/dist/date-picker/index.d.ts +3 -0
- package/dist/date-picker/index.d.ts.map +1 -0
- package/dist/date-picker/index.js +2 -0
- package/dist/date-picker/index.js.map +1 -0
- package/dist/devtools/devtools.d.ts +54 -0
- package/dist/devtools/devtools.d.ts.map +1 -1
- package/dist/devtools/devtools.js +86 -0
- package/dist/devtools/devtools.js.map +1 -1
- package/dist/devtools/index.d.ts +2 -2
- package/dist/devtools/index.d.ts.map +1 -1
- package/dist/devtools/index.js +1 -1
- package/dist/devtools/index.js.map +1 -1
- package/dist/editor/editor.d.ts +40 -0
- package/dist/editor/editor.d.ts.map +1 -0
- package/dist/editor/editor.js +955 -0
- package/dist/editor/editor.js.map +1 -0
- package/dist/editor/index.d.ts +3 -0
- package/dist/editor/index.d.ts.map +1 -0
- package/dist/editor/index.js +2 -0
- package/dist/editor/index.js.map +1 -0
- package/dist/event-bus/event-bus.d.ts +20 -0
- package/dist/event-bus/event-bus.d.ts.map +1 -0
- package/dist/event-bus/event-bus.js +55 -0
- package/dist/event-bus/event-bus.js.map +1 -0
- package/dist/event-bus/index.d.ts +3 -0
- package/dist/event-bus/index.d.ts.map +1 -0
- package/dist/event-bus/index.js +2 -0
- package/dist/event-bus/index.js.map +1 -0
- package/dist/file-upload/file-upload.d.ts +24 -0
- package/dist/file-upload/file-upload.d.ts.map +1 -0
- package/dist/file-upload/file-upload.js +177 -0
- package/dist/file-upload/file-upload.js.map +1 -0
- package/dist/file-upload/index.d.ts +3 -0
- package/dist/file-upload/index.d.ts.map +1 -0
- package/dist/file-upload/index.js +2 -0
- package/dist/file-upload/index.js.map +1 -0
- package/dist/forms/form-engine.d.ts +19 -6
- package/dist/forms/form-engine.d.ts.map +1 -1
- package/dist/forms/form-engine.js +97 -11
- package/dist/forms/form-engine.js.map +1 -1
- package/dist/forms/validators.d.ts +4 -0
- package/dist/forms/validators.d.ts.map +1 -1
- package/dist/forms/validators.js +6 -0
- package/dist/forms/validators.js.map +1 -1
- package/dist/forms/wasm-validators.d.ts +19 -11
- package/dist/forms/wasm-validators.d.ts.map +1 -1
- package/dist/forms/wasm-validators.js +191 -31
- package/dist/forms/wasm-validators.js.map +1 -1
- package/dist/gesture/gesture.d.ts +2 -0
- package/dist/gesture/gesture.d.ts.map +1 -1
- package/dist/gesture/gesture.js +81 -0
- package/dist/gesture/gesture.js.map +1 -1
- package/dist/http/http.d.ts +8 -0
- package/dist/http/http.d.ts.map +1 -1
- package/dist/http/http.js +18 -4
- package/dist/http/http.js.map +1 -1
- package/dist/i18n/i18n.d.ts +6 -0
- package/dist/i18n/i18n.d.ts.map +1 -1
- package/dist/i18n/i18n.js +71 -9
- package/dist/i18n/i18n.js.map +1 -1
- package/dist/machine/index.d.ts +3 -0
- package/dist/machine/index.d.ts.map +1 -0
- package/dist/machine/index.js +2 -0
- package/dist/machine/index.js.map +1 -0
- package/dist/machine/machine.d.ts +26 -0
- package/dist/machine/machine.d.ts.map +1 -0
- package/dist/machine/machine.js +79 -0
- package/dist/machine/machine.js.map +1 -0
- package/dist/modal/modal.d.ts.map +1 -1
- package/dist/modal/modal.js +13 -29
- package/dist/modal/modal.js.map +1 -1
- package/dist/notification-center/index.d.ts +3 -0
- package/dist/notification-center/index.d.ts.map +1 -0
- package/dist/notification-center/index.js +2 -0
- package/dist/notification-center/index.js.map +1 -0
- package/dist/notification-center/notification-center.d.ts +55 -0
- package/dist/notification-center/notification-center.d.ts.map +1 -0
- package/dist/notification-center/notification-center.js +941 -0
- package/dist/notification-center/notification-center.js.map +1 -0
- package/dist/pagination/index.d.ts +3 -0
- package/dist/pagination/index.d.ts.map +1 -0
- package/dist/pagination/index.js +2 -0
- package/dist/pagination/index.js.map +1 -0
- package/dist/pagination/pagination.d.ts +31 -0
- package/dist/pagination/pagination.d.ts.map +1 -0
- package/dist/pagination/pagination.js +213 -0
- package/dist/pagination/pagination.js.map +1 -0
- package/dist/progress/progress.d.ts.map +1 -1
- package/dist/progress/progress.js +5 -7
- package/dist/progress/progress.js.map +1 -1
- package/dist/query/index.d.ts +3 -0
- package/dist/query/index.d.ts.map +1 -0
- package/dist/query/index.js +2 -0
- package/dist/query/index.js.map +1 -0
- package/dist/query/query.d.ts +31 -0
- package/dist/query/query.d.ts.map +1 -0
- package/dist/query/query.js +150 -0
- package/dist/query/query.js.map +1 -0
- package/dist/radio-group/index.d.ts +3 -0
- package/dist/radio-group/index.d.ts.map +1 -0
- package/dist/radio-group/index.js +2 -0
- package/dist/radio-group/index.js.map +1 -0
- package/dist/radio-group/radio-group.d.ts +37 -0
- package/dist/radio-group/radio-group.d.ts.map +1 -0
- package/dist/radio-group/radio-group.js +251 -0
- package/dist/radio-group/radio-group.js.map +1 -0
- package/dist/rating/index.d.ts +3 -0
- package/dist/rating/index.d.ts.map +1 -0
- package/dist/rating/index.js +2 -0
- package/dist/rating/index.js.map +1 -0
- package/dist/rating/rating.d.ts +31 -0
- package/dist/rating/rating.d.ts.map +1 -0
- package/dist/rating/rating.js +187 -0
- package/dist/rating/rating.js.map +1 -0
- package/dist/router/index.d.ts +1 -1
- package/dist/router/index.d.ts.map +1 -1
- package/dist/router/index.js +1 -1
- package/dist/router/index.js.map +1 -1
- package/dist/router/router.d.ts +30 -1
- package/dist/router/router.d.ts.map +1 -1
- package/dist/router/router.js +131 -16
- package/dist/router/router.js.map +1 -1
- package/dist/skeleton/index.d.ts +3 -0
- package/dist/skeleton/index.d.ts.map +1 -0
- package/dist/skeleton/index.js +2 -0
- package/dist/skeleton/index.js.map +1 -0
- package/dist/skeleton/skeleton.d.ts +24 -0
- package/dist/skeleton/skeleton.d.ts.map +1 -0
- package/dist/skeleton/skeleton.js +91 -0
- package/dist/skeleton/skeleton.js.map +1 -0
- package/dist/slider/index.d.ts +3 -0
- package/dist/slider/index.d.ts.map +1 -0
- package/dist/slider/index.js +2 -0
- package/dist/slider/index.js.map +1 -0
- package/dist/slider/slider.d.ts +33 -0
- package/dist/slider/slider.d.ts.map +1 -0
- package/dist/slider/slider.js +248 -0
- package/dist/slider/slider.js.map +1 -0
- package/dist/spinner/index.d.ts +3 -0
- package/dist/spinner/index.d.ts.map +1 -0
- package/dist/spinner/index.js +2 -0
- package/dist/spinner/index.js.map +1 -0
- package/dist/spinner/spinner.d.ts +23 -0
- package/dist/spinner/spinner.d.ts.map +1 -0
- package/dist/spinner/spinner.js +82 -0
- package/dist/spinner/spinner.js.map +1 -0
- package/dist/state/store.d.ts +4 -0
- package/dist/state/store.d.ts.map +1 -1
- package/dist/state/store.js +27 -7
- package/dist/state/store.js.map +1 -1
- package/dist/sw/sw.d.ts.map +1 -1
- package/dist/sw/sw.js +39 -7
- package/dist/sw/sw.js.map +1 -1
- package/dist/switch/index.d.ts +3 -0
- package/dist/switch/index.d.ts.map +1 -0
- package/dist/switch/index.js +2 -0
- package/dist/switch/index.js.map +1 -0
- package/dist/switch/switch.d.ts +27 -0
- package/dist/switch/switch.d.ts.map +1 -0
- package/dist/switch/switch.js +163 -0
- package/dist/switch/switch.js.map +1 -0
- package/dist/theme/index.d.ts +2 -0
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +1 -0
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/scale.d.ts +40 -0
- package/dist/theme/scale.d.ts.map +1 -0
- package/dist/theme/scale.js +62 -0
- package/dist/theme/scale.js.map +1 -0
- package/dist/tree-view/index.d.ts +3 -0
- package/dist/tree-view/index.d.ts.map +1 -0
- package/dist/tree-view/index.js +2 -0
- package/dist/tree-view/index.js.map +1 -0
- package/dist/tree-view/tree-view.d.ts +29 -0
- package/dist/tree-view/tree-view.d.ts.map +1 -0
- package/dist/tree-view/tree-view.js +273 -0
- package/dist/tree-view/tree-view.js.map +1 -0
- package/dist/utils/index.d.ts +29 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +114 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/websocket/index.d.ts +3 -0
- package/dist/websocket/index.d.ts.map +1 -0
- package/dist/websocket/index.js +2 -0
- package/dist/websocket/index.js.map +1 -0
- package/dist/websocket/websocket.d.ts +31 -0
- package/dist/websocket/websocket.d.ts.map +1 -0
- package/dist/websocket/websocket.js +164 -0
- package/dist/websocket/websocket.js.map +1 -0
- package/package.json +135 -2
|
@@ -0,0 +1,307 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Alert / Banner
|
|
3
|
+
*
|
|
4
|
+
* Accessible notification banners with type-based colour coding,
|
|
5
|
+
* inline SVG icons, optional auto-dismiss, and slide-in animation.
|
|
6
|
+
*/
|
|
7
|
+
/* ---- Type colours ---- */
|
|
8
|
+
const COLORS = {
|
|
9
|
+
info: 'var(--color-alert-info, #3b82f6)',
|
|
10
|
+
success: 'var(--color-alert-success, #22c55e)',
|
|
11
|
+
warning: 'var(--color-alert-warning, #f59e0b)',
|
|
12
|
+
error: 'var(--color-alert-error, #ef4444)',
|
|
13
|
+
};
|
|
14
|
+
const BG_COLORS = {
|
|
15
|
+
info: 'var(--color-alert-info-bg, rgba(59, 130, 246, 0.08))',
|
|
16
|
+
success: 'var(--color-alert-success-bg, rgba(34, 197, 94, 0.08))',
|
|
17
|
+
warning: 'var(--color-alert-warning-bg, rgba(245, 158, 11, 0.08))',
|
|
18
|
+
error: 'var(--color-alert-error-bg, rgba(239, 68, 68, 0.08))',
|
|
19
|
+
};
|
|
20
|
+
/* ---- SVG icons (inline, no external deps) ---- */
|
|
21
|
+
function createIcon(type) {
|
|
22
|
+
const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
|
|
23
|
+
svg.setAttribute('width', '20');
|
|
24
|
+
svg.setAttribute('height', '20');
|
|
25
|
+
svg.setAttribute('viewBox', '0 0 24 24');
|
|
26
|
+
svg.setAttribute('fill', 'none');
|
|
27
|
+
svg.setAttribute('stroke', 'currentColor');
|
|
28
|
+
svg.setAttribute('stroke-width', '2');
|
|
29
|
+
svg.setAttribute('stroke-linecap', 'round');
|
|
30
|
+
svg.setAttribute('stroke-linejoin', 'round');
|
|
31
|
+
svg.setAttribute('aria-hidden', 'true');
|
|
32
|
+
if (type === 'info') {
|
|
33
|
+
// Circle with i
|
|
34
|
+
const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
|
|
35
|
+
circle.setAttribute('cx', '12');
|
|
36
|
+
circle.setAttribute('cy', '12');
|
|
37
|
+
circle.setAttribute('r', '10');
|
|
38
|
+
svg.appendChild(circle);
|
|
39
|
+
const line1 = document.createElementNS('http://www.w3.org/2000/svg', 'line');
|
|
40
|
+
line1.setAttribute('x1', '12');
|
|
41
|
+
line1.setAttribute('y1', '16');
|
|
42
|
+
line1.setAttribute('x2', '12');
|
|
43
|
+
line1.setAttribute('y2', '12');
|
|
44
|
+
svg.appendChild(line1);
|
|
45
|
+
const line2 = document.createElementNS('http://www.w3.org/2000/svg', 'line');
|
|
46
|
+
line2.setAttribute('x1', '12');
|
|
47
|
+
line2.setAttribute('y1', '8');
|
|
48
|
+
line2.setAttribute('x2', '12.01');
|
|
49
|
+
line2.setAttribute('y2', '8');
|
|
50
|
+
svg.appendChild(line2);
|
|
51
|
+
}
|
|
52
|
+
else if (type === 'success') {
|
|
53
|
+
// Checkmark in circle
|
|
54
|
+
const path1 = document.createElementNS('http://www.w3.org/2000/svg', 'path');
|
|
55
|
+
path1.setAttribute('d', 'M22 11.08V12a10 10 0 1 1-5.93-9.14');
|
|
56
|
+
svg.appendChild(path1);
|
|
57
|
+
const polyline = document.createElementNS('http://www.w3.org/2000/svg', 'polyline');
|
|
58
|
+
polyline.setAttribute('points', '22 4 12 14.01 9 11.01');
|
|
59
|
+
svg.appendChild(polyline);
|
|
60
|
+
}
|
|
61
|
+
else if (type === 'warning') {
|
|
62
|
+
// Triangle with exclamation
|
|
63
|
+
const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
|
|
64
|
+
path.setAttribute('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');
|
|
65
|
+
svg.appendChild(path);
|
|
66
|
+
const line1 = document.createElementNS('http://www.w3.org/2000/svg', 'line');
|
|
67
|
+
line1.setAttribute('x1', '12');
|
|
68
|
+
line1.setAttribute('y1', '9');
|
|
69
|
+
line1.setAttribute('x2', '12');
|
|
70
|
+
line1.setAttribute('y2', '13');
|
|
71
|
+
svg.appendChild(line1);
|
|
72
|
+
const line2 = document.createElementNS('http://www.w3.org/2000/svg', 'line');
|
|
73
|
+
line2.setAttribute('x1', '12');
|
|
74
|
+
line2.setAttribute('y1', '17');
|
|
75
|
+
line2.setAttribute('x2', '12.01');
|
|
76
|
+
line2.setAttribute('y2', '17');
|
|
77
|
+
svg.appendChild(line2);
|
|
78
|
+
}
|
|
79
|
+
else {
|
|
80
|
+
// X in circle (error)
|
|
81
|
+
const circle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
|
|
82
|
+
circle.setAttribute('cx', '12');
|
|
83
|
+
circle.setAttribute('cy', '12');
|
|
84
|
+
circle.setAttribute('r', '10');
|
|
85
|
+
svg.appendChild(circle);
|
|
86
|
+
const line1 = document.createElementNS('http://www.w3.org/2000/svg', 'line');
|
|
87
|
+
line1.setAttribute('x1', '15');
|
|
88
|
+
line1.setAttribute('y1', '9');
|
|
89
|
+
line1.setAttribute('x2', '9');
|
|
90
|
+
line1.setAttribute('y2', '15');
|
|
91
|
+
svg.appendChild(line1);
|
|
92
|
+
const line2 = document.createElementNS('http://www.w3.org/2000/svg', 'line');
|
|
93
|
+
line2.setAttribute('x1', '9');
|
|
94
|
+
line2.setAttribute('y1', '9');
|
|
95
|
+
line2.setAttribute('x2', '15');
|
|
96
|
+
line2.setAttribute('y2', '15');
|
|
97
|
+
svg.appendChild(line2);
|
|
98
|
+
}
|
|
99
|
+
return svg;
|
|
100
|
+
}
|
|
101
|
+
/* ---- Dismiss X icon ---- */
|
|
102
|
+
function createCloseIcon() {
|
|
103
|
+
const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
|
|
104
|
+
svg.setAttribute('width', '16');
|
|
105
|
+
svg.setAttribute('height', '16');
|
|
106
|
+
svg.setAttribute('viewBox', '0 0 24 24');
|
|
107
|
+
svg.setAttribute('fill', 'none');
|
|
108
|
+
svg.setAttribute('stroke', 'currentColor');
|
|
109
|
+
svg.setAttribute('stroke-width', '2');
|
|
110
|
+
svg.setAttribute('stroke-linecap', 'round');
|
|
111
|
+
svg.setAttribute('stroke-linejoin', 'round');
|
|
112
|
+
svg.setAttribute('aria-hidden', 'true');
|
|
113
|
+
const line1 = document.createElementNS('http://www.w3.org/2000/svg', 'line');
|
|
114
|
+
line1.setAttribute('x1', '18');
|
|
115
|
+
line1.setAttribute('y1', '6');
|
|
116
|
+
line1.setAttribute('x2', '6');
|
|
117
|
+
line1.setAttribute('y2', '18');
|
|
118
|
+
svg.appendChild(line1);
|
|
119
|
+
const line2 = document.createElementNS('http://www.w3.org/2000/svg', 'line');
|
|
120
|
+
line2.setAttribute('x1', '6');
|
|
121
|
+
line2.setAttribute('y1', '6');
|
|
122
|
+
line2.setAttribute('x2', '18');
|
|
123
|
+
line2.setAttribute('y2', '18');
|
|
124
|
+
svg.appendChild(line2);
|
|
125
|
+
return svg;
|
|
126
|
+
}
|
|
127
|
+
/* ---- Injected styles ---- */
|
|
128
|
+
const STYLE_ID = 'nova-alert-styles';
|
|
129
|
+
function injectStyles() {
|
|
130
|
+
if (document.getElementById(STYLE_ID))
|
|
131
|
+
return;
|
|
132
|
+
const s = document.createElement('style');
|
|
133
|
+
s.id = STYLE_ID;
|
|
134
|
+
s.textContent = `
|
|
135
|
+
.nova-alert {
|
|
136
|
+
display: flex;
|
|
137
|
+
align-items: flex-start;
|
|
138
|
+
gap: 12px;
|
|
139
|
+
padding: 12px 16px;
|
|
140
|
+
border-radius: 8px;
|
|
141
|
+
border: 1px solid var(--color-border, rgba(255, 255, 255, 0.08));
|
|
142
|
+
font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
143
|
+
color: var(--color-text-primary, #e5e5e5);
|
|
144
|
+
position: relative;
|
|
145
|
+
overflow: hidden;
|
|
146
|
+
transform: translateY(-8px);
|
|
147
|
+
opacity: 0;
|
|
148
|
+
transition: transform 0.25s ease-out, opacity 0.25s ease-out;
|
|
149
|
+
}
|
|
150
|
+
.nova-alert--visible {
|
|
151
|
+
transform: translateY(0);
|
|
152
|
+
opacity: 1;
|
|
153
|
+
}
|
|
154
|
+
.nova-alert--exiting {
|
|
155
|
+
transform: translateY(-8px);
|
|
156
|
+
opacity: 0;
|
|
157
|
+
transition: transform 0.2s ease-in, opacity 0.2s ease-in;
|
|
158
|
+
}
|
|
159
|
+
.nova-alert__icon {
|
|
160
|
+
flex-shrink: 0;
|
|
161
|
+
margin-top: 1px;
|
|
162
|
+
}
|
|
163
|
+
.nova-alert__body {
|
|
164
|
+
flex: 1;
|
|
165
|
+
min-width: 0;
|
|
166
|
+
}
|
|
167
|
+
.nova-alert__title {
|
|
168
|
+
font-weight: 600;
|
|
169
|
+
margin-bottom: 2px;
|
|
170
|
+
}
|
|
171
|
+
.nova-alert__message {
|
|
172
|
+
color: var(--color-text-secondary, rgba(255, 255, 255, 0.7));
|
|
173
|
+
}
|
|
174
|
+
.nova-alert__close {
|
|
175
|
+
flex-shrink: 0;
|
|
176
|
+
background: none;
|
|
177
|
+
border: none;
|
|
178
|
+
cursor: pointer;
|
|
179
|
+
padding: 2px;
|
|
180
|
+
border-radius: 4px;
|
|
181
|
+
color: var(--color-text-secondary, rgba(255, 255, 255, 0.4));
|
|
182
|
+
transition: color 0.15s ease, background 0.15s ease;
|
|
183
|
+
display: inline-flex;
|
|
184
|
+
align-items: center;
|
|
185
|
+
justify-content: center;
|
|
186
|
+
}
|
|
187
|
+
.nova-alert__close:hover {
|
|
188
|
+
color: var(--color-text-primary, #e5e5e5);
|
|
189
|
+
background: rgba(255, 255, 255, 0.06);
|
|
190
|
+
}
|
|
191
|
+
.nova-alert__close:focus-visible {
|
|
192
|
+
outline: 2px solid var(--color-accent, #a78bfa);
|
|
193
|
+
outline-offset: 1px;
|
|
194
|
+
}
|
|
195
|
+
@media (prefers-reduced-motion: reduce) {
|
|
196
|
+
.nova-alert,
|
|
197
|
+
.nova-alert--exiting { transition: none; }
|
|
198
|
+
}`;
|
|
199
|
+
document.head.appendChild(s);
|
|
200
|
+
}
|
|
201
|
+
/* ---- Resolve container ---- */
|
|
202
|
+
function resolveContainer(container) {
|
|
203
|
+
if (typeof container === 'string') {
|
|
204
|
+
const el = document.querySelector(container);
|
|
205
|
+
if (!el)
|
|
206
|
+
throw new Error(`[Nova Alert] Container not found: ${container}`);
|
|
207
|
+
return el;
|
|
208
|
+
}
|
|
209
|
+
return container;
|
|
210
|
+
}
|
|
211
|
+
/* ---- Factory ---- */
|
|
212
|
+
/** Create an accessible alert banner. */
|
|
213
|
+
export function createAlert(container, options) {
|
|
214
|
+
const { type = 'info', message, title, dismissible = true, onDismiss, icon: showIcon = true, duration = 0, } = options;
|
|
215
|
+
const root = resolveContainer(container);
|
|
216
|
+
let destroyed = false;
|
|
217
|
+
let dismissTimer;
|
|
218
|
+
injectStyles();
|
|
219
|
+
// --- DOM construction ---
|
|
220
|
+
const el = document.createElement('div');
|
|
221
|
+
el.className = 'nova-alert';
|
|
222
|
+
el.style.background = BG_COLORS[type];
|
|
223
|
+
el.style.borderLeftWidth = '3px';
|
|
224
|
+
el.style.borderLeftColor = COLORS[type];
|
|
225
|
+
// Use role="alert" for urgent types (error/warning), role="status" for info/success
|
|
226
|
+
if (type === 'error' || type === 'warning') {
|
|
227
|
+
el.setAttribute('role', 'alert');
|
|
228
|
+
}
|
|
229
|
+
else {
|
|
230
|
+
el.setAttribute('role', 'status');
|
|
231
|
+
}
|
|
232
|
+
// Icon
|
|
233
|
+
if (showIcon) {
|
|
234
|
+
const iconWrapper = document.createElement('div');
|
|
235
|
+
iconWrapper.className = 'nova-alert__icon';
|
|
236
|
+
iconWrapper.style.color = COLORS[type];
|
|
237
|
+
iconWrapper.appendChild(createIcon(type));
|
|
238
|
+
el.appendChild(iconWrapper);
|
|
239
|
+
}
|
|
240
|
+
// Body (title + message)
|
|
241
|
+
const body = document.createElement('div');
|
|
242
|
+
body.className = 'nova-alert__body';
|
|
243
|
+
if (title) {
|
|
244
|
+
const titleEl = document.createElement('div');
|
|
245
|
+
titleEl.className = 'nova-alert__title';
|
|
246
|
+
titleEl.textContent = title;
|
|
247
|
+
body.appendChild(titleEl);
|
|
248
|
+
}
|
|
249
|
+
const messageEl = document.createElement('div');
|
|
250
|
+
messageEl.className = 'nova-alert__message';
|
|
251
|
+
messageEl.textContent = message;
|
|
252
|
+
body.appendChild(messageEl);
|
|
253
|
+
el.appendChild(body);
|
|
254
|
+
// Close button
|
|
255
|
+
if (dismissible) {
|
|
256
|
+
const closeBtn = document.createElement('button');
|
|
257
|
+
closeBtn.className = 'nova-alert__close';
|
|
258
|
+
closeBtn.setAttribute('aria-label', 'Dismiss');
|
|
259
|
+
closeBtn.setAttribute('type', 'button');
|
|
260
|
+
closeBtn.appendChild(createCloseIcon());
|
|
261
|
+
closeBtn.addEventListener('click', () => dismiss());
|
|
262
|
+
el.appendChild(closeBtn);
|
|
263
|
+
}
|
|
264
|
+
root.appendChild(el);
|
|
265
|
+
// Slide-in animation
|
|
266
|
+
requestAnimationFrame(() => {
|
|
267
|
+
el.classList.add('nova-alert--visible');
|
|
268
|
+
});
|
|
269
|
+
// Auto-dismiss
|
|
270
|
+
if (duration > 0) {
|
|
271
|
+
dismissTimer = setTimeout(() => dismiss(), duration);
|
|
272
|
+
}
|
|
273
|
+
// --- Dismiss logic ---
|
|
274
|
+
function dismiss() {
|
|
275
|
+
if (destroyed)
|
|
276
|
+
return;
|
|
277
|
+
if (dismissTimer)
|
|
278
|
+
clearTimeout(dismissTimer);
|
|
279
|
+
el.classList.remove('nova-alert--visible');
|
|
280
|
+
el.classList.add('nova-alert--exiting');
|
|
281
|
+
const remove = () => {
|
|
282
|
+
if (!destroyed) {
|
|
283
|
+
destroyed = true;
|
|
284
|
+
el.remove();
|
|
285
|
+
}
|
|
286
|
+
};
|
|
287
|
+
el.addEventListener('transitionend', remove, { once: true });
|
|
288
|
+
// Fallback in case transitionend doesn't fire
|
|
289
|
+
setTimeout(remove, 300);
|
|
290
|
+
onDismiss?.();
|
|
291
|
+
}
|
|
292
|
+
// --- Instance ---
|
|
293
|
+
return {
|
|
294
|
+
dismiss() {
|
|
295
|
+
dismiss();
|
|
296
|
+
},
|
|
297
|
+
destroy() {
|
|
298
|
+
if (destroyed)
|
|
299
|
+
return;
|
|
300
|
+
destroyed = true;
|
|
301
|
+
if (dismissTimer)
|
|
302
|
+
clearTimeout(dismissTimer);
|
|
303
|
+
el.remove();
|
|
304
|
+
},
|
|
305
|
+
};
|
|
306
|
+
}
|
|
307
|
+
//# sourceMappingURL=alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":[""],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":[""],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — FLIP Animations
|
|
3
|
+
*
|
|
4
|
+
* First-Last-Invert-Play pattern for smooth layout transitions.
|
|
5
|
+
*/
|
|
6
|
+
export interface FlipOptions {
|
|
7
|
+
/** Animation duration in ms. Default: 300 */
|
|
8
|
+
duration?: number;
|
|
9
|
+
/** CSS easing function. Default: 'ease-out' */
|
|
10
|
+
easing?: string;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Perform a FLIP animation around a DOM mutation.
|
|
14
|
+
*
|
|
15
|
+
* 1. Records bounding rects of all elements (First)
|
|
16
|
+
* 2. Runs the mutation callback (Last)
|
|
17
|
+
* 3. Calculates position/size deltas (Invert)
|
|
18
|
+
* 4. Animates from inverted position to final position (Play)
|
|
19
|
+
*/
|
|
20
|
+
export declare function flip(elements: HTMLElement | HTMLElement[], mutation: () => void | Promise<void>, options?: FlipOptions): Promise<void>;
|
|
21
|
+
/**
|
|
22
|
+
* Auto-FLIP: wraps a container and automatically animates its
|
|
23
|
+
* direct children when they are added, removed, or reordered.
|
|
24
|
+
*
|
|
25
|
+
* Returns a cleanup function to stop observing.
|
|
26
|
+
*/
|
|
27
|
+
export declare function autoFlip(container: HTMLElement, options?: FlipOptions): () => void;
|
|
28
|
+
//# sourceMappingURL=flip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"flip.d.ts","sourceRoot":"","sources":["../../src/animation/flip.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,WAAW,WAAW;IAC1B,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAKD;;;;;;;GAOG;AACH,wBAAsB,IAAI,CACxB,QAAQ,EAAE,WAAW,GAAG,WAAW,EAAE,EACrC,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,EACpC,OAAO,GAAE,WAAgB,GACxB,OAAO,CAAC,IAAI,CAAC,CA8Cf;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CACtB,SAAS,EAAE,WAAW,EACtB,OAAO,GAAE,WAAgB,GACxB,MAAM,IAAI,CAsEZ"}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — FLIP Animations
|
|
3
|
+
*
|
|
4
|
+
* First-Last-Invert-Play pattern for smooth layout transitions.
|
|
5
|
+
*/
|
|
6
|
+
const prefersReduced = () => typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
7
|
+
/**
|
|
8
|
+
* Perform a FLIP animation around a DOM mutation.
|
|
9
|
+
*
|
|
10
|
+
* 1. Records bounding rects of all elements (First)
|
|
11
|
+
* 2. Runs the mutation callback (Last)
|
|
12
|
+
* 3. Calculates position/size deltas (Invert)
|
|
13
|
+
* 4. Animates from inverted position to final position (Play)
|
|
14
|
+
*/
|
|
15
|
+
export async function flip(elements, mutation, options = {}) {
|
|
16
|
+
const { duration = 300, easing = 'ease-out' } = options;
|
|
17
|
+
const els = Array.isArray(elements) ? elements : [elements];
|
|
18
|
+
// First: record initial positions
|
|
19
|
+
const firstRects = new Map();
|
|
20
|
+
for (const el of els) {
|
|
21
|
+
firstRects.set(el, el.getBoundingClientRect());
|
|
22
|
+
}
|
|
23
|
+
// Mutation: apply DOM changes
|
|
24
|
+
await mutation();
|
|
25
|
+
// Reduced motion: skip animation
|
|
26
|
+
if (prefersReduced() || duration === 0)
|
|
27
|
+
return;
|
|
28
|
+
// Last + Invert + Play
|
|
29
|
+
const animations = [];
|
|
30
|
+
for (const el of els) {
|
|
31
|
+
const first = firstRects.get(el);
|
|
32
|
+
if (!first)
|
|
33
|
+
continue;
|
|
34
|
+
const last = el.getBoundingClientRect();
|
|
35
|
+
const dx = first.left - last.left;
|
|
36
|
+
const dy = first.top - last.top;
|
|
37
|
+
const dw = first.width / (last.width || 1);
|
|
38
|
+
const dh = first.height / (last.height || 1);
|
|
39
|
+
// Skip if nothing moved
|
|
40
|
+
if (dx === 0 && dy === 0 && dw === 1 && dh === 1)
|
|
41
|
+
continue;
|
|
42
|
+
const anim = el.animate([
|
|
43
|
+
{ transform: `translate(${dx}px, ${dy}px) scale(${dw}, ${dh})` },
|
|
44
|
+
{ transform: 'translate(0, 0) scale(1, 1)' },
|
|
45
|
+
], { duration, easing, fill: 'none' });
|
|
46
|
+
animations.push(anim);
|
|
47
|
+
}
|
|
48
|
+
// Wait for all animations to complete
|
|
49
|
+
await Promise.all(animations.map((a) => a.finished));
|
|
50
|
+
}
|
|
51
|
+
/**
|
|
52
|
+
* Auto-FLIP: wraps a container and automatically animates its
|
|
53
|
+
* direct children when they are added, removed, or reordered.
|
|
54
|
+
*
|
|
55
|
+
* Returns a cleanup function to stop observing.
|
|
56
|
+
*/
|
|
57
|
+
export function autoFlip(container, options = {}) {
|
|
58
|
+
const { duration = 300, easing = 'ease-out' } = options;
|
|
59
|
+
// Snapshot of child positions, taken before each mutation batch
|
|
60
|
+
let childRects = new Map();
|
|
61
|
+
function snapshot() {
|
|
62
|
+
childRects = new Map();
|
|
63
|
+
for (const child of Array.from(container.children)) {
|
|
64
|
+
childRects.set(child, child.getBoundingClientRect());
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
// Take initial snapshot
|
|
68
|
+
snapshot();
|
|
69
|
+
const observer = new MutationObserver((mutations) => {
|
|
70
|
+
if (prefersReduced())
|
|
71
|
+
return;
|
|
72
|
+
// Identify newly added nodes
|
|
73
|
+
const addedNodes = new Set();
|
|
74
|
+
for (const m of mutations) {
|
|
75
|
+
for (const node of m.addedNodes) {
|
|
76
|
+
if (node instanceof HTMLElement) {
|
|
77
|
+
addedNodes.add(node);
|
|
78
|
+
// New nodes fade in
|
|
79
|
+
node.animate([{ opacity: 0 }, { opacity: 1 }], { duration: duration / 2, easing });
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
// Animate existing children from their old positions (FLIP)
|
|
84
|
+
const children = Array.from(container.children);
|
|
85
|
+
for (const child of children) {
|
|
86
|
+
if (addedNodes.has(child) && !childRects.has(child))
|
|
87
|
+
continue;
|
|
88
|
+
const rect = childRects.get(child);
|
|
89
|
+
if (!rect)
|
|
90
|
+
continue;
|
|
91
|
+
const last = child.getBoundingClientRect();
|
|
92
|
+
const dx = rect.left - last.left;
|
|
93
|
+
const dy = rect.top - last.top;
|
|
94
|
+
if (dx !== 0 || dy !== 0) {
|
|
95
|
+
child.animate([
|
|
96
|
+
{ transform: `translate(${dx}px, ${dy}px)` },
|
|
97
|
+
{ transform: 'translate(0, 0)' },
|
|
98
|
+
], { duration, easing });
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
// Re-snapshot for the next mutation batch
|
|
102
|
+
snapshot();
|
|
103
|
+
});
|
|
104
|
+
// Use a MutationObserver to detect changes
|
|
105
|
+
observer.observe(container, { childList: true });
|
|
106
|
+
// Expose snapshot for manual triggering before DOM mutations
|
|
107
|
+
container.__flipSnapshot = snapshot;
|
|
108
|
+
return () => {
|
|
109
|
+
observer.disconnect();
|
|
110
|
+
delete container.__flipSnapshot;
|
|
111
|
+
};
|
|
112
|
+
}
|
|
113
|
+
//# sourceMappingURL=flip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"flip.js","sourceRoot":"","sources":[""],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Spring Animations
|
|
3
|
+
*
|
|
4
|
+
* Physics-based spring animation using the global ticker loop.
|
|
5
|
+
*/
|
|
6
|
+
export interface SpringOptions {
|
|
7
|
+
/** Spring stiffness. Default: 170 */
|
|
8
|
+
stiffness?: number;
|
|
9
|
+
/** Damping coefficient. Default: 26 */
|
|
10
|
+
damping?: number;
|
|
11
|
+
/** Mass. Default: 1 */
|
|
12
|
+
mass?: number;
|
|
13
|
+
/** Precision threshold for settling. Default: 0.01 */
|
|
14
|
+
precision?: number;
|
|
15
|
+
}
|
|
16
|
+
export interface SpringResult {
|
|
17
|
+
/** Cancel the animation */
|
|
18
|
+
cancel: () => void;
|
|
19
|
+
/** Resolves when the spring reaches equilibrium */
|
|
20
|
+
finished: Promise<void>;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Animate an element's CSS property with spring physics.
|
|
24
|
+
*
|
|
25
|
+
* The property must be a numeric CSS property (e.g. 'opacity', 'transform').
|
|
26
|
+
* For transform, pass the full value with a single numeric component.
|
|
27
|
+
*/
|
|
28
|
+
export declare function spring(target: HTMLElement, property: string, to: number, options?: SpringOptions): SpringResult;
|
|
29
|
+
/**
|
|
30
|
+
* Animate a numeric value with spring physics.
|
|
31
|
+
* Calls onUpdate each frame with the current value.
|
|
32
|
+
*/
|
|
33
|
+
export declare function springValue(from: number, to: number, onUpdate: (value: number) => void, options?: SpringOptions): SpringResult;
|
|
34
|
+
//# sourceMappingURL=spring.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spring.d.ts","sourceRoot":"","sources":["../../src/animation/spring.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,MAAM,WAAW,aAAa;IAC5B,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,2BAA2B;IAC3B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,mDAAmD;IACnD,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;CACzB;AAOD;;;;;GAKG;AACH,wBAAgB,MAAM,CACpB,MAAM,EAAE,WAAW,EACnB,QAAQ,EAAE,MAAM,EAChB,EAAE,EAAE,MAAM,EACV,OAAO,GAAE,aAAkB,GAC1B,YAAY,CAgDd;AAED;;;GAGG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACjC,OAAO,GAAE,aAAkB,GAC1B,YAAY,CA6Cd"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Nova Engine — Spring Animations
|
|
3
|
+
*
|
|
4
|
+
* Physics-based spring animation using the global ticker loop.
|
|
5
|
+
*/
|
|
6
|
+
import { ticker } from './ticker';
|
|
7
|
+
let springId = 0;
|
|
8
|
+
const prefersReduced = () => typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
9
|
+
/**
|
|
10
|
+
* Animate an element's CSS property with spring physics.
|
|
11
|
+
*
|
|
12
|
+
* The property must be a numeric CSS property (e.g. 'opacity', 'transform').
|
|
13
|
+
* For transform, pass the full value with a single numeric component.
|
|
14
|
+
*/
|
|
15
|
+
export function spring(target, property, to, options = {}) {
|
|
16
|
+
const { stiffness = 170, damping = 26, mass = 1, precision = 0.01, } = options;
|
|
17
|
+
const id = `nova-spring-${++springId}`;
|
|
18
|
+
// Reduced motion: instant jump
|
|
19
|
+
if (prefersReduced()) {
|
|
20
|
+
target.style.setProperty(property, String(to));
|
|
21
|
+
return { cancel: () => { }, finished: Promise.resolve() };
|
|
22
|
+
}
|
|
23
|
+
let current = parseFloat(getComputedStyle(target).getPropertyValue(property)) || 0;
|
|
24
|
+
let velocity = 0;
|
|
25
|
+
let resolve;
|
|
26
|
+
const finished = new Promise((r) => { resolve = r; });
|
|
27
|
+
ticker.add(id, (delta) => {
|
|
28
|
+
const force = stiffness * (to - current);
|
|
29
|
+
const dampingForce = damping * velocity;
|
|
30
|
+
const acceleration = (force - dampingForce) / mass;
|
|
31
|
+
velocity += acceleration * delta;
|
|
32
|
+
current += velocity * delta;
|
|
33
|
+
target.style.setProperty(property, String(current));
|
|
34
|
+
// Check if settled
|
|
35
|
+
if (Math.abs(velocity) < precision && Math.abs(to - current) < precision) {
|
|
36
|
+
current = to;
|
|
37
|
+
target.style.setProperty(property, String(to));
|
|
38
|
+
ticker.remove(id);
|
|
39
|
+
resolve();
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
return {
|
|
43
|
+
cancel: () => {
|
|
44
|
+
ticker.remove(id);
|
|
45
|
+
resolve();
|
|
46
|
+
},
|
|
47
|
+
finished,
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Animate a numeric value with spring physics.
|
|
52
|
+
* Calls onUpdate each frame with the current value.
|
|
53
|
+
*/
|
|
54
|
+
export function springValue(from, to, onUpdate, options = {}) {
|
|
55
|
+
const { stiffness = 170, damping = 26, mass = 1, precision = 0.01, } = options;
|
|
56
|
+
const id = `nova-spring-${++springId}`;
|
|
57
|
+
if (prefersReduced()) {
|
|
58
|
+
onUpdate(to);
|
|
59
|
+
return { cancel: () => { }, finished: Promise.resolve() };
|
|
60
|
+
}
|
|
61
|
+
let current = from;
|
|
62
|
+
let velocity = 0;
|
|
63
|
+
let resolve;
|
|
64
|
+
const finished = new Promise((r) => { resolve = r; });
|
|
65
|
+
ticker.add(id, (delta) => {
|
|
66
|
+
const force = stiffness * (to - current);
|
|
67
|
+
const dampingForce = damping * velocity;
|
|
68
|
+
const acceleration = (force - dampingForce) / mass;
|
|
69
|
+
velocity += acceleration * delta;
|
|
70
|
+
current += velocity * delta;
|
|
71
|
+
onUpdate(current);
|
|
72
|
+
if (Math.abs(velocity) < precision && Math.abs(to - current) < precision) {
|
|
73
|
+
onUpdate(to);
|
|
74
|
+
ticker.remove(id);
|
|
75
|
+
resolve();
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
return {
|
|
79
|
+
cancel: () => {
|
|
80
|
+
ticker.remove(id);
|
|
81
|
+
resolve();
|
|
82
|
+
},
|
|
83
|
+
finished,
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
//# sourceMappingURL=spring.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spring.js","sourceRoot":"","sources":[""],"names":[],"mappings":"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"}
|