pixi-effects 0.30.0 → 0.31.0

package/dist/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkHREBQAY4_cjs = require('./chunk-HREBQAY4.cjs');
-require('./chunk-WHNADXXG.cjs');
-var chunkZVUO325O_cjs = require('./chunk-ZVUO325O.cjs');
+var chunkX3WHETQ3_cjs = require('./chunk-X3WHETQ3.cjs');
+require('./chunk-L73KRFXI.cjs');
+var chunkDJ5B7IKT_cjs = require('./chunk-DJ5B7IKT.cjs');
 require('./chunk-2DXPTKQZ.cjs');
 require('./chunk-LYOKH7KE.cjs');
 var chunkTWZNOUM7_cjs = require('./chunk-TWZNOUM7.cjs');
@@ -11,115 +11,115 @@ var chunkTWZNOUM7_cjs = require('./chunk-TWZNOUM7.cjs');
 
 Object.defineProperty(exports, "Movie", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.Movie; }
+  get: function () { return chunkX3WHETQ3_cjs.Movie; }
 });
 Object.defineProperty(exports, "animateText", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.animateText; }
+  get: function () { return chunkX3WHETQ3_cjs.animateText; }
 });
 Object.defineProperty(exports, "audioEnvelope", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.audioEnvelope; }
+  get: function () { return chunkX3WHETQ3_cjs.audioEnvelope; }
 });
 Object.defineProperty(exports, "bpmEnvelope", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.bpmEnvelope; }
+  get: function () { return chunkX3WHETQ3_cjs.bpmEnvelope; }
 });
 Object.defineProperty(exports, "cameraPath", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.cameraPath; }
+  get: function () { return chunkX3WHETQ3_cjs.cameraPath; }
 });
 Object.defineProperty(exports, "computeEnvelope", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.computeEnvelope; }
+  get: function () { return chunkX3WHETQ3_cjs.computeEnvelope; }
 });
 Object.defineProperty(exports, "dismissLoader", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.dismissLoader; }
+  get: function () { return chunkX3WHETQ3_cjs.dismissLoader; }
 });
 Object.defineProperty(exports, "ease", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.parseEase; }
+  get: function () { return chunkX3WHETQ3_cjs.parseEase; }
 });
 Object.defineProperty(exports, "failLoader", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.failLoader; }
+  get: function () { return chunkX3WHETQ3_cjs.failLoader; }
 });
 Object.defineProperty(exports, "followPath", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.followPath; }
+  get: function () { return chunkX3WHETQ3_cjs.followPath; }
 });
 Object.defineProperty(exports, "kenBurns", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.kenBurns; }
+  get: function () { return chunkX3WHETQ3_cjs.kenBurns; }
 });
 Object.defineProperty(exports, "measureText", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.measureText; }
+  get: function () { return chunkX3WHETQ3_cjs.measureText; }
 });
 Object.defineProperty(exports, "musicBuffer", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.musicBuffer; }
+  get: function () { return chunkX3WHETQ3_cjs.musicBuffer; }
 });
 Object.defineProperty(exports, "musicEnvelope", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.musicEnvelope; }
+  get: function () { return chunkX3WHETQ3_cjs.musicEnvelope; }
 });
 Object.defineProperty(exports, "musicEvents", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.musicEvents; }
+  get: function () { return chunkX3WHETQ3_cjs.musicEvents; }
 });
 Object.defineProperty(exports, "orbit", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.orbit; }
+  get: function () { return chunkX3WHETQ3_cjs.orbit; }
 });
 Object.defineProperty(exports, "particles", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.particles; }
+  get: function () { return chunkX3WHETQ3_cjs.particles; }
 });
 Object.defineProperty(exports, "react", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.react; }
+  get: function () { return chunkX3WHETQ3_cjs.react; }
 });
 Object.defineProperty(exports, "resolveLoader", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.resolveLoader; }
+  get: function () { return chunkX3WHETQ3_cjs.resolveLoader; }
 });
 Object.defineProperty(exports, "splitText", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.splitText; }
+  get: function () { return chunkX3WHETQ3_cjs.splitText; }
 });
 Object.defineProperty(exports, "stagger", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.stagger; }
+  get: function () { return chunkX3WHETQ3_cjs.stagger; }
 });
 Object.defineProperty(exports, "wiggle", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.wiggle; }
