use-scroll-animate 3.6.0 → 3.8.0

package/dist/components/angular.js

@@ -0,0 +1,61 @@
+import { defineComponents } from '../components.js';
+export { b as bindUsa, u as usaEventName } from '../chunks/bind-B_CTL6Qn.js';
+import './reveal.js';
+import '../chunks/base-BpROOcey.js';
+import './text.js';
+import './interaction.js';
+import './feedback.js';
+import './background.js';
+import '../chunks/variants-CHe1VbSn.js';
+import './transitions.js';
+import './physics.js';
+import '../chunks/spring-C-fw7_9f.js';
+import './cards.js';
+import './click.js';
+import './ui.js';
+import './page.js';
+import './timeline.js';
+import './gesture.js';
+import '../chunks/core-uxs3ETou.js';
+import './svg.js';
+import './webgl.js';
+import './depth.js';
+import './layout.js';
+import '../chunks/index-tags-BANJ-e4H.js';
+
+/**
+ * use-scroll-animate/components/angular — Angular integration (v3.8).
+ * Angular renders `<usa-*>` tags once the component (or NgModule) allows
+ * custom elements with `CUSTOM_ELEMENTS_SCHEMA`; property binding
+ * `[checked]="on"` and event binding `(usa:change)="…"` then work as is.
+ * This entry is framework-free (no `@angular/*` import):
+ *
+ * ```ts
+ * import { CUSTOM_ELEMENTS_SCHEMA, Component, APP_INITIALIZER } from '@angular/core';
+ * import { usaInitializer } from 'use-scroll-animate/components/angular';
+ *
+ * // app.config.ts
+ * providers: [{ provide: APP_INITIALIZER, multi: true, useFactory: usaInitializer(['click', 'ui']) }]
+ *
+ * @Component({ standalone: true, schemas: [CUSTOM_ELEMENTS_SCHEMA],
+ *   template: `<usa-toggle [checked]="on" (usa:change)="on = $any($event).detail.checked"></usa-toggle>` })
+ * ```
+ * `bindUsa(el, { props, on })` is available for directives that bind imperatively.
+ */
+/** `APP_INITIALIZER` factory: registers the elements in the browser (no-op during SSR). */
+function usaInitializer(categories) {
+    return () => () => {
+        if (typeof window !== 'undefined')
+            defineComponents(categories);
+    };
+}
+/** Register the elements directly (e.g. in `main.ts` before `bootstrapApplication`). */
+function defineUsa(categories) {
+    if (typeof window !== 'undefined')
+        defineComponents(categories);
+}
+/** Read `event.detail` from a `usa:*` event in a template handler: `(usa:change)="on = usaDetail($event).checked"`. */
+const usaDetail = (e) => e.detail;
+
+export { defineUsa, usaDetail, usaInitializer };
+//# sourceMappingURL=angular.js.map

package/dist/components/angular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"angular.js","sources":["../../src/components/frameworks/angular.ts"],"sourcesContent":["/**\n * use-scroll-animate/components/angular — Angular integration (v3.8).\n * Angular renders `<usa-*>` tags once the component (or NgModule) allows\n * custom elements with `CUSTOM_ELEMENTS_SCHEMA`; property binding\n * `[checked]=\"on\"` and event binding `(usa:change)=\"…\"` then work as is.\n * This entry is framework-free (no `@angular/*` import):\n *\n * ```ts\n * import { CUSTOM_ELEMENTS_SCHEMA, Component, APP_INITIALIZER } from '@angular/core';\n * import { usaInitializer } from 'use-scroll-animate/components/angular';\n *\n * // app.config.ts\n * providers: [{ provide: APP_INITIALIZER, multi: true, useFactory: usaInitializer(['click', 'ui']) }]\n *\n * @Component({ standalone: true, schemas: [CUSTOM_ELEMENTS_SCHEMA],\n *   template: `<usa-toggle [checked]=\"on\" (usa:change)=\"on = $any($event).detail.checked\"></usa-toggle>` })\n * ```\n * `bindUsa(el, { props, on })` is available for directives that bind imperatively.\n */\nimport { defineComponents, type ComponentCategory } from '../index';\n\nexport { bindUsa, usaEventName } from './bind';\nexport type { UsaBinding } from './bind';\n\n/** `APP_INITIALIZER` factory: registers the elements in the browser (no-op during SSR). */\nexport function usaInitializer(categories?: ComponentCategory[]): () => () => void {\n  return () => () => {\n    if (typeof window !== 'undefined') defineComponents(categories);\n  };\n}\n\n/** Register the elements directly (e.g. in `main.ts` before `bootstrapApplication`). */\nexport function defineUsa(categories?: ComponentCategory[]): void {\n  if (typeof window !== 'undefined') defineComponents(categories);\n}\n\n/** Read `event.detail` from a `usa:*` event in a template handler: `(usa:change)=\"on = usaDetail($event).checked\"`. */\nexport const usaDetail = <T = any>(e: Event): T => (e as CustomEvent<T>).detail;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;AAkBG;AAMH;AACM,SAAU,cAAc,CAAC,UAAgC,EAAA;AAC7D,IAAA,OAAO,MAAM,MAAK;QAChB,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,gBAAgB,CAAC,UAAU,CAAC;AACjE,IAAA,CAAC;AACH;AAEA;AACM,SAAU,SAAS,CAAC,UAAgC,EAAA;IACxD,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,gBAAgB,CAAC,UAAU,CAAC;AACjE;AAEA;AACO,MAAM,SAAS,GAAG,CAAU,CAAQ,KAAS,CAAoB,CAAC;;;;"}

