@twick/2d 0.14.21 → 0.15.0

package/lib/components/Ray.js

@@ -1,96 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { BBox, transformVectorAsPoint } from '@twick/core';
-import { LineSegment } from '../curves';
-import { nodeName, vector2Signal } from '../decorators';
-import { arc, drawLine, drawPivot } from '../utils';
-import { Curve } from './Curve';
-/**
- * A node for drawing an individual line segment.
- *
- * @preview
- * ```tsx editor
- * import {makeScene2D} from '@twick/2d';
- * import {Ray} from '@twick/2d';
- * import {createRef} from '@twick/core';
- *
- * export default makeScene2D(function* (view) {
- *   const ray = createRef<Ray>();
- *
- *   view.add(
- *     <Ray
- *       ref={ray}
- *       lineWidth={8}
- *       endArrow
- *       stroke={'lightseagreen'}
- *       fromX={-200}
- *       toX={200}
- *     />,
- *   );
- *
- *   yield* ray().start(1, 1);
- *   yield* ray().start(0).end(0).start(1, 1);
- * });
- * ```
- */
-let Ray = class Ray extends Curve {
-    constructor(props) {
-        super(props);
-    }
-    childrenBBox() {
-        return BBox.fromPoints(this.from(), this.to());
-    }
-    profile() {
-        const segment = new LineSegment(this.from(), this.to());
-        return {
-            arcLength: segment.arcLength,
-            minSin: 1,
-            segments: [segment],
-        };
-    }
-    drawOverlay(context, matrix) {
-        const box = this.childrenBBox().transformCorners(matrix);
-        const size = this.computedSize();
-        const offsetVector = size.mul(this.offset()).scale(0.5);
-        const offset = transformVectorAsPoint(offsetVector, matrix);
-        const from = transformVectorAsPoint(this.from(), matrix);
-        const to = transformVectorAsPoint(this.to(), matrix);
-        context.fillStyle = 'white';
-        context.strokeStyle = 'black';
-        context.lineWidth = 1;
-        context.beginPath();
-        arc(context, from, 4);
-        context.fill();
-        context.stroke();
-        context.beginPath();
-        arc(context, to, 4);
-        context.fill();
-        context.stroke();
-        context.strokeStyle = 'white';
-        context.beginPath();
-        drawLine(context, [from, to]);
-        context.stroke();
-        context.beginPath();
-        drawPivot(context, offset);
-        context.stroke();
-        context.beginPath();
-        drawLine(context, box);
-        context.closePath();
-        context.stroke();
-    }
-};
-__decorate([
-    vector2Signal('from')
-], Ray.prototype, "from", void 0);
-__decorate([
-    vector2Signal('to')
-], Ray.prototype, "to", void 0);
-Ray = __decorate([
-    nodeName('Ray')
-], Ray);
-export { Ray };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmF5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1JheS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFDQSxPQUFPLEVBQUMsSUFBSSxFQUFFLHNCQUFzQixFQUFDLE1BQU0sYUFBYSxDQUFDO0FBRXpELE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxXQUFXLENBQUM7QUFDdEMsT0FBTyxFQUFDLFFBQVEsRUFBRSxhQUFhLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdEQsT0FBTyxFQUFDLEdBQUcsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFDLE1BQU0sVUFBVSxDQUFDO0FBRWxELE9BQU8sRUFBQyxLQUFLLEVBQUMsTUFBTSxTQUFTLENBQUM7QUFrQjlCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EyQkc7QUFFSSxJQUFNLEdBQUcsR0FBVCxNQUFNLEdBQUksU0FBUSxLQUFLO0lBYTVCLFlBQW1CLEtBQWU7UUFDaEMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2YsQ0FBQztJQUVrQixZQUFZO1FBQzdCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLEVBQUUsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVlLE9BQU87UUFDckIsTUFBTSxPQUFPLEdBQUcsSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRXhELE9BQU87WUFDTCxTQUFTLEVBQUUsT0FBTyxDQUFDLFNBQVM7WUFDNUIsTUFBTSxFQUFFLENBQUM7WUFDVCxRQUFRLEVBQUUsQ0FBQyxPQUFPLENBQUM7U0FDcEIsQ0FBQztJQUNKLENBQUM7SUFFZSxXQUFXLENBQ3pCLE9BQWlDLEVBQ2pDLE1BQWlCO1FBRWpCLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN6RCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDakMsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDeEQsTUFBTSxNQUFNLEdBQUcsc0JBQXNCLENBQUMsWUFBWSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQzVELE1BQU0sSUFBSSxHQUFHLHNCQUFzQixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxNQUFNLENBQUMsQ0FBQztRQUN6RCxNQUFNLEVBQUUsR0FBRyxzQkFBc0IsQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFFckQsT0FBTyxDQUFDLFNBQVMsR0FBRyxPQUFPLENBQUM7UUFDNUIsT0FBTyxDQUFDLFdBQVcsR0FBRyxPQUFPLENBQUM7UUFDOUIsT0FBTyxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUM7UUFFdEIsT0FBTyxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQ3BCLEdBQUcsQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3RCLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNmLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUVqQixPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDcEIsR0FBRyxDQUFDLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDcEIsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2YsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBRWpCLE9BQU8sQ0FBQyxXQUFXLEdBQUcsT0FBTyxDQUFDO1FBQzlCLE9BQU8sQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUNwQixRQUFRLENBQUMsT0FBTyxFQUFFLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDOUIsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBRWpCLE9BQU8sQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUNwQixTQUFTLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQzNCLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUVqQixPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDcEIsUUFBUSxDQUFDLE9BQU8sRUFBRSxHQUFHLENBQUMsQ0FBQztRQUN2QixPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDcEIsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ25CLENBQUM7Q0FDRixDQUFBO0FBakV5QjtJQUR2QixhQUFhLENBQUMsTUFBTSxDQUFDO2lDQUM0QjtBQU0xQjtJQUR2QixhQUFhLENBQUMsSUFBSSxDQUFDOytCQUM0QjtBQVhyQyxHQUFHO0lBRGYsUUFBUSxDQUFDLEtBQUssQ0FBQztHQUNILEdBQUcsQ0FzRWYifQ==