+  get: function () { return chunkX3WHETQ3_cjs.wiggle; }
 });
 Object.defineProperty(exports, "withFade", {
   enumerable: true,
-  get: function () { return chunkHREBQAY4_cjs.withFade; }
+  get: function () { return chunkX3WHETQ3_cjs.withFade; }
 });
 Object.defineProperty(exports, "Sequence", {
   enumerable: true,
-  get: function () { return chunkZVUO325O_cjs.Sequence; }
+  get: function () { return chunkDJ5B7IKT_cjs.Sequence; }
 });
 Object.defineProperty(exports, "noise", {
   enumerable: true,
-  get: function () { return chunkZVUO325O_cjs.noise; }
+  get: function () { return chunkDJ5B7IKT_cjs.noise; }
 });
 Object.defineProperty(exports, "rand", {
   enumerable: true,
-  get: function () { return chunkZVUO325O_cjs.rand; }
+  get: function () { return chunkDJ5B7IKT_cjs.rand; }
 });
 Object.defineProperty(exports, "random", {
   enumerable: true,
-  get: function () { return chunkZVUO325O_cjs.random; }
+  get: function () { return chunkDJ5B7IKT_cjs.random; }
 });
 Object.defineProperty(exports, "registerSequenceType", {
   enumerable: true,
-  get: function () { return chunkZVUO325O_cjs.registerSequenceType; }
+  get: function () { return chunkDJ5B7IKT_cjs.registerSequenceType; }
 });
 Object.defineProperty(exports, "warnUnknownOptions", {
   enumerable: true,

package/dist/index.d.cts

@@ -1,8 +1,8 @@
-import { M as MusicEvents } from './Movie-DdnpLpw1.cjs';
-export { A as AudioInspectOptions, a as AudioReport, b as AudioSourceReport, C as ContactSheetOptions, F as FontReport, c as FrameEvent, I as InspectOptions, d as InspectReport, e as IssueGroup, L as LayerInfo, f as LoadProgressState, g as LoadStage, h as LoaderOption, i as MotionBlurOptions, j as MotionBlurSpec, k as Movie, l as MovieErrorEvent, m as MovieOptions, n as MusicDrumEvents, o as MusicDrumHit, p as MusicNote, q as MusicSummary, r as MusicTrackEvents, O as OnionSkinOptions, P as ProgressEvent, R as RenderOptions, s as ReviewOptions, t as ReviewReport, S as SnapshotOptions, u as SoundMeasure, T as TimelineData, v as TimelineHtmlOptions, w as TimelineRow, x as TimelineSvgOptions, y as TimelineTransition, V as VolumeEvent, z as dismissLoader, B as failLoader, D as resolveLoader } from './Movie-DdnpLpw1.cjs';
-import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, a as CameraSequenceSpec, K as Keyframe, T as TextSequenceSpec, M as MusicOptions, b as SequenceCommon } from './types-BzIB65Vk.cjs';
-export { A as ArcShapeSpec, c as AssetSpec, d as AudioAssetSpec, e as AudioMusicSpec, f as AudioSequenceSpec, g as AudioSfxSpec, B as BlendModeName, h as ChromaKeyFilterSpec, i as CircleShapeSpec, j as CompositionSequenceSpec, k as CompositionSpec, l as CrossfadeTransition, m as CustomFilterSpec, D as DipTransition, n as DissolveTransition, E as EllipseShapeSpec, o as Expr, F as FilterSpec, G as GradientSpec, p as IrisTransition, L as LightSequenceSpec, q as LineShapeSpec, r as LumaTransition, s as MaskRefSpec, t as MatteRefSpec, u as MusicDrum, v as MusicDrums, w as MusicInstrument, x as MusicLevel, y as MusicTrack, N as NullSequenceSpec, P as PathShapeSpec, z as PolygonShapeSpec, H as PropValue, J as Props, R as RectShapeSpec, O as SfxKnobs, Q as SfxOptions, U as SfxPreset, V as SfxVoice, W as ShaderSequenceSpec, X as ShapeSequenceSpec, Y as SlideTransition, Z as Stop, _ as StopSpec, $ as TransitionCommon, a0 as TransitionSpec, a1 as VideoSequenceSpec, a2 as WipeTransition, a3 as ZoomTransition } from './types-BzIB65Vk.cjs';
-import { S as Sequence } from './Base-CB1_FPZD.cjs';
+import { M as MusicEvents } from './Movie-BH81stkb.cjs';
+export { A as AudioInspectOptions, a as AudioReport, b as AudioSourceReport, C as ContactSheetOptions, F as FontReport, c as FrameEvent, I as InspectOptions, d as InspectReport, e as IssueGroup, L as LayerInfo, f as LoadProgressState, g as LoadStage, h as LoaderOption, i as LoopEvent, j as MotionBlurOptions, k as MotionBlurSpec, l as Movie, m as MovieErrorEvent, n as MovieOptions, o as MusicDrumEvents, p as MusicDrumHit, q as MusicNote, r as MusicSummary, s as MusicTrackEvents, O as OnionSkinOptions, P as ProgressEvent, R as RebuildOptions, t as RebuildReason, u as RebuildReport, v as RenderOptions, w as ReviewOptions, x as ReviewReport, S as SnapshotOptions, y as SoundMeasure, T as TimelineData, z as TimelineHtmlOptions, B as TimelineRow, D as TimelineSvgOptions, E as TimelineTransition, V as VolumeEvent, G as dismissLoader, H as failLoader, J as resolveLoader } from './Movie-BH81stkb.cjs';
+import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, a as CameraSequenceSpec, K as Keyframe, T as TextSequenceSpec, M as MusicOptions, b as SequenceCommon } from './types-CK_crNAI.cjs';
+export { A as ArcShapeSpec, c as AssetSpec, d as AudioAssetSpec, e as AudioMusicSpec, f as AudioSequenceSpec, g as AudioSfxSpec, B as BlendModeName, h as ChromaKeyFilterSpec, i as CircleShapeSpec, j as CompositionSequenceSpec, k as CompositionSpec, l as CrossfadeTransition, m as CustomFilterSpec, D as DipTransition, n as DissolveTransition, E as EllipseShapeSpec, o as Expr, F as FilterSpec, G as GradientSpec, p as IrisTransition, L as LightSequenceSpec, q as LineShapeSpec, r as LumaTransition, s as MaskRefSpec, t as MatteRefSpec, u as MusicDrum, v as MusicDrums, w as MusicInstrument, x as MusicLevel, y as MusicTrack, N as NullSequenceSpec, P as PathShapeSpec, z as PolygonShapeSpec, H as PropValue, J as Props, R as RectShapeSpec, O as SfxKnobs, Q as SfxOptions, U as SfxPreset, V as SfxVoice, W as ShaderSequenceSpec, X as ShapeSequenceSpec, Y as SlideTransition, Z as Stop, _ as StopSpec, $ as TransitionCommon, a0 as TransitionSpec, a1 as VideoSequenceSpec, a2 as WipeTransition, a3 as ZoomTransition } from './types-CK_crNAI.cjs';
+import { S as Sequence } from './Base-BKagtWc0.cjs';
 import 'pixi.js';
 
 /** A text style as written in a `text` layer's `style` (numbers, not expressions, for the fields that size the text). */

