@omnimedia/omnitool 1.1.0-9 → 1.1.0-90

package/x/timeline/parts/animations/presets.js

@@ -0,0 +1,135 @@
+export const animationPresets = {
+    slideIn: {
+        type: "motion",
+        label: "Slide in",
+        defaults: {
+            duration: 700,
+            from: [-400, 0],
+            to: [0, 0],
+            terp: "easeOut",
+        },
+        transform: {
+            from: { position: [-400, 0] },
+            to: { position: [0, 0] },
+        },
+    },
+    slideOut: {
+        type: "motion",
+        label: "Slide out",
+        defaults: {
+            duration: 700,
+            from: [0, 0],
+            to: [400, 0],
+            terp: "easeIn",
+        },
+        transform: {
+            from: { position: [0, 0] },
+            to: { position: [400, 0] },
+        },
+    },
+    spinIn: {
+        type: "motion",
+        label: "Spin in",
+        defaults: {
+            duration: 700,
+            from: [0, 0],
+            to: [0, 0],
+            terp: "easeOut",
+        },
+        transform: {
+            from: { scale: [0, 0], rotation: -180 },
+            to: { scale: [1, 1], rotation: 0 },
+        },
+    },
+    spinOut: {
+        type: "motion",
+        label: "Spin out",
+        defaults: {
+            duration: 700,
+            from: [0, 0],
+            to: [0, 0],
+            terp: "easeIn",
+        },
+        transform: {
+            from: { scale: [1, 1], rotation: 0 },
+            to: { scale: [0, 0], rotation: 180 },
+        },
+    },
+    zoomIn: {
+        type: "motion",
+        label: "Zoom in",
+        defaults: {
+            duration: 700,
+            from: [0, 0],
+            to: [0, 0],
+            terp: "easeOut",
+        },
+        transform: {
+            from: { scale: [0, 0] },
+            to: { scale: [1, 1] },
+        },
+    },
+    zoomOut: {
+        type: "motion",
+        label: "Zoom out",
+        defaults: {
+            duration: 700,
+            from: [0, 0],
+            to: [0, 0],
+            terp: "easeIn",
+        },
+        transform: {
+            from: { scale: [1, 1] },
+            to: { scale: [0, 0] },
+        },
+    },
+    bounceIn: {
+        type: "motion",
+        label: "Bounce in",
+        defaults: {
+            duration: 700,
+            from: [0, 0],
+            to: [0, 0],
+            terp: "bounce",
+        },
+        transform: {
+            from: { scale: [0, 0] },
+            to: { scale: [1, 1] },
+        },
+    },
+    bounceOut: {
+        type: "motion",
+        label: "Bounce out",
+        defaults: {
+            duration: 700,
+            from: [0, 0],
+            to: [0, 0],
+            terp: "bounce",
+        },
+        transform: {
+            from: { scale: [1, 1] },
+            to: { scale: [0, 0] },
+        },
+    },
+    fadeIn: {
+        type: "scalar",
+        label: "Fade in",
+        defaults: {
+            duration: 700,
+            from: 0,
+            to: 1,
+            terp: "easeIn",
+        },
+    },
+    fadeOut: {
+        type: "scalar",
+        label: "Fade out",
+        defaults: {
+            duration: 700,
+            from: 1,
+            to: 0,
+            terp: "easeOut",
+        },
+    },
+};
+//# sourceMappingURL=presets.js.map

package/x/timeline/parts/animations/presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.js","sourceRoot":"","sources":["../../../../s/timeline/parts/animations/presets.ts"],"names":[],"mappings":"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"}

package/x/timeline/parts/animations/properties.d.ts