package/lib/components/Rect.d.ts

@@ -1,114 +0,0 @@
-import type { PossibleSpacing, SerializedVector2, SignalValue, SimpleSignal, SpacingSignal } from '@twick/core';
-import { BBox } from '@twick/core';
-import type { DesiredLength } from '../partials';
-import type { CurveProps } from './Curve';
-import { Curve } from './Curve';
-export interface RectProps extends CurveProps {
-    /**
-     * {@inheritDoc Rect.radius}
-     */
-    radius?: SignalValue<PossibleSpacing>;
-    /**
-     * {@inheritDoc Rect.smoothCorners}
-     */
-    smoothCorners?: SignalValue<boolean>;
-    /**
-     * {@inheritDoc Rect.cornerSharpness}
-     */
-    cornerSharpness?: SignalValue<number>;
-}
-export declare class Rect extends Curve {
-    /**
-     * Rounds the corners of this rectangle.
-     *
-     * @remarks
-     * The value represents the radius of the quarter circle that is used to round
-     * the corners. If the value is a number, the same radius is used for all
-     * corners. Passing an array of two to four numbers will set individual radii
-     * for each corner. Individual radii correspond to different corners depending
-     * on the number of values passed:
-     *
-     * ```ts
-     * // top-left-and-bottom-right | top-right-and-bottom-left
-     * [10, 30]
-     * // top-left | top-right-and-bottom-left | bottom-right
-     * [10, 20, 30]
-     * // top-left | top-right | bottom-right | bottom-left
-     * [10, 20, 30, 40]
-     * ```
-     *
-     * @example
-     * One uniform radius:
-     * ```tsx
-     * <Rect
-     *   size={320}
-     *   radius={40}
-     *   fill={'white'}
-     * />
-     * ```
-     * @example
-     * Individual radii for each corner:
-     * ```tsx
-     * <Rect
-     *   size={320}
-     *   radius={[10, 20, 30, 40]}
-     *   fill={'white'}
-     * />
-     * ```
-     */
-    readonly radius: SpacingSignal<this>;
-    /**
-     * Enables corner smoothing.
-     *
-     * @remarks
-     * This property only affects the way rounded corners are drawn. To control
-     * the corner radius use the {@link radius} property.
-     *
-     * When enabled, rounded corners are drawn continuously using Bézier curves
-     * rather than quarter circles. The sharpness of the curve can be controlled
-     * with {@link cornerSharpness}.
-     *
-     * You can read more about corner smoothing in
-     * [this article by Nick Lawrence](https://uxplanet.org/ui-ux-design-corner-smoothing-720509d1ae48).
-     *
-     * @example
-     * ```tsx
-     * <Rect
-     *   width={300}
-     *   height={300}
-     *   smoothCorners={true}
-     * />
-     * ```
-     */
-    readonly smoothCorners: SimpleSignal<boolean, this>;
-    /**
-     * Controls the sharpness of {@link smoothCorners}.
-     *
-     * @remarks
-     * This property only affects the way rounded corners are drawn. To control
-     * the corner radius use the {@link radius} property.
-     *
-     * Requires {@link smoothCorners} to be enabled to have any effect.
-     * By default, corner sharpness is set to `0.6` which represents a smooth,
-     * circle-like rounding. At `0` the edges are squared off.
-     *
-     * @example
-     * ```tsx
-     * <Rect
-     *   size={300}
-     *   smoothCorners={true}
-     *   cornerSharpness={0.7}
-     * />
-     * ```
-     */
-    readonly cornerSharpness: SimpleSignal<number, this>;
-    constructor(props: RectProps);
-    profile(): import("..").CurveProfile;
-    protected desiredSize(): SerializedVector2<DesiredLength>;
-    protected offsetComputedLayout(box: BBox): BBox;
-    protected childrenBBox(): BBox;
-    protected getPath(): Path2D;
-    protected getCacheBBox(): BBox;
-    protected getRipplePath(): Path2D;
-}
-//# sourceMappingURL=Rect.d.ts.map

