@revideo/2d 0.1.0

package/lib/decorators/signal.js

@@ -0,0 +1,285 @@
+import { capitalize, deepLerp, SignalContext, useLogger, } from '@revideo/core';
+import { makeSignalExtensions } from '../utils/makeSignalExtensions';
+import { addInitializer, initialize } from './initializers';
+const PROPERTIES = Symbol.for('@revideo/2d/decorators/properties');
+export function getPropertyMeta(object, key) {
+    return object[PROPERTIES]?.[key] ?? null;
+}
+export function getPropertyMetaOrCreate(object, key) {
+    let lookup;
+    if (!object[PROPERTIES]) {
+        object[PROPERTIES] = lookup = {};
+    }
+    else if (object[PROPERTIES] &&
+        !Object.prototype.hasOwnProperty.call(object, PROPERTIES)) {
+        object[PROPERTIES] = lookup = Object.fromEntries(Object.entries(object[PROPERTIES]).map(([key, meta]) => [key, { ...meta }]));
+    }
+    else {
+        lookup = object[PROPERTIES];
+    }
+    lookup[key] ?? (lookup[key] = {
+        cloneable: true,
+        inspectable: true,
+        compoundEntries: [],
+    });
+    return lookup[key];
+}
+export function getPropertiesOf(value) {
+    if (value && typeof value === 'object') {
+        return value[PROPERTIES] ?? {};
+    }
+    return {};
+}
+export function initializeSignals(instance, props) {
+    initialize(instance);
+    for (const [key, meta] of Object.entries(getPropertiesOf(instance))) {
+        const signal = instance[key];
+        signal.reset();
+        if (props[key] !== undefined) {
+            signal(props[key]);
+        }
+        if (meta.compoundEntries !== undefined) {
+            for (const [key, property] of meta.compoundEntries) {
+                if (property in props) {
+                    signal[key](props[property]);
+                }
+            }
+        }
+    }
+}
+/**
+ * Create a signal decorator.
+ *
+ * @remarks
+ * This decorator turns the given property into a signal.
+ *
+ * The class using this decorator can implement the following methods:
+ * - `get[PropertyName]` - A property getter.
+ * - `get[PropertyName]` - A property setter.
+ * - `tween[PropertyName]` - A tween provider.
+ *
+ * @example
+ * ```ts
+ * class Example {
+ *   \@property()
+ *   public declare length: Signal<number, this>;
+ * }
+ * ```
+ */
+export function signal() {
+    return (target, key) => {
+        // FIXME property metadata is not inherited
+        // Consider retrieving it inside the initializer using the instance and not
+        // the class.
+        const meta = getPropertyMetaOrCreate(target, key);
+        addInitializer(target, (instance) => {
+            let initial = meta.default;
+            const defaultMethod = instance[`getDefault${capitalize(key)}`];
+            if (defaultMethod) {
+                initial = () => defaultMethod.call(instance, meta.default);
+            }
+            const signal = new SignalContext(initial, meta.interpolationFunction ?? deepLerp, instance, meta.parser?.bind(instance), makeSignalExtensions(meta, instance, key));
+            instance[key] = signal.toSignal();
+        });
+    };
+}
+/**
+ * Create an initial signal value decorator.
+ *
+ * @remarks
+ * This decorator specifies the initial value of a property.
+ *
+ * Must be specified before the {@link signal} decorator.
+ *
+ * @example
+ * ```ts
+ * class Example {
+ *   \@initial(1)
+ *   \@property()
+ *   public declare length: Signal<number, this>;
+ * }
+ * ```
+ *
+ * @param value - The initial value of the property.
+ */
+export function initial(value) {
+    return (target, key) => {
+        const meta = getPropertyMeta(target, key);
+        if (!meta) {
+            useLogger().error(`Missing property decorator for "${key.toString()}"`);
+            return;
+        }
+        meta.default = value;
+    };
+}
+/**
+ * Create a signal interpolation function decorator.
+ *
+ * @remarks
+ * This decorator specifies the interpolation function of a property.
+ * The interpolation function is used when tweening between different values.
+ *
+ * Must be specified before the {@link signal} decorator.
+ *
+ * @example
+ * ```ts
+ * class Example {
+ *   \@interpolation(textLerp)
+ *   \@property()
+ *   public declare text: Signal<string, this>;
+ * }
+ * ```
+ *
+ * @param value - The interpolation function for the property.
+ */
+export function interpolation(value) {
+    return (target, key) => {
+        const meta = getPropertyMeta(target, key);
+        if (!meta) {
+            useLogger().error(`Missing property decorator for "${key.toString()}"`);
+            return;
+        }
+        meta.interpolationFunction = value;
+    };
+}
+/**
+ * Create a signal parser decorator.
+ *
+ * @remarks
+ * This decorator specifies the parser of a property.
+ * Instead of returning the raw value, its passed as the first parameter to the
+ * parser and the resulting value is returned.
+ *
+ * If the wrapper class has a method called `lerp` it will be set as the
+ * default interpolation function for the property.
+ *
+ * Must be specified before the {@link signal} decorator.
+ *
+ * @example
+ * ```ts
+ * class Example {
+ *   \@wrapper(Vector2)
+ *   \@property()
+ *   public declare offset: Signal<Vector2, this>;
+ * }
+ * ```
+ *
+ * @param value - The wrapper class for the property.
+ */
+export function parser(value) {
+    return (target, key) => {
+        const meta = getPropertyMeta(target, key);
+        if (!meta) {
+            useLogger().error(`Missing property decorator for "${key.toString()}"`);
+            return;
+        }
+        meta.parser = value;
+    };
+}
+/**
+ * Create a signal wrapper decorator.
+ *
+ * @remarks
+ * This is a shortcut decorator for setting both the {@link parser} and
+ * {@link interpolation}.
+ *
+ * The interpolation function will be set only if the wrapper class has a method
+ * called `lerp`, which will be used as said function.
+ *
+ * Must be specified before the {@link signal} decorator.
+ *
+ * @example
+ * ```ts
+ * class Example {
+ *   \@wrapper(Vector2)
+ *   \@property()
+ *   public declare offset: Signal<Vector2, this>;
+ *
+ *   // same as:
+ *   \@parser(value => new Vector2(value))
+ *   \@interpolation(Vector2.lerp)
+ *   \@property()
+ *   public declare offset: Signal<Vector2, this>;
+ * }
+ * ```
+ *
+ * @param value - The wrapper class for the property.
+ */
+export function wrapper(value) {
+    return (target, key) => {
+        const meta = getPropertyMeta(target, key);
+        if (!meta) {
+            useLogger().error(`Missing property decorator for "${key.toString()}"`);
+            return;
+        }
+        meta.parser = raw => new value(raw);
+        if ('lerp' in value) {
+            meta.interpolationFunction ?? (meta.interpolationFunction = value.lerp);
+        }
+    };
+}
+/**
+ * Create a cloneable property decorator.
+ *
+ * @remarks
+ * This decorator specifies whether the property should be copied over when
+ * cloning the node.
+ *
+ * By default, any property is cloneable.
+ *
+ * Must be specified before the {@link signal} decorator.
+ *
+ * @example
+ * ```ts
+ * class Example {
+ *   \@clone(false)
+ *   \@property()
+ *   public declare length: Signal<number, this>;
+ * }
+ * ```
+ *
+ * @param value - Whether the property should be cloneable.
+ */
+export function cloneable(value = true) {
+    return (target, key) => {
+        const meta = getPropertyMeta(target, key);
+        if (!meta) {
+            useLogger().error(`Missing property decorator for "${key.toString()}"`);
+            return;
+        }
+        meta.cloneable = value;
+    };
+}
+/**
+ * Create an inspectable property decorator.
+ *
+ * @remarks
+ * This decorator specifies whether the property should be visible in the
+ * inspector.
+ *
+ * By default, any property is inspectable.
+ *
+ * Must be specified before the {@link signal} decorator.
+ *
+ * @example
+ * ```ts
+ * class Example {
+ *   \@inspectable(false)
+ *   \@property()
+ *   public declare hiddenLength: Signal<number, this>;
+ * }
+ * ```
+ *
+ * @param value - Whether the property should be inspectable.
+ */
+export function inspectable(value = true) {
+    return (target, key) => {
+        const meta = getPropertyMeta(target, key);
+        if (!meta) {
+            useLogger().error(`Missing property decorator for "${key.toString()}"`);
+            return;
+        }
+        meta.inspectable = value;
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbmFsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9kZWNvcmF0b3JzL3NpZ25hbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsVUFBVSxFQUNWLFFBQVEsRUFFUixhQUFhLEVBR2IsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQ25FLE9BQU8sRUFBQyxjQUFjLEVBQUUsVUFBVSxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFxQjFELE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUMsbUNBQW1DLENBQUMsQ0FBQztBQUVuRSxNQUFNLFVBQVUsZUFBZSxDQUM3QixNQUFXLEVBQ1gsR0FBb0I7SUFFcEIsT0FBTyxNQUFNLENBQUMsVUFBVSxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsSUFBSSxJQUFJLENBQUM7QUFDM0MsQ0FBQztBQUVELE1BQU0sVUFBVSx1QkFBdUIsQ0FDckMsTUFBVyxFQUNYLEdBQW9CO0lBRXBCLElBQUksTUFBb0QsQ0FBQztJQUN6RCxJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUM7UUFDeEIsTUFBTSxDQUFDLFVBQVUsQ0FBQyxHQUFHLE1BQU0sR0FBRyxFQUFFLENBQUM7SUFDbkMsQ0FBQztTQUFNLElBQ0wsTUFBTSxDQUFDLFVBQVUsQ0FBQztRQUNsQixDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsVUFBVSxDQUFDLEVBQ3pELENBQUM7UUFDRCxNQUFNLENBQUMsVUFBVSxDQUFDLEdBQUcsTUFBTSxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQzlDLE1BQU0sQ0FBQyxPQUFPLENBQ2tDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FDakUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxJQUFJ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

package/lib/decorators/spacingSignal.d.ts

@@ -0,0 +1,2 @@
+export declare function spacingSignal(prefix?: string): PropertyDecorator;
+//# sourceMappingURL=spacingSignal.d.ts.map

package/lib/decorators/spacingSignal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacingSignal.d.ts","sourceRoot":"","sources":["../../src/lib/decorators/spacingSignal.ts"],"names":[],"mappings":"AAIA,wBAAgB,aAAa,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,iBAAiB,CAUhE"}

package/lib/decorators/spacingSignal.js

@@ -0,0 +1,15 @@
+import { Spacing } from '@revideo/core';
+import { compound } from './compound';
+import { wrapper } from './signal';
+export function spacingSignal(prefix) {
+    return (target, key) => {
+        compound({
+            top: prefix ? `${prefix}Top` : 'top',
+            right: prefix ? `${prefix}Right` : 'right',
+            bottom: prefix ? `${prefix}Bottom` : 'bottom',
+            left: prefix ? `${prefix}Left` : 'left',
+        })(target, key);
+        wrapper(Spacing)(target, key);
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhY2luZ1NpZ25hbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvZGVjb3JhdG9ycy9zcGFjaW5nU2lnbmFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdEMsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLFlBQVksQ0FBQztBQUNwQyxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sVUFBVSxDQUFDO0FBRWpDLE1BQU0sVUFBVSxhQUFhLENBQUMsTUFBZTtJQUMzQyxPQUFPLENBQUMsTUFBTSxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQ3JCLFFBQVEsQ0FBQztZQUNQLEdBQUcsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsTUFBTSxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUs7WUFDcEMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTztZQUMxQyxNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLE1BQU0sUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRO1lBQzdDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsTUFBTSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU07U0FDeEMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxHQUFHLENBQUMsQ0FBQztRQUNoQixPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsTUFBTSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ2hDLENBQUMsQ0FBQztBQUNKLENBQUMifQ==

package/lib/decorators/vector2Signal.d.ts

@@ -0,0 +1,8 @@
+import { PossibleVector2, Signal, Vector2 } from '@revideo/core';
+import type { Length } from '../partials';
+export type Vector2LengthSignal<TOwner> = Signal<PossibleVector2<Length>, Vector2, TOwner> & {
+    x: Signal<Length, number, TOwner>;
+    y: Signal<Length, number, TOwner>;
+};
+export declare function vector2Signal(prefix?: string | Record<string, string>): PropertyDecorator;
+//# sourceMappingURL=vector2Signal.d.ts.map

package/lib/decorators/vector2Signal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vector2Signal.d.ts","sourceRoot":"","sources":["../../src/lib/decorators/vector2Signal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,MAAM,EAAE,OAAO,EAAC,MAAM,eAAe,CAAC;AAC/D,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAIxC,MAAM,MAAM,mBAAmB,CAAC,MAAM,IAAI,MAAM,CAC9C,eAAe,CAAC,MAAM,CAAC,EACvB,OAAO,EACP,MAAM,CACP,GAAG;IACF,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC,CAAC;AAEF,wBAAgB,aAAa,CAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACvC,iBAAiB,CAYnB"}

package/lib/decorators/vector2Signal.js

@@ -0,0 +1,15 @@
+import { Vector2 } from '@revideo/core';
+import { compound } from './compound';
+import { wrapper } from './signal';
+export function vector2Signal(prefix) {
+    return (target, key) => {
+        compound(typeof prefix === 'object'
+            ? prefix
+            : {
+                x: prefix ? `${prefix}X` : 'x',
+                y: prefix ? `${prefix}Y` : 'y',
+            })(target, key);
+        wrapper(Vector2)(target, key);
+    };
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVjdG9yMlNpZ25hbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvZGVjb3JhdG9ycy92ZWN0b3IyU2lnbmFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBMEIsT0FBTyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRS9ELE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxZQUFZLENBQUM7QUFDcEMsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLFVBQVUsQ0FBQztBQVdqQyxNQUFNLFVBQVUsYUFBYSxDQUMzQixNQUF3QztJQUV4QyxPQUFPLENBQUMsTUFBTSxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQ3JCLFFBQVEsQ0FDTixPQUFPLE1BQU0sS0FBSyxRQUFRO1lBQ3hCLENBQUMsQ0FBQyxNQUFNO1lBQ1IsQ0FBQyxDQUFDO2dCQUNFLENBQUMsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUc7Z0JBQzlCLENBQUMsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUc7YUFDL0IsQ0FDTixDQUFDLE1BQU0sRUFBRSxHQUFHLENBQUMsQ0FBQztRQUNmLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxNQUFNLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDaEMsQ0FBQyxDQUFDO0FBQ0osQ0FBQyJ9

package/lib/index.d.ts

@@ -0,0 +1,9 @@
+export * from './code';
+export * from './components';
+export * from './curves';
+export * from './decorators';
+export * from './jsx-runtime';
+export * from './partials';
+export * from './scenes';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/lib/index.js

@@ -0,0 +1,9 @@
+export * from './code';
+export * from './components';
+export * from './curves';
+export * from './decorators';
+export * from './jsx-runtime';
+export * from './partials';
+export * from './scenes';
+export * from './utils';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvbGliL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsUUFBUSxDQUFDO0FBQ3ZCLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsY0FBYyxDQUFDO0FBQzdCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsWUFBWSxDQUFDO0FBQzNCLGNBQWMsVUFBVSxDQUFDO0FBQ3pCLGNBQWMsU0FBUyxDQUFDIn0=

package/lib/jsx-dev-runtime.d.ts

@@ -0,0 +1,3 @@
+import { Fragment, jsx } from './jsx-runtime';
+export { Fragment, jsx as jsxDEV };
+//# sourceMappingURL=jsx-dev-runtime.d.ts.map

package/lib/jsx-dev-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-dev-runtime.d.ts","sourceRoot":"","sources":["../src/lib/jsx-dev-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,GAAG,EAAC,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAC,QAAQ,EAAE,GAAG,IAAI,MAAM,EAAC,CAAC"}

package/lib/jsx-dev-runtime.js

@@ -0,0 +1,3 @@
+import { Fragment, jsx } from './jsx-runtime';
+export { Fragment, jsx as jsxDEV };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianN4LWRldi1ydW50aW1lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vc3JjL2xpYi9qc3gtZGV2LXJ1bnRpbWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBRSxHQUFHLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDNUMsT0FBTyxFQUFDLFFBQVEsRUFBRSxHQUFHLElBQUksTUFBTSxFQUFDLENBQUMifQ==

package/lib/jsx-runtime.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentChildren, FunctionComponent, JSXProps, Node, NodeConstructor } from './components';
+export declare namespace JSX {
+    type Element = Node;
+    type ElementClass = Node;
+    interface ElementChildrenAttribute {
+        children: any;
+    }
+}
+export declare const Fragment: unique symbol;
+export declare function jsx(type: NodeConstructor | FunctionComponent | typeof Fragment, config: JSXProps, key?: any): ComponentChildren;
+export { jsx as jsxs };
+//# sourceMappingURL=jsx-runtime.d.ts.map

package/lib/jsx-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/lib/jsx-runtime.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,EACR,IAAI,EACJ,eAAe,EAChB,MAAM,cAAc,CAAC;AAEtB,yBAAiB,GAAG,CAAC;IACnB,KAAY,OAAO,GAAG,IAAI,CAAC;IAC3B,KAAY,YAAY,GAAG,IAAI,CAAC;IAChC,UAAiB,wBAAwB;QACvC,QAAQ,EAAE,GAAG,CAAC;KACf;CACF;AASD,eAAO,MAAM,QAAQ,eAAqC,CAAC;AAC3D,wBAAgB,GAAG,CACjB,IAAI,EAAE,eAAe,GAAG,iBAAiB,GAAG,OAAO,QAAQ,EAC3D,MAAM,EAAE,QAAQ,EAChB,GAAG,CAAC,EAAE,GAAG,GACR,iBAAiB,CAenB;AACD,OAAO,EAAC,GAAG,IAAI,IAAI,EAAC,CAAC"}

package/lib/jsx-runtime.js

@@ -0,0 +1,23 @@
+function isClassComponent(
+// eslint-disable-next-line @typescript-eslint/ban-types
+fn) {
+    return !!fn.prototype?.isClass;
+}
+export const Fragment = Symbol.for('@revideo/2d/fragment');
+export function jsx(type, config, key) {
+    const { ref, children, ...rest } = config;
+    const flatChildren = Array.isArray(children) ? children.flat() : children;
+    if (type === Fragment) {
+        return flatChildren;
+    }
+    if (isClassComponent(type)) {
+        const node = new type({ ...rest, children: flatChildren, key });
+        ref?.(node);
+        return node;
+    }
+    else {
+        return type({ ...rest, ref, children: flatChildren, key });
+    }
+}
+export { jsx as jsxs };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianN4LXJ1bnRpbWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvbGliL2pzeC1ydW50aW1lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCQSxTQUFTLGdCQUFnQjtBQUN2Qix3REFBd0Q7QUFDeEQsRUFBWTtJQUVaLE9BQU8sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLEVBQUUsT0FBTyxDQUFDO0FBQ2pDLENBQUM7QUFFRCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0FBQzNELE1BQU0sVUFBVSxHQUFHLENBQ2pCLElBQTJELEVBQzNELE1BQWdCLEVBQ2hCLEdBQVM7SUFFVCxNQUFNLEVBQUMsR0FBRyxFQUFFLFFBQVEsRUFBRSxHQUFHLElBQUksRUFBQyxHQUFHLE1BQU0sQ0FBQztJQUN4QyxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUUxRSxJQUFJLElBQUksS0FBSyxRQUFRLEVBQUUsQ0FBQztRQUN0QixPQUFPLFlBQVksQ0FBQztJQUN0QixDQUFDO0lBRUQsSUFBSSxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDO1FBQzNCLE1BQU0sSUFBSSxHQUFHLElBQUksSUFBSSxDQUFDLEVBQUMsR0FBRyxJQUFJLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxHQUFHLEVBQUMsQ0FBQyxDQUFDO1FBQzlELEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ1osT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO1NBQU0sQ0FBQztRQUNOLE9BQU8sSUFBSSxDQUFDLEVBQUMsR0FBRyxJQUFJLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsR0FBRyxFQUFDLENBQUMsQ0FBQztJQUMzRCxDQUFDO0FBQ0gsQ0FBQztBQUNELE9BQU8sRUFBQyxHQUFHLElBQUksSUFBSSxFQUFDLENBQUMifQ==

package/lib/partials/Filter.d.ts

@@ -0,0 +1,82 @@
+import { SignalValue, SimpleSignal } from '@revideo/core';
+/**
+ * All possible CSS filter names.
+ *
+ * @internal
+ */
+export type FilterName = 'invert' | 'sepia' | 'grayscale' | 'brightness' | 'contrast' | 'saturate' | 'hue' | 'blur';
+/**
+ * Definitions of all possible CSS filters.
+ *
+ * @internal
+ */
+export declare const FILTERS: Record<string, Partial<FilterProps>>;
+/**
+ * A unified abstraction for all CSS filters.
+ */
+export interface FilterProps {
+    name: string;
+    value: SignalValue<number>;
+    unit: string;
+    scale: number;
+    transform: boolean;
+    default: number;
+}
+export declare class Filter {
+    get name(): string;
+    get default(): number;
+    readonly value: SimpleSignal<number, Filter>;
+    private readonly props;
+    constructor(props: Partial<FilterProps>);
+    isActive(): boolean;
+    serialize(matrix: DOMMatrix): string;
+}
+/**
+ * Create an {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/invert | invert} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export declare function invert(value?: SignalValue<number>): Filter;
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/sepia | sepia} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export declare function sepia(value?: SignalValue<number>): Filter;
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/grayscale | grayscale} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export declare function grayscale(value?: SignalValue<number>): Filter;
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/brightness | brightness} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export declare function brightness(value?: SignalValue<number>): Filter;
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/contrast | contrast} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export declare function contrast(value?: SignalValue<number>): Filter;
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/saturate | saturate} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export declare function saturate(value?: SignalValue<number>): Filter;
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/hue-rotate | hue} filter.
+ *
+ * @param value - The value of the filter in degrees.
+ */
+export declare function hue(value?: SignalValue<number>): Filter;
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/blur | blur} filter.
+ *
+ * @param value - The value of the filter in pixels.
+ */
+export declare function blur(value?: SignalValue<number>): Filter;
+//# sourceMappingURL=Filter.d.ts.map

package/lib/partials/Filter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.d.ts","sourceRoot":"","sources":["../../src/lib/partials/Filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EACX,YAAY,EAEb,MAAM,eAAe,CAAC;AAEvB;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAClB,QAAQ,GACR,OAAO,GACP,WAAW,GACX,YAAY,GACZ,UAAU,GACV,UAAU,GACV,KAAK,GACL,MAAM,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,CAiCxD,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,qBAAa,MAAM;IACjB,IAAW,IAAI,WAEd;IAED,IAAW,OAAO,WAEjB;IAED,SAAgB,KAAK,EAAE,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAc;gBAEjB,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC;IAavC,QAAQ;IAIR,SAAS,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM;CAQ5C;AAED;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,UAEjD;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,UAEhD;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,UAEpD;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,UAErD;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,UAEnD;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,UAEnD;AAED;;;;GAIG;AACH,wBAAgB,GAAG,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,UAE9C;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,UAE/C"}

package/lib/partials/Filter.js

@@ -0,0 +1,135 @@
+import { createSignal, map, transformScalar, } from '@revideo/core';
+/**
+ * Definitions of all possible CSS filters.
+ *
+ * @internal
+ */
+export const FILTERS = {
+    invert: {
+        name: 'invert',
+    },
+    sepia: {
+        name: 'sepia',
+    },
+    grayscale: {
+        name: 'grayscale',
+    },
+    brightness: {
+        name: 'brightness',
+        default: 1,
+    },
+    contrast: {
+        name: 'contrast',
+        default: 1,
+    },
+    saturate: {
+        name: 'saturate',
+        default: 1,
+    },
+    hue: {
+        name: 'hue-rotate',
+        unit: 'deg',
+        scale: 1,
+    },
+    blur: {
+        name: 'blur',
+        transform: true,
+        unit: 'px',
+        scale: 1,
+    },
+};
+export class Filter {
+    get name() {
+        return this.props.name;
+    }
+    get default() {
+        return this.props.default;
+    }
+    constructor(props) {
+        this.props = {
+            name: 'invert',
+            default: 0,
+            unit: '%',
+            scale: 100,
+            transform: false,
+            ...props,
+            value: props.value ?? props.default ?? 0,
+        };
+        this.value = createSignal(this.props.value, map, this);
+    }
+    isActive() {
+        return this.value() !== this.props.default;
+    }
+    serialize(matrix) {
+        let value = this.value();
+        if (this.props.transform) {
+            value = transformScalar(value, matrix);
+        }
+        return `${this.props.name}(${value * this.props.scale}${this.props.unit})`;
+    }
+}
+/**
+ * Create an {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/invert | invert} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export function invert(value) {
+    return new Filter({ ...FILTERS.invert, value });
+}
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/sepia | sepia} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export function sepia(value) {
+    return new Filter({ ...FILTERS.sepia, value });
+}
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/grayscale | grayscale} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export function grayscale(value) {
+    return new Filter({ ...FILTERS.grayscale, value });
+}
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/brightness | brightness} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export function brightness(value) {
+    return new Filter({ ...FILTERS.brightness, value });
+}
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/contrast | contrast} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export function contrast(value) {
+    return new Filter({ ...FILTERS.contrast, value });
+}
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/saturate | saturate} filter.
+ *
+ * @param value - The value of the filter.
+ */
+export function saturate(value) {
+    return new Filter({ ...FILTERS.saturate, value });
+}
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/hue-rotate | hue} filter.
+ *
+ * @param value - The value of the filter in degrees.
+ */
+export function hue(value) {
+    return new Filter({ ...FILTERS.hue, value });
+}
+/**
+ * Create a {@link https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/blur | blur} filter.
+ *
+ * @param value - The value of the filter in pixels.
+ */
+export function blur(value) {
+    return new Filter({ ...FILTERS.blur, value });
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9wYXJ0aWFscy9GaWx0ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFlBQVksRUFDWixHQUFHLEVBR0gsZUFBZSxHQUNoQixNQUFNLGVBQWUsQ0FBQztBQWlCdkI7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBeUM7SUFDM0QsTUFBTSxFQUFFO1FBQ04sSUFBSSxFQUFFLFFBQVE7S0FDZjtJQUNELEtBQUssRUFBRTtRQUNMLElBQUksRUFBRSxPQUFPO0tBQ2Q7SUFDRCxTQUFTLEVBQUU7UUFDVCxJQUFJLEVBQUUsV0FBVztLQUNsQjtJQUNELFVBQVUsRUFBRTtRQUNWLElBQUksRUFBRSxZQUFZO1FBQ2xCLE9BQU8sRUFBRSxDQUFDO0tBQ1g7SUFDRCxRQUFRLEVBQUU7UUFDUixJQUFJLEVBQUUsVUFBVTtRQUNoQixPQUFPLEVBQUUsQ0FBQztLQUNYO0lBQ0QsUUFBUSxFQUFFO1FBQ1IsSUFBSSxFQUFFLFVBQVU7UUFDaEIsT0FBTyxFQUFFLENBQUM7S0FDWDtJQUNELEdBQUcsRUFBRTtRQUNILElBQUksRUFBRSxZQUFZO1FBQ2xCLElBQUksRUFBRSxLQUFLO1FBQ1gsS0FBSyxFQUFFLENBQUM7S0FDVDtJQUNELElBQUksRUFBRTtRQUNKLElBQUksRUFBRSxNQUFNO1FBQ1osU0FBUyxFQUFFLElBQUk7UUFDZixJQUFJLEVBQUUsSUFBSTtRQUNWLEtBQUssRUFBRSxDQUFDO0tBQ1Q7Q0FDRixDQUFDO0FBY0YsTUFBTSxPQUFPLE1BQU07SUFDakIsSUFBVyxJQUFJO1FBQ2IsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBVyxPQUFPO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7SUFDNUIsQ0FBQztJQUtELFlBQW1CLEtBQTJCO1FBQzVDLElBQUksQ0FBQyxLQUFLLEdBQUc7WUFDWCxJQUFJLEVBQUUsUUFBUTtZQUNkLE9BQU8sRUFBRSxDQUFDO1lBQ1YsSUFBSSxFQUFFLEdBQUc7WUFDVCxLQUFLLEVBQUUsR0FBRztZQUNWLFNBQVMsRUFBRSxLQUFLO1lBQ2hCLEdBQUcsS0FBSztZQUNSLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxJQUFJLEtBQUssQ0FBQyxPQUFPLElBQUksQ0FBQztTQUN6QyxDQUFDO1FBQ0YsSUFBSSxDQUFDLEtBQUssR0FBRyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsR0FBRyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ3pELENBQUM7SUFFTSxRQUFRO1FBQ2IsT0FBTyxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7SUFDN0MsQ0FBQztJQUVNLFNBQVMsQ0FBQyxNQUFpQjtRQUNoQyxJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDekIsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3pCLEtBQUssR0FBRyxlQUFlLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQ3pDLENBQUM7UUFFRCxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxHQUFHLENBQUM7SUFDN0UsQ0FBQztDQUNGO0FBRUQ7Ozs7R0FJRztBQUNILE1BQU0sVUFBVSxNQUFNLENBQUMsS0FBMkI7SUFDaEQsT0FBTyxJQUFJLE1BQU0sQ0FBQyxFQUFDLEdBQUcsT0FBTyxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUMsQ0FBQyxDQUFDO0FBQ2hELENBQUM7QUFFRDs7OztHQUlHO0FBQ0gsTUFBTSxVQUFVLEtBQUssQ0FBQyxLQUEyQjtJQUMvQyxPQUFPLElBQUksTUFBTSxDQUFDLEVBQUMsR0FBRyxPQUFPLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBQyxDQUFDLENBQUM7QUFDL0MsQ0FBQztBQUVEOzs7O0dBSUc7QUFDSCxNQUFNLFVBQVUsU0FBUyxDQUFDLEtBQTJCO0lBQ25ELE9BQU8sSUFBSSxNQUFNLENBQUMsRUFBQyxHQUFHLE9BQU8sQ0FBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLENBQUMsQ0FBQztBQUNuRCxDQUFDO0FBRUQ7Ozs7R0FJRztBQUNILE1BQU0sVUFBVSxVQUFVLENBQUMsS0FBMkI7SUFDcEQsT0FBTyxJQUFJLE1BQU0sQ0FBQyxFQUFDLEdBQUcsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLEVBQUMsQ0FBQyxDQUFDO0FBQ3BELENBQUM7QUFFRDs7OztHQUlHO0FBQ0gsTUFBTSxVQUFVLFFBQVEsQ0FBQyxLQUEyQjtJQUNsRCxPQUFPLElBQUksTUFBTSxDQUFDLEVBQUMsR0FBRyxPQUFPLENBQUMsUUFBUSxFQUFFLEtBQUssRUFBQyxDQUFDLENBQUM7QUFDbEQsQ0FBQztBQUVEOzs7O0dBSUc7QUFDSCxNQUFNLFVBQVUsUUFBUSxDQUFDLEtBQTJCO0lBQ2xELE9BQU8sSUFBSSxNQUFNLENBQUMsRUFBQyxHQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBSyxFQUFDLENBQUMsQ0FBQztBQUNsRCxDQUFDO0FBRUQ7Ozs7R0FJRztBQUNILE1BQU0sVUFBVSxHQUFHLENBQUMsS0FBMkI7SUFDN0MsT0FBTyxJQUFJLE1BQU0sQ0FBQyxFQUFDLEdBQUcsT0FBTyxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUMsQ0FBQyxDQUFDO0FBQzdDLENBQUM7QUFFRDs7OztHQUlHO0FBQ0gsTUFBTSxVQUFVLElBQUksQ0FBQyxLQUEyQjtJQUM5QyxPQUFPLElBQUksTUFBTSxDQUFDLEVBQUMsR0FBRyxPQUFPLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBQyxDQUFDLENBQUM7QUFDOUMsQ0FBQyJ9