package/dist/index.d.ts

@@ -1,8 +1,8 @@
-import { M as MusicEvents } from './Movie-C2rZFkrO.js';
-export { A as AudioInspectOptions, a as AudioReport, b as AudioSourceReport, C as ContactSheetOptions, F as FontReport, c as FrameEvent, I as InspectOptions, d as InspectReport, e as IssueGroup, L as LayerInfo, f as LoadProgressState, g as LoadStage, h as LoaderOption, i as MotionBlurOptions, j as MotionBlurSpec, k as Movie, l as MovieErrorEvent, m as MovieOptions, n as MusicDrumEvents, o as MusicDrumHit, p as MusicNote, q as MusicSummary, r as MusicTrackEvents, O as OnionSkinOptions, P as ProgressEvent, R as RenderOptions, s as ReviewOptions, t as ReviewReport, S as SnapshotOptions, u as SoundMeasure, T as TimelineData, v as TimelineHtmlOptions, w as TimelineRow, x as TimelineSvgOptions, y as TimelineTransition, V as VolumeEvent, z as dismissLoader, B as failLoader, D as resolveLoader } from './Movie-C2rZFkrO.js';
-import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, a as CameraSequenceSpec, K as Keyframe, T as TextSequenceSpec, M as MusicOptions, b as SequenceCommon } from './types-BzIB65Vk.js';
-export { A as ArcShapeSpec, c as AssetSpec, d as AudioAssetSpec, e as AudioMusicSpec, f as AudioSequenceSpec, g as AudioSfxSpec, B as BlendModeName, h as ChromaKeyFilterSpec, i as CircleShapeSpec, j as CompositionSequenceSpec, k as CompositionSpec, l as CrossfadeTransition, m as CustomFilterSpec, D as DipTransition, n as DissolveTransition, E as EllipseShapeSpec, o as Expr, F as FilterSpec, G as GradientSpec, p as IrisTransition, L as LightSequenceSpec, q as LineShapeSpec, r as LumaTransition, s as MaskRefSpec, t as MatteRefSpec, u as MusicDrum, v as MusicDrums, w as MusicInstrument, x as MusicLevel, y as MusicTrack, N as NullSequenceSpec, P as PathShapeSpec, z as PolygonShapeSpec, H as PropValue, J as Props, R as RectShapeSpec, O as SfxKnobs, Q as SfxOptions, U as SfxPreset, V as SfxVoice, W as ShaderSequenceSpec, X as ShapeSequenceSpec, Y as SlideTransition, Z as Stop, _ as StopSpec, $ as TransitionCommon, a0 as TransitionSpec, a1 as VideoSequenceSpec, a2 as WipeTransition, a3 as ZoomTransition } from './types-BzIB65Vk.js';
-import { S as Sequence } from './Base-Ne74ztNl.js';
+import { M as MusicEvents } from './Movie-CfFPItoL.js';
+export { A as AudioInspectOptions, a as AudioReport, b as AudioSourceReport, C as ContactSheetOptions, F as FontReport, c as FrameEvent, I as InspectOptions, d as InspectReport, e as IssueGroup, L as LayerInfo, f as LoadProgressState, g as LoadStage, h as LoaderOption, i as LoopEvent, j as MotionBlurOptions, k as MotionBlurSpec, l as Movie, m as MovieErrorEvent, n as MovieOptions, o as MusicDrumEvents, p as MusicDrumHit, q as MusicNote, r as MusicSummary, s as MusicTrackEvents, O as OnionSkinOptions, P as ProgressEvent, R as RebuildOptions, t as RebuildReason, u as RebuildReport, v as RenderOptions, w as ReviewOptions, x as ReviewReport, S as SnapshotOptions, y as SoundMeasure, T as TimelineData, z as TimelineHtmlOptions, B as TimelineRow, D as TimelineSvgOptions, E as TimelineTransition, V as VolumeEvent, G as dismissLoader, H as failLoader, J as resolveLoader } from './Movie-CfFPItoL.js';
+import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, a as CameraSequenceSpec, K as Keyframe, T as TextSequenceSpec, M as MusicOptions, b as SequenceCommon } from './types-CK_crNAI.js';
+export { A as ArcShapeSpec, c as AssetSpec, d as AudioAssetSpec, e as AudioMusicSpec, f as AudioSequenceSpec, g as AudioSfxSpec, B as BlendModeName, h as ChromaKeyFilterSpec, i as CircleShapeSpec, j as CompositionSequenceSpec, k as CompositionSpec, l as CrossfadeTransition, m as CustomFilterSpec, D as DipTransition, n as DissolveTransition, E as EllipseShapeSpec, o as Expr, F as FilterSpec, G as GradientSpec, p as IrisTransition, L as LightSequenceSpec, q as LineShapeSpec, r as LumaTransition, s as MaskRefSpec, t as MatteRefSpec, u as MusicDrum, v as MusicDrums, w as MusicInstrument, x as MusicLevel, y as MusicTrack, N as NullSequenceSpec, P as PathShapeSpec, z as PolygonShapeSpec, H as PropValue, J as Props, R as RectShapeSpec, O as SfxKnobs, Q as SfxOptions, U as SfxPreset, V as SfxVoice, W as ShaderSequenceSpec, X as ShapeSequenceSpec, Y as SlideTransition, Z as Stop, _ as StopSpec, $ as TransitionCommon, a0 as TransitionSpec, a1 as VideoSequenceSpec, a2 as WipeTransition, a3 as ZoomTransition } from './types-CK_crNAI.js';
+import { S as Sequence } from './Base-jRiMHcWT.js';
 import 'pixi.js';
 
 /** A text style as written in a `text` layer's `style` (numbers, not expressions, for the fields that size the text). */