package/lib/components/Rect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Rect.d.ts","sourceRoot":"","sources":["../../src/lib/components/Rect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACd,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAC;AAIjC,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE/C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,MAAM,WAAW,SAAU,SAAQ,UAAU;IAC3C;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAEtC;;OAEG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAErC;;OAEG;IACH,eAAe,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACvC;AAED,qBACa,IAAK,SAAQ,KAAK;IAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAqCG;IACH,SACwB,MAAM,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAEpD;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,SAEwB,aAAa,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAEnE;;;;;;;;;;;;;;;;;;;OAmBG;IACH,SAEwB,eAAe,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;gBAEjD,KAAK,EAAE,SAAS;IAK5B,OAAO;cASK,WAAW,IAAI,iBAAiB,CAAC,aAAa,CAAC;cAO/C,oBAAoB,CAAC,GAAG,EAAE,IAAI,GAAG,IAAI;cAIrC,YAAY,IAAI,IAAI;cAIpB,OAAO,IAAI,MAAM;cAejB,YAAY,IAAI,IAAI;cAIpB,aAAa,IAAI,MAAM;CAW3C"}

package/lib/components/Rect.js

@@ -1,76 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { BBox } from '@twick/core';
-import { getRectProfile } from '../curves/getRectProfile';
-import { computed, initial, nodeName, signal } from '../decorators';
-import { spacingSignal } from '../decorators/spacingSignal';
-import { drawRoundRect } from '../utils';
-import { Curve } from './Curve';
-let Rect = class Rect extends Curve {
-    constructor(props) {
-        super(props);
-    }
-    profile() {
-        return getRectProfile(this.childrenBBox(), this.radius(), this.smoothCorners(), this.cornerSharpness());
-    }
-    desiredSize() {
-        return {
-            x: this.width.context.getter(),
-            y: this.height.context.getter(),
-        };
-    }
-    offsetComputedLayout(box) {
-        return box;
-    }
-    childrenBBox() {
-        return BBox.fromSizeCentered(this.computedSize());
-    }
-    getPath() {
-        if (this.requiresProfile()) {
-            return this.curveDrawingInfo().path;
-        }
-        const path = new Path2D();
-        const radius = this.radius();
-        const smoothCorners = this.smoothCorners();
-        const cornerSharpness = this.cornerSharpness();
-        const box = BBox.fromSizeCentered(this.size());
-        drawRoundRect(path, box, radius, smoothCorners, cornerSharpness);
-        return path;
-    }
-    getCacheBBox() {
-        return super.getCacheBBox().expand(this.rippleSize());
-    }
-    getRipplePath() {
-        const path = new Path2D();
-        const rippleSize = this.rippleSize();
-        const radius = this.radius().addScalar(rippleSize);
-        const smoothCorners = this.smoothCorners();
-        const cornerSharpness = this.cornerSharpness();
-        const box = BBox.fromSizeCentered(this.size()).expand(rippleSize);
-        drawRoundRect(path, box, radius, smoothCorners, cornerSharpness);
-        return path;
-    }
-};
-__decorate([
-    spacingSignal('radius')
-], Rect.prototype, "radius", void 0);
-__decorate([
-    initial(false),
-    signal()
-], Rect.prototype, "smoothCorners", void 0);
-__decorate([
-    initial(0.6),
-    signal()
-], Rect.prototype, "cornerSharpness", void 0);
-__decorate([
-    computed()
-], Rect.prototype, "profile", null);
-Rect = __decorate([
-    nodeName('Rect')
-], Rect);
-export { Rect };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmVjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9SZWN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQU9BLE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSxhQUFhLENBQUM7QUFDakMsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ3hELE9BQU8sRUFBQyxRQUFRLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDbEUsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLDZCQUE2QixDQUFDO0FBRTFELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxVQUFVLENBQUM7QUFFdkMsT0FBTyxFQUFDLEtBQUssRUFBQyxNQUFNLFNBQVMsQ0FBQztBQW9CdkIsSUFBTSxJQUFJLEdBQVYsTUFBTSxJQUFLLFNBQVEsS0FBSztJQTZGN0IsWUFBbUIsS0FBZ0I7UUFDakMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2YsQ0FBQztJQUdNLE9BQU87UUFDWixPQUFPLGNBQWMsQ0FDbkIsSUFBSSxDQUFDLFlBQVksRUFBRSxFQUNuQixJQUFJLENBQUMsTUFBTSxFQUFFLEVBQ2IsSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUNwQixJQUFJLENBQUMsZUFBZSxFQUFFLENBQ3ZCLENBQUM7SUFDSixDQUFDO0lBRWtCLFdBQVc7UUFDNUIsT0FBTztZQUNMLENBQUMsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUU7WUFDOUIsQ0FBQyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRTtTQUNoQyxDQUFDO0lBQ0osQ0FBQztJQUVrQixvQkFBb0IsQ0FBQyxHQUFTO1FBQy9DLE9BQU8sR0FBRyxDQUFDO0lBQ2IsQ0FBQztJQUVrQixZQUFZO1FBQzdCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDO0lBQ3BELENBQUM7SUFFa0IsT0FBTztRQUN4QixJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsRUFBRSxDQUFDO1lBQzNCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUMsSUFBSSxDQUFDO1FBQ3RDLENBQUM7UUFFRCxNQUFNLElBQUksR0FBRyxJQUFJLE1BQU0sRUFBRSxDQUFDO1FBQzFCLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUM3QixNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0MsTUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQy9DLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUMvQyxhQUFhLENBQUMsSUFBSSxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsYUFBYSxFQUFFLGVBQWUsQ0FBQyxDQUFDO1FBRWpFLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVrQixZQUFZO1FBQzdCLE9BQU8sS0FBSyxDQUFDLFlBQVksRUFBRSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRWtCLGFBQWE7UUFDOUIsTUFBTSxJQUFJLEdBQUcsSUFBSSxNQUFNLEVBQUUsQ0FBQztRQUMxQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDckMsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNuRCxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0MsTUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQy9DLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDbEUsYUFBYSxDQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLGFBQWEsRUFBRSxlQUFlLENBQUMsQ0FBQztRQUVqRSxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7Q0FDRixDQUFBO0FBaEh5QjtJQUR2QixhQUFhLENBQUMsUUFBUSxDQUFDO29DQUM0QjtBQTJCNUI7SUFGdkIsT0FBTyxDQUFDLEtBQUssQ0FBQztJQUNkLE1BQU0sRUFBRTsyQ0FDMEQ7QUF3QjNDO0lBRnZCLE9BQU8sQ0FBQyxHQUFHLENBQUM7SUFDWixNQUFNLEVBQUU7NkNBQzJEO0FBTzdEO0lBRE4sUUFBUSxFQUFFO21DQVFWO0FBekdVLElBQUk7SUFEaEIsUUFBUSxDQUFDLE1BQU0sQ0FBQztHQUNKLElBQUksQ0F3SmhCIn0=

