@motionscript/grids 0.1.0-alpha.4 → 0.1.0-alpha.6

package/dist/path-grid/path-grid.js

@@ -1,192 +1,149 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { command, node, Path, pathOps, PathShape, pathProperty, property, } from "@motionscript/sdk";
-import { findNode2D, frameIn, ItemGrid, PATH_SPACINGS, PATH_TEMPLATES, staggerArgs, TRANSITION_STAGGER, templatePath, } from "../kit/index.js";
-/** A template, or `custom` for the grid's own {@link PathGrid.path}. */
+import { component2d, pathOps, Types, } from "@motionscript/sdk";
+import { ItemGrid, PATH_SPACINGS, PATH_TEMPLATES, staggerArgs, TRANSITION_STAGGER, templatePath, } from "../kit/index.js";
+/** A template, or `custom` for the grid's own `path`. */
 export const PATH_GRID_SHAPES = [...PATH_TEMPLATES, "custom"];
+const own = {
+    shape: Types.oneOf(PATH_GRID_SHAPES, { default: "circle" }),
+    /** Used when `shape` is `custom`: an SVG path, y-down as SVG writes one, centred on its own bounds. */
+    path: Types.path,
+    /** A path node to follow instead, by id — the items track it wherever it goes. */
+    pathNode: ItemGrid.nodeRef(["path"]),
+    spacing: Types.oneOf(PATH_SPACINGS, { default: "distribute" }),
+    spacingDistance: Types.number(80, { min: 0, step: 1 }),
+    /** Share of the path the items are moved along — `1` is once round. */
+    offset: Types.number(0, { step: 0.01 }),
+    /** Share of the path per second the items travel on their own. */
+    flowSpeed: Types.number(0, { step: 0.01, unit: "/s" }),
+    trimStart: Types.number(0, { min: 0, max: 1, step: 0.01 }),
+    trimEnd: Types.number(1, { min: 0, max: 1, step: 0.01 }),
+    alignToPath: true,
+};
 const AT_ORIGIN = { originX: 0, originY: 0, x: 0, y: 0, rotation: 0, scale: 1 };
 /** The size a path grid is placed at when nothing says otherwise, since a template is drawn to fill it. */
 const DEFAULT_SIZE = { width: 640, height: 400 };
+const arranger = {
+    arrangement: (s, box) => {
+        const { path, placement } = pathIn(s, box);
+        return {
+            kind: "path",
+            path,
+            placement,
+            spacing: s.spacing,
+            spacingDistance: s.spacingDistance,
+            offset: s.offset,
+            flowSpeed: s.flowSpeed,
+            trimStart: s.trimStart,
+            trimEnd: s.trimEnd,
+            alignToPath: s.alignToPath,
+        };
+    },
+};
 /**
  * Children along a path: one of the templates drawn to fill the node's box,
- * a path of the grid's own, or a `Path` node elsewhere in the scene, followed
+ * a path of the grid's own, or a path node elsewhere in the scene, followed
  * wherever it is.
  *
  * Items are spaced by distance along the curve, so they sit evenly on a tight
- * bend and a straight alike. Animating {@link offset} moves them along it — on
- * a closed path they come round again, which is a conveyor belt for free.
+ * bend and a straight alike. Animating `offset` moves them along it — on a
+ * closed path they come round again, which is a conveyor belt for free.
  */