@@ -0,0 +1,84 @@
+export declare const visualAnimations: {
+    readonly transform: {
+        readonly type: "transform";
+        readonly defaultTerp: "linear";
+        readonly channels: readonly [{
+            readonly path: "position.x";
+            readonly type: "number";
+            readonly default: 0;
+            readonly unit: "pixel";
+        }, {
+            readonly path: "position.y";
+            readonly type: "number";
+            readonly default: 0;
+            readonly unit: "pixel";
+        }, {
+            readonly path: "scale.x";
+            readonly type: "number";
+            readonly default: 1;
+            readonly unit: "scale";
+        }, {
+            readonly path: "scale.y";
+            readonly type: "number";
+            readonly default: 1;
+            readonly unit: "scale";
+        }, {
+            readonly path: "rotation";
+            readonly type: "number";
+            readonly default: 0;
+            readonly unit: "degree";
+        }];
+    };
+    readonly opacity: {
+        readonly type: "scalar";
+        readonly defaultTerp: "linear";
+        readonly channels: readonly [{
+            readonly type: "number";
+            readonly default: 1;
+            readonly unit: "ratio";
+            readonly range: readonly [0, 1];
+        }];
+    };
+};
+export declare const animatableProperties: {
+    readonly transform: {
+        readonly type: "transform";
+        readonly defaultTerp: "linear";
+        readonly channels: readonly [{
+            readonly path: "position.x";
+            readonly type: "number";
+            readonly default: 0;
+            readonly unit: "pixel";
+        }, {
+            readonly path: "position.y";
+            readonly type: "number";
+            readonly default: 0;
+            readonly unit: "pixel";
+        }, {
+            readonly path: "scale.x";
+            readonly type: "number";
+            readonly default: 1;
+            readonly unit: "scale";
+        }, {
+            readonly path: "scale.y";
+            readonly type: "number";
+            readonly default: 1;
+            readonly unit: "scale";
+        }, {
+            readonly path: "rotation";
+            readonly type: "number";
+            readonly default: 0;
+            readonly unit: "degree";
+        }];
+    };
+    readonly opacity: {
+        readonly type: "scalar";
+        readonly defaultTerp: "linear";
+        readonly channels: readonly [{
+            readonly type: "number";
+            readonly default: 1;
+            readonly unit: "ratio";
+            readonly range: readonly [0, 1];
+        }];
+    };
+};

package/x/timeline/parts/animations/properties.js

@@ -0,0 +1,25 @@
+export const visualAnimations = {
+    transform: {
+        type: "transform",
+        defaultTerp: "linear",
+        channels: [
+            { path: "position.x", type: "number", default: 0, unit: "pixel" },
+            { path: "position.y", type: "number", default: 0, unit: "pixel" },
+            { path: "scale.x", type: "number", default: 1, unit: "scale" },
+            { path: "scale.y", type: "number", default: 1, unit: "scale" },
+            { path: "rotation", type: "number", default: 0, unit: "degree" },
+        ],
+    },
+    opacity: {
+        type: "scalar",
+        defaultTerp: "linear",
+        channels: [
+            { type: "number", default: 1, unit: "ratio", range: [0, 1] },
+        ],
+    },
+};
+// const audioAnimations = {}
+export const animatableProperties = {
+    ...visualAnimations,
+};
+//# sourceMappingURL=properties.js.map

package/x/timeline/parts/animations/properties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"properties.js","sourceRoot":"","sources":["../../../../s/timeline/parts/animations/properties.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC/B,SAAS,EAAE;QACV,IAAI,EAAE,WAAW;QACjB,WAAW,EAAE,QAAQ;QACrB,QAAQ,EAAE;YACT,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAC;YAC/D,EAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAC;YAC/D,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAC;YAC5D,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAC;YAC5D,EAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAC;SAC9D;KACD;IACD,OAAO,EAAE;QACR,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,QAAQ;QACrB,QAAQ,EAAE;YACT,EAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAC;SAC1D;KACD;CACsD,CAAA;AAExD,6BAA6B;AAE7B,MAAM,CAAC,MAAM,oBAAoB,GAAG;IACnC,GAAG,gBAAgB;CACV,CAAA"}

package/x/timeline/parts/animations/registry.d.ts