package/lib/components/Rive.d.ts

@@ -1,22 +0,0 @@
-import type { SignalValue, SimpleSignal } from '@twick/core';
-import type { RectProps } from './Rect';
-import { Rect } from './Rect';
-export interface RiveProps extends RectProps {
-    src?: SignalValue<string>;
-    artboardId?: SignalValue<string | number>;
-    animationId?: SignalValue<string | number>;
-}
-export declare class Rive extends Rect {
-    readonly src: SimpleSignal<string, this>;
-    readonly artboardId: SimpleSignal<number | string, this>;
-    readonly animationId: SimpleSignal<number | string, this>;
-    protected readonly time: SimpleSignal<number, this>;
-    protected currentTime: number;
-    protected lastTime: number;
-    constructor(props: RiveProps);
-    private rive;
-    protected draw(context: CanvasRenderingContext2D): Promise<void>;
-    private getArtboard;
-    private getAnimation;
-}
-//# sourceMappingURL=Rive.d.ts.map

package/lib/components/Rive.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Rive.d.ts","sourceRoot":"","sources":["../../src/lib/components/Rive.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAW3D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAE5B,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,WAAW,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;CAC5C;AAUD,qBACa,IAAK,SAAQ,IAAI;IAC5B,SACwB,GAAG,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAExD,SAEwB,UAAU,EAAE,YAAY,CAAC,MAAM,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC;IAExE,SAEwB,WAAW,EAAE,YAAY,CAAC,MAAM,GAAG,MAAM,EAAE,IAAI,CAAC,CAAC;IAEzE,mBAE2B,IAAI,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAE5D,SAAS,CAAC,WAAW,EAAE,MAAM,CAAK;IAClC,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAK;gBAEZ,KAAK,EAAE,SAAS;YASrB,IAAI;cAwBO,IAAI,CAAC,OAAO,EAAE,wBAAwB;IAiD/D,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,YAAY;CAerB"}