-let PathGrid = class PathGrid extends ItemGrid {
-    constructor(props) {
-        super(props);
-    }
-    /** Move the items along the path by `loops` — `1` is once round, and they keep their spacing. */
-    flow(args) {
-        const loops = args.data?.loops ?? 1;
-        return this.to({ data: { offset: this.offset + loops }, duration: args.duration, easing: args.easing });
-    }
-    /** Squeeze the items into part of the path, between two shares of its length. */
-    trimTo(args) {
-        return this.to({
-            data: { trimStart: args.data?.trimStart ?? this.trimStart, trimEnd: args.data?.trimEnd ?? this.trimEnd },
-            duration: args.duration,
-            easing: args.easing,
-        });
-    }
-    /**
-     * Move the items onto another path — a template, or a `Path` node in the
-     * scene. Each item travels from its place on the old path to its place on the
-     * new one; the path itself is not morphed.
-     */
-    setPath(args) {
-        const pathNode = args.data?.pathNode ?? "";
-        const changes = pathNode ? { pathNode } : { shape: args.data?.shape ?? this.shape, pathNode: "" };
-        return this._transitionTo(changes, args);
-    }
-    arrangementFor(box) {
-        const { path, placement } = this._pathIn(box);
-        return {
-            kind: "path",
-            path,
-            placement,
-            spacing: this.spacing,
-            spacingDistance: this.spacingDistance,
-            offset: this.offset,
-            flowSpeed: this.flowSpeed,
-            trimStart: this.trimStart,
-            trimEnd: this.trimEnd,
-            alignToPath: this.alignToPath,
-        };
-    }
+export const PathGrid = ItemGrid.define(component2d({
+    key: "pathGrid",
+    state: { ...ItemGrid.state, ...own },
     // A template is drawn to fill the box, so a path grid needs one of its own
     // rather than hugging items whose places depend on it.
-    applyDefaultSize(props) {
-        if (!props || props.width === undefined)
-            this.applyProp("width", DEFAULT_SIZE.width);
-        if (!props || props.height === undefined)
-            this.applyProp("height", DEFAULT_SIZE.height);
+    defaults: { ...DEFAULT_SIZE },
+    commands: {
+        ...ItemGrid.commands,
+        /** Move the items along the path by `loops` — `1` is once round, and they keep their spacing. */
+        flow: {
+            args: { loops: Types.number(1, { step: 0.25 }) },
+            run: (timeline, s) => timeline.tween({ offset: s.offset + (timeline.args.loops ?? 1) }),
+        },
+        /** Squeeze the items into part of the path, between two shares of its length. */
+        trimTo: {
+            args: {
+                trimStart: ItemGrid.hinted(0.25, { min: 0, max: 1, step: 0.01 }),
+                trimEnd: ItemGrid.hinted(0.75, { min: 0, max: 1, step: 0.01 }),
+            },
+            run: (timeline, s) => timeline.tween({
+                trimStart: timeline.args.trimStart ?? s.trimStart,
+                trimEnd: timeline.args.trimEnd ?? s.trimEnd,
+            }),
+        },
+        /**
+         * Move the items onto another path — a template, or a path node in the
+         * scene. Each item travels from its place on the old path to its place on
+         * the new one; the path itself is not morphed.
+         */
+        setPath: {
+            args: {
+                shape: ItemGrid.hinted("heart", { kind: "enum", options: PATH_GRID_SHAPES }),
+                pathNode: ItemGrid.nodeRefArg(["path"]),
+                ...staggerArgs(TRANSITION_STAGGER),
+            },
+            run: (timeline, s, children) => {
+                const pathNode = timeline.args.pathNode ?? "";
+                const changes = pathNode ? { pathNode } : { shape: timeline.args.shape ?? s.shape, pathNode: "" };
+                return ItemGrid.transitionTo(timeline, s, children, changes);
+            },
+        },
+    },
+    ...ItemGrid.fields(arranger),
+}), arranger);
+/** The path the items follow, and where its coordinates land in this grid's frame. */
+function pathIn(s, box) {
+    const linked = s.pathNode;
+    // A document `path` draws its data in its own unit box, at its own position.
+    if (linked?.key === "path")
+        return { path: unitPath(linked), placement: { ...AT_ORIGIN, ...linked.frame } };
+    // A face-value path draws its data centred on the data's own bounds, at its own position.
+    const data = linked?.key === "facePath" ? dataOf(linked) : undefined;
+    const bounds = data !== undefined ? pathOps.bounds(data) : null;
+    if (linked && data !== undefined && bounds) {
+        return {
+            path: data,
+            placement: {
+                originX: (bounds.minX + bounds.maxX) / 2,
+                originY: (bounds.minY + bounds.maxY) / 2,
+                ...linked.frame,
+            },
+        };
     }
-    _linked = null;
-    /** The path the items follow, and where its coordinates land in this grid's frame. */
-    _pathIn(box) {
-        const linked = this.pathNode ? findNode2D(this, this.pathNode) : null;
-        if (linked instanceof PathShape) {
-            return { path: this._unitPath(linked), placement: { ...AT_ORIGIN, ...frameIn(this, linked) } };
-        }
-        if (linked instanceof Path && pathOps.bounds(linked.data)) {
-            // A `Path` draws its data centred on the data's own bounds, at its own position.
-            const bounds = pathOps.bounds(linked.data);
-            const frame = frameIn(this, linked);
+    if (s.shape === "custom") {
+        const own = pathOps.bounds(s.path);
+        if (own) {
             return {
-                path: linked.data,
+                path: s.path,
                 placement: {
-                    originX: (bounds.minX + bounds.maxX) / 2,
-                    originY: (bounds.minY + bounds.maxY) / 2,
-                    ...frame,
+                    ...AT_ORIGIN,
+                    originX: (own.minX + own.maxX) / 2,
+                    originY: (own.minY + own.maxY) / 2,
+                    flipY: true,
                 },
             };
         }
-        if (this.shape === "custom") {
-            const bounds = pathOps.bounds(this.path);
-            if (bounds) {
-                return {
-                    path: this.path,
-                    placement: {
-                        ...AT_ORIGIN,
-                        originX: (bounds.minX + bounds.maxX) / 2,
-                        originY: (bounds.minY + bounds.maxY) / 2,
-                        flipY: true,
-                    },
-                };
-            }
-        }
-        const template = this.shape === "custom" ? "circle" : this.shape;
-        return { path: templatePath(template, box), placement: AT_ORIGIN };
     }
-    /**
-     * A path node's geometry as it draws it: stored in its unit box, y-down, and
-     * scaled to its laid-out size — kept while neither changes, so the path's
-     * measurement is kept with it.
-     */
-    _unitPath(shape) {
-        const { width, height } = shape.layoutBounds;
-        const cached = this._linked;
-        if (cached && cached.data === shape.data && cached.width === width && cached.height === height)
-            return cached.path;
-        const path = pathOps.anchorCommands(pathOps.anchors(shape.data), (p) => ({ x: p.x * width, y: -p.y * height }));
-        this._linked = { data: shape.data, width, height, path };
-        return path;
-    }
-};
-__decorate([
-    property({ default: "circle", kind: "enum", options: PATH_GRID_SHAPES })
-], PathGrid.prototype, "shape", void 0);
-__decorate([
-    pathProperty()
-], PathGrid.prototype, "path", void 0);
-__decorate([
-    property({ default: "", kind: "nodeRef", nodeTypes: ["path"], animatable: false })
-], PathGrid.prototype, "pathNode", void 0);
-__decorate([
-    property({ default: "distribute", kind: "enum", options: PATH_SPACINGS })
-], PathGrid.prototype, "spacing", void 0);
-__decorate([
-    property({ default: 80, min: 0, step: 1 })
-], PathGrid.prototype, "spacingDistance", void 0);
-__decorate([
-    property({ default: 0, step: 0.01 })
-], PathGrid.prototype, "offset", void 0);
-__decorate([
-    property({ default: 0, step: 0.01, unit: "/s" })
-], PathGrid.prototype, "flowSpeed", void 0);
-__decorate([
-    property({ default: 0, min: 0, max: 1, step: 0.01 })
-], PathGrid.prototype, "trimStart", void 0);
-__decorate([
-    property({ default: 1, min: 0, max: 1, step: 0.01 })
-], PathGrid.prototype, "trimEnd", void 0);
-__decorate([
-    property({ default: true })
-], PathGrid.prototype, "alignToPath", void 0);
-__decorate([
-    command({ args: [{ key: "loops", step: 0.25, default: 1 }] })
-], PathGrid.prototype, "flow", null);
-__decorate([
-    command({
-        args: [
-            { key: "trimStart", min: 0, max: 1, step: 0.01, default: 0.25 },
-            { key: "trimEnd", min: 0, max: 1, step: 0.01, default: 0.75 },
-        ],
-    })
-], PathGrid.prototype, "trimTo", null);
-__decorate([
-    command({
-        args: [
-            { key: "shape", kind: "enum", options: PATH_GRID_SHAPES, default: "heart" },
-            { key: "pathNode", kind: "nodeRef", nodeTypes: ["path"] },
-            ...staggerArgs(TRANSITION_STAGGER),
-        ],
-    })
-], PathGrid.prototype, "setPath", null);
-PathGrid = __decorate([
-    node({
-        key: "pathGrid",
-        parentKey: "node",
-        forkable: true,
-        layout: {
-            children: "freeform",
-            acceptsChildren: true,
-            defaultWidthMode: "fixed",
-            defaultHeightMode: "fixed",
-            defaultWidth: DEFAULT_SIZE.width,
-            defaultHeight: DEFAULT_SIZE.height,
-        },
-        seed: { ...DEFAULT_SIZE },
-    })
-], PathGrid);
-export { PathGrid };
+    const template = s.shape === "custom" ? "circle" : s.shape;
+    return { path: templatePath(template, box), placement: AT_ORIGIN };
+}
+function dataOf(view) {
+    return view.state.data;
+}
+const unitPaths = new WeakMap();
+/**
+ * A path node's geometry as it draws it: stored in its unit box, y-down, and
+ * scaled to its laid-out size — kept while neither changes, so the path's
+ * measurement is kept with it.
+ */
+function unitPath(view) {
+    const data = dataOf(view);
+    const { width, height } = view.size;
+    const cached = unitPaths.get(view);
+    if (cached && cached.data === data && cached.width === width && cached.height === height)
+        return cached.path;
+    const path = pathOps.anchorCommands(pathOps.anchors(data), (p) => ({ x: p.x * width, y: -p.y * height }));
+    unitPaths.set(view, { data, width, height, path });
+    return path;
+}
 //# sourceMappingURL=path-grid.js.map

package/dist/path-grid/path-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"path-grid.js","sourceRoot":"","sources":["../../src/path-grid/path-grid.ts"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  command,\r\n  node,\r\n  Path,\r\n  pathOps,\r\n  PathShape,\r\n  pathProperty,\r\n  property,\r\n  type Command,\r\n  type CommandArgs,\r\n  type NodeConfig,\r\n  type PathData,\r\n  type Size2D,\r\n} from \"@motionscript/sdk\"\r\n\r\nimport {\r\n  findNode2D,\r\n  frameIn,\r\n  ItemGrid,\r\n  PATH_SPACINGS,\r\n  PATH_TEMPLATES,\r\n  staggerArgs,\r\n  TRANSITION_STAGGER,\r\n  templatePath,\r\n  type ItemGridProps,\r\n  type PathArrangement,\r\n  type PathPlacement,\r\n  type PathSpacing,\r\n  type PathTemplate,\r\n  type StaggerArgs,\r\n} from \"../kit\"\r\n\r\n/** A template, or `custom` for the grid's own {@link PathGrid.path}. */\r\nexport const PATH_GRID_SHAPES = [...PATH_TEMPLATES, \"custom\"] as const\r\nexport type PathGridShape = (typeof PATH_GRID_SHAPES)[number]\r\n\r\nexport interface PathGridProps extends ItemGridProps {\r\n  shape: PathGridShape\r\n  path: PathData\r\n  pathNode: string\r\n  spacing: PathSpacing\r\n  spacingDistance: number\r\n  offset: number\r\n  flowSpeed: number\r\n  trimStart: number\r\n  trimEnd: number\r\n  alignToPath: boolean\r\n}\r\n\r\nconst AT_ORIGIN: PathPlacement = { originX: 0, originY: 0, x: 0, y: 0, rotation: 0, scale: 1 }\r\n\r\n/** The size a path grid is placed at when nothing says otherwise, since a template is drawn to fill it. */\r\nconst DEFAULT_SIZE = { width: 640, height: 400 }\r\n\r\n/**\r\n * Children along a path: one of the templates drawn to fill the node's box,\r\n * a path of the grid's own, or a `Path` node elsewhere in the scene, followed\r\n * wherever it is.\r\n *\r\n * Items are spaced by distance along the curve, so they sit evenly on a tight\r\n * bend and a straight alike. Animating {@link offset} moves them along it — on\r\n * a closed path they come round again, which is a conveyor belt for free.\r\n */\r\n@node({\r\n  key: \"pathGrid\",\r\n  parentKey: \"node\",\r\n  forkable: true,\r\n  layout: {\r\n    children: \"freeform\",\r\n    acceptsChildren: true,\r\n    defaultWidthMode: \"fixed\",\r\n    defaultHeightMode: \"fixed\",\r\n    defaultWidth: DEFAULT_SIZE.width,\r\n    defaultHeight: DEFAULT_SIZE.height,\r\n  },\r\n  seed: { ...DEFAULT_SIZE },\r\n})\r\nexport class PathGrid extends ItemGrid<PathGridProps> {\r\n  @property({ default: \"circle\", kind: \"enum\", options: PATH_GRID_SHAPES }) declare shape: PathGridShape\r\n  /** Used when {@link shape} is `custom`: an SVG path, y-down as SVG writes one, centred on its own bounds. */\r\n  @pathProperty() declare path: PathData\r\n  /** A path node to follow instead, by id — the items track it wherever it goes. */\r\n  @property({ default: \"\", kind: \"nodeRef\", nodeTypes: [\"path\"], animatable: false }) declare pathNode: string\r\n  @property({ default: \"distribute\", kind: \"enum\", options: PATH_SPACINGS }) declare spacing: PathSpacing\r\n  @property({ default: 80, min: 0, step: 1 }) declare spacingDistance: number\r\n  /** Share of the path the items are moved along — `1` is once round. */\r\n  @property({ default: 0, step: 0.01 }) declare offset: number\r\n  /** Share of the path per second the items travel on their own. */\r\n  @property({ default: 0, step: 0.01, unit: \"/s\" }) declare flowSpeed: number\r\n  @property({ default: 0, min: 0, max: 1, step: 0.01 }) declare trimStart: number\r\n  @property({ default: 1, min: 0, max: 1, step: 0.01 }) declare trimEnd: number\r\n  @property({ default: true }) declare alignToPath: boolean\r\n\r\n  constructor(props?: NodeConfig<PathGrid, PathGridProps>) {\r\n    super(props)\r\n  }\r\n\r\n  /** Move the items along the path by `loops` — `1` is once round, and they keep their spacing. */\r\n  @command({ args: [{ key: \"loops\", step: 0.25, default: 1 }] })\r\n  flow(args: CommandArgs<{ loops?: number }> & { duration: number }): Command<PathGridProps> {\r\n    const loops = args.data?.loops ?? 1\r\n    return this.to({ data: { offset: this.offset + loops }, duration: args.duration, easing: args.easing })\r\n  }\r\n\r\n  /** Squeeze the items into part of the path, between two shares of its length. */\r\n  @command({\r\n    args: [\r\n      { key: \"trimStart\", min: 0, max: 1, step: 0.01, default: 0.25 },\r\n      { key: \"trimEnd\", min: 0, max: 1, step: 0.01, default: 0.75 },\r\n    ],\r\n  })\r\n  trimTo(args: CommandArgs<{ trimStart?: number; trimEnd?: number }> & { duration: number }): Command<PathGridProps> {\r\n    return this.to({\r\n      data: { trimStart: args.data?.trimStart ?? this.trimStart, trimEnd: args.data?.trimEnd ?? this.trimEnd },\r\n      duration: args.duration,\r\n      easing: args.easing,\r\n    })\r\n  }\r\n\r\n  /**\r\n   * Move the items onto another path — a template, or a `Path` node in the\r\n   * scene. Each item travels from its place on the old path to its place on the\r\n   * new one; the path itself is not morphed.\r\n   */\r\n  @command({\r\n    args: [\r\n      { key: \"shape\", kind: \"enum\", options: PATH_GRID_SHAPES, default: \"heart\" },\r\n      { key: \"pathNode\", kind: \"nodeRef\", nodeTypes: [\"path\"] },\r\n      ...staggerArgs(TRANSITION_STAGGER),\r\n    ],\r\n  })\r\n  setPath(args: CommandArgs<{ shape?: PathGridShape; pathNode?: string } & StaggerArgs> & { duration: number }): Command<PathGridProps> {\r\n    const pathNode = args.data?.pathNode ?? \"\"\r\n    const changes: Partial<PathGridProps> = pathNode ? { pathNode } : { shape: args.data?.shape ?? this.shape, pathNode: \"\" }\r\n    return this._transitionTo(changes, args)\r\n  }\r\n\r\n  protected override arrangementFor(box: Size2D): PathArrangement {\r\n    const { path, placement } = this._pathIn(box)\r\n    return {\r\n      kind: \"path\",\r\n      path,\r\n      placement,\r\n      spacing: this.spacing,\r\n      spacingDistance: this.spacingDistance,\r\n      offset: this.offset,\r\n      flowSpeed: this.flowSpeed,\r\n      trimStart: this.trimStart,\r\n      trimEnd: this.trimEnd,\r\n      alignToPath: this.alignToPath,\r\n    }\r\n  }\r\n\r\n  // A template is drawn to fill the box, so a path grid needs one of its own\r\n  // rather than hugging items whose places depend on it.\r\n  protected override applyDefaultSize(props?: { readonly width?: unknown; readonly height?: unknown }): void {\r\n    if (!props || props.width === undefined) this.applyProp(\"width\", DEFAULT_SIZE.width)\r\n    if (!props || props.height === undefined) this.applyProp(\"height\", DEFAULT_SIZE.height)\r\n  }\r\n\r\n  private _linked: { data: PathData; width: number; height: number; path: PathData } | null = null\r\n\r\n  /** The path the items follow, and where its coordinates land in this grid's frame. */\r\n  private _pathIn(box: Size2D): { path: PathData; placement: PathPlacement } {\r\n    const linked = this.pathNode ? findNode2D(this, this.pathNode) : null\r\n    if (linked instanceof PathShape) {\r\n      return { path: this._unitPath(linked), placement: { ...AT_ORIGIN, ...frameIn(this, linked) } }\r\n    }\r\n    if (linked instanceof Path && pathOps.bounds(linked.data)) {\r\n      // A `Path` draws its data centred on the data's own bounds, at its own position.\r\n      const bounds = pathOps.bounds(linked.data)!\r\n      const frame = frameIn(this, linked)\r\n      return {\r\n        path: linked.data,\r\n        placement: {\r\n          originX: (bounds.minX + bounds.maxX) / 2,\r\n          originY: (bounds.minY + bounds.maxY) / 2,\r\n          ...frame,\r\n        },\r\n      }\r\n    }\r\n    if (this.shape === \"custom\") {\r\n      const bounds = pathOps.bounds(this.path)\r\n      if (bounds) {\r\n        return {\r\n          path: this.path,\r\n          placement: {\r\n            ...AT_ORIGIN,\r\n            originX: (bounds.minX + bounds.maxX) / 2,\r\n            originY: (bounds.minY + bounds.maxY) / 2,\r\n            flipY: true,\r\n          },\r\n        }\r\n      }\r\n    }\r\n    const template: PathTemplate = this.shape === \"custom\" ? \"circle\" : this.shape\r\n    return { path: templatePath(template, box), placement: AT_ORIGIN }\r\n  }\r\n\r\n  /**\r\n   * A path node's geometry as it draws it: stored in its unit box, y-down, and\r\n   * scaled to its laid-out size — kept while neither changes, so the path's\r\n   * measurement is kept with it.\r\n   */\r\n  private _unitPath(shape: PathShape): PathData {\r\n    const { width, height } = shape.layoutBounds\r\n    const cached = this._linked\r\n    if (cached && cached.data === shape.data && cached.width === width && cached.height === height) return cached.path\r\n    const path = pathOps.anchorCommands(pathOps.anchors(shape.data), (p) => ({ x: p.x * width, y: -p.y * height }))\r\n    this._linked = { data: shape.data, width, height, path }\r\n    return path\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"path-grid.js","sourceRoot":"","sources":["../../src/path-grid/path-grid.ts"],"names":[],"mappings":"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","sourcesContent":["import {\r\n  component2d,\r\n  pathOps,\r\n  Types,\r\n  type NodeOf,\r\n  type NodeView,\r\n  type PathData,\r\n  type Size2D,\r\n  type Values,\r\n  // Named so the emitted declaration reaches these through the sdk, not core.\r\n  type Node2D as _Node2D,\r\n  type Node2DProps as _Node2DProps,\r\n} from \"@motionscript/sdk\"\r\n\r\nimport {\r\n  ItemGrid,\r\n  PATH_SPACINGS,\r\n  PATH_TEMPLATES,\r\n  staggerArgs,\r\n  TRANSITION_STAGGER,\r\n  templatePath,\r\n  type PathArrangement,\r\n  type PathPlacement,\r\n  type PathTemplate,\r\n} from \"../kit\"\r\n\r\n/** A template, or `custom` for the grid's own `path`. */\r\nexport const PATH_GRID_SHAPES = [...PATH_TEMPLATES, \"custom\"] as const\r\nexport type PathGridShape = (typeof PATH_GRID_SHAPES)[number]\r\n\r\nconst own = {\r\n  shape: Types.oneOf(PATH_GRID_SHAPES, { default: \"circle\" }),\r\n  /** Used when `shape` is `custom`: an SVG path, y-down as SVG writes one, centred on its own bounds. */\r\n  path: Types.path,\r\n  /** A path node to follow instead, by id — the items track it wherever it goes. */\r\n  pathNode: ItemGrid.nodeRef([\"path\"]),\r\n  spacing: Types.oneOf(PATH_SPACINGS, { default: \"distribute\" }),\r\n  spacingDistance: Types.number(80, { min: 0, step: 1 }),\r\n  /** Share of the path the items are moved along — `1` is once round. */\r\n  offset: Types.number(0, { step: 0.01 }),\r\n  /** Share of the path per second the items travel on their own. */\r\n  flowSpeed: Types.number(0, { step: 0.01, unit: \"/s\" }),\r\n  trimStart: Types.number(0, { min: 0, max: 1, step: 0.01 }),\r\n  trimEnd: Types.number(1, { min: 0, max: 1, step: 0.01 }),\r\n  alignToPath: true,\r\n}\r\n\r\ntype Own = Values<typeof own>\r\n\r\nconst AT_ORIGIN: PathPlacement = { originX: 0, originY: 0, x: 0, y: 0, rotation: 0, scale: 1 }\r\n\r\n/** The size a path grid is placed at when nothing says otherwise, since a template is drawn to fill it. */\r\nconst DEFAULT_SIZE = { width: 640, height: 400 }\r\n\r\nconst arranger: ItemGrid.Arranger<Own> = {\r\n  arrangement: (s, box): PathArrangement => {\r\n    const { path, placement } = pathIn(s, box)\r\n    return {\r\n      kind: \"path\",\r\n      path,\r\n      placement,\r\n      spacing: s.spacing,\r\n      spacingDistance: s.spacingDistance,\r\n      offset: s.offset,\r\n      flowSpeed: s.flowSpeed,\r\n      trimStart: s.trimStart,\r\n      trimEnd: s.trimEnd,\r\n      alignToPath: s.alignToPath,\r\n    }\r\n  },\r\n}\r\n\r\n/**\r\n * Children along a path: one of the templates drawn to fill the node's box,\r\n * a path of the grid's own, or a path node elsewhere in the scene, followed\r\n * wherever it is.\r\n *\r\n * Items are spaced by distance along the curve, so they sit evenly on a tight\r\n * bend and a straight alike. Animating `offset` moves them along it — on a\r\n * closed path they come round again, which is a conveyor belt for free.\r\n */\r\nexport const PathGrid = ItemGrid.define(component2d({\r\n  key: \"pathGrid\",\r\n  state: { ...ItemGrid.state, ...own },\r\n  // A template is drawn to fill the box, so a path grid needs one of its own\r\n  // rather than hugging items whose places depend on it.\r\n  defaults: { ...DEFAULT_SIZE },\r\n  commands: {\r\n    ...ItemGrid.commands,\r\n    /** Move the items along the path by `loops` — `1` is once round, and they keep their spacing. */\r\n    flow: {\r\n      args: { loops: Types.number(1, { step: 0.25 }) },\r\n      run: (timeline, s) => timeline.tween({ offset: s.offset + (timeline.args.loops ?? 1) }),\r\n    },\r\n    /** Squeeze the items into part of the path, between two shares of its length. */\r\n    trimTo: {\r\n      args: {\r\n        trimStart: ItemGrid.hinted(0.25, { min: 0, max: 1, step: 0.01 }),\r\n        trimEnd: ItemGrid.hinted(0.75, { min: 0, max: 1, step: 0.01 }),\r\n      },\r\n      run: (timeline, s) => timeline.tween({\r\n        trimStart: timeline.args.trimStart ?? s.trimStart,\r\n        trimEnd: timeline.args.trimEnd ?? s.trimEnd,\r\n      }),\r\n    },\r\n    /**\r\n     * Move the items onto another path — a template, or a path node in the\r\n     * scene. Each item travels from its place on the old path to its place on\r\n     * the new one; the path itself is not morphed.\r\n     */\r\n    setPath: {\r\n      args: {\r\n        shape: ItemGrid.hinted(\"heart\", { kind: \"enum\", options: PATH_GRID_SHAPES }),\r\n        pathNode: ItemGrid.nodeRefArg([\"path\"]),\r\n        ...staggerArgs(TRANSITION_STAGGER),\r\n      },\r\n      run: (timeline, s, children) => {\r\n        const pathNode = timeline.args.pathNode ?? \"\"\r\n        const changes = pathNode ? { pathNode } : { shape: timeline.args.shape ?? s.shape, pathNode: \"\" }\r\n        return ItemGrid.transitionTo(timeline as never, s, children, changes)\r\n      },\r\n    },\r\n  },\r\n  ...ItemGrid.fields(arranger),\r\n}), arranger)\r\n\r\nexport type PathGrid = NodeOf<typeof PathGrid>\r\n/** What a call or a document row may set. */\r\nexport type PathGridProps = NonNullable<Parameters<typeof PathGrid>[0]>\r\n\r\n/** The path the items follow, and where its coordinates land in this grid's frame. */\r\nfunction pathIn(s: Own, box: Size2D): { path: PathData; placement: PathPlacement } {\r\n  const linked = s.pathNode\r\n  // A document `path` draws its data in its own unit box, at its own position.\r\n  if (linked?.key === \"path\") return { path: unitPath(linked), placement: { ...AT_ORIGIN, ...linked.frame } }\r\n  // A face-value path draws its data centred on the data's own bounds, at its own position.\r\n  const data = linked?.key === \"facePath\" ? dataOf(linked) : undefined\r\n  const bounds = data !== undefined ? pathOps.bounds(data) : null\r\n  if (linked && data !== undefined && bounds) {\r\n    return {\r\n      path: data,\r\n      placement: {\r\n        originX: (bounds.minX + bounds.maxX) / 2,\r\n        originY: (bounds.minY + bounds.maxY) / 2,\r\n        ...linked.frame,\r\n      },\r\n    }\r\n  }\r\n  if (s.shape === \"custom\") {\r\n    const own = pathOps.bounds(s.path)\r\n    if (own) {\r\n      return {\r\n        path: s.path,\r\n        placement: {\r\n          ...AT_ORIGIN,\r\n          originX: (own.minX + own.maxX) / 2,\r\n          originY: (own.minY + own.maxY) / 2,\r\n          flipY: true,\r\n        },\r\n      }\r\n    }\r\n  }\r\n  const template: PathTemplate = s.shape === \"custom\" ? \"circle\" : s.shape\r\n  return { path: templatePath(template, box), placement: AT_ORIGIN }\r\n}\r\n\r\nfunction dataOf(view: NodeView): PathData {\r\n  return (view.state as { readonly data: PathData }).data\r\n}\r\n\r\nconst unitPaths = new WeakMap<NodeView, { data: PathData; width: number; height: number; path: PathData }>()\r\n\r\n/**\r\n * A path node's geometry as it draws it: stored in its unit box, y-down, and\r\n * scaled to its laid-out size — kept while neither changes, so the path's\r\n * measurement is kept with it.\r\n */\r\nfunction unitPath(view: NodeView): PathData {\r\n  const data = dataOf(view)\r\n  const { width, height } = view.size\r\n  const cached = unitPaths.get(view)\r\n  if (cached && cached.data === data && cached.width === width && cached.height === height) return cached.path\r\n  const path = pathOps.anchorCommands(pathOps.anchors(data), (p) => ({ x: p.x * width, y: -p.y * height }))\r\n  unitPaths.set(view, { data, width, height, path })\r\n  return path\r\n}\r\n"]}

package/dist/radial-grid/radial-grid.d.ts

@@ -1,51 +1,103 @@
-import { type Command, type CommandArgs, type NodeConfig } from "@motionscript/sdk";
-import { ItemGrid, type ItemGridProps, type RadialArrangement, type RadialDirection } from "../kit/index.js";
-export interface RadialGridProps extends ItemGridProps {
-    radius: number;
-    startAngle: number;
-    sweep: number;
-    direction: RadialDirection;
-    rotateItems: boolean;
-    spinSpeed: number;
-}
+import { type NodeOf, type Node2D as _Node2D, type Node2DProps as _Node2DProps } from "@motionscript/sdk";
+import { ItemGrid } from "../kit/index.js";
 /**
  * Children round a circle, or along an arc of one.
  *
  * A full circle spaces the items evenly with none on top of another; an arc
- * puts one at each end. Angles run clockwise from twelve o'clock, so
- * {@link turnTo} can bring any item to the top like a dial.
+ * puts one at each end. Angles run clockwise from twelve o'clock, so `turnTo`
+ * can bring any item to the top like a dial.
  */
-export declare class RadialGrid extends ItemGrid<RadialGridProps> {
-    radius: number;
-    startAngle: number;
-    sweep: number;
-    direction: RadialDirection;
-    rotateItems: boolean;
-    spinSpeed: number;
-    constructor(props?: NodeConfig<RadialGrid, RadialGridProps>);
-    /** Orbit the items round the centre by `degrees` — `360` is one full turn. */
-    spin(args: CommandArgs<{
-        degrees?: number;
-    }> & {
-        duration: number;
-    }): Command<RadialGridProps>;
-    /** Turn the ring the shorter way round until an item (by its place in the layers) sits at the top. */
-    turnTo(args: CommandArgs<{
-        item?: number;
-    }> & {
-        duration: number;
-    }): Command<RadialGridProps>;
-    radiusTo(args: CommandArgs<{
-        radius: number;
-    }> & {
-        duration: number;
-    }): Command<RadialGridProps>;
-    /** Open or close the arc like a fan — from `0` to `360` is a reveal of its own. */
-    sweepTo(args: CommandArgs<{
-        sweep: number;
-    }> & {
-        duration: number;
-    }): Command<RadialGridProps>;
-    protected arrangementFor(): RadialArrangement;
-}
+export declare const RadialGrid: import("@motionscript/sdk").Component<"radialGrid", import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    readonly radius: import("@motionscript/sdk").Type<number, number, false>;
+    readonly startAngle: import("@motionscript/sdk").Type<number, number, false>;
+    readonly sweep: import("@motionscript/sdk").Type<number, number, false>;
+    readonly direction: import("@motionscript/sdk").Type<"clockwise" | "counterclockwise", "clockwise" | "counterclockwise", false>;
+    readonly rotateItems: boolean;
+    readonly spinSpeed: import("@motionscript/sdk").Type<number, number, false>;
+    readonly order: import("@motionscript/sdk").Type<number[], number[], false>;
+    readonly spread: import("@motionscript/sdk").Type<number, number, false>;
+    readonly arrangeLike: import("@motionscript/sdk").Type<string, import("@motionscript/sdk").NodeView<import("@motionscript/sdk").Element<string, unknown, unknown>> | null, false>;
+    readonly revealState: import("@motionscript/sdk").Type<import("../index.js").RevealState | null | undefined, import("../index.js").RevealState | null | undefined, false>;
+    readonly waveState: import("@motionscript/sdk").Type<import("../index.js").WaveState | null | undefined, import("../index.js").WaveState | null | undefined, false>;
+    readonly focusState: import("@motionscript/sdk").Type<import("../index.js").FocusState | null | undefined, import("../index.js").FocusState | null | undefined, false>;
+    readonly transition: import("@motionscript/sdk").Type<ItemGrid.GridTransition | null | undefined, ItemGrid.GridTransition | null | undefined, false>;
+    readonly transitionSource: import("@motionscript/sdk").Type<string, import("@motionscript/sdk").NodeView<import("@motionscript/sdk").Element<string, unknown, unknown>> | null, true>;
+}>, {
+    readonly spin: {
+        readonly degrees: import("@motionscript/sdk").Type<number, number, false>;
+    };
+    readonly turnTo: {
+        readonly item: import("@motionscript/sdk").Type<number, number, false>;
+    };
+    readonly radiusTo: {
+        readonly radius: import("@motionscript/sdk").Type<280 | undefined, 280 | undefined, false>;
+    };
+    readonly sweepTo: {
+        readonly sweep: import("@motionscript/sdk").Type<360 | undefined, 360 | undefined, false>;
+    };
+    readonly reveal: {
+        readonly staggerOrder: import("@motionscript/sdk").Type<"path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", "path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", false>;
+        readonly stagger: import("@motionscript/sdk").Type<number, number, false>;
+        readonly style: import("@motionscript/sdk").Type<"center" | "scale" | "fade" | "rise" | "flip" | "spin", "center" | "scale" | "fade" | "rise" | "flip" | "spin", false>;
+    };
+    readonly conceal: {
+        readonly staggerOrder: import("@motionscript/sdk").Type<"path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", "path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", false>;
+        readonly stagger: import("@motionscript/sdk").Type<number, number, false>;
+        readonly style: import("@motionscript/sdk").Type<"center" | "scale" | "fade" | "rise" | "flip" | "spin", "center" | "scale" | "fade" | "rise" | "flip" | "spin", false>;
+    };
+    readonly wave: {
+        readonly staggerOrder: import("@motionscript/sdk").Type<"path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", "path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", false>;
+        readonly stagger: import("@motionscript/sdk").Type<number, number, false>;
+        readonly style: import("@motionscript/sdk").Type<"scale" | "fade" | "spin" | "lift", "scale" | "fade" | "spin" | "lift", false>;
+        readonly amount: import("@motionscript/sdk").Type<number, number, false>;
+    };
+    readonly focus: {
+        readonly item: import("@motionscript/sdk").Type<number, number, false>;
+        readonly dim: import("@motionscript/sdk").Type<number, number, false>;
+        readonly grow: import("@motionscript/sdk").Type<number, number, false>;
+    };
+    readonly unfocus: unknown;
+    readonly spreadTo: {
+        readonly spread: import("@motionscript/sdk").Type<number, number, false>;
+    };
+    readonly shuffle: {
+        readonly staggerOrder: import("@motionscript/sdk").Type<"path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", "path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", false>;
+        readonly stagger: import("@motionscript/sdk").Type<number, number, false>;
+        readonly seed: import("@motionscript/sdk").Type<number, number, false>;
+    };
+    readonly swap: {
+        readonly staggerOrder: import("@motionscript/sdk").Type<"path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", "path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", false>;
+        readonly stagger: import("@motionscript/sdk").Type<number, number, false>;
+        readonly first: import("@motionscript/sdk").Type<number, number, false>;
+        readonly second: import("@motionscript/sdk").Type<number, number, false>;
+    };
+    readonly reorder: {
+        readonly staggerOrder: import("@motionscript/sdk").Type<"path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", "path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", false>;
+        readonly stagger: import("@motionscript/sdk").Type<number, number, false>;
+        readonly order: import("@motionscript/sdk").Type<string, string, false>;
+    };
+    readonly morphInto: {
+        readonly staggerOrder: import("@motionscript/sdk").Type<"path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", "path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", false>;
+        readonly stagger: import("@motionscript/sdk").Type<number, number, false>;
+        readonly target: import("@motionscript/sdk").Type<string | undefined, string | undefined, false>;
+    };
+}, null, _Node2D<_Node2DProps>, import("@motionscript/sdk").CallProps<import("@motionscript/sdk").Merge<import("@motionscript/sdk").Box2DState, {
+    readonly radius: import("@motionscript/sdk").Type<number, number, false>;
+    readonly startAngle: import("@motionscript/sdk").Type<number, number, false>;
+    readonly sweep: import("@motionscript/sdk").Type<number, number, false>;
+    readonly direction: import("@motionscript/sdk").Type<"clockwise" | "counterclockwise", "clockwise" | "counterclockwise", false>;
+    readonly rotateItems: boolean;
+    readonly spinSpeed: import("@motionscript/sdk").Type<number, number, false>;
+    readonly order: import("@motionscript/sdk").Type<number[], number[], false>;
+    readonly spread: import("@motionscript/sdk").Type<number, number, false>;
+    readonly arrangeLike: import("@motionscript/sdk").Type<string, import("@motionscript/sdk").NodeView<import("@motionscript/sdk").Element<string, unknown, unknown>> | null, false>;
+    readonly revealState: import("@motionscript/sdk").Type<import("../index.js").RevealState | null | undefined, import("../index.js").RevealState | null | undefined, false>;
+    readonly waveState: import("@motionscript/sdk").Type<import("../index.js").WaveState | null | undefined, import("../index.js").WaveState | null | undefined, false>;
+    readonly focusState: import("@motionscript/sdk").Type<import("../index.js").FocusState | null | undefined, import("../index.js").FocusState | null | undefined, false>;
+    readonly transition: import("@motionscript/sdk").Type<ItemGrid.GridTransition | null | undefined, ItemGrid.GridTransition | null | undefined, false>;
+    readonly transitionSource: import("@motionscript/sdk").Type<string, import("@motionscript/sdk").NodeView<import("@motionscript/sdk").Element<string, unknown, unknown>> | null, true>;
+}>, null>>;
+export type RadialGrid = NodeOf<typeof RadialGrid>;
+/** What a call or a document row may set. */
+export type RadialGridProps = NonNullable<Parameters<typeof RadialGrid>[0]>;
 //# sourceMappingURL=radial-grid.d.ts.map

package/dist/radial-grid/radial-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radial-grid.d.ts","sourceRoot":"","sources":["../../src/radial-grid/radial-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE5G,OAAO,EACL,QAAQ,EAIR,KAAK,aAAa,EAClB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACrB,MAAM,QAAQ,CAAA;AAEf,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,eAAe,CAAA;IAC1B,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED;;;;;;GAMG;AACH,qBAWa,UAAW,SAAQ,QAAQ,CAAC,eAAe,CAAC;IACF,MAAM,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IACK,KAAK,EAAE,MAAM,CAAA;IACJ,SAAS,EAAE,eAAe,CAAA;IAC1E,WAAW,EAAE,OAAO,CAAA;IACF,SAAS,EAAE,MAAM,CAAA;gBAE7D,KAAK,CAAC,EAAE,UAAU,CAAC,UAAU,EAAE,eAAe,CAAC;IAI3D,8EAA8E;IAE9E,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,eAAe,CAAC;IAK9F,sGAAsG;IAEtG,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,eAAe,CAAC;IAQ7F,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,eAAe,CAAC;IAIhG,mFAAmF;IAEnF,OAAO,CAAC,IAAI,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,eAAe,CAAC;cAI3E,cAAc,IAAI,iBAAiB;CAWvD"}
+{"version":3,"file":"radial-grid.d.ts","sourceRoot":"","sources":["../../src/radial-grid/radial-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,MAAM,EAGX,KAAK,MAAM,IAAI,OAAO,EACtB,KAAK,WAAW,IAAI,YAAY,EACjC,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EAAE,QAAQ,EAA8E,MAAM,QAAQ,CAAA;AA2B7G;;;;;;GAMG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAgCV,CAAA;AAEb,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,UAAU,CAAC,CAAA;AAClD,6CAA6C;AAC7C,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA"}