@@ -0,0 +1,218 @@
+export declare const animationRegistry: {
+    readonly presets: {
+        readonly slideIn: {
+            readonly type: "motion";
+            readonly label: "Slide in";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: [-400, 0];
+                readonly to: [0, 0];
+                readonly terp: "easeOut";
+            };
+            readonly transform: {
+                readonly from: {
+                    readonly position: [-400, 0];
+                };
+                readonly to: {
+                    readonly position: [0, 0];
+                };
+            };
+        };
+        readonly slideOut: {
+            readonly type: "motion";
+            readonly label: "Slide out";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: [0, 0];
+                readonly to: [400, 0];
+                readonly terp: "easeIn";
+            };
+            readonly transform: {
+                readonly from: {
+                    readonly position: [0, 0];
+                };
+                readonly to: {
+                    readonly position: [400, 0];
+                };
+            };
+        };
+        readonly spinIn: {
+            readonly type: "motion";
+            readonly label: "Spin in";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: [0, 0];
+                readonly to: [0, 0];
+                readonly terp: "easeOut";
+            };
+            readonly transform: {
+                readonly from: {
+                    readonly scale: [0, 0];
+                    readonly rotation: -180;
+                };
+                readonly to: {
+                    readonly scale: [1, 1];
+                    readonly rotation: 0;
+                };
+            };
+        };
+        readonly spinOut: {
+            readonly type: "motion";
+            readonly label: "Spin out";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: [0, 0];
+                readonly to: [0, 0];
+                readonly terp: "easeIn";
+            };
+            readonly transform: {
+                readonly from: {
+                    readonly scale: [1, 1];
+                    readonly rotation: 0;
+                };
+                readonly to: {
+                    readonly scale: [0, 0];
+                    readonly rotation: 180;
+                };
+            };
+        };
+        readonly zoomIn: {
+            readonly type: "motion";
+            readonly label: "Zoom in";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: [0, 0];
+                readonly to: [0, 0];
+                readonly terp: "easeOut";
+            };
+            readonly transform: {
+                readonly from: {
+                    readonly scale: [0, 0];
+                };
+                readonly to: {
+                    readonly scale: [1, 1];
+                };
+            };
+        };
+        readonly zoomOut: {
+            readonly type: "motion";
+            readonly label: "Zoom out";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: [0, 0];
+                readonly to: [0, 0];
+                readonly terp: "easeIn";
+            };
+            readonly transform: {
+                readonly from: {
+                    readonly scale: [1, 1];
+                };
+                readonly to: {
+                    readonly scale: [0, 0];
+                };
+            };
+        };
+        readonly bounceIn: {
+            readonly type: "motion";
+            readonly label: "Bounce in";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: [0, 0];
+                readonly to: [0, 0];
+                readonly terp: "bounce";
+            };
+            readonly transform: {
+                readonly from: {
+                    readonly scale: [0, 0];
+                };
+                readonly to: {
+                    readonly scale: [1, 1];
+                };
+            };
+        };
+        readonly bounceOut: {
+            readonly type: "motion";
+            readonly label: "Bounce out";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: [0, 0];
+                readonly to: [0, 0];
+                readonly terp: "bounce";
+            };
+            readonly transform: {
+                readonly from: {
+                    readonly scale: [1, 1];
+                };
+                readonly to: {
+                    readonly scale: [0, 0];
+                };
+            };
+        };
+        readonly fadeIn: {
+            readonly type: "scalar";
+            readonly label: "Fade in";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: 0;
+                readonly to: 1;
+                readonly terp: "easeIn";
+            };
+        };
+        readonly fadeOut: {
+            readonly type: "scalar";
+            readonly label: "Fade out";
+            readonly defaults: {
+                readonly duration: 700;
+                readonly from: 1;
+                readonly to: 0;
+                readonly terp: "easeOut";
+            };
+        };
+    };
+    readonly properties: {
+        readonly transform: {
+            readonly type: "transform";
+            readonly defaultTerp: "linear";
+            readonly channels: readonly [{
+                readonly path: "position.x";
+                readonly type: "number";
+                readonly default: 0;
+                readonly unit: "pixel";
+            }, {
+                readonly path: "position.y";
+                readonly type: "number";
+                readonly default: 0;
+                readonly unit: "pixel";
+            }, {
+                readonly path: "scale.x";
+                readonly type: "number";
+                readonly default: 1;
+                readonly unit: "scale";
+            }, {
+                readonly path: "scale.y";
+                readonly type: "number";
+                readonly default: 1;
+                readonly unit: "scale";
+            }, {
+                readonly path: "rotation";
+                readonly type: "number";
+                readonly default: 0;
+                readonly unit: "degree";
+            }];
+        };
+        readonly opacity: {
+            readonly type: "scalar";
+            readonly defaultTerp: "linear";
+            readonly channels: readonly [{
+                readonly type: "number";
+                readonly default: 1;
+                readonly unit: "ratio";
+                readonly range: readonly [0, 1];
+            }];
+        };
+    };
+};
+export * from "./make.js";
+export * from "./presets.js";
+export * from "./properties.js";
+export * from "./types.js";

package/x/timeline/parts/animations/registry.js

@@ -0,0 +1,11 @@
+import { animationPresets } from "./presets.js";
+import { animatableProperties } from "./properties.js";
+export const animationRegistry = {
+    presets: animationPresets,
+    properties: animatableProperties,
+};
+export * from "./make.js";
+export * from "./presets.js";
+export * from "./properties.js";
+export * from "./types.js";
+//# sourceMappingURL=registry.js.map