package/lib/components/Rive.js

@@ -1,117 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { BBox, useThread } from '@twick/core';
-import RiveInitializer from '@rive-app/canvas-advanced';
-import { computed, initial, nodeName, signal } from '../decorators';
-import { Rect } from './Rect';
-let Rive = class Rive extends Rect {
-    constructor(props) {
-        super(props);
-        this.currentTime = 0;
-        this.lastTime = 0;
-        const time = useThread().time;
-        const start = time();
-        this.time(() => time() - start);
-    }
-    async rive() {
-        const src = this.src();
-        const rive = await RiveInitializer({
-            locateFile: () => {
-                return '/@rive-wasm';
-            },
-        });
-        const canvas = document.createElement('canvas');
-        canvas.width = this.width();
-        canvas.height = this.height();
-        const renderer = rive.makeRenderer(canvas);
-        const bytes = await (await fetch(new Request(src))).arrayBuffer();
-        const file = (await rive.load(new Uint8Array(bytes)));
-        const artboardId = this.artboardId();
-        const artboard = this.getArtboard(artboardId, file);
-        const animationId = this.animationId();
-        const animation = this.getAnimation(animationId, artboard, rive);
-        return { rive, renderer, artboard, animation, canvas };
-    }
-    async draw(context) {
-        this.drawShape(context);
-        this.currentTime = this.time();
-        const timeToAdvance = this.currentTime - this.lastTime;
-        this.lastTime = this.currentTime;
-        const { rive, renderer, canvas, artboard, animation } = await this.rive();
-        const box = BBox.fromSizeCentered(this.computedSize());
-        const renderPromise = new Promise(resolve => {
-            function renderLoop() {
-                renderer.clear();
-                animation.advance(timeToAdvance);
-                animation.apply(1);
-                artboard.advance(timeToAdvance);
-                renderer.save();
-                renderer.align(rive.Fit.fill, rive.Alignment.center, {
-                    minX: 0,
-                    minY: 0,
-                    maxX: canvas.width,
-                    maxY: canvas.height,
-                }, artboard.bounds);
-                artboard.draw(renderer);
-                renderer.restore();
-                resolve();
-            }
-            rive.requestAnimationFrame(renderLoop);
-        });
-        await renderPromise;
-        context.drawImage(canvas, box.x, box.y, box.width, box.height);
-        if (this.clip()) {
-            context.clip(this.getPath());
-        }
-        await this.drawChildren(context);
-    }
-    getArtboard(artboardId, file) {
-        if (typeof artboardId === 'string') {
-            return file.artboardByName(artboardId);
-        }
-        if (typeof artboardId === 'number') {
-            return file.artboardByIndex(artboardId);
-        }
-        return file.defaultArtboard();
-    }
-    getAnimation(animationId, artboard, rive) {
-        let animation;
-        if (typeof animationId === 'number') {
-            animation = artboard.animationByIndex(animationId);
-        }
-        else if (typeof animationId === 'string') {
-            animation = artboard.animationByName(animationId);
-        }
-        else {
-            animation = artboard.animationByIndex(0);
-        }
-        return new rive.LinearAnimationInstance(animation, artboard);
-    }
-};
-__decorate([
-    signal()
-], Rive.prototype, "src", void 0);
-__decorate([
-    initial(0),
-    signal()
-], Rive.prototype, "artboardId", void 0);
-__decorate([
-    initial(0),
-    signal()
-], Rive.prototype, "animationId", void 0);
-__decorate([
-    initial(0),
-    signal()
-], Rive.prototype, "time", void 0);
-__decorate([
-    computed()
-], Rive.prototype, "rive", null);
-Rive = __decorate([
-    nodeName('Rive')
-], Rive);
-export { Rive };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUml2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9SaXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFBQyxJQUFJLEVBQUUsU0FBUyxFQUFDLE1BQU0sYUFBYSxDQUFDO0FBUTVDLE9BQU8sZUFBZSxNQUFNLDJCQUEyQixDQUFDO0FBQ3hELE9BQU8sRUFBQyxRQUFRLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFbEUsT0FBTyxFQUFDLElBQUksRUFBQyxNQUFNLFFBQVEsQ0FBQztBQWlCckIsSUFBTSxJQUFJLEdBQVYsTUFBTSxJQUFLLFNBQVEsSUFBSTtJQW1CNUIsWUFBbUIsS0FBZ0I7UUFDakMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBSkwsZ0JBQVcsR0FBVyxDQUFDLENBQUM7UUFDeEIsYUFBUSxHQUFXLENBQUMsQ0FBQztRQUs3QixNQUFNLElBQUksR0FBRyxTQUFTLEVBQUUsQ0FBQyxJQUFJLENBQUM7UUFDOUIsTUFBTSxLQUFLLEdBQUcsSUFBSSxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLEVBQUUsR0FBRyxLQUFLLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBR2EsQUFBTixLQUFLLENBQUMsSUFBSTtRQUNoQixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUM7UUFDdkIsTUFBTSxJQUFJLEdBQUcsTUFBTSxlQUFlLENBQUM7WUFDakMsVUFBVSxFQUFFLEdBQUcsRUFBRTtnQkFDZixPQUFPLGFBQWEsQ0FBQztZQUN2QixDQUFDO1NBQ0YsQ0FBQyxDQUFDO1FBQ0gsTUFBTSxNQUFNLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUNoRCxNQUFNLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFL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

