@twick/2d 0.14.21 → 0.15.0

package/lib/components/Shape.js

@@ -1,134 +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 { createSignal, easeOutExpo, linear, map, threadable, } from '@twick/core';
-import { computed, initial, nodeName, signal } from '../decorators';
-import { canvasStyleSignal } from '../decorators/canvasStyleSignal';
-import { resolveCanvasStyle } from '../utils';
-import { Layout } from './Layout';
-let Shape = class Shape extends Layout {
-    rippleSize() {
-        return easeOutExpo(this.rippleStrength(), 0, 50);
-    }
-    constructor(props) {
-        super(props);
-        this.rippleStrength = createSignal(0);
-    }
-    applyText(context) {
-        context.direction = this.textDirection();
-        this.element.dir = this.textDirection();
-    }
-    applyStyle(context) {
-        context.fillStyle = resolveCanvasStyle(this.fill(), context);
-        context.strokeStyle = resolveCanvasStyle(this.stroke(), context);
-        context.lineWidth = this.lineWidth();
-        context.lineJoin = this.lineJoin();
-        context.lineCap = this.lineCap();
-        context.setLineDash(this.lineDash());
-        context.lineDashOffset = this.lineDashOffset();
-        if (!this.antialiased()) {
-            // from https://stackoverflow.com/a/68372384
-            context.filter =
-                'url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImZpbHRlciIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVGdW5jUiB0eXBlPSJpZGVudGl0eSIvPjxmZUZ1bmNHIHR5cGU9ImlkZW50aXR5Ii8+PGZlRnVuY0IgdHlwZT0iaWRlbnRpdHkiLz48ZmVGdW5jQSB0eXBlPSJkaXNjcmV0ZSIgdGFibGVWYWx1ZXM9IjAgMSIvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48L2ZpbHRlcj48L3N2Zz4=#filter)';
-        }
-    }
-    async draw(context) {
-        this.drawShape(context);
-        if (this.clip()) {
-            context.clip(this.getPath());
-        }
-        await this.drawChildren(context);
-    }
-    drawShape(context) {
-        const path = this.getPath();
-        const hasStroke = this.lineWidth() > 0 && this.stroke() !== null;
-        const hasFill = this.fill() !== null;
-        context.save();
-        this.applyStyle(context);
-        this.drawRipple(context);
-        if (this.strokeFirst()) {
-            hasStroke && context.stroke(path);
-            hasFill && context.fill(path);
-        }
-        else {
-            hasFill && context.fill(path);
-            hasStroke && context.stroke(path);
-        }
-        context.restore();
-    }
-    getCacheBBox() {
-        return super.getCacheBBox().expand(this.lineWidth() / 2);
-    }
-    getPath() {
-        return new Path2D();
-    }
-    getRipplePath() {
-        return new Path2D();
-    }
-    drawRipple(context) {
-        const rippleStrength = this.rippleStrength();
-        if (rippleStrength > 0) {
-            const ripplePath = this.getRipplePath();
-            context.save();
-            context.globalAlpha *= map(0.54, 0, rippleStrength);
-            context.fill(ripplePath);
-            context.restore();
-        }
-    }
-    *ripple(duration = 1) {
-        this.rippleStrength(0);
-        yield* this.rippleStrength(1, duration, linear);
-        this.rippleStrength(0);
-    }
-};
-__decorate([
-    canvasStyleSignal()
-], Shape.prototype, "fill", void 0);
-__decorate([
-    canvasStyleSignal()
-], Shape.prototype, "stroke", void 0);
-__decorate([
-    initial(false),
-    signal()
-], Shape.prototype, "strokeFirst", void 0);
-__decorate([
-    initial(0),
-    signal()
-], Shape.prototype, "lineWidth", void 0);
-__decorate([
-    initial('miter'),
-    signal()
-], Shape.prototype, "lineJoin", void 0);
-__decorate([
-    initial('butt'),
-    signal()
-], Shape.prototype, "lineCap", void 0);
-__decorate([
-    initial([]),
-    signal()
-], Shape.prototype, "lineDash", void 0);
-__decorate([
-    initial(0),
-    signal()
-], Shape.prototype, "lineDashOffset", void 0);
-__decorate([
-    initial(true),
-    signal()
-], Shape.prototype, "antialiased", void 0);
-__decorate([
-    computed()
-], Shape.prototype, "rippleSize", null);
-__decorate([
-    computed()
-], Shape.prototype, "getPath", null);
-__decorate([
-    threadable()
-], Shape.prototype, "ripple", null);
-Shape = __decorate([
-    nodeName('Shape')
-], Shape);
-export { Shape };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2hhcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU2hhcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsT0FBTyxFQUNMLFlBQVksRUFDWixXQUFXLEVBQ1gsTUFBTSxFQUNOLEdBQUcsRUFDSCxVQUFVLEdBQ1gsTUFBTSxhQUFhLENBQUM7QUFDckIsT0FBTyxFQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVsRSxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxpQ0FBaUMsQ0FBQztBQUVsRSxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxVQUFVLENBQUM7QUFFNUMsT0FBTyxFQUFDLE1BQU0sRUFBQyxNQUFNLFVBQVUsQ0FBQztBQWV6QixJQUFlLEtBQUssR0FBcEIsTUFBZSxLQUFNLFNBQVEsTUFBTTtJQThCOUIsVUFBVTtRQUNsQixPQUFPLFdBQVcsQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ25ELENBQUM7SUFFRCxZQUFtQixLQUFpQjtRQUNsQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFSSSxtQkFBYyxHQUFHLFlBQVksQ0FBZSxDQUFDLENBQUMsQ0FBQztJQVNsRSxDQUFDO0lBRVMsU0FBUyxDQUFDLE9BQWlDO1FBQ25ELE9BQU8sQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3pDLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMxQyxDQUFDO0lBRVMsVUFBVSxDQUFDLE9BQWlDO1FBQ3BELE9BQU8sQ0FBQyxTQUFTLEdBQUcsa0JBQWtCLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQzdELE9BQU8sQ0FBQyxX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