package/x/timeline/parts/animations/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../../../s/timeline/parts/animations/registry.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAC,oBAAoB,EAAC,MAAM,iBAAiB,CAAA;AAEpD,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAChC,OAAO,EAAE,gBAAgB;IACzB,UAAU,EAAE,oBAAoB;CACvB,CAAA;AAEV,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA"}

package/x/timeline/parts/animations/types.d.ts

@@ -0,0 +1,60 @@
+import { animationPresets } from "./presets.js";
+import type { Item, VisualAnimatableItem } from "../item.js";
+import { visualAnimations, animatableProperties } from "./properties.js";
+import type { Anim, Interpolation, Keyframes, ScalarAnimation, TrackTransform, TransformAnimation, TransformOptions, Vec2 } from "../../types.js";
+export type AnimationType = "scalar" | "transform";
+export type AnimationChannelType = "number";
+export type AnimationUnit = "pixel" | "scale" | "degree" | "ratio";
+export type AnimationChannel = {
+    path?: string;
+    type: AnimationChannelType;
+    default: number;
+    unit?: AnimationUnit;
+    range?: readonly [min: number, max: number];
+};
+export type AnimationDefinition = {
+    type: AnimationType;
+    defaultTerp: Interpolation;
+    channels: readonly AnimationChannel[];
+};
+export type MotionAnimationPresetDefinition = {
+    type: "motion";
+    label: string;
+    defaults: Required<Omit<MotionAnimationOptions, "offset">>;
+    transform: {
+        from: TransformOptions;
+        to: TransformOptions;
+    };
+};
+export type ScalarAnimationPresetDefinition = {
+    type: "scalar";
+    label: string;
+    defaults: Required<Omit<ScalarAnimationOptions, "offset">>;
+};
+export type AnimationPresetDefinition = MotionAnimationPresetDefinition | ScalarAnimationPresetDefinition;
+export type VisualAnimationProperty = keyof typeof visualAnimations;
+export type AnimationProperty = keyof typeof animatableProperties;
+export type AnimationPreset = keyof typeof animationPresets;
+type AnimationPresetAction<TPreset extends AnimationPresetDefinition> = TPreset extends MotionAnimationPresetDefinition ? (options?: MotionAnimationOptions) => Anim<TrackTransform> : TPreset extends ScalarAnimationPresetDefinition ? (options?: ScalarAnimationOptions) => Anim<Keyframes> : never;
+export type AnimationPresetActions = {
+    [TName in AnimationPreset]: AnimationPresetAction<(typeof animationPresets)[TName]>;
+};
+export type AnimationPresetOptions<Value> = {
+    duration?: number;
+    offset?: number;
+    from?: Value;
+    to?: Value;
+    terp?: Interpolation;
+};
+export type MotionAnimationOptions = AnimationPresetOptions<Vec2>;
+export type ScalarAnimationOptions = AnimationPresetOptions<number>;
+export type PresetAnimation = ScalarAnimation | TransformAnimation;
+export type PresetOptions = MotionAnimationOptions | ScalarAnimationOptions;
+export interface PresetAnimateAction {
+    <T extends VisualAnimatableItem>(item: T, options?: PresetOptions): T;
+    make(options?: PresetOptions): Item.Animation;
+}
+export type PresetAnimateActions = {
+    [TKey in AnimationPreset]: PresetAnimateAction;
+};
+export {};

package/x/timeline/parts/animations/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../s/timeline/parts/animations/types.ts"],"names":[],"mappings":""}

package/x/timeline/parts/filmstrip.d.ts

@@ -25,12 +25,13 @@ export declare class Filmstrip {
     * Returns the cached thumbnail (if any) for a given timestamp.
     * @param time - The timestamp to retrieve the canvas for.
     */
-    getThumbnail(time: number): any;
+    getThumbnail(time: number): WrappedCanvas | undefined;
 }