package/dist/index.js

@@ -1,6 +1,6 @@
-export { Movie, animateText, audioEnvelope, bpmEnvelope, cameraPath, computeEnvelope, dismissLoader, parseEase as ease, failLoader, followPath, kenBurns, measureText, musicBuffer, musicEnvelope, musicEvents, orbit, particles, react, resolveLoader, splitText, stagger, wiggle, withFade } from './chunk-CRQFDY7E.js';
-import './chunk-A3Q3SDSH.js';
-export { Sequence, noise, rand, random, registerSequenceType } from './chunk-ZAXYPXKW.js';
+export { Movie, animateText, audioEnvelope, bpmEnvelope, cameraPath, computeEnvelope, dismissLoader, parseEase as ease, failLoader, followPath, kenBurns, measureText, musicBuffer, musicEnvelope, musicEvents, orbit, particles, react, resolveLoader, splitText, stagger, wiggle, withFade } from './chunk-UTIBYMIO.js';
+import './chunk-BGMCZA36.js';
+export { Sequence, noise, rand, random, registerSequenceType } from './chunk-MMTESMJ5.js';
 import './chunk-4KB3GUEK.js';
 import './chunk-RCVZX2JP.js';
 export { warnUnknownOptions } from './chunk-BXOCEZ4U.js';

package/dist/loader.css

@@ -1,7 +1,7 @@
 /*
  * pixi-effects loader: one line of HTML on the page, a few lines of CSS, no JavaScript of your own.
  *
- *   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pixi-effects@0.30.0/dist/loader.css">
+ *   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pixi-effects@0.31.0/dist/loader.css">
  *   <div class="stage" style="position: relative">                      <!-- any box the canvas sits in, with position: relative -->
  *     <canvas id="stage" width="1280" height="720"></canvas>
  *     <div class="pe-loader" data-label="LOADING"></div>                <!-- or class="pe-loader pe-loader--bar" -->

package/dist/present.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-require('./chunk-HREBQAY4.cjs');
-require('./chunk-WHNADXXG.cjs');
-require('./chunk-ZVUO325O.cjs');
+require('./chunk-X3WHETQ3.cjs');
+require('./chunk-L73KRFXI.cjs');
+require('./chunk-DJ5B7IKT.cjs');
 require('./chunk-2DXPTKQZ.cjs');
 require('./chunk-LYOKH7KE.cjs');
 var chunkTWZNOUM7_cjs = require('./chunk-TWZNOUM7.cjs');

package/dist/present.d.cts

@@ -1,5 +1,5 @@
-import { k as Movie, j as MotionBlurSpec } from './Movie-DdnpLpw1.cjs';
-import { S as SequenceSpec, J as Props, K as Keyframe, a0 as TransitionSpec, k as CompositionSpec, Z as Stop } from './types-BzIB65Vk.cjs';
+import { l as Movie, k as MotionBlurSpec } from './Movie-BH81stkb.cjs';
+import { S as SequenceSpec, J as Props, K as Keyframe, a0 as TransitionSpec, k as CompositionSpec, Z as Stop } from './types-CK_crNAI.cjs';
 import 'pixi.js';
 
 interface PresenterOptions {

package/dist/present.d.ts

@@ -1,5 +1,5 @@
-import { k as Movie, j as MotionBlurSpec } from './Movie-C2rZFkrO.js';
-import { S as SequenceSpec, J as Props, K as Keyframe, a0 as TransitionSpec, k as CompositionSpec, Z as Stop } from './types-BzIB65Vk.js';
+import { l as Movie, k as MotionBlurSpec } from './Movie-CfFPItoL.js';
+import { S as SequenceSpec, J as Props, K as Keyframe, a0 as TransitionSpec, k as CompositionSpec, Z as Stop } from './types-CK_crNAI.js';
 import 'pixi.js';
 
 interface PresenterOptions {

package/dist/present.js

@@ -1,6 +1,6 @@
-import './chunk-CRQFDY7E.js';
-import './chunk-A3Q3SDSH.js';
-import './chunk-ZAXYPXKW.js';
+import './chunk-UTIBYMIO.js';
+import './chunk-BGMCZA36.js';
+import './chunk-MMTESMJ5.js';
 import './chunk-4KB3GUEK.js';
 import './chunk-RCVZX2JP.js';
 import { warnUnknownOptions } from './chunk-BXOCEZ4U.js';

package/dist/three.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkZVUO325O_cjs = require('./chunk-ZVUO325O.cjs');
+var chunkDJ5B7IKT_cjs = require('./chunk-DJ5B7IKT.cjs');
 require('./chunk-LYOKH7KE.cjs');
 require('./chunk-TWZNOUM7.cjs');
 var pixi_js = require('pixi.js');
 var three$1 = require('three');
 
-var ThreeSequence = class extends chunkZVUO325O_cjs.Sequence {
+var ThreeSequence = class extends chunkDJ5B7IKT_cjs.Sequence {
   _renderer = null;
   _scene = null;
   _camera = null;
@@ -25,7 +25,7 @@ var ThreeSequence = class extends chunkZVUO325O_cjs.Sequence {
     if (this.duration === void 0) {
       this.duration = this.parent?.duration ?? this.root.duration;
     }
-    const scope = chunkZVUO325O_cjs.buildScope(this, this.parent, this.root);
+    const scope = chunkDJ5B7IKT_cjs.buildScope(this, this.parent, this.root);
     const width = resolveDim(spec.width, scope) ?? this.parent?.width ?? this.root.width;
     const height = resolveDim(spec.height, scope) ?? this.parent?.height ?? this.root.height;
     const resolution = spec.resolution ?? 1;
@@ -145,12 +145,12 @@ var ThreeSequence = class extends chunkZVUO325O_cjs.Sequence {
 function resolveDim(v, scope) {
   if (v === void 0) return void 0;
   if (typeof v === "number") return v;
-  return chunkZVUO325O_cjs.evaluateExpr(v, scope);
+  return chunkDJ5B7IKT_cjs.evaluateExpr(v, scope);
 }
 
 // src/three/index.ts
 function registerThree() {
-  chunkZVUO325O_cjs.registerSequenceType("three", ThreeSequence);
+  chunkDJ5B7IKT_cjs.registerSequenceType("three", ThreeSequence);
 }
 function three(spec) {
   return spec;

package/dist/three.d.cts

@@ -1,6 +1,6 @@
-import { b as SequenceCommon, H as PropValue, S as SequenceSpec } from './types-BzIB65Vk.cjs';
+import { b as SequenceCommon, H as PropValue, S as SequenceSpec } from './types-CK_crNAI.cjs';
 import { Scene, Camera, WebGLRenderer } from 'three';
-import { S as Sequence, P as PathRouters } from './Base-CB1_FPZD.cjs';
+import { S as Sequence, P as PathRouters } from './Base-BKagtWc0.cjs';
 import 'pixi.js';
 
 /** Handed to setup / update / dispose. One per three sequence. */