package/lib/components/SVG.d.ts

@@ -1,178 +0,0 @@
-import type { SerializedVector2, SignalValue, SimpleSignal, ThreadGenerator, TimingFunction } from '@twick/core';
-import { Vector2 } from '@twick/core';
-import type { DesiredLength } from '../partials';
-import type { NodeProps } from './Node';
-import { Node } from './Node';
-import type { ShapeProps } from './Shape';
-import { Shape } from './Shape';
-/**
- * Represent SVG shape.
- * This only used single time because `node` may have reference to parent SVG renderer.
- */
-export interface SVGShape {
-    id: string;
-    shape: Node;
-}
-/**
- * Data of SVGShape.
- * This can used many times  because it do not reference parent SVG.
- * This must build into SVGShape
- */
-export interface SVGShapeData {
-    id: string;
-    type: new (props: NodeProps) => Node;
-    props: ShapeProps;
-    children?: SVGShapeData[];
-}
-/**
- * Represent SVG document that contains SVG shapes.
- * This only used single time because `nodes` have reference to parent SVG renderer.
- */
-export interface SVGDocument {
-    size: Vector2;
-    nodes: SVGShape[];
-}
-/**
- * Data of SVGDocument.
- * This can used many times because it do not reference parent SVG.
- * This must build into SVGDocument
- */
-export interface SVGDocumentData {
-    size: Vector2;
-    nodes: SVGShapeData[];
-}
-export interface SVGProps extends ShapeProps {
-    svg: SignalValue<string>;
-}
-/**
-A Node for drawing and animating SVG images.
-
-@remarks
-If you're not interested in animating SVG, you can use {@link Img} instead.
- */
-export declare class SVG extends Shape {
-    protected static containerElement: HTMLDivElement;
-    private static svgNodesPool;
-    /**
-     * SVG string to be rendered
-     */
-    readonly svg: SimpleSignal<string, this>;
-    /**
-     * Child to wrap all SVG node
-     */
-    wrapper: Node;
-    private lastTweenTargetSrc;
-    private lastTweenTargetDocument;
-    constructor(props: SVGProps);
-    /**
-     * Get all SVG nodes with the given id.
-     * @param id - An id to query.
-     */
-    getChildrenById(id: string): Node[];
-    protected desiredSize(): SerializedVector2<DesiredLength>;
-    protected getCurrentSize(): {
-        x: number | null;
-        y: number | null;
-    };
-    protected calculateWrapperScale(documentSize: Vector2, parentSize: SerializedVector2<number | null>): Vector2;
-    /**
-     * Convert `SVGDocumentData` to `SVGDocument`.
-     * @param data - `SVGDocumentData` to convert.
-     */
-    protected buildDocument(data: SVGDocumentData): SVGDocument;
-    /**
-     * Convert `SVGShapeData` to `SVGShape`.
-     * @param data - `SVGShapeData` to convert.
-     */
-    protected buildShape({ id, type, props, children }: SVGShapeData): SVGShape;
-    /**
-     * Convert an SVG string to `SVGDocument`.
-     * @param svg - An SVG string to be parsed.
-     */
-    protected parseSVG(svg: string): SVGDocument;
-    /**
-     * Create a tweening list to tween between two SVG nodes.
-     * @param from - The initial node,
-     * @param to - The final node.
-     * @param duration - The duration of the tween.
-     * @param timing - The timing function.
-     */
-    protected generateTransformer(from: Node, to: Node, duration: number, timing: TimingFunction): Generator<ThreadGenerator>;
-    protected tweenSvg(value: SignalValue<string>, time: number, timingFunction: TimingFunction): Generator<void | ThreadGenerator | Promise<any> | import("@twick/core").Promisable<any>, void, any>;
-    private wrapperScale;
-    /**
-     * Get the current `SVGDocument`.
-     */
-    private document;
-    /**
-     * Get current document nodes.
-     */
-    private documentNodes;
-    /**
-     * Convert SVG colors in Shape properties to Motion Canvas colors.
-     * @param param - Shape properties.
-     * @returns Converted Shape properties.
-     */
-    private processElementStyle;
-    /**
-     * Parse an SVG string as `SVGDocumentData`.
-     * @param svg - And SVG string to be parsed.
-     * @returns `SVGDocumentData` that can be used to build SVGDocument.
-     */
-    protected static parseSVGData(svg: string): SVGDocumentData;
-    /**
-     * Get position, rotation and scale from Matrix transformation as Shape properties
-     * @param transform - Matrix transformation
-     * @returns MotionCanvas Shape properties
-     */
-    protected static getMatrixTransformation(transform: DOMMatrix): ShapeProps;
-    /**
-     * Convert an SVG color into a Motion Canvas color.
-     * @param color - SVG color.
-     * @returns Motion Canvas color.
-     */
-    private static processSVGColor;
-    /**
-     * Get the final transformation matrix for the given SVG element.
-     * @param element - SVG element.
-     * @param parentTransform - The transformation matrix of the parent.
-     */
-    private static getElementTransformation;
-    private static parseLineCap;
-    private static parseLineJoin;
-    private static parseLineDash;
-    private static parseDashOffset;
-    private static parseOpacity;
-    /**
-     * Convert the SVG element's style to a Motion Canvas Shape properties.
-     * @param element - An SVG element whose style should be converted.
-     * @param inheritedStyle - The parent style that should be inherited.
-     */
-    private static getElementStyle;
-    /**
-     * Extract `SVGShapeData` list from the SVG element's children.
-     * This will not extract the current element's shape.
-     * @param element - An element whose children will be extracted.
-     * @param svgRoot - The SVG root ("svg" tag) of the element.
-     * @param parentTransform - The transformation matrix applied to the parent.
-     * @param inheritedStyle - The style of the current SVG `element` that the children should inherit.
-     */
-    private static extractGroupNodes;
-    /**
-     * Parse a number from an SVG element attribute.
-     * @param element - SVG element whose attribute will be parsed.
-     * @param name - The name of the attribute to parse.
-     * @returns a parsed number or `0` if the attribute is not defined.
-     */
-    private static parseNumberAttribute;
-    /**
-     * Extract `SVGShapeData` list from the SVG element.
-     * This will also recursively extract shapes from its children.
-     * @param child - An SVG element to extract.
-     * @param svgRoot - The SVG root ("svg" tag) of the element.
-     * @param parentTransform - The transformation matrix applied to the parent.
-     * @param inheritedStyle - The style of the parent SVG element that the element should inherit.
-     */
-    private static extractElementNodes;
-}
-//# sourceMappingURL=SVG.d.ts.map

package/lib/components/SVG.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SVG.d.ts","sourceRoot":"","sources":["../../src/lib/components/SVG.ts"],"names":[],"mappings":"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"}