package/dist/components/solid.cjs

@@ -0,0 +1,62 @@
+'use strict';
+
+var components = require('../components.cjs');
+var bind = require('../chunks/bind-Ui43-n2d.cjs');
+require('./reveal.cjs');
+require('../chunks/base-CXx7jZ-o.cjs');
+require('./text.cjs');
+require('./interaction.cjs');
+require('./feedback.cjs');
+require('./background.cjs');
+require('../chunks/variants-BNIrn4ch.cjs');
+require('./transitions.cjs');
+require('./physics.cjs');
+require('../chunks/spring-2OTnYCzm.cjs');
+require('./cards.cjs');
+require('./click.cjs');
+require('./ui.cjs');
+require('./page.cjs');
+require('./timeline.cjs');
+require('./gesture.cjs');
+require('../chunks/core-IaorbTdu.cjs');
+require('./svg.cjs');
+require('./webgl.cjs');
+require('./depth.cjs');
+require('./layout.cjs');
+require('../chunks/index-tags-wbuPiMR6.cjs');
+
+/**
+ * use-scroll-animate/components/solid — Solid integration (v3.8).
+ * Solid renders custom elements natively: set properties with `prop:` and
+ * listen with `on:` (`<usa-toggle prop:checked={on()} on:usa:change={…}>`).
+ * This entry adds `defineUsa()` (client only, SolidStart-safe), a `usa`
+ * directive for `use:usa={{ props, on }}`, and JSX types.
+ *
+ * ```tsx
+ * import { defineUsa, usa } from 'use-scroll-animate/components/solid';
+ * import type {} from 'use-scroll-animate/components/solid'; // JSX types
+ * onMount(() => defineUsa());
+ * false && usa; // keep the directive import (Solid convention)
+ * <usa-card use:usa={{ on: { flip: (e) => console.log(e.detail) } }} effect="flip">…</usa-card>
+ * ```
+ */
+/**
+ * Solid directive (`use:usa`). Solid calls it with the element and an
+ * accessor; the binding is read once on mount and re-read whenever
+ * `refresh()` on the returned handle is called (or wrap it in `createEffect`).
+ */
+function usa(el, accessor) {
+    const b = bind.bindUsa(el, accessor() || {});
+    return { refresh: () => b.update(accessor() || {}), destroy: b.destroy };
+}
+/** Register the elements (all, or some categories) — call from `onMount` in SSR apps. */
+function defineUsa(categories) {
+    if (typeof window !== 'undefined')
+        components.defineComponents(categories);
+}
+
+exports.bindUsa = bind.bindUsa;
+exports.usaEventName = bind.usaEventName;
+exports.defineUsa = defineUsa;
+exports.usa = usa;
+//# sourceMappingURL=solid.cjs.map

package/dist/components/solid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"solid.cjs","sources":["../../src/components/frameworks/solid.ts"],"sourcesContent":["/**\n * use-scroll-animate/components/solid — Solid integration (v3.8).\n * Solid renders custom elements natively: set properties with `prop:` and\n * listen with `on:` (`<usa-toggle prop:checked={on()} on:usa:change={…}>`).\n * This entry adds `defineUsa()` (client only, SolidStart-safe), a `usa`\n * directive for `use:usa={{ props, on }}`, and JSX types.\n *\n * ```tsx\n * import { defineUsa, usa } from 'use-scroll-animate/components/solid';\n * import type {} from 'use-scroll-animate/components/solid'; // JSX types\n * onMount(() => defineUsa());\n * false && usa; // keep the directive import (Solid convention)\n * <usa-card use:usa={{ on: { flip: (e) => console.log(e.detail) } }} effect=\"flip\">…</usa-card>\n * ```\n */\nimport { defineComponents, type ComponentCategory } from '../index';\nimport { bindUsa, type UsaBinding } from './bind';\nimport type { UsaIntrinsicElements } from './jsx';\n\nexport { bindUsa, usaEventName } from './bind';\nexport type { UsaBinding } from './bind';\n\n/**\n * Solid directive (`use:usa`). Solid calls it with the element and an\n * accessor; the binding is read once on mount and re-read whenever\n * `refresh()` on the returned handle is called (or wrap it in `createEffect`).\n */\nexport function usa(el: HTMLElement, accessor: () => UsaBinding | undefined): { refresh(): void; destroy(): void } {\n  const b = bindUsa(el, accessor() || {});\n  return { refresh: () => b.update(accessor() || {}), destroy: b.destroy };\n}\n\n/** Register the elements (all, or some categories) — call from `onMount` in SSR apps. */\nexport function defineUsa(categories?: ComponentCategory[]): void {\n  if (typeof window !== 'undefined') defineComponents(categories);\n}\n\n/** JSX intrinsic elements for Solid (same attribute types as the React/Preact ones). */\nexport type SolidUsaIntrinsicElements = UsaIntrinsicElements;\n"],"names":["bindUsa","defineComponents"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAQH;;;;AAIG;AACG,SAAU,GAAG,CAAC,EAAe,EAAE,QAAsC,EAAA;IACzE,MAAM,CAAC,GAAGA,YAAO,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IACvC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE;AAC1E;AAEA;AACM,SAAU,SAAS,CAAC,UAAgC,EAAA;IACxD,IAAI,OAAO,MAAM,KAAK,WAAW;QAAEC,2BAAgB,CAAC,UAAU,CAAC;AACjE;;;;;;;"}