-type TimeRange = [number, number];
+export type TimeRange = [start: number, end: number];
 interface FilmstripOptions {
-    frequency?: number;
+    frequency: number;
     canvasSinkOptions?: CanvasSinkOptions;
+    onPlaceholders?: (timestamps: number[]) => void;
     onChange: (tiles: {
         time: number;
         canvas: WrappedCanvas;

package/x/timeline/parts/filmstrip.js

@@ -21,7 +21,8 @@ export class Filmstrip {
             return new Filmstrip(videoTrack, {
                 frequency: options.frequency ?? 1,
                 canvasSinkOptions: options.canvasSinkOptions ?? { width: 80, height: 50, fit: "fill" },
-                onChange: options.onChange
+                onChange: options.onChange,
+                onPlaceholders: options.onPlaceholders
             });
         else
             throw new Error("Source has no video track");
@@ -40,19 +41,31 @@ export class Filmstrip {
     get frequency() {
         return this.options.frequency;
     }
-    #computeActiveRange([start, end]) {
+    #computeActiveRange([start, end], margin = 1) {
         const tileSize = end - start;
-        return [start - tileSize, end + tileSize];
+        return [start - tileSize * margin, end + tileSize * margin];
+    }
+    async #generatePlaceholders() {
+        const [rangeStart, rangeEnd] = this.#activeRange;
+        const neededTimestamps = new Set();
+        // duration should be computed but with trim etc also
+        const duration = await this.videoTrack.computeDuration();
+        for (let timestamp = Math.max(0, rangeStart); timestamp <= rangeEnd; timestamp += this.options.frequency) {
+            // Clamp to valid time range
+            if (timestamp >= 0 && timestamp <= duration)
+                neededTimestamps.add(timestamp);
+        }
+        this.options.onPlaceholders?.([...neededTimestamps]);
     }
     async #generateTiles() {
         const [rangeStart, rangeEnd] = this.#activeRange;
         const neededTimestamps = new Set();
         // duration should be computed but with trim etc also
         const duration = await this.videoTrack.computeDuration();
-        for (let timestamp = rangeStart; timestamp <= rangeEnd; timestamp += this.options.frequency) {
+        for (let timestamp = Math.max(0, rangeStart); timestamp <= rangeEnd; timestamp += this.options.frequency) {
             // Clamp to valid time range
             if (timestamp >= 0 && timestamp <= duration)
-                neededTimestamps.add(+timestamp.toFixed(3));
+                neededTimestamps.add(timestamp);
         }
         const missingTimestamps = [...neededTimestamps]
             .filter(t => !this.#cache.has(t));
@@ -81,17 +94,23 @@ export class Filmstrip {
     * @param visibleRange - The current timeline viewport as a [start, end] tuple in seconds.
     */
     set range(visibleRange) {
-        const newRange = this.#computeActiveRange(visibleRange);
-        // Avoid redundant updates
-        if (this.#activeRange[0] === newRange[0] &&
-            this.#activeRange[1] === newRange[1])
+        const [visStart, visEnd] = visibleRange;
+        const visibleSize = visEnd - visStart;
+        const [actStart, actEnd] = this.#activeRange;
+        // trigger when we're 1x visible width away from margin edges
+        const leftTrigger = actStart + visibleSize;
+        const rightTrigger = actEnd - visibleSize;
+        const nearLeftEdge = visStart < leftTrigger;
+        const nearRightEdge = visEnd > rightTrigger;
+        if (!nearLeftEdge && !nearRightEdge)
             return;
-        this.#activeRange = newRange;
+        this.#activeRange = this.#computeActiveRange(visibleRange, 2);
         this.#update();
     }
     #updating = null;
     #shouldRunAgain = false;
     async #update() {
+        this.#generatePlaceholders();
         // Perform update immediately. If multiple updates are requested while updating,
         // only the latest one will run after the current finishes (skips intermediate ones).
         if (this.#updating) {

package/x/timeline/parts/filmstrip.js.map

@@ -1 +1 @@
-{"version":3,"file":"filmstrip.js","sourceRoot":"","sources":["../../../s/timeline/parts/filmstrip.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,WAAW,EACX,UAAU,EAEV,KAAK,GAGL,MAAM,YAAY,CAAA;AAGnB,OAAO,EAAC,iBAAiB,EAAC,MAAM,2CAA2C,CAAA;AAE3E,MAAM,OAAO,SAAS;IAMZ;IACA;IANT,KAAK,CAAY;IACjB,MAAM,GAA+B,IAAI,GAAG,EAAE,CAAA;IAC9C,YAAY,GAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAEhC,YACS,UAA2B,EAC3B,OAAmC;QADnC,eAAU,GAAV,UAAU,CAAiB;QAC3B,YAAO,GAAP,OAAO,CAA4B;QAE3C,IAAI,CAAC,KAAK,GAAG,IAAI,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAA;IACnE,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAqB,EAAE,OAAyB;QACjE,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC;YACvB,OAAO,EAAE,WAAW;YACpB,MAAM,EAAE,MAAM,iBAAiB,CAAC,MAAM,CAAC;SACvC,CAAC,CAAA;QACF,MAAM,UAAU,GAAG,MAAM,KAAK,CAAC,oBAAoB,EAAE,CAAA;QACrD,IAAG,UAAU;YACZ,OAAO,IAAI,SAAS,CACnB,UAAU,EAAE;gBACX,SAAS,EAAE,OAAO,CAAC,SAAS,IAAI,CAAC;gBACjC,iBAAiB,EAAE,OAAO,CAAC,iBAAiB,IAAI,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,EAAC;gBACpF,QAAQ,EAAE,OAAO,CAAC,QAAQ;aAC3B,CAAC,CAAA;;YACE,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC,CAAA;IAClD,CAAC;IAED;;;;MAIG;IACH,IAAI,SAAS,CAAC,KAAa;QAC1B,IAAG,KAAK,KAAK,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;YACrC,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAA;YAC9B,IAAI,CAAC,OAAO,EAAE,CAAA;QACf,CAAC;IACF,CAAC;IAED,IAAI,SAAS;QACZ,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAA;IAC9B,CAAC;IAED,mBAAmB,CAAC,CAAC,KAAK,EAAE,GAAG,CAAY;QAC1C,MAAM,QAAQ,GAAG,GAAG,GAAG,KAAK,CAAA;QAC5B,OAAO,CAAC,KAAK,GAAG,QAAQ,EAAE,GAAG,GAAG,QAAQ,CAAC,CAAA;IAC1C,CAAC;IAED,KAAK,CAAC,cAAc;QACnB,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,GAAG,IAAI,CAAC,YAAY,CAAA;QAChD,MAAM,gBAAgB,GAAG,IAAI,GAAG,EAAU,CAAA;QAE1C,qDAAqD;QACrD,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,eAAe,EAAE,CAAA;QACxD,KACC,IAAI,SAAS,GAAG,UAAU,EAC1B,SAAS,IAAI,QAAQ,EACrB,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,EAClC,CAAC;YACF,4BAA4B;YAC5B,IAAI,SAAS,IAAI,CAAC,IAAI,SAAS,IAAI,QAAQ;gBAC1C,gBAAgB,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;QAC7C,CAAC;QAED,MAAM,iBAAiB,GAAG,CAAC,GAAG,gBAAgB,CAAC;aAC7C,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;QAElC,IAAI,CAAC,GAAG,CAAC,CAAA;QACT,IAAI,KAAK,EAAE,MAAM,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,CAAC;YAC/E,IAAG,MAAM,EAAE,CAAC;gBACX,MAAM,aAAa,GAAG,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAA;gBAC5C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;YACvC,CAAC;QACF,CAAC;QAED,yCAAyC;QACzC,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC;YACtC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;gBAChC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;YACxB,CAAC;QACF,CAAC;QAED,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;aACtC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC,CAAC,CAAA;QAC3C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC;IAED;;;;;;MAMG;IACH,IAAI,KAAK,CAAC,YAAuB;QAChC,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,YAAY,CAAC,CAAA;QACvD,0BAA0B;QAC1B,IACC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC;YACpC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC;YAEpC,OAAM;QAEP,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAA;QAC5B,IAAI,CAAC,OAAO,EAAE,CAAA;IACf,CAAC;IAED,SAAS,GAAyB,IAAI,CAAA;IACtC,eAAe,GAAG,KAAK,CAAA;IAEvB,KAAK,CAAC,OAAO;QACZ,gFAAgF;QAChF,qFAAqF;QACrF,IAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAA;YAC3B,OAAM;QACP,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,EAAE,CAAA;QACtC,MAAM,IAAI,CAAC,SAAS,CAAA;QACpB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;QAErB,IAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAA;YAC5B,MAAM,IAAI,CAAC,OAAO,EAAE,CAAA;QACrB,CAAC;IACF,CAAC;IACD;;;MAGG;IACH,YAAY,CAAC,IAAY;QACxB,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;CACD"}
+{"version":3,"file":"filmstrip.js","sourceRoot":"","sources":["../../../s/timeline/parts/filmstrip.ts"],"names":[],"mappings":"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"}