package/dist/three.d.ts

@@ -1,6 +1,6 @@
-import { b as SequenceCommon, H as PropValue, S as SequenceSpec } from './types-BzIB65Vk.js';
+import { b as SequenceCommon, H as PropValue, S as SequenceSpec } from './types-CK_crNAI.js';
 import { Scene, Camera, WebGLRenderer } from 'three';
-import { S as Sequence, P as PathRouters } from './Base-Ne74ztNl.js';
+import { S as Sequence, P as PathRouters } from './Base-jRiMHcWT.js';
 import 'pixi.js';
 
 /** Handed to setup / update / dispose. One per three sequence. */

package/dist/three.js

@@ -1,4 +1,4 @@
-import { Sequence, buildScope, evaluateExpr, registerSequenceType } from './chunk-ZAXYPXKW.js';
+import { Sequence, buildScope, evaluateExpr, registerSequenceType } from './chunk-MMTESMJ5.js';
 import './chunk-RCVZX2JP.js';
 import './chunk-BXOCEZ4U.js';
 import { Texture, Sprite } from 'pixi.js';

package/dist/{types-BzIB65Vk.d.cts → types-CK_crNAI.d.cts}

@@ -692,6 +692,8 @@ interface CompositionShape {
     frameRate?: number;
     /** Called after each layer is built (the root shape only): feeds `loadprogress` and lets the page paint now and then. */
     onLayerBuilt?: () => void | Promise<void>;
+    /** The numbers declared as variables (`movie.init({ vars })`), on the root shape only: an expression reads them as identifiers. */
+    vars?: Record<string, number>;
 }
 
 export type { TransitionCommon as $, ArcShapeSpec as A, BlendModeName as B, CompositionShape as C, DipTransition as D, EllipseShapeSpec as E, FilterSpec as F, GradientSpec as G, PropValue as H, ImageSequenceSpec as I, Props as J, Keyframe as K, LightSequenceSpec as L, MusicOptions as M, NullSequenceSpec as N, SfxKnobs as O, PathShapeSpec as P, SfxOptions as Q, RectShapeSpec as R, SequenceSpec as S, TextSequenceSpec as T, SfxPreset as U, SfxVoice as V, ShaderSequenceSpec as W, ShapeSequenceSpec as X, SlideTransition as Y, Stop as Z, StopSpec as _, CameraSequenceSpec as a, TransitionSpec as a0, VideoSequenceSpec as a1, WipeTransition as a2, ZoomTransition as a3, SequenceCommon as b, AssetSpec as c, AudioAssetSpec as d, AudioMusicSpec as e, AudioSequenceSpec as f, AudioSfxSpec as g, ChromaKeyFilterSpec as h, CircleShapeSpec as i, CompositionSequenceSpec as j, CompositionSpec as k, CrossfadeTransition as l, CustomFilterSpec as m, DissolveTransition as n, Expr as o, IrisTransition as p, LineShapeSpec as q, LumaTransition as r, MaskRefSpec as s, MatteRefSpec as t, MusicDrum as u, MusicDrums as v, MusicInstrument as w, MusicLevel as x, MusicTrack as y, PolygonShapeSpec as z };