package/lib/components/Spline.d.ts

@@ -1,89 +0,0 @@
-import type { PossibleVector2, SerializedVector2, SignalValue, SimpleSignal } from '@twick/core';
-import { BBox } from '@twick/core';
-import type { CurveProfile, KnotInfo } from '../curves';
-import type { DesiredLength } from '../partials';
-import type { CurveProps } from './Curve';
-import { Curve } from './Curve';
-export interface SplineProps extends CurveProps {
-    /**
-     * {@inheritDoc Spline.smoothness}
-     */
-    smoothness?: SignalValue<number>;
-    /**
-     * {@inheritDoc Spline.points}
-     */
-    points?: SignalValue<SignalValue<PossibleVector2[]>>;
-}
-/**
- * A node for drawing a smooth line through a number of points.
- *
- * @remarks
- * This node uses Bézier curves for drawing each segment of the spline.
- *
- * @example
- * Defining knots using the `points` property. This will automatically
- * calculate the handle positions for each knot do draw a smooth curve. You
- * can control the smoothness of the resulting curve via the
- * {@link Spline.smoothness} property:
- *
- * ```tsx
- * <Spline
- *   lineWidth={4}
- *   stroke={'white'}
- *   smoothness={0.4}
- *   points={[
- *     [-400, 0],
- *     [-200, -300],
- *     [0, 0],
- *     [200, -300],
- *     [400, 0],
- *   ]}
- * />
- * ```
- *
- * Defining knots with {@link Knot} nodes:
- *
- * ```tsx
- * <Spline lineWidth={4} stroke={'white'}>
- *   <Knot position={[-400, 0]} />
- *   <Knot position={[-200, -300]} />
- *   <Knot
- *     position={[0, 0]}
- *     startHandle={[-100, 200]}
- *     endHandle={[100, 200]}
- *   />
- *   <Knot position={[200, -300]} />
- *   <Knot position={[400, 0]} />
- * </Spline>
- * ```
- */
-export declare class Spline extends Curve {
-    /**
-     * The smoothness of the spline when using auto-calculated handles.
-     *
-     * @remarks
-     * This property is only applied to knots that don't use explicit handles.
-     *
-     * @defaultValue 0.4
-     */
-    readonly smoothness: SimpleSignal<number>;
-    /**
-     * The knots of the spline as an array of knots with auto-calculated handles.
-     *
-     * @remarks
-     * You can control the smoothness of the resulting curve
-     * via the {@link smoothness} property.
-     */
-    readonly points: SimpleSignal<SignalValue<PossibleVector2>[] | null, this>;
-    constructor(props: SplineProps);
-    profile(): CurveProfile;
-    knots(): KnotInfo[];
-    protected childrenBBox(): BBox;
-    protected lineWidthCoefficient(): number;
-    protected desiredSize(): SerializedVector2<DesiredLength>;
-    protected offsetComputedLayout(box: BBox): BBox;
-    private getTightBBox;
-    drawOverlay(context: CanvasRenderingContext2D, matrix: DOMMatrix): void;
-    private isKnot;
-}
-//# sourceMappingURL=Spline.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Spline.d.ts","sourceRoot":"","sources":["../../src/lib/components/Spline.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,YAAY,EACb,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,IAAI,EAKL,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,WAAW,CAAC;AAItD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAU/C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AA+B9B,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAEjC;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;CACtD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,qBAAa,MAAO,SAAQ,KAAK;IAC/B;;;;;;;OAOG;IACH,SAEwB,UAAU,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAEzD;;;;;;OAMG;IACH,SAEwB,MAAM,EAAE,YAAY,CAC1C,WAAW,CAAC,eAAe,CAAC,EAAE,GAAG,IAAI,EACrC,IAAI,CACL,CAAC;gBAEiB,KAAK,EAAE,WAAW;IAoBrB,OAAO,IAAI,YAAY;IAShC,KAAK,IAAI,QAAQ,EAAE;IAsB1B,SAAS,CAAC,YAAY;cAOH,oBAAoB,IAAI,MAAM;cAiB9B,WAAW,IAAI,iBAAiB,CAAC,aAAa,CAAC;cAI/C,oBAAoB,CAAC,GAAG,EAAE,IAAI,GAAG,IAAI;IAMxD,OAAO,CAAC,YAAY;IAOJ,WAAW,CACzB,OAAO,EAAE,wBAAwB,EACjC,MAAM,EAAE,SAAS;IAyGnB,OAAO,CAAC,MAAM;CAGf"}

