motionary 6.7.0 → 6.9.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/CHANGELOG.md +38 -0
- package/bin/usa-codemod-7.mjs +91 -0
- package/dist/chunks/{base-DchG4q_S.js → base-D5MHqeDd.js} +2 -2
- package/dist/chunks/{base-DchG4q_S.js.map → base-D5MHqeDd.js.map} +1 -1
- package/dist/chunks/{core-DVyTlo9Q.js → core-DyJu5r5a.js} +2 -2
- package/dist/chunks/{core-DVyTlo9Q.js.map → core-DyJu5r5a.js.map} +1 -1
- package/dist/chunks/{core-D2vF8kZb.js → core-ZGo4hOEk.js} +2 -2
- package/dist/chunks/{core-D2vF8kZb.js.map → core-ZGo4hOEk.js.map} +1 -1
- package/dist/chunks/{fx-DUMVKSvg.js → fx-DlGRMJ-Z.js} +2 -2
- package/dist/chunks/{fx-DUMVKSvg.js.map → fx-DlGRMJ-Z.js.map} +1 -1
- package/dist/chunks/{gpu-BBRLgEzM.cjs → gpu-C2D4T9Q-.cjs} +9 -2
- package/dist/chunks/gpu-C2D4T9Q-.cjs.map +1 -0
- package/dist/chunks/{gpu-CsP2ZB3x.js → gpu-DPhMkJq6.js} +10 -4
- package/dist/chunks/gpu-DPhMkJq6.js.map +1 -0
- package/dist/chunks/player-DH3TIz-t.js +516 -0
- package/dist/chunks/player-DH3TIz-t.js.map +1 -0
- package/dist/chunks/player-PS6_FzNw.cjs +525 -0
- package/dist/chunks/player-PS6_FzNw.cjs.map +1 -0
- package/dist/chunks/{registry-D23neB4M.js → registry-CTLWeg-J.js} +2 -2
- package/dist/chunks/{registry-D23neB4M.js.map → registry-CTLWeg-J.js.map} +1 -1
- package/dist/chunks/{spring-BhoT09Qb.js → spring-B-9MZOrW.js} +2 -2
- package/dist/chunks/{spring-BhoT09Qb.js.map → spring-B-9MZOrW.js.map} +1 -1
- package/dist/chunks/{variants-C_hv_s23.js → variants-CoZn3k_5.js} +2 -2
- package/dist/chunks/{variants-C_hv_s23.js.map → variants-CoZn3k_5.js.map} +1 -1
- package/dist/components/a11y.js +2 -2
- package/dist/components/angular.js +7 -7
- package/dist/components/background.js +2 -2
- package/dist/components/bridge.js +1 -1
- package/dist/components/cards.js +2 -2
- package/dist/components/click.js +3 -3
- package/dist/components/depth.js +3 -3
- package/dist/components/effects.cjs +13 -522
- package/dist/components/effects.cjs.map +1 -1
- package/dist/components/effects.js +7 -515
- package/dist/components/effects.js.map +1 -1
- package/dist/components/feedback.js +1 -1
- package/dist/components/fx-3d.cjs +8 -2
- package/dist/components/fx-3d.cjs.map +1 -1
- package/dist/components/fx-3d.d.cts +3 -1
- package/dist/components/fx-3d.d.ts +3 -1
- package/dist/components/fx-3d.js +9 -4
- package/dist/components/fx-3d.js.map +1 -1
- package/dist/components/fx-focus.cjs +125 -0
- package/dist/components/fx-focus.cjs.map +1 -0
- package/dist/components/fx-focus.d.cts +65 -0
- package/dist/components/fx-focus.d.ts +65 -0
- package/dist/components/fx-focus.js +122 -0
- package/dist/components/fx-focus.js.map +1 -0
- package/dist/components/fx-gpu.cjs +3 -2
- package/dist/components/fx-gpu.cjs.map +1 -1
- package/dist/components/fx-gpu.d.cts +3 -1
- package/dist/components/fx-gpu.d.ts +3 -1
- package/dist/components/fx-gpu.js +3 -3
- package/dist/components/fx-light.cjs +8 -2
- package/dist/components/fx-light.cjs.map +1 -1
- package/dist/components/fx-light.d.cts +3 -1
- package/dist/components/fx-light.d.ts +3 -1
- package/dist/components/fx-light.js +9 -4
- package/dist/components/fx-light.js.map +1 -1
- package/dist/components/fx-morph.cjs +8 -2
- package/dist/components/fx-morph.cjs.map +1 -1
- package/dist/components/fx-morph.d.cts +3 -1
- package/dist/components/fx-morph.d.ts +3 -1
- package/dist/components/fx-morph.js +9 -4
- package/dist/components/fx-morph.js.map +1 -1
- package/dist/components/fx-physics.cjs +350 -0
- package/dist/components/fx-physics.cjs.map +1 -0
- package/dist/components/fx-physics.d.cts +94 -0
- package/dist/components/fx-physics.d.ts +94 -0
- package/dist/components/fx-physics.js +345 -0
- package/dist/components/fx-physics.js.map +1 -0
- package/dist/components/fx-text.cjs +8 -2
- package/dist/components/fx-text.cjs.map +1 -1
- package/dist/components/fx-text.d.cts +3 -1
- package/dist/components/fx-text.d.ts +3 -1
- package/dist/components/fx-text.js +9 -4
- package/dist/components/fx-text.js.map +1 -1
- package/dist/components/fx-transitions.cjs +8 -2
- package/dist/components/fx-transitions.cjs.map +1 -1
- package/dist/components/fx-transitions.d.cts +3 -1
- package/dist/components/fx-transitions.d.ts +3 -1
- package/dist/components/fx-transitions.js +10 -5
- package/dist/components/fx-transitions.js.map +1 -1
- package/dist/components/fx-weather.cjs +271 -0
- package/dist/components/fx-weather.cjs.map +1 -0
- package/dist/components/fx-weather.d.cts +72 -0
- package/dist/components/fx-weather.d.ts +72 -0
- package/dist/components/fx-weather.js +266 -0
- package/dist/components/fx-weather.js.map +1 -0
- package/dist/components/fx.js +5 -5
- package/dist/components/fx2.cjs +49 -10
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +181 -4
- package/dist/components/fx2.d.ts +181 -4
- package/dist/components/fx2.js +42 -22
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/gesture.js +4 -4
- package/dist/components/interaction.cjs +1 -0
- package/dist/components/interaction.cjs.map +1 -1
- package/dist/components/interaction.js +2 -1
- package/dist/components/interaction.js.map +1 -1
- package/dist/components/layout.js +1 -1
- package/dist/components/lite.cjs +2 -0
- package/dist/components/lite.cjs.map +1 -1
- package/dist/components/lite.js +2 -0
- package/dist/components/lite.js.map +1 -1
- package/dist/components/marketplace.cjs +82 -0
- package/dist/components/marketplace.cjs.map +1 -0
- package/dist/components/marketplace.d.cts +108 -0
- package/dist/components/marketplace.d.ts +108 -0
- package/dist/components/marketplace.js +77 -0
- package/dist/components/marketplace.js.map +1 -0
- package/dist/components/packs.js +1 -1
- package/dist/components/page.js +3 -3
- package/dist/components/perf.js +2 -2
- package/dist/components/physics.js +3 -3
- package/dist/components/reveal.js +1 -1
- package/dist/components/solid.js +7 -7
- package/dist/components/svelte.js +7 -7
- package/dist/components/svg.js +1 -1
- package/dist/components/text.js +2 -2
- package/dist/components/timeline.js +3 -3
- package/dist/components/transitions.js +1 -1
- package/dist/components/ui.cjs +1 -0
- package/dist/components/ui.cjs.map +1 -1
- package/dist/components/ui.js +5 -4
- package/dist/components/ui.js.map +1 -1
- package/dist/components/vue.js +7 -7
- package/dist/components/webgl.js +1 -1
- package/dist/components/widgets.cjs +1189 -45
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +177 -2
- package/dist/components/widgets.d.ts +177 -2
- package/dist/components/widgets.js +1179 -48
- package/dist/components/widgets.js.map +1 -1
- package/dist/components.js +9 -9
- package/dist/components.umd.js +2 -2
- package/dist/components.umd.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +2 -2
- package/docs/components.md +55 -0
- package/docs/deprecations.md +4 -0
- package/docs/upgrading-7.md +33 -0
- package/package.json +43 -2
- package/dist/chunks/gpu-BBRLgEzM.cjs.map +0 -1
- package/dist/chunks/gpu-CsP2ZB3x.js.map +0 -1
|
@@ -41,6 +41,69 @@ interface EffectDefinition<O extends Record<string, unknown> = Record<string, an
|
|
|
41
41
|
run(el: HTMLElement, options: O, ctx: EffectContext): void | Cleanup | Animation | null | Promise<unknown>;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
+
/**
|
|
45
|
+
* 6.9 — effect marketplace manifest (`motionary/components/marketplace`).
|
|
46
|
+
*
|
|
47
|
+
* A third-party effect pack is an ES module that exports its effects (an
|
|
48
|
+
* `EffectDefinition[]` as `effects` or `default`) plus a JSON manifest:
|
|
49
|
+
*
|
|
50
|
+
* ```json
|
|
51
|
+
* { "format": "motionary/effect-pack", "version": 1,
|
|
52
|
+
* "name": "@acme/motion-snow", "packVersion": "1.2.0",
|
|
53
|
+
* "description": "Snow and frost effects", "license": "MIT",
|
|
54
|
+
* "author": "Acme", "entry": "./dist/index.js", "requires": ">=6.9",
|
|
55
|
+
* "effects": [{ "name": "frost", "kind": "background", "description": "…",
|
|
56
|
+
* "defaults": { "speed": 1 } }] }
|
|
57
|
+
* ```
|
|
58
|
+
*
|
|
59
|
+
* `packManifest()` writes one from your effects, `validateManifest()` checks
|
|
60
|
+
* one (format, semver, unique kebab-case names, known kinds, effects match
|
|
61
|
+
* the module), and `loadEffectPack()` imports a pack (URL or module),
|
|
62
|
+
* validates it and registers its effects — refusing names that already
|
|
63
|
+
* exist unless `override`.
|
|
64
|
+
*/
|
|
65
|
+
|
|
66
|
+
declare const EFFECT_PACK_FORMAT = "motionary/effect-pack";
|
|
67
|
+
interface EffectPackManifest {
|
|
68
|
+
format: typeof EFFECT_PACK_FORMAT;
|
|
69
|
+
version: 1;
|
|
70
|
+
name: string;
|
|
71
|
+
packVersion: string;
|
|
72
|
+
description?: string;
|
|
73
|
+
license?: string;
|
|
74
|
+
author?: string;
|
|
75
|
+
homepage?: string;
|
|
76
|
+
entry?: string;
|
|
77
|
+
requires?: string;
|
|
78
|
+
keywords?: string[];
|
|
79
|
+
effects: {
|
|
80
|
+
name: string;
|
|
81
|
+
kind: string;
|
|
82
|
+
description?: string;
|
|
83
|
+
defaults?: Record<string, unknown>;
|
|
84
|
+
}[];
|
|
85
|
+
}
|
|
86
|
+
/** Build a manifest from an effect pack. */
|
|
87
|
+
declare function packManifest(name: string, packVersion: string, effects: EffectDefinition[], extra?: Partial<Omit<EffectPackManifest, 'format' | 'version' | 'name' | 'packVersion' | 'effects'>>): EffectPackManifest;
|
|
88
|
+
/** Check a manifest (and optionally the module's effects against it). */
|
|
89
|
+
declare function validateManifest(m: unknown, effects?: EffectDefinition[]): {
|
|
90
|
+
ok: boolean;
|
|
91
|
+
errors: string[];
|
|
92
|
+
};
|
|
93
|
+
/**
|
|
94
|
+
* Import an effect pack (a URL / specifier, or an already imported module
|
|
95
|
+
* with `effects` / `default` and `manifest`), validate and register it.
|
|
96
|
+
* Returns the registered effect names.
|
|
97
|
+
*/
|
|
98
|
+
declare function loadEffectPack(src: string | {
|
|
99
|
+
effects?: EffectDefinition[];
|
|
100
|
+
default?: EffectDefinition[];
|
|
101
|
+
manifest?: EffectPackManifest;
|
|
102
|
+
}, opts?: {
|
|
103
|
+
manifest?: EffectPackManifest;
|
|
104
|
+
override?: boolean;
|
|
105
|
+
}): Promise<string[]>;
|
|
106
|
+
|
|
44
107
|
/**
|
|
45
108
|
* 6.2 — GPU effect pack (`motionary/components/fx-gpu`), registered through
|
|
46
109
|
* `registerEffect()`:
|
|
@@ -58,6 +121,8 @@ interface EffectDefinition<O extends Record<string, unknown> = Record<string, an
|
|
|
58
121
|
|
|
59
122
|
declare const GPU_FX: EffectDefinition[];
|
|
60
123
|
/** Register the 6.2 GPU pack (idempotent). */
|
|
124
|
+
declare function registerGpuPack(): void;
|
|
125
|
+
/** @deprecated since 6.9 — use `registerGpuPack()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
61
126
|
declare function registerGpuEffects(): void;
|
|
62
127
|
|
|
63
128
|
/**
|
|
@@ -84,6 +149,8 @@ declare function registerGpuEffects(): void;
|
|
|
84
149
|
declare function splitChars(el: HTMLElement): HTMLElement[];
|
|
85
150
|
declare const TEXT3_FX: EffectDefinition[];
|
|
86
151
|
/** Register the 6.3 text pack (idempotent). */
|
|
152
|
+
declare function registerTextPack(): void;
|
|
153
|
+
/** @deprecated since 6.9 — use `registerTextPack()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
87
154
|
declare function registerTextEffects3(): void;
|
|
88
155
|
|
|
89
156
|
/**
|
|
@@ -112,6 +179,8 @@ declare function registerTextEffects3(): void;
|
|
|
112
179
|
declare function trackPointer(el: HTMLElement, ctx: EffectContext, fn: (x: number, y: number, inside: boolean) => void, x0?: number, y0?: number): () => void;
|
|
113
180
|
declare const LIGHT_FX: EffectDefinition[];
|
|
114
181
|
/** Register the 6.4 light & materials pack (idempotent). */
|
|
182
|
+
declare function registerLightPack(): void;
|
|
183
|
+
/** @deprecated since 6.9 — use `registerLightPack()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
115
184
|
declare function registerLightEffects(): void;
|
|
116
185
|
|
|
117
186
|
/**
|
|
@@ -135,6 +204,8 @@ declare function registerLightEffects(): void;
|
|
|
135
204
|
|
|
136
205
|
declare const DEPTH3_FX: EffectDefinition[];
|
|
137
206
|
/** Register the 6.5 3D pack (idempotent). */
|
|
207
|
+
declare function register3dPack(): void;
|
|
208
|
+
/** @deprecated since 6.9 — use `register3dPack()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
138
209
|
declare function register3dEffects(): void;
|
|
139
210
|
|
|
140
211
|
/**
|
|
@@ -162,6 +233,8 @@ declare function samplePath(d: string, n?: number): [number, number][] | null;
|
|
|
162
233
|
declare const pointsToPath: (pts: [number, number][]) => string;
|
|
163
234
|
declare const MORPH2_FX: EffectDefinition[];
|
|
164
235
|
/** Register the 6.6 morph & SVG pack (idempotent). */
|
|
236
|
+
declare function registerMorphPack(): void;
|
|
237
|
+
/** @deprecated since 6.9 — use `registerMorphPack()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
165
238
|
declare function registerMorphEffects2(): void;
|
|
166
239
|
|
|
167
240
|
/**
|
|
@@ -195,8 +268,108 @@ declare function pageTransition(update: () => void | Promise<void>, effect?: str
|
|
|
195
268
|
/** Opt a multi-page site into cross-document view transitions with an effect's look. Returns a remover. */
|
|
196
269
|
declare function crossDocumentTransitions(effect?: string, duration?: number): () => void;
|
|
197
270
|
/** Register the 6.7 transitions pack (idempotent). */
|
|
271
|
+
declare function registerTransitionsPack(): void;
|
|
272
|
+
/** @deprecated since 6.9 — use `registerTransitionsPack()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
198
273
|
declare function registerTransitionEffects2(): void;
|
|
199
274
|
|
|
275
|
+
/**
|
|
276
|
+
* 6.8 — Weather & ambience (`motionary/components/fx-weather`), registered
|
|
277
|
+
* through `registerEffect()` (kind `background`, Canvas 2D):
|
|
278
|
+
*
|
|
279
|
+
* - `rain-glass` — droplets sit on a window pane, grow, and run down leaving
|
|
280
|
+
* trails.
|
|
281
|
+
* - `snowfall` — flakes drift down and pile up along the bottom edge.
|
|
282
|
+
* - `lightning` — a safe storm: branching bolts at most once per `interval`
|
|
283
|
+
* (≥ 2.5 s, far below the WCAG 2.3.1 limit of 3 flashes / s), the sky glow
|
|
284
|
+
* is capped at 22 % brightness and there is no flash at all under reduced
|
|
285
|
+
* motion.
|
|
286
|
+
* - `fog` — soft layered fog banks drifting at different speeds.
|
|
287
|
+
* - `aurora-veil` — curtains of northern lights waving over a night sky.
|
|
288
|
+
* - `day-cycle` — the sky moves through dawn, day, dusk and night with the sun
|
|
289
|
+
* and moon on an arc (`cycle` seconds, or a fixed `hour` 0–24).
|
|
290
|
+
*
|
|
291
|
+
* Every effect renders only while visible, adapts its quality and draws one
|
|
292
|
+
* static frame under reduced motion.
|
|
293
|
+
*/
|
|
294
|
+
|
|
295
|
+
/** Sky colours (top, bottom) for an hour 0–24. */
|
|
296
|
+
declare function skyAt(hour: number): [string, string];
|
|
297
|
+
declare const WEATHER_FX: EffectDefinition[];
|
|
298
|
+
/** Register the 6.8 weather & ambience pack (idempotent). */
|
|
299
|
+
declare function registerWeatherPack(): void;
|
|
300
|
+
/** @deprecated since 6.9 — use `registerWeatherPack()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
301
|
+
declare function registerWeatherEffects(): void;
|
|
302
|
+
|
|
303
|
+
/**
|
|
304
|
+
* 6.8 — Interactive physics 2.0 (`motionary/components/fx-physics`) on a tiny
|
|
305
|
+
* Verlet integrator (`VerletWorld`), registered through `registerEffect()`:
|
|
306
|
+
*
|
|
307
|
+
* - `soft-body` (kind `hover`) — the element wobbles like jelly: pointer
|
|
308
|
+
* motion pushes a damped spring that squashes and skews it.
|
|
309
|
+
* - `magnet` (kind `hover`) — the element's children are pulled toward the
|
|
310
|
+
* pointer on springs and settle back when it leaves.
|
|
311
|
+
* - `cloth` (kind `background`) — a cloth hangs from the top edge and ripples
|
|
312
|
+
* when the pointer moves through it.
|
|
313
|
+
* - `rope` (kind `background`) — a rope with a weight swings from the top;
|
|
314
|
+
* the pointer pushes it.
|
|
315
|
+
* - `pinball` (kind `background`) — balls fall through round bumpers that
|
|
316
|
+
* light up on a hit; click to drop another ball.
|
|
317
|
+
*
|
|
318
|
+
* Canvas effects render only while visible; reduced motion draws one static
|
|
319
|
+
* frame and the hover effects do nothing.
|
|
320
|
+
*/
|
|
321
|
+
|
|
322
|
+
interface VerletPoint {
|
|
323
|
+
x: number;
|
|
324
|
+
y: number;
|
|
325
|
+
px: number;
|
|
326
|
+
py: number;
|
|
327
|
+
pinned: boolean;
|
|
328
|
+
}
|
|
329
|
+
/** A minimal Verlet world: points, distance sticks, gravity, damping. */
|
|
330
|
+
declare class VerletWorld {
|
|
331
|
+
gravity: number;
|
|
332
|
+
damping: number;
|
|
333
|
+
iterations: number;
|
|
334
|
+
points: VerletPoint[];
|
|
335
|
+
sticks: [number, number, number][];
|
|
336
|
+
constructor(gravity?: number, damping?: number, iterations?: number);
|
|
337
|
+
add(x: number, y: number, pinned?: boolean): number;
|
|
338
|
+
link(a: number, b: number, len?: number): void;
|
|
339
|
+
step(dt: number, bounds?: {
|
|
340
|
+
w: number;
|
|
341
|
+
h: number;
|
|
342
|
+
}): void;
|
|
343
|
+
/** Push points within `r` px of (x, y) by (dx, dy). */
|
|
344
|
+
push(x: number, y: number, dx: number, dy: number, r?: number): void;
|
|
345
|
+
}
|
|
346
|
+
declare const PHYSICS2_FX: EffectDefinition[];
|
|
347
|
+
/** Register the 6.8 physics 2.0 pack (idempotent). */
|
|
348
|
+
declare function registerPhysicsPack(): void;
|
|
349
|
+
/** @deprecated since 6.9 — use `registerPhysicsPack()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
350
|
+
declare function registerPhysicsEffects2(): void;
|
|
351
|
+
|
|
352
|
+
/**
|
|
353
|
+
* 6.9 — Focus & feedback (`motionary/components/fx-focus`), registered
|
|
354
|
+
* through `registerEffect()`:
|
|
355
|
+
*
|
|
356
|
+
* - `focus-draw` (kind `attention`) — a rounded ring draws itself around the
|
|
357
|
+
* element, then fades (great on `focus`).
|
|
358
|
+
* - `marching-ants` (kind `loop`) — a dashed selection border that marches
|
|
359
|
+
* (drop targets, selections).
|
|
360
|
+
* - `success-check` (kind `click`) — a check mark draws over the element on a
|
|
361
|
+
* soft green disc, then fades away.
|
|
362
|
+
* - `highlight-sweep` (kind `attention`) — a highlighter stroke sweeps
|
|
363
|
+
* behind the element's text.
|
|
364
|
+
*
|
|
365
|
+
* Overlays are SVG / spans marked `aria-hidden` and removed when done.
|
|
366
|
+
* Reduced motion: a plain fade of the final state (marching-ants is static).
|
|
367
|
+
*/
|
|
368
|
+
|
|
369
|
+
declare const FOCUS_FX: EffectDefinition[];
|
|
370
|
+
/** Register the 6.9 focus & feedback pack (idempotent). */
|
|
371
|
+
declare function registerFocusPack(): void;
|
|
372
|
+
|
|
200
373
|
/**
|
|
201
374
|
* 5.5 — generative backgrounds on Canvas 2D, registered through
|
|
202
375
|
* `registerEffect()` (kind `background`): `flow-field`, `voronoi`,
|
|
@@ -265,9 +438,13 @@ declare function fieldFallback(color: (x: number, y: number, t: number, o: any)
|
|
|
265
438
|
*/
|
|
266
439
|
|
|
267
440
|
/** The 6.x effect packs by name. */
|
|
268
|
-
declare const
|
|
269
|
-
/** Register every 6.x pack (idempotent). */
|
|
441
|
+
declare const EFFECT_PACKS: Record<string, EffectDefinition[]>;
|
|
442
|
+
/** Register every 6.x effect pack (idempotent). */
|
|
443
|
+
declare function registerEffectPacks(): void;
|
|
444
|
+
/** @deprecated since 6.9 — `EFFECT_PACKS` (removed in 7.0). */
|
|
445
|
+
declare const FX2_PACKS: Record<string, EffectDefinition<Record<string, any>>[]>;
|
|
446
|
+
/** @deprecated since 6.9 — use `registerEffectPacks()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
270
447
|
declare function registerFx2(): void;
|
|
271
448
|
|
|
272
|
-
export { DEPTH3_FX, FX2_PACKS, GLSL_HEAD, GPU_FX, LIGHT_FX, MORPH2_FX, TEXT3_FX, TRANSITIONS2_FX, crossDocumentTransitions, fieldFallback, pageTransition, pointsToPath, register3dEffects, registerFx2, registerGpuEffects, registerLightEffects, registerMorphEffects2, registerTextEffects3, registerTransitionEffects2, samplePath, shaderBackground, splitChars, supportsWebGL2, trackPointer };
|
|
273
|
-
export type { ShaderSpec };
|
|
449
|
+
export { DEPTH3_FX, EFFECT_PACKS, EFFECT_PACK_FORMAT, FOCUS_FX, FX2_PACKS, GLSL_HEAD, GPU_FX, LIGHT_FX, MORPH2_FX, PHYSICS2_FX, TEXT3_FX, TRANSITIONS2_FX, VerletWorld, WEATHER_FX, crossDocumentTransitions, fieldFallback, loadEffectPack, packManifest, pageTransition, pointsToPath, register3dEffects, register3dPack, registerEffectPacks, registerFocusPack, registerFx2, registerGpuEffects, registerGpuPack, registerLightEffects, registerLightPack, registerMorphEffects2, registerMorphPack, registerPhysicsEffects2, registerPhysicsPack, registerTextEffects3, registerTextPack, registerTransitionEffects2, registerTransitionsPack, registerWeatherEffects, registerWeatherPack, samplePath, shaderBackground, skyAt, splitChars, supportsWebGL2, trackPointer, validateManifest };
|
|
450
|
+
export type { EffectPackManifest, ShaderSpec };
|
package/dist/components/fx2.d.ts
CHANGED
|
@@ -41,6 +41,69 @@ interface EffectDefinition<O extends Record<string, unknown> = Record<string, an
|
|
|
41
41
|
run(el: HTMLElement, options: O, ctx: EffectContext): void | Cleanup | Animation | null | Promise<unknown>;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
+
/**
|
|
45
|
+
* 6.9 — effect marketplace manifest (`motionary/components/marketplace`).
|
|
46
|
+
*
|
|
47
|
+
* A third-party effect pack is an ES module that exports its effects (an
|
|
48
|
+
* `EffectDefinition[]` as `effects` or `default`) plus a JSON manifest:
|
|
49
|
+
*
|
|
50
|
+
* ```json
|
|
51
|
+
* { "format": "motionary/effect-pack", "version": 1,
|
|
52
|
+
* "name": "@acme/motion-snow", "packVersion": "1.2.0",
|
|
53
|
+
* "description": "Snow and frost effects", "license": "MIT",
|
|
54
|
+
* "author": "Acme", "entry": "./dist/index.js", "requires": ">=6.9",
|
|
55
|
+
* "effects": [{ "name": "frost", "kind": "background", "description": "…",
|
|
56
|
+
* "defaults": { "speed": 1 } }] }
|
|
57
|
+
* ```
|
|
58
|
+
*
|
|
59
|
+
* `packManifest()` writes one from your effects, `validateManifest()` checks
|
|
60
|
+
* one (format, semver, unique kebab-case names, known kinds, effects match
|
|
61
|
+
* the module), and `loadEffectPack()` imports a pack (URL or module),
|
|
62
|
+
* validates it and registers its effects — refusing names that already
|
|
63
|
+
* exist unless `override`.
|
|
64
|
+
*/
|
|
65
|
+
|
|
66
|
+
declare const EFFECT_PACK_FORMAT = "motionary/effect-pack";
|
|
67
|
+
interface EffectPackManifest {
|
|
68
|
+
format: typeof EFFECT_PACK_FORMAT;
|
|
69
|
+
version: 1;
|
|
70
|
+
name: string;
|
|
71
|
+
packVersion: string;
|
|
72
|
+
description?: string;
|
|
73
|
+
license?: string;
|
|
74
|
+
author?: string;
|
|
75
|
+
homepage?: string;
|
|
76
|
+
entry?: string;
|
|
77
|
+
requires?: string;
|
|
78
|
+
keywords?: string[];
|
|
79
|
+
effects: {
|
|
80
|
+
name: string;
|
|
81
|
+
kind: string;
|
|
82
|
+
description?: string;
|
|
83
|
+
defaults?: Record<string, unknown>;
|
|
84
|
+
}[];
|
|
85
|
+
}
|
|
86
|
+
/** Build a manifest from an effect pack. */
|
|
87
|
+
declare function packManifest(name: string, packVersion: string, effects: EffectDefinition[], extra?: Partial<Omit<EffectPackManifest, 'format' | 'version' | 'name' | 'packVersion' | 'effects'>>): EffectPackManifest;
|
|
88
|
+
/** Check a manifest (and optionally the module's effects against it). */
|
|
89
|
+
declare function validateManifest(m: unknown, effects?: EffectDefinition[]): {
|
|
90
|
+
ok: boolean;
|
|
91
|
+
errors: string[];
|
|
92
|
+
};
|
|
93
|
+
/**
|
|
94
|
+
* Import an effect pack (a URL / specifier, or an already imported module
|
|
95
|
+
* with `effects` / `default` and `manifest`), validate and register it.
|
|
96
|
+
* Returns the registered effect names.
|
|
97
|
+
*/
|
|
98
|
+
declare function loadEffectPack(src: string | {
|
|
99
|
+
effects?: EffectDefinition[];
|
|
100
|
+
default?: EffectDefinition[];
|
|
101
|
+
manifest?: EffectPackManifest;
|
|
102
|
+
}, opts?: {
|
|
103
|
+
manifest?: EffectPackManifest;
|
|
104
|
+
override?: boolean;
|
|
105
|
+
}): Promise<string[]>;
|
|
106
|
+
|
|
44
107
|
/**
|
|
45
108
|
* 6.2 — GPU effect pack (`motionary/components/fx-gpu`), registered through
|
|
46
109
|
* `registerEffect()`:
|
|
@@ -58,6 +121,8 @@ interface EffectDefinition<O extends Record<string, unknown> = Record<string, an
|
|
|
58
121
|
|
|
59
122
|
declare const GPU_FX: EffectDefinition[];
|
|
60
123
|
/** Register the 6.2 GPU pack (idempotent). */
|
|
124
|
+
declare function registerGpuPack(): void;
|
|
125
|
+
/** @deprecated since 6.9 — use `registerGpuPack()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
61
126
|
declare function registerGpuEffects(): void;
|
|
62
127
|
|
|
63
128
|
/**
|
|
@@ -84,6 +149,8 @@ declare function registerGpuEffects(): void;
|
|
|
84
149
|
declare function splitChars(el: HTMLElement): HTMLElement[];
|
|
85
150
|
declare const TEXT3_FX: EffectDefinition[];
|
|
86
151
|
/** Register the 6.3 text pack (idempotent). */
|
|
152
|
+
declare function registerTextPack(): void;
|
|
153
|
+
/** @deprecated since 6.9 — use `registerTextPack()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
87
154
|
declare function registerTextEffects3(): void;
|
|
88
155
|
|
|
89
156
|
/**
|
|
@@ -112,6 +179,8 @@ declare function registerTextEffects3(): void;
|
|
|
112
179
|
declare function trackPointer(el: HTMLElement, ctx: EffectContext, fn: (x: number, y: number, inside: boolean) => void, x0?: number, y0?: number): () => void;
|
|
113
180
|
declare const LIGHT_FX: EffectDefinition[];
|
|
114
181
|
/** Register the 6.4 light & materials pack (idempotent). */
|
|
182
|
+
declare function registerLightPack(): void;
|
|
183
|
+
/** @deprecated since 6.9 — use `registerLightPack()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
115
184
|
declare function registerLightEffects(): void;
|
|
116
185
|
|
|
117
186
|
/**
|
|
@@ -135,6 +204,8 @@ declare function registerLightEffects(): void;
|
|
|
135
204
|
|
|
136
205
|
declare const DEPTH3_FX: EffectDefinition[];
|
|
137
206
|
/** Register the 6.5 3D pack (idempotent). */
|
|
207
|
+
declare function register3dPack(): void;
|
|
208
|
+
/** @deprecated since 6.9 — use `register3dPack()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
138
209
|
declare function register3dEffects(): void;
|
|
139
210
|
|
|
140
211
|
/**
|
|
@@ -162,6 +233,8 @@ declare function samplePath(d: string, n?: number): [number, number][] | null;
|
|
|
162
233
|
declare const pointsToPath: (pts: [number, number][]) => string;
|
|
163
234
|
declare const MORPH2_FX: EffectDefinition[];
|
|
164
235
|
/** Register the 6.6 morph & SVG pack (idempotent). */
|
|
236
|
+
declare function registerMorphPack(): void;
|
|
237
|
+
/** @deprecated since 6.9 — use `registerMorphPack()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
165
238
|
declare function registerMorphEffects2(): void;
|
|
166
239
|
|
|
167
240
|
/**
|
|
@@ -195,8 +268,108 @@ declare function pageTransition(update: () => void | Promise<void>, effect?: str
|
|
|
195
268
|
/** Opt a multi-page site into cross-document view transitions with an effect's look. Returns a remover. */
|
|
196
269
|
declare function crossDocumentTransitions(effect?: string, duration?: number): () => void;
|
|
197
270
|
/** Register the 6.7 transitions pack (idempotent). */
|
|
271
|
+
declare function registerTransitionsPack(): void;
|
|
272
|
+
/** @deprecated since 6.9 — use `registerTransitionsPack()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
198
273
|
declare function registerTransitionEffects2(): void;
|
|
199
274
|
|
|
275
|
+
/**
|
|
276
|
+
* 6.8 — Weather & ambience (`motionary/components/fx-weather`), registered
|
|
277
|
+
* through `registerEffect()` (kind `background`, Canvas 2D):
|
|
278
|
+
*
|
|
279
|
+
* - `rain-glass` — droplets sit on a window pane, grow, and run down leaving
|
|
280
|
+
* trails.
|
|
281
|
+
* - `snowfall` — flakes drift down and pile up along the bottom edge.
|
|
282
|
+
* - `lightning` — a safe storm: branching bolts at most once per `interval`
|
|
283
|
+
* (≥ 2.5 s, far below the WCAG 2.3.1 limit of 3 flashes / s), the sky glow
|
|
284
|
+
* is capped at 22 % brightness and there is no flash at all under reduced
|
|
285
|
+
* motion.
|
|
286
|
+
* - `fog` — soft layered fog banks drifting at different speeds.
|
|
287
|
+
* - `aurora-veil` — curtains of northern lights waving over a night sky.
|
|
288
|
+
* - `day-cycle` — the sky moves through dawn, day, dusk and night with the sun
|
|
289
|
+
* and moon on an arc (`cycle` seconds, or a fixed `hour` 0–24).
|
|
290
|
+
*
|
|
291
|
+
* Every effect renders only while visible, adapts its quality and draws one
|
|
292
|
+
* static frame under reduced motion.
|
|
293
|
+
*/
|
|
294
|
+
|
|
295
|
+
/** Sky colours (top, bottom) for an hour 0–24. */
|
|
296
|
+
declare function skyAt(hour: number): [string, string];
|
|
297
|
+
declare const WEATHER_FX: EffectDefinition[];
|
|
298
|
+
/** Register the 6.8 weather & ambience pack (idempotent). */
|
|
299
|
+
declare function registerWeatherPack(): void;
|
|
300
|
+
/** @deprecated since 6.9 — use `registerWeatherPack()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
301
|
+
declare function registerWeatherEffects(): void;
|
|
302
|
+
|
|
303
|
+
/**
|
|
304
|
+
* 6.8 — Interactive physics 2.0 (`motionary/components/fx-physics`) on a tiny
|
|
305
|
+
* Verlet integrator (`VerletWorld`), registered through `registerEffect()`:
|
|
306
|
+
*
|
|
307
|
+
* - `soft-body` (kind `hover`) — the element wobbles like jelly: pointer
|
|
308
|
+
* motion pushes a damped spring that squashes and skews it.
|
|
309
|
+
* - `magnet` (kind `hover`) — the element's children are pulled toward the
|
|
310
|
+
* pointer on springs and settle back when it leaves.
|
|
311
|
+
* - `cloth` (kind `background`) — a cloth hangs from the top edge and ripples
|
|
312
|
+
* when the pointer moves through it.
|
|
313
|
+
* - `rope` (kind `background`) — a rope with a weight swings from the top;
|
|
314
|
+
* the pointer pushes it.
|
|
315
|
+
* - `pinball` (kind `background`) — balls fall through round bumpers that
|
|
316
|
+
* light up on a hit; click to drop another ball.
|
|
317
|
+
*
|
|
318
|
+
* Canvas effects render only while visible; reduced motion draws one static
|
|
319
|
+
* frame and the hover effects do nothing.
|
|
320
|
+
*/
|
|
321
|
+
|
|
322
|
+
interface VerletPoint {
|
|
323
|
+
x: number;
|
|
324
|
+
y: number;
|
|
325
|
+
px: number;
|
|
326
|
+
py: number;
|
|
327
|
+
pinned: boolean;
|
|
328
|
+
}
|
|
329
|
+
/** A minimal Verlet world: points, distance sticks, gravity, damping. */
|
|
330
|
+
declare class VerletWorld {
|
|
331
|
+
gravity: number;
|
|
332
|
+
damping: number;
|
|
333
|
+
iterations: number;
|
|
334
|
+
points: VerletPoint[];
|
|
335
|
+
sticks: [number, number, number][];
|
|
336
|
+
constructor(gravity?: number, damping?: number, iterations?: number);
|
|
337
|
+
add(x: number, y: number, pinned?: boolean): number;
|
|
338
|
+
link(a: number, b: number, len?: number): void;
|
|
339
|
+
step(dt: number, bounds?: {
|
|
340
|
+
w: number;
|
|
341
|
+
h: number;
|
|
342
|
+
}): void;
|
|
343
|
+
/** Push points within `r` px of (x, y) by (dx, dy). */
|
|
344
|
+
push(x: number, y: number, dx: number, dy: number, r?: number): void;
|
|
345
|
+
}
|
|
346
|
+
declare const PHYSICS2_FX: EffectDefinition[];
|
|
347
|
+
/** Register the 6.8 physics 2.0 pack (idempotent). */
|
|
348
|
+
declare function registerPhysicsPack(): void;
|
|
349
|
+
/** @deprecated since 6.9 — use `registerPhysicsPack()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
350
|
+
declare function registerPhysicsEffects2(): void;
|
|
351
|
+
|
|
352
|
+
/**
|
|
353
|
+
* 6.9 — Focus & feedback (`motionary/components/fx-focus`), registered
|
|
354
|
+
* through `registerEffect()`:
|
|
355
|
+
*
|
|
356
|
+
* - `focus-draw` (kind `attention`) — a rounded ring draws itself around the
|
|
357
|
+
* element, then fades (great on `focus`).
|
|
358
|
+
* - `marching-ants` (kind `loop`) — a dashed selection border that marches
|
|
359
|
+
* (drop targets, selections).
|
|
360
|
+
* - `success-check` (kind `click`) — a check mark draws over the element on a
|
|
361
|
+
* soft green disc, then fades away.
|
|
362
|
+
* - `highlight-sweep` (kind `attention`) — a highlighter stroke sweeps
|
|
363
|
+
* behind the element's text.
|
|
364
|
+
*
|
|
365
|
+
* Overlays are SVG / spans marked `aria-hidden` and removed when done.
|
|
366
|
+
* Reduced motion: a plain fade of the final state (marching-ants is static).
|
|
367
|
+
*/
|
|
368
|
+
|
|
369
|
+
declare const FOCUS_FX: EffectDefinition[];
|
|
370
|
+
/** Register the 6.9 focus & feedback pack (idempotent). */
|
|
371
|
+
declare function registerFocusPack(): void;
|
|
372
|
+
|
|
200
373
|
/**
|
|
201
374
|
* 5.5 — generative backgrounds on Canvas 2D, registered through
|
|
202
375
|
* `registerEffect()` (kind `background`): `flow-field`, `voronoi`,
|
|
@@ -265,9 +438,13 @@ declare function fieldFallback(color: (x: number, y: number, t: number, o: any)
|
|
|
265
438
|
*/
|
|
266
439
|
|
|
267
440
|
/** The 6.x effect packs by name. */
|
|
268
|
-
declare const
|
|
269
|
-
/** Register every 6.x pack (idempotent). */
|
|
441
|
+
declare const EFFECT_PACKS: Record<string, EffectDefinition[]>;
|
|
442
|
+
/** Register every 6.x effect pack (idempotent). */
|
|
443
|
+
declare function registerEffectPacks(): void;
|
|
444
|
+
/** @deprecated since 6.9 — `EFFECT_PACKS` (removed in 7.0). */
|
|
445
|
+
declare const FX2_PACKS: Record<string, EffectDefinition<Record<string, any>>[]>;
|
|
446
|
+
/** @deprecated since 6.9 — use `registerEffectPacks()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
270
447
|
declare function registerFx2(): void;
|
|
271
448
|
|
|
272
|
-
export { DEPTH3_FX, FX2_PACKS, GLSL_HEAD, GPU_FX, LIGHT_FX, MORPH2_FX, TEXT3_FX, TRANSITIONS2_FX, crossDocumentTransitions, fieldFallback, pageTransition, pointsToPath, register3dEffects, registerFx2, registerGpuEffects, registerLightEffects, registerMorphEffects2, registerTextEffects3, registerTransitionEffects2, samplePath, shaderBackground, splitChars, supportsWebGL2, trackPointer };
|
|
273
|
-
export type { ShaderSpec };
|
|
449
|
+
export { DEPTH3_FX, EFFECT_PACKS, EFFECT_PACK_FORMAT, FOCUS_FX, FX2_PACKS, GLSL_HEAD, GPU_FX, LIGHT_FX, MORPH2_FX, PHYSICS2_FX, TEXT3_FX, TRANSITIONS2_FX, VerletWorld, WEATHER_FX, crossDocumentTransitions, fieldFallback, loadEffectPack, packManifest, pageTransition, pointsToPath, register3dEffects, register3dPack, registerEffectPacks, registerFocusPack, registerFx2, registerGpuEffects, registerGpuPack, registerLightEffects, registerLightPack, registerMorphEffects2, registerMorphPack, registerPhysicsEffects2, registerPhysicsPack, registerTextEffects3, registerTextPack, registerTransitionEffects2, registerTransitionsPack, registerWeatherEffects, registerWeatherPack, samplePath, shaderBackground, skyAt, splitChars, supportsWebGL2, trackPointer, validateManifest };
|
|
450
|
+
export type { EffectPackManifest, ShaderSpec };
|
package/dist/components/fx2.js
CHANGED
|
@@ -1,37 +1,57 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export {
|
|
3
|
-
import {
|
|
4
|
-
export {
|
|
5
|
-
import {
|
|
6
|
-
export {
|
|
7
|
-
import {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
import '
|
|
1
|
+
import { u as deprecate } from '../chunks/base-D5MHqeDd.js';
|
|
2
|
+
export { EFFECT_PACK_FORMAT, loadEffectPack, packManifest, validateManifest } from './marketplace.js';
|
|
3
|
+
import { G as GPU_FX, r as registerGpuPack } from '../chunks/gpu-DPhMkJq6.js';
|
|
4
|
+
export { a as GLSL_HEAD, f as fieldFallback, b as registerGpuEffects, s as shaderBackground, c as supportsWebGL2 } from '../chunks/gpu-DPhMkJq6.js';
|
|
5
|
+
import { TEXT3_FX, registerTextPack } from './fx-text.js';
|
|
6
|
+
export { registerTextEffects3, splitChars } from './fx-text.js';
|
|
7
|
+
import { LIGHT_FX, registerLightPack } from './fx-light.js';
|
|
8
|
+
export { registerLightEffects, trackPointer } from './fx-light.js';
|
|
9
|
+
import { DEPTH3_FX, register3dPack } from './fx-3d.js';
|
|
10
|
+
export { register3dEffects } from './fx-3d.js';
|
|
11
|
+
import { MORPH2_FX, registerMorphPack } from './fx-morph.js';
|
|
12
|
+
export { pointsToPath, registerMorphEffects2, samplePath } from './fx-morph.js';
|
|
13
|
+
import { TRANSITIONS2_FX, registerTransitionsPack } from './fx-transitions.js';
|
|
14
|
+
export { crossDocumentTransitions, pageTransition, registerTransitionEffects2 } from './fx-transitions.js';
|
|
15
|
+
import { WEATHER_FX, registerWeatherPack } from './fx-weather.js';
|
|
16
|
+
export { registerWeatherEffects, skyAt } from './fx-weather.js';
|
|
17
|
+
import { PHYSICS2_FX, registerPhysicsPack } from './fx-physics.js';
|
|
18
|
+
export { VerletWorld, registerPhysicsEffects2 } from './fx-physics.js';
|
|
19
|
+
import { FOCUS_FX, registerFocusPack } from './fx-focus.js';
|
|
20
|
+
import '../chunks/registry-CTLWeg-J.js';
|
|
14
21
|
import '../chunks/generative-2LhxG5BJ.js';
|
|
15
22
|
import '../chunks/shared-CkKHWrtJ.js';
|
|
16
23
|
|
|
17
24
|
/** The 6.x effect packs by name. */
|
|
18
|
-
const
|
|
25
|
+
const EFFECT_PACKS = {
|
|
19
26
|
gpu: GPU_FX,
|
|
20
27
|
text: TEXT3_FX,
|
|
21
28
|
light: LIGHT_FX,
|
|
22
29
|
depth: DEPTH3_FX,
|
|
23
30
|
morph: MORPH2_FX,
|
|
24
31
|
transitions: TRANSITIONS2_FX,
|
|
32
|
+
weather: WEATHER_FX,
|
|
33
|
+
physics: PHYSICS2_FX,
|
|
34
|
+
focus: FOCUS_FX,
|
|
25
35
|
};
|
|
26
|
-
/** Register every 6.x pack (idempotent). */
|
|
36
|
+
/** Register every 6.x effect pack (idempotent). */
|
|
37
|
+
function registerEffectPacks() {
|
|
38
|
+
registerGpuPack();
|
|
39
|
+
registerTextPack();
|
|
40
|
+
registerLightPack();
|
|
41
|
+
register3dPack();
|
|
42
|
+
registerMorphPack();
|
|
43
|
+
registerTransitionsPack();
|
|
44
|
+
registerWeatherPack();
|
|
45
|
+
registerPhysicsPack();
|
|
46
|
+
registerFocusPack();
|
|
47
|
+
}
|
|
48
|
+
/** @deprecated since 6.9 — `EFFECT_PACKS` (removed in 7.0). */
|
|
49
|
+
const FX2_PACKS = EFFECT_PACKS;
|
|
50
|
+
/** @deprecated since 6.9 — use `registerEffectPacks()` (removed in 7.0; `npx usa-codemod-7`). */
|
|
27
51
|
function registerFx2() {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
registerLightEffects();
|
|
31
|
-
register3dEffects();
|
|
32
|
-
registerMorphEffects2();
|
|
33
|
-
registerTransitionEffects2();
|
|
52
|
+
deprecate('registerFx2', 'registerFx2() is deprecated since 6.9 and removed in 7.0 — use registerEffectPacks() (npx usa-codemod-7).');
|
|
53
|
+
registerEffectPacks();
|
|
34
54
|
}
|
|
35
55
|
|
|
36
|
-
export { DEPTH3_FX, FX2_PACKS, GPU_FX, LIGHT_FX, MORPH2_FX, TEXT3_FX, TRANSITIONS2_FX,
|
|
56
|
+
export { DEPTH3_FX, EFFECT_PACKS, FOCUS_FX, FX2_PACKS, GPU_FX, LIGHT_FX, MORPH2_FX, PHYSICS2_FX, TEXT3_FX, TRANSITIONS2_FX, WEATHER_FX, register3dPack, registerEffectPacks, registerFocusPack, registerFx2, registerGpuPack, registerLightPack, registerMorphPack, registerPhysicsPack, registerTextPack, registerTransitionsPack, registerWeatherPack };
|
|
37
57
|
//# sourceMappingURL=fx2.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fx2.js","sources":["../../src/components/fx2/index.ts"],"sourcesContent":["/**\n * The 6.x effect packs, one entry each (`motionary/components/fx-gpu`, …) so\n * their size budgets stay separate. This module (`registerFx2()`) registers\n * them all — used by dist/widgets.umd.js and the showcase.\n */\nimport type { EffectDefinition } from '../fx/registry';\nimport { GPU_FX, registerGpuEffects } from './gpu';\nimport { TEXT3_FX, registerTextEffects3, splitChars } from './text3';\nimport { LIGHT_FX, registerLightEffects, trackPointer } from './light';\nimport { DEPTH3_FX, register3dEffects } from './depth3';\nimport { MORPH2_FX, registerMorphEffects2, samplePath, pointsToPath } from './morph2';\nimport { TRANSITIONS2_FX, registerTransitionEffects2, pageTransition, crossDocumentTransitions } from './transitions2';\n\nexport { GPU_FX, registerGpuEffects, TEXT3_FX, registerTextEffects3, splitChars };\nexport { shaderBackground, supportsWebGL2, fieldFallback, GLSL_HEAD } from './gl';\nexport type { ShaderSpec } from './gl';\n\nexport { LIGHT_FX, registerLightEffects, trackPointer };\n\nexport { DEPTH3_FX, register3dEffects };\n\nexport { MORPH2_FX, registerMorphEffects2, samplePath, pointsToPath };\n\nexport { TRANSITIONS2_FX, registerTransitionEffects2, pageTransition, crossDocumentTransitions };\n\n/** The 6.x effect packs by name. */\nexport const
|
|
1
|
+
{"version":3,"file":"fx2.js","sources":["../../src/components/fx2/index.ts"],"sourcesContent":["/**\n * The 6.x effect packs, one entry each (`motionary/components/fx-gpu`, …) so\n * their size budgets stay separate. This module (`registerFx2()`) registers\n * them all — used by dist/widgets.umd.js and the showcase.\n */\nimport type { EffectDefinition } from '../fx/registry';\nimport { deprecate } from '../base';\nexport { EFFECT_PACK_FORMAT, packManifest, validateManifest, loadEffectPack } from './manifest';\nexport type { EffectPackManifest } from './manifest';\nimport { GPU_FX, registerGpuPack, registerGpuEffects } from './gpu';\nimport { TEXT3_FX, registerTextPack, registerTextEffects3, splitChars } from './text3';\nimport { LIGHT_FX, registerLightPack, registerLightEffects, trackPointer } from './light';\nimport { DEPTH3_FX, register3dPack, register3dEffects } from './depth3';\nimport { MORPH2_FX, registerMorphPack, registerMorphEffects2, samplePath, pointsToPath } from './morph2';\nimport { TRANSITIONS2_FX, registerTransitionsPack, registerTransitionEffects2, pageTransition, crossDocumentTransitions } from './transitions2';\nimport { WEATHER_FX, registerWeatherPack, registerWeatherEffects, skyAt } from './weather';\nimport { PHYSICS2_FX, registerPhysicsPack, registerPhysicsEffects2, VerletWorld } from './physics2';\nimport { FOCUS_FX, registerFocusPack } from './focus';\n\nexport { GPU_FX, registerGpuPack, registerGpuEffects, TEXT3_FX, registerTextPack, registerTextEffects3, splitChars };\nexport { shaderBackground, supportsWebGL2, fieldFallback, GLSL_HEAD } from './gl';\nexport type { ShaderSpec } from './gl';\n\nexport { LIGHT_FX, registerLightPack, registerLightEffects, trackPointer };\n\nexport { DEPTH3_FX, register3dPack, register3dEffects };\n\nexport { MORPH2_FX, registerMorphPack, registerMorphEffects2, samplePath, pointsToPath };\n\nexport { TRANSITIONS2_FX, registerTransitionsPack, registerTransitionEffects2, pageTransition, crossDocumentTransitions };\n\nexport { WEATHER_FX, registerWeatherPack, registerWeatherEffects, skyAt };\n\nexport { PHYSICS2_FX, registerPhysicsPack, registerPhysicsEffects2, VerletWorld };\n\nexport { FOCUS_FX, registerFocusPack };\n\n/** The 6.x effect packs by name. */\nexport const EFFECT_PACKS: Record<string, EffectDefinition[]> = {\n gpu: GPU_FX,\n text: TEXT3_FX,\n light: LIGHT_FX,\n depth: DEPTH3_FX,\n morph: MORPH2_FX,\n transitions: TRANSITIONS2_FX,\n weather: WEATHER_FX,\n physics: PHYSICS2_FX,\n focus: FOCUS_FX,\n};\n\n/** Register every 6.x effect pack (idempotent). */\nexport function registerEffectPacks(): void {\n registerGpuPack();\n registerTextPack();\n registerLightPack();\n register3dPack();\n registerMorphPack();\n registerTransitionsPack();\n registerWeatherPack();\n registerPhysicsPack();\n registerFocusPack();\n}\n\n/** @deprecated since 6.9 — `EFFECT_PACKS` (removed in 7.0). */\nexport const FX2_PACKS = EFFECT_PACKS;\n\n/** @deprecated since 6.9 — use `registerEffectPacks()` (removed in 7.0; `npx usa-codemod-7`). */\nexport function registerFx2(): void {\n deprecate('registerFx2', 'registerFx2() is deprecated since 6.9 and removed in 7.0 — use registerEffectPacks() (npx usa-codemod-7).');\n registerEffectPacks();\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqCA;AACO,MAAM,YAAY,GAAuC;AAC9D,IAAA,GAAG,EAAE,MAAM;AACX,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,WAAW,EAAE,eAAe;AAC5B,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,KAAK,EAAE,QAAQ;;AAGjB;SACgB,mBAAmB,GAAA;AACjC,IAAA,eAAe,EAAE;AACjB,IAAA,gBAAgB,EAAE;AAClB,IAAA,iBAAiB,EAAE;AACnB,IAAA,cAAc,EAAE;AAChB,IAAA,iBAAiB,EAAE;AACnB,IAAA,uBAAuB,EAAE;AACzB,IAAA,mBAAmB,EAAE;AACrB,IAAA,mBAAmB,EAAE;AACrB,IAAA,iBAAiB,EAAE;AACrB;AAEA;AACO,MAAM,SAAS,GAAG;AAEzB;SACgB,WAAW,GAAA;AACzB,IAAA,SAAS,CAAC,aAAa,EAAE,2GAA2G,CAAC;AACrI,IAAA,mBAAmB,EAAE;AACvB;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { y as defineElement, k as clamp } from '../chunks/base-
|
|
2
|
-
import { c as createSpring } from '../chunks/spring-
|
|
3
|
-
import { g as gesture } from '../chunks/core-
|
|
4
|
-
export { p as pinchScale, s as swipeDirection } from '../chunks/core-
|
|
1
|
+
import { y as defineElement, k as clamp } from '../chunks/base-D5MHqeDd.js';
|
|
2
|
+
import { c as createSpring } from '../chunks/spring-B-9MZOrW.js';
|
|
3
|
+
import { g as gesture } from '../chunks/core-ZGo4hOEk.js';
|
|
4
|
+
export { p as pinchScale, s as swipeDirection } from '../chunks/core-ZGo4hOEk.js';
|
|
5
5
|
|
|
6
6
|
var css = "usa-swipeable{display:block;touch-action:pan-y;user-select:none;-webkit-user-select:none}usa-swipeable[axis=\"y\"]{touch-action:pan-x}usa-swipeable>*{transform:translate3d(var(--usa-swipe,0px),0,0);opacity:calc(1 - var(--usa-swipe-p,0) * 0.5)}usa-swipeable[axis=\"y\"]>*{transform:translate3d(0,var(--usa-swipe,0px),0)}usa-swipeable:focus-visible{outline:2px solid currentColor;outline-offset:2px}usa-pinch-zoom{display:block;overflow:hidden;touch-action:none;position:relative}usa-pinch-zoom>*{transform:translate3d(var(--usa-zoom-x,0px),var(--usa-zoom-y,0px),0) scale(var(--usa-zoom,1));transform-origin:50% 50%}usa-pinch-zoom[data-zoomed]{cursor:grab}usa-pinch-zoom:focus-visible{outline:2px solid currentColor;outline-offset:2px}";
|
|
7
7
|
|
|
@@ -360,6 +360,7 @@ function defineToggle(tag = 'usa-toggle') {
|
|
|
360
360
|
this._internals?.setFormValue?.(this.checked ? this.str('value', 'on') : null);
|
|
361
361
|
}
|
|
362
362
|
mount() {
|
|
363
|
+
base.deprecate('usa-toggle', '<usa-toggle> is deprecated since 6.9 and removed in 7.0 — use <usa-switch> (motionary/components/widgets; npx usa-codemod-7).');
|
|
363
364
|
if (!this.querySelector(':scope > .usa-toggle-track')) {
|
|
364
365
|
const track = document.createElement('span');
|
|
365
366
|
track.className = 'usa-toggle-track';
|