package/dist/{types-BzIB65Vk.d.ts → types-CK_crNAI.d.ts}

@@ -692,6 +692,8 @@ interface CompositionShape {
     frameRate?: number;
     /** Called after each layer is built (the root shape only): feeds `loadprogress` and lets the page paint now and then. */
     onLayerBuilt?: () => void | Promise<void>;
+    /** The numbers declared as variables (`movie.init({ vars })`), on the root shape only: an expression reads them as identifiers. */
+    vars?: Record<string, number>;
 }
 
 export type { TransitionCommon as $, ArcShapeSpec as A, BlendModeName as B, CompositionShape as C, DipTransition as D, EllipseShapeSpec as E, FilterSpec as F, GradientSpec as G, PropValue as H, ImageSequenceSpec as I, Props as J, Keyframe as K, LightSequenceSpec as L, MusicOptions as M, NullSequenceSpec as N, SfxKnobs as O, PathShapeSpec as P, SfxOptions as Q, RectShapeSpec as R, SequenceSpec as S, TextSequenceSpec as T, SfxPreset as U, SfxVoice as V, ShaderSequenceSpec as W, ShapeSequenceSpec as X, SlideTransition as Y, Stop as Z, StopSpec as _, CameraSequenceSpec as a, TransitionSpec as a0, VideoSequenceSpec as a1, WipeTransition as a2, ZoomTransition as a3, SequenceCommon as b, AssetSpec as c, AudioAssetSpec as d, AudioMusicSpec as e, AudioSequenceSpec as f, AudioSfxSpec as g, ChromaKeyFilterSpec as h, CircleShapeSpec as i, CompositionSequenceSpec as j, CompositionSpec as k, CrossfadeTransition as l, CustomFilterSpec as m, DissolveTransition as n, Expr as o, IrisTransition as p, LineShapeSpec as q, LumaTransition as r, MaskRefSpec as s, MatteRefSpec as t, MusicDrum as u, MusicDrums as v, MusicInstrument as w, MusicLevel as x, MusicTrack as y, PolygonShapeSpec as z };

package/docs/api.md