package/lib/components/Spline.js

@@ -1,256 +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, Vector2, transformVectorAsPoint, unwrap, useLogger, } from '@twick/core';
-import { CubicBezierSegment, getBezierSplineProfile } from '../curves';
-import { computed, initial, signal } from '../decorators';
-import { arc, bezierCurveTo, drawLine, drawPivot, lineTo, moveTo, quadraticCurveTo, } from '../utils';
-import { Curve } from './Curve';
-import { Knot } from './Knot';
-const splineWithInsufficientKnots = `
-The spline won't be visible unless you specify at least two knots:
-
-\`\`\`tsx
-<Spline
-  stroke="#fff"
-  lineWidth={8}
-  points={[
-    [100, 0],
-    [0, 0],
-    [0, 100],
-  ]}
-/>
-\`\`\`
-
-For more control over the knot handles, you can alternatively provide the knots
-as children to the spline using the \`Knot\` component:
-
-\`\`\`tsx
-<Spline stroke="#fff" lineWidth={8}>
-  <Knot x={100} endHandle={[-50, 0]} />
-  <Knot />
-  <Knot y={100} startHandle={[-100, 50]} />
-</Spline>
-\`\`\`
-`;
-/**
- * A node for drawing a smooth line through a number of points.
- *
- * @remarks
- * This node uses Bézier curves for drawing each segment of the spline.
- *
- * @example
- * Defining knots using the `points` property. This will automatically
- * calculate the handle positions for each knot do draw a smooth curve. You
- * can control the smoothness of the resulting curve via the
- * {@link Spline.smoothness} property:
- *
- * ```tsx
- * <Spline
- *   lineWidth={4}
- *   stroke={'white'}
- *   smoothness={0.4}
- *   points={[
- *     [-400, 0],
- *     [-200, -300],
- *     [0, 0],
- *     [200, -300],
- *     [400, 0],
- *   ]}
- * />
- * ```
- *
- * Defining knots with {@link Knot} nodes:
- *
- * ```tsx
- * <Spline lineWidth={4} stroke={'white'}>
- *   <Knot position={[-400, 0]} />
- *   <Knot position={[-200, -300]} />
- *   <Knot
- *     position={[0, 0]}
- *     startHandle={[-100, 200]}
- *     endHandle={[100, 200]}
- *   />
- *   <Knot position={[200, -300]} />
- *   <Knot position={[400, 0]} />
- * </Spline>
- * ```
- */
-export class Spline extends Curve {
-    constructor(props) {
-        super(props);
-        if ((props.children === undefined ||
-            !Array.isArray(props.children) ||
-            props.children.length < 2) &&
-            (props.points === undefined || props.points.length < 2) &&
-            props.spawner === undefined) {
-            useLogger().warn({
-                message: 'Insufficient number of knots specified for spline. A spline needs at least two knots.',
-                remarks: splineWithInsufficientKnots,
-                inspect: this.key,
-            });
-        }
-    }
-    profile() {
-        return getBezierSplineProfile(this.knots(), this.closed(), this.smoothness());
-    }
-    knots() {
-        const points = this.points();
-        if (points) {
-            return points.map(signal => {
-                const point = new Vector2(unwrap(signal));
-                return {
-                    position: point,
-                    startHandle: point,
-                    endHandle: point,
-                    auto: { start: 1, end: 1 },
-                };
-            });
-        }
-        return this.children()
-            .filter(this.isKnot)
-            .map(knot => knot.points());
-    }
-    childrenBBox() {
-        const points = this.profile().segments.flatMap(segment => segment.points);
-        return BBox.fromPoints(...points);
-    }
-    lineWidthCoefficient() {
-        const join = this.lineJoin();
-        let coefficient = super.lineWidthCoefficient();
-        if (join !== 'miter') {
-            return coefficient;
-        }
-        const { minSin } = this.profile();
-        if (minSin > 0) {
-            coefficient = Math.max(coefficient, 0.5 / minSin);
-        }
-        return coefficient;
-    }
-    desiredSize() {
-        return this.getTightBBox().size;
-    }
-    offsetComputedLayout(box) {
-        box.position = box.position.sub(this.getTightBBox().center);
-        return box;
-    }
-    getTightBBox() {
-        const bounds = this.profile().segments.map(segment => segment.getBBox());
-        return BBox.fromBBoxes(...bounds);
-    }
-    drawOverlay(context, matrix) {
-        const size = this.computedSize();
-        const box = this.childrenBBox().transformCorners(matrix);
-        const offsetVector = size.mul(this.offset()).scale(0.5);
-        const offset = transformVectorAsPoint(offsetVector, matrix);
-        const segments = this.profile().segments;
-        context.lineWidth = 1;
-        context.strokeStyle = 'white';
-        context.fillStyle = 'white';
-        const splinePath = new Path2D();
-        // Draw the actual spline first so that all control points get drawn on top of it.
-        for (let i = 0; i < segments.length; i++) {
-            const segment = segments[i];
-            const [from, startHandle, endHandle, to] = segment.transformPoints(matrix);
-            moveTo(splinePath, from);
-            if (segment instanceof CubicBezierSegment) {
-                bezierCurveTo(splinePath, startHandle, endHandle, to);
-            }
-            else {
-                quadraticCurveTo(splinePath, startHandle, endHandle);
-            }
-        }
-        context.stroke(splinePath);
-        for (let i = 0; i < segments.length; i++) {
-            const segment = segments[i];
-            context.fillStyle = 'white';
-            const [from, startHandle, endHandle, to] = segment.transformPoints(matrix);
-            const handlePath = new Path2D();
-            context.globalAlpha = 0.5;
-            // Line from p0 to p1
-            moveTo(handlePath, from);
-            lineTo(handlePath, startHandle);
-            if (segment instanceof CubicBezierSegment) {
-                // Line from p2 to p3
-                moveTo(handlePath, endHandle);
-                lineTo(handlePath, to);
-                context.beginPath();
-                context.stroke(handlePath);
-            }
-            else {
-                // Line from p1 to p2
-                lineTo(handlePath, endHandle);
-                context.beginPath();
-                context.stroke(handlePath);
-            }
-            context.globalAlpha = 1;
-            context.lineWidth = 2;
-            // Draw first point of segment
-            moveTo(context, from);
-            context.beginPath();
-            arc(context, from, 4);
-            context.closePath();
-            context.stroke();
-            context.fill();
-            // Draw final point of segment only if we're on the last segment.
-            // Otherwise, it will get drawn as the start point of the next segment.
-            if (i === segments.length - 1) {
-                if (to !== undefined) {
-                    moveTo(context, to);
-                    context.beginPath();
-                    arc(context, to, 4);
-                    context.closePath();
-                    context.stroke();
-                    context.fill();
-                }
-            }
-            // Draw the control points
-            context.fillStyle = 'black';
-            for (const point of [startHandle, endHandle]) {
-                if (point.magnitude > 0) {
-                    moveTo(context, point);
-                    context.beginPath();
-                    arc(context, point, 4);
-                    context.closePath();
-                    context.fill();
-                    context.stroke();
-                }
-            }
-        }
-        context.lineWidth = 1;
-        context.beginPath();
-        drawPivot(context, offset);
-        context.stroke();
-        context.beginPath();
-        drawLine(context, box);
-        context.closePath();
-        context.stroke();
-    }
-    isKnot(node) {
-        return node instanceof Knot;
-    }
-}
-__decorate([
-    initial(0.4),
-    signal()
-], Spline.prototype, "smoothness", void 0);
-__decorate([
-    initial(null),
-    signal()
-], Spline.prototype, "points", void 0);
-__decorate([
-    computed()
-], Spline.prototype, "profile", null);
-__decorate([
-    computed()
-], Spline.prototype, "knots", null);
-__decorate([
-    computed()
-], Spline.prototype, "childrenBBox", null);
-__decorate([
-    computed()
-], Spline.prototype, "getTightBBox", null);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BsaW5lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1NwbGluZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFNQSxPQUFPLEVBQ0wsSUFBSSxFQUNKLE9BQU8sRUFDUCxzQkFBc0IsRUFDdEIsTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGFBQWEsQ0FBQztBQUVyQixPQUFPLEVBQUMsa0JBQWtCLEVBQUUsc0JBQXNCLEVBQUMsTUFBTSxXQUFXLENBQUM7QUFFckUsT0FBTyxFQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXhELE9BQU8sRUFDTCxHQUFHLEVBQ0gsYUFBYSxFQUNiLFFBQVEsRUFDUixTQUFTLEVBQ1QsTUFBTSxFQUNOLE1BQU0sRUFDTixnQkFBZ0IsR0FDakIsTUFBTSxVQUFVLENBQUM7QUFFbEIsT0FBTyxFQUFDLEtBQUssRUFBQyxNQUFNLFNBQVMsQ0FBQztBQUM5QixPQUFPLEVBQUMsSUFBSSxFQUFDLE1BQU0sUUFBUSxDQUFDO0FBRzVCLE1BQU0sMkJBQTJCLEdBQUc7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0F5Qm5DLENBQUM7QUFjRjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMENHO0FBQ0gsTUFBTSxPQUFPLE1BQU8sU0FBUSxLQUFLO0lBMkIvQixZQUFtQixLQUFrQjtRQUNuQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFYixJQUNFLENBQUMsS0FBSyxDQUFDLFFBQVEsS0FBSyxTQUFTO1lBQzNCLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDO1lBQzlCLEtBQUssQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztZQUM1QixDQUFDLEtBQUssQ0FBQyxNQUFNLEtBQUssU0FBUyxJQUFJLEtBQUssQ0FBQyxNQUFNLENBQUMs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