@@ -42,6 +42,8 @@ interface MovieOptions {
   canvas?:     HTMLCanvasElement;   // existing canvas to render into; otherwise PixiJS creates one
   assets?:     AssetSpec[];         // [{ name, src }]
   composition?: CompositionSpec;    // root composition (see DSL reference)
+  vars?:       Record<string, number | string>;   // named values the composition reads: a number as a name in an expression, any as {name} in a string (see Variables)
+  loop?:       boolean;             // start with movie.loop on: playing goes back to the start at the end (default false, like a <video>)
   poster?:     number;              // seconds: the frame shown before play (negative: from the end), see movie.poster
   motionBlur?: boolean | number | { samples?: number; shutter?: number };   // blur for render() / snapshot() / contactSheet(), not live playback; see Motion blur
   loader?:     HTMLElement | string | false;   // the page's loader (see pixi-effects/loader.css): shows how far init is (a bar, "BUILDING LAYERS 62%"), faded out when ready, stopped if init fails; default: a .pe-loader next to the canvas
@@ -78,6 +80,25 @@ Play, and pause exactly at `seconds` (the frame `round(seconds × frameRate)`).
 
 Look around and put the movie back: pauses, runs `fn` (seek, take pictures with `snapshot()`; the seeks made inside are not reported as `seeking` / `seeked`), then puts the playhead (or the poster) back where it was, whatever `fn` did, and returns what `fn` returned. `stopImages()` and `inspectStops()` (`pixi-effects/present`) are made with it.
 
+### Movie variables and rebuilding: `vars`, `setVars()`, `resize()`, `rebuild()`
+
+Variables are declared in `init({ vars: { title: 'NORD', shift: 0 } })` and read by the composition (see [Variables](dsl.md#variables)). Changing one builds the composition again: the new one is built off the stage first and swapped in when it is whole, at the same frame; a failure leaves the old one in place.
+
+```ts
+movie.vars                                         // the current values (a copy)
+await movie.setVars({ shift: 40 });                // the declared names only (others: ignored with a did-you-mean); the same values: nothing happens
+await movie.resize(1080, 1920);                    // the movie's size; W / H / GW / GH follow. Beats a width / height the composition names
+await movie.rebuild({ composition, vars, width, height });   // the general form: any of the four; `composition` replaces the whole spec (your layout function, called again)
+// all three resolve to a report, and fire 'rebuilt' with it:
+interface RebuildReport { reason: 'vars' | 'resize' | 'rebuild'; ms: number; audio: 'reused' | 'mixed' | 'none'; frame: number; playing: boolean; unchanged?: true }
+```
+
+- The new composition is built while the old one goes on; at the swap the movie keeps doing what it is doing at that moment: the same frame, playing or paused (a `pause()`, a seek or a `play()` you made during the build is kept), the poster if it was shown. A playing movie whose sound is unchanged (`audio: 'reused'`) is not stopped at all: the frame clock and the sound go on and only the picture is swapped, so rebuilds in a row (a pointer) do not hold the playhead back. When the sound changed, the movie stops and plays on from the same frame with the new sound. A `playUntil()` in flight ends. The canvas changes size at the swap, not before. A `render()` or `peek()` in flight is not interrupted: the swap waits for it.
+- The sound is mixed only when it changed: `audio: 'reused'` means the same mix as before (the mix is the slow part, 0.6 to 0.8 s for a film; the rest takes about 20 ms). A time remap (`warp` / `sourceMap`) turns the cache off.
+- Calls that arrive during a rebuild are joined: at most one rebuild runs and one waits, with the latest values. Safe to call from `pointermove` or `scroll`: a rebuild that leaves the sound alone takes tens of milliseconds (11 to 42 ms on four gallery pieces), one that mixes the sound again 0.6 to 0.8 s, so a slider that changes the sound will lag behind the hand.
+- A rebuild that fails (a bad expression, a missing asset, a size that is not pixels) rejects, emits `error` with `where: 'rebuild'`, and the movie goes on with what it had. A `destroy()` during a rebuild ends it the same way.
+- To follow a window: observe a CSS-sized box around the canvas, not the canvas itself (the movie sets the canvas's pixel size): `new ResizeObserver(() => movie.resize(Math.round(box.clientWidth * devicePixelRatio), Math.round(box.clientHeight * devicePixelRatio))).observe(box)` (the `liquid-layout` recipe).
+
 ### `movie.snapshot(frame?, options?): Promise<Blob | string>`
 
 ```ts
@@ -261,7 +282,9 @@ movie.off(event, fn): this
 | `'seeking'` / `'seeked'` | `{ frame, totalFrames }` (the frame it lands on) | a `gotoFrame()` to another frame starts / has finished. NOT emitted for playback ticks, `render()`, `snapshot()` or `contactSheet()` |
 | `'ended'`   | none                                              | playback ran off the end (after `'pause'`); pausing by hand does not emit it |
 | `'volumechange'` | `{ volume: number; muted: boolean }`         | `volume` or `muted` really changed (clamping counts) |
-| `'error'`   | `{ where: 'init' \| 'render' \| 'playback'; message: string; error: unknown }` | `init()` / `render()` failed (the call still rejects), or a frame failed during playback |
+| `'loopchange'` | `{ loop: boolean }`                            | `movie.loop` really changed (the first value from `init({ loop })` is not a change) |
+| `'error'`   | `{ where: 'init' \| 'render' \| 'playback' \| 'rebuild'; message: string; error: unknown }` | `init()` / `render()` / a rebuild failed (the call still rejects), or a frame failed during playback |
+| `'rebuilt'` | `RebuildReport` (see above) | a `setVars()` / `resize()` / `rebuild()` built the composition again (not for a call that changed nothing) |
 
 The names are the ones an HTML5 `<video>` uses, so a player written for `<video>` ports over.
 
@@ -280,8 +303,10 @@ The names are the ones an HTML5 `<video>` uses, so a player written for `<video>
 | `background`     | string    | CSS color                                               |
 | `volume`         | number    | 0..1 getter/setter; immediate. Setter clamps and applies to active audio |
 | `muted`          | boolean   | getter/setter; immediate                                |
+| `loop`           | boolean   | getter/setter, default `false`. When true, an ordinary `play()` that reaches the end goes back to the start and plays on: no `ended`, no `pause` / `play` events at the wrap, the sound starts again (a short gap). `playUntil()` and `render()` ignore it. Say `loopchange` when it changes |
 | `app`            | `pixi.js Application \| null` | PIXI Application instance (advanced/escape hatch) |
 | `timeline`       | `Timeline \| null`              | the movie's timeline (advanced): `time(t)`, `duration()`, `segments()` |
+| `vars`           | `Record<string, number \| string>` | the current variable values (a copy) |
 | `stops`          | `Stop[]`  | the composition's stops: named times (see Presentations); empty for an ordinary movie |
 
 ### Presentations: `stops` and `pixi-effects/present`
@@ -455,6 +480,7 @@ interface ControllerOptions {
   exportButton?: boolean;             // default true; false hides ⬇ + popover
   keyboard?: boolean;                 // default true
   presentButton?: boolean;            // default true: a movie with stops gets a Present button (marks on the seek bar are always shown)
+  loopButton?: boolean;               // default true: a loop button next to the volume (and the L key) that flips movie.loop
   pauseAtStops?: boolean;             // default true: with stops, play / Space / click on the picture play to the next stop and pause; false plays straight through
   clickToPlay?: boolean;              // default true: a click / tap on the picture plays / pauses (like <video>); false leaves the canvas alone
   className?: string;                 // default 'movie-controller'
@@ -523,6 +549,7 @@ Active when `keyboard: true` and the key target is not `<input>`/`<textarea>`/`<
 | `←` / `→`   | step ±1 frame                                       |
 | `↑` / `↓`   | volume ±5% (clears mute when increasing past zero)  |
 | `M`         | toggle mute                                         |
+| `L`         | toggle loop (`movie.loop`)                          |
 | `Shift+E`   | export with current settings (skips the popover)    |
 | `F`         | toggle fullscreen                                   |
 | `Esc`       | close the export popover or exit fullscreen (browser) |

package/docs/dsl.md

@@ -71,7 +71,7 @@ A layer is **not removed** when its lifespan `[at, at + duration)` ends: it is o
 
 ### `text`
 
-Renders a [PIXI.Text](https://pixijs.com/8.x/guides/components/scene-objects/text/text). Animatable position, rotation, scale, opacity and `fill`. `style` accepts any PixiJS `TextStyle` field and is applied once at build time — notably `fontSize fontFamily fontWeight fill letterSpacing lineHeight align wordWrap wordWrapWidth stroke dropShadow padding` (numbers may be expressions). A `dropShadow` glow is clipped unless `padding` is at least twice its `blur`. Text content can change over time (see *Changing text* below): a `{value}` placeholder prints an animatable number (counters), a keyframe `set: { text: '…' }` swaps the string, and `visibleChars` types it out. Multi-line text is centre-aligned unless `style.align` says otherwise. In expressions `w` / `h` are the size of the styled text, so `x: '-w'` places it just off the left edge.
+Renders a [PIXI.Text](https://pixijs.com/8.x/guides/components/scene-objects/text/text). Animatable position, rotation, scale, opacity and `fill`. `style` accepts any PixiJS `TextStyle` field and is applied once at build time (an outline `stroke: { color, width }` is **round-joined** unless you give `join`: PixiJS's own default, `miter`, grows spikes on the sharp corners of W, V, A, k; the stroke is centred on the glyph edge, so half its width covers the fill: keep `width` to about a tenth of `fontSize`, or put a second, stroked copy of the text under the plain one for a thick outline) — notably `fontSize fontFamily fontWeight fill letterSpacing lineHeight align wordWrap wordWrapWidth stroke dropShadow padding` (numbers may be expressions). A `dropShadow` glow is clipped unless `padding` is at least twice its `blur`. Text content can change over time (see *Changing text* below): a `{value}` placeholder prints an animatable number (counters), a keyframe `set: { text: '…' }` swaps the string, and `visibleChars` types it out. Multi-line text is centre-aligned unless `style.align` says otherwise. In expressions `w` / `h` are the size of the styled text, so `x: '-w'` places it just off the left edge.
 
 ```ts
 {
@@ -1084,6 +1084,8 @@ No comparison, conditional, bitwise, or string operators — keep it numeric (`s
 
 ### Scope variables
 
+(Your own names, set from outside, are [Variables](#variables) below.)
+
 Each sequence has its own scope, computed at build time:
 
 | Name      | Meaning                                                                               |
@@ -1119,6 +1121,35 @@ style: { fontSize: 'min(GW, GH) * 0.06' }
 initial: { x: 'GW/2', y: 'GH * 0.96', anchorX: 0.5, anchorY: 1 }
 ```
 
+### Variables
+
+A **variable** is a name with a value you can change after the movie is built: the language of a title, a brand colour, an offset, the screen size. Declare them once in `movie.init`; the composition reads them by name.
+
+```ts
+await movie.init({
+  vars: { title: 'NORD', accent: '#e5399a', shift: 0 },           // a number or a string; no booleans (write 0 / 1)
+  composition: { sequences: [
+    { type: 'shape', shape: 'rect', width: 'GW', height: 'GH', initial: { x: 'GW/2', y: 'GH/2', fillColor: '{accent}' } },
+    { type: 'text', text: '{title}', initial: { x: 'W/2 + shift', y: 'H/2' } },
+  ] },
+});
+await movie.setVars({ title: 'SÜD', shift: 40 });                 // builds the composition again, at the same frame
+```
+
+| Where | How it reads a variable |
+| --- | --- |
+| a numeric expression (`x`, `scale`, `width`, `fontSize` … any value that takes an [expression](#expressions)) | the **name**, like `W` or `GW`: `'W/2 + shift'`. Only number variables. |
+| any string anywhere in the composition (`text`, a colour, `asset`, a layer `name`, nested layers) | **`{name}`**: `'{title}'`, `'#{hex}'`, `'{lang}-logo'`. The text is replaced before the layer is built. A `{name}` that was not declared stays as written (`{value}` is the [counter](#counters-value) of a text layer, so it is also a name no variable can take). `$` is not used: it is a price (`'$5'`). |
+
+Rules, all checked when the movie is built (each warning says what to change):
+- A name is letters, digits and `_`, not starting with a digit. These are **reserved** and are refused: `w h W H GW GH t d T contain cover value`, every expression function (`min max abs … step rand noise lerp clamp smoothstep mod`) and `PI`.
+- A variable that nothing reads (no `{name}` in a string, no use in an expression) is said: it is usually a typo on one side. A `{name}` that was not declared says the declared name it looks like.
+- Values are read **when the composition is built**, once (not every frame). `at` and `duration` are plain numbers, so a variable moves values, not timing; to change the structure in time, call `movie.rebuild({ composition })` with a composition made by your own function.
+- `setVars` of a name that was not declared is ignored with a did-you-mean; `setVars` of the values it already has does nothing.
+- Everything is built again, the playhead stays at the same frame, a playing movie keeps playing, and the sound is mixed again **only if** the sound changed. See [`movie.rebuild`](api.md#movie-variables-and-rebuilding-vars-setvars-resize-rebuild).
+- A video file is a function of the script **and** the variables: `pixi-effects render page.html --var title=SÜD --var shift=40`, `check --size 1920x1080,1080x1920` (a contact sheet per size).
+- Layout that should follow the screen size uses `W` / `H` / `GW` / `GH`, not pixels: after `movie.resize(w, h)` they are the new size.
+
 ---
 
 ## Stops (presentations)