package/lib/components/Txt.d.ts

@@ -1,53 +0,0 @@
-import type { InterpolationFunction, SignalValue, SimpleSignal, ThreadGenerator, TimingFunction } from '@twick/core';
-import type { Node } from './Node';
-import type { ShapeProps } from './Shape';
-import { Shape } from './Shape';
-import { TXT_TYPE, TxtLeaf } from './TxtLeaf';
-import type { ComponentChildren } from './types';
-type TxtChildren = string | Node | (string | Node)[];
-type AnyTxt = Txt | TxtLeaf;
-export interface TxtProps extends ShapeProps {
-    children?: TxtChildren;
-    text?: SignalValue<string>;
-}
-export declare class Txt extends Shape {
-    readonly [TXT_TYPE] = true;
-    /**
-     * Create a bold text node.
-     *
-     * @remarks
-     * This is a shortcut for
-     * ```tsx
-     * <Txt fontWeight={700} />
-     * ```
-     *
-     * @param props - Additional text properties.
-     */
-    static b(props: TxtProps): Txt;
-    /**
-     * Create an italic text node.
-     *
-     * @remarks
-     * This is a shortcut for
-     * ```tsx
-     * <Txt fontStyle={'italic'} />
-     * ```
-     *
-     * @param props - Additional text properties.
-     */
-    static i(props: TxtProps): Txt;
-    readonly text: SimpleSignal<string, this>;
-    protected getText(): string;
-    protected setText(value: SignalValue<string>): void;
-    protected setChildren(value: SignalValue<ComponentChildren>): void;
-    protected tweenText(value: SignalValue<string>, time: number, timingFunction: TimingFunction, interpolationFunction: InterpolationFunction<string>): ThreadGenerator;
-    protected getLayout(): boolean;
-    constructor({ children, text, ...props }: TxtProps);
-    protected innerText(): string;
-    protected parentTxt(): Txt | null;
-    protected parseChildren(children: ComponentChildren): AnyTxt[];
-    protected applyFlex(): void;
-    protected draw(context: CanvasRenderingContext2D): Promise<void>;
-}
-export {};
-//# sourceMappingURL=Txt.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Txt.d.ts","sourceRoot":"","sources":["../../src/lib/components/Txt.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,WAAW,EACX,YAAY,EACZ,eAAe,EACf,cAAc,EACf,MAAM,aAAa,CAAC;AAIrB,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AACjC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,QAAQ,EAAE,OAAO,EAAC,MAAM,WAAW,CAAC;AAC5C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAC;AAE/C,KAAK,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;AACrD,KAAK,MAAM,GAAG,GAAG,GAAG,OAAO,CAAC;AAE5B,MAAM,WAAW,QAAS,SAAQ,UAAU;IAC1C,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B;AAED,qBACa,GAAI,SAAQ,KAAK;IAC5B,SAAgB,CAAC,QAAQ,CAAC,QAAQ;IAElC;;;;;;;;;;OAUG;WACW,CAAC,CAAC,KAAK,EAAE,QAAQ;IAI/B;;;;;;;;;;OAUG;WACW,CAAC,CAAC,KAAK,EAAE,QAAQ;IAI/B,SAEwB,IAAI,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAEzD,SAAS,CAAC,OAAO,IAAI,MAAM;IAI3B,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC;cAsBzB,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,iBAAiB,CAAC;IAapE,SAAS,CAAE,SAAS,CAClB,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,EAC1B,IAAI,EAAE,MAAM,EACZ,cAAc,EAAE,cAAc,EAC9B,qBAAqB,EAAE,qBAAqB,CAAC,MAAM,CAAC,GACnD,eAAe;IA2BlB,SAAS,CAAC,SAAS,IAAI,OAAO;gBAIX,EAAC,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ;IAMvD,SAAS,CAAC,SAAS,IAAI,MAAM;IAW7B,SAAS,CAAC,SAAS;cAKA,aAAa,CAAC,QAAQ,EAAE,iBAAiB,GAAG,MAAM,EAAE;cAcpD,SAAS;cAOH,IAAI,CAAC,OAAO,EAAE,wBAAwB;CAIhE"}