@twick/2d 0.11.0

package/lib/components/Latex.d.ts

@@ -0,0 +1,39 @@
+import type { SignalValue, SimpleSignal } from '@twick/core';
+import type { OptionList } from 'mathjax-full/js/util/Options';
+import type { ImgProps } from './Img';
+import { Img } from './Img';
+export interface LatexProps extends ImgProps {
+    tex?: SignalValue<string>;
+    renderProps?: SignalValue<OptionList>;
+}
+/**
+ * A node for rendering equations with LaTeX.
+ *
+ * @preview
+ * ```tsx editor
+ * import {Latex, makeScene2D} from '@twick/2d';
+ *
+ * export default makeScene2D(function* (view) {
+ *   view.add(
+ *     <Latex
+ *       // Note how this uses \color to set the color.
+ *       tex="{\color{white} ax^2+bx+c=0 \implies x=\frac{-b \pm \sqrt{b^2-4ac}}{2a}}"
+ *       width={600} // height and width can calculate based on each other
+ *     />,
+ *   );
+ * });
+ * ```
+ */
+export declare class Latex extends Img {
+    private static svgContentsPool;
+    private static mathJaxInitialized;
+    private static adaptor;
+    private static jaxDocument;
+    private static initializeMathJax;
+    private readonly imageElement;
+    readonly options: SimpleSignal<OptionList, this>;
+    readonly tex: SimpleSignal<string, this>;
+    constructor(props: LatexProps);
+    protected image(): HTMLImageElement;
+}
+//# sourceMappingURL=Latex.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Latex.d.ts","sourceRoot":"","sources":["../../src/lib/components/Latex.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAU3D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,8BAA8B,CAAC;AAE7D,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACpC,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,UAAW,SAAQ,QAAQ;IAC1C,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;CACvC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,KAAM,SAAQ,GAAG;IAC5B,OAAO,CAAC,MAAM,CAAC,eAAe,CAA8B;IAC5D,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAS;IAC1C,OAAO,CAAC,MAAM,CAAC,OAAO,CAAc;IACpC,OAAO,CAAC,MAAM,CAAC,WAAW,CAA0C;IAEpE,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAehC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAiC;IAE9D,SAEwB,OAAO,EAAE,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IAEhE,SACwB,GAAG,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;gBAErC,KAAK,EAAE,UAAU;cAKjB,KAAK,IAAI,gBAAgB;CAgD7C"}

package/lib/components/Latex.js

@@ -0,0 +1,101 @@
+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 { DependencyContext, useLogger } from '@twick/core';
+import { liteAdaptor } from 'mathjax-full/js/adaptors/liteAdaptor';
+import { RegisterHTMLHandler } from 'mathjax-full/js/handlers/html';
+import { TeX } from 'mathjax-full/js/input/tex';
+import { AllPackages } from 'mathjax-full/js/input/tex/AllPackages';
+import { mathjax } from 'mathjax-full/js/mathjax';
+import { SVG } from 'mathjax-full/js/output/svg';
+import { initial, signal } from '../decorators';
+import { Img } from './Img';
+/**
+ * A node for rendering equations with LaTeX.
+ *
+ * @preview
+ * ```tsx editor
+ * import {Latex, makeScene2D} from '@twick/2d';
+ *
+ * export default makeScene2D(function* (view) {
+ *   view.add(
+ *     <Latex
+ *       // Note how this uses \color to set the color.
+ *       tex="{\color{white} ax^2+bx+c=0 \implies x=\frac{-b \pm \sqrt{b^2-4ac}}{2a}}"
+ *       width={600} // height and width can calculate based on each other
+ *     />,
+ *   );
+ * });
+ * ```
+ */
+export class Latex extends Img {
+    static initializeMathJax() {
+        if (this.mathJaxInitialized) {
+            return;
+        }
+        this.adaptor = liteAdaptor();
+        RegisterHTMLHandler(this.adaptor);
+        this.jaxDocument = mathjax.document('', {
+            // eslint-disable-next-line @typescript-eslint/naming-convention
+            InputJax: new TeX({ packages: AllPackages }),
+            // eslint-disable-next-line @typescript-eslint/naming-convention
+            OutputJax: new SVG({ fontCache: 'local' }),
+        });
+        this.mathJaxInitialized = true;
+    }
+    constructor(props) {
+        super({ ...props, src: null });
+        this.imageElement = document.createElement('img');
+        Latex.initializeMathJax();
+    }
+    image() {
+        // Render props may change the look of the TeX, so we need to cache both
+        // source and render props together.
+        const src = `${this.tex()}::${JSON.stringify(this.options())}`;
+        if (Latex.svgContentsPool[src]) {
+            this.imageElement.src = Latex.svgContentsPool[src];
+            if (!this.imageElement.complete) {
+                DependencyContext.collectPromise(new Promise((resolve, reject) => {
+                    this.imageElement.addEventListener('load', resolve);
+                    this.imageElement.addEventListener('error', reject);
+                }));
+            }
+            return this.imageElement;
+        }
+        // Convert to TeX, look for any errors
+        const tex = this.tex();
+        const svg = Latex.adaptor.innerHTML(Latex.jaxDocument.convert(tex, this.options()));
+        if (svg.includes('data-mjx-error')) {
+            const errors = svg.match(/data-mjx-error="(.*?)"/);
+            if (errors && errors.length > 0) {
+                useLogger().error(`Invalid MathJax: ${errors[1]}`);
+            }
+        }
+        // Encode to raw base64 image format
+        const text = `data:image/svg+xml;base64,${btoa(`<?xml version="1.0" encoding="UTF-8" standalone="no" ?>\n${svg}`)}`;
+        Latex.svgContentsPool[src] = text;
+        const image = document.createElement('img');
+        image.src = text;
+        image.src = text;
+        if (!image.complete) {
+            DependencyContext.collectPromise(new Promise((resolve, reject) => {
+                image.addEventListener('load', resolve);
+                image.addEventListener('error', reject);
+            }));
+        }
+        return image;
+    }
+}
+Latex.svgContentsPool = {};
+Latex.mathJaxInitialized = false;
+__decorate([
+    initial({}),
+    signal()
+], Latex.prototype, "options", void 0);
+__decorate([
+    signal()
+], Latex.prototype, "tex", void 0);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF0ZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvTGF0ZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsT0FBTyxFQUFDLGlCQUFpQixFQUFFLFNBQVMsRUFBQyxNQUFNLGFBQWEsQ0FBQztBQUV6RCxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sc0NBQXNDLENBQUM7QUFFakUsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDbEUsT0FBTyxFQUFDLEdBQUcsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQzlDLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSx1Q0FBdUMsQ0FBQztBQUNsRSxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDaEQsT0FBTyxFQUFDLEdBQUcsRUFBQyxNQUFNLDRCQUE0QixDQUFDO0FBRS9DLE9BQU8sRUFBQyxPQUFPLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRTlDLE9BQU8sRUFBQyxHQUFHLEVBQUMsTUFBTSxPQUFPLENBQUM7QUFPMUI7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBaUJHO0FBQ0gsTUFBTSxPQUFPLEtBQU0sU0FBUSxHQUFHO0lBTXBCLE1BQU0sQ0FBQyxpQkFBaUI7UUFDOUIsSUFBSSxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztZQUM1QixPQUFPO1FBQ1QsQ0FBQztRQUNELElBQUksQ0FBQyxPQUFPLEdBQUcsV0FBVyxFQUFFLENBQUM7UUFDN0IsbUJBQW1CLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ2xDLElBQUksQ0FBQyxXQUFXLEdBQUcsT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQUU7WUFDdEMsZ0VBQWdFO1lBQ2hFLFFBQVEsRUFBRSxJQUFJLEdBQUcsQ0FBQyxFQUFDLFFBQVEsRUFBRSxXQUFXLEVBQUMsQ0FBQztZQUMxQyxnRUFBZ0U7WUFDaEUs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

package/lib/components/Layout.d.ts

@@ -0,0 +1,419 @@
+import type { InterpolationFunction, PossibleSpacing, PossibleVector2, SerializedVector2, Signal, SignalValue, SimpleSignal, SimpleVector2Signal, SpacingSignal, ThreadGenerator, TimingFunction, Vector2Signal } from '@twick/core';
+import { BBox, Origin, Vector2 } from '@twick/core';
+import type { Vector2LengthSignal } from '../decorators';
+import type { DesiredLength, FlexBasis, FlexContent, FlexDirection, FlexItems, FlexWrap, LayoutMode, Length, LengthLimit, TextWrap } from '../partials';
+import type { NodeProps } from './Node';
+import { Node } from './Node';
+export interface LayoutProps extends NodeProps {
+    layout?: LayoutMode;
+    tagName?: keyof HTMLElementTagNameMap;
+    width?: SignalValue<Length>;
+    height?: SignalValue<Length>;
+    maxWidth?: SignalValue<LengthLimit>;
+    maxHeight?: SignalValue<LengthLimit>;
+    minWidth?: SignalValue<LengthLimit>;
+    minHeight?: SignalValue<LengthLimit>;
+    ratio?: SignalValue<number>;
+    marginTop?: SignalValue<number>;
+    marginBottom?: SignalValue<number>;
+    marginLeft?: SignalValue<number>;
+    marginRight?: SignalValue<number>;
+    margin?: SignalValue<PossibleSpacing>;
+    paddingTop?: SignalValue<number>;
+    paddingBottom?: SignalValue<number>;
+    paddingLeft?: SignalValue<number>;
+    paddingRight?: SignalValue<number>;
+    padding?: SignalValue<PossibleSpacing>;
+    direction?: SignalValue<FlexDirection>;
+    basis?: SignalValue<FlexBasis>;
+    grow?: SignalValue<number>;
+    shrink?: SignalValue<number>;
+    wrap?: SignalValue<FlexWrap>;
+    justifyContent?: SignalValue<FlexContent>;
+    alignContent?: SignalValue<FlexContent>;
+    alignItems?: SignalValue<FlexItems>;
+    alignSelf?: SignalValue<FlexItems>;
+    rowGap?: SignalValue<Length>;
+    columnGap?: SignalValue<Length>;
+    gap?: SignalValue<Length>;
+    fontFamily?: SignalValue<string>;
+    fontSize?: SignalValue<number>;
+    fontStyle?: SignalValue<string>;
+    fontWeight?: SignalValue<number>;
+    lineHeight?: SignalValue<Length>;
+    letterSpacing?: SignalValue<number>;
+    textWrap?: SignalValue<TextWrap>;
+    textDirection?: SignalValue<CanvasDirection>;
+    textAlign?: SignalValue<CanvasTextAlign>;
+    size?: SignalValue<PossibleVector2<Length>>;
+    offsetX?: SignalValue<number>;
+    offsetY?: SignalValue<number>;
+    offset?: SignalValue<PossibleVector2>;
+    /**
+     * The position of the center of this node.
+     *
+     * @remarks
+     * This shortcut property will set the node's position so that the center ends
+     * up in the given place.
+     * If present, overrides the {@link NodeProps.position} property.
+     * When {@link offset} is not set, this will be the same as the
+     * {@link NodeProps.position}.
+     */
+    middle?: SignalValue<PossibleVector2>;
+    /**
+     * The position of the top edge of this node.
+     *
+     * @remarks
+     * This shortcut property will set the node's position so that the top edge
+     * ends up in the given place.
+     * If present, overrides the {@link NodeProps.position} property.
+     */
+    top?: SignalValue<PossibleVector2>;
+    /**
+     * The position of the bottom edge of this node.
+     *
+     * @remarks
+     * This shortcut property will set the node's position so that the bottom edge
+     * ends up in the given place.
+     * If present, overrides the {@link NodeProps.position} property.
+     */
+    bottom?: SignalValue<PossibleVector2>;
+    /**
+     * The position of the left edge of this node.
+     *
+     * @remarks
+     * This shortcut property will set the node's position so that the left edge
+     * ends up in the given place.
+     * If present, overrides the {@link NodeProps.position} property.
+     */
+    left?: SignalValue<PossibleVector2>;
+    /**
+     * The position of the right edge of this node.
+     *
+     * @remarks
+     * This shortcut property will set the node's position so that the right edge
+     * ends up in the given place.
+     * If present, overrides the {@link NodeProps.position} property.
+     */
+    right?: SignalValue<PossibleVector2>;
+    /**
+     * The position of the top left corner of this node.
+     *
+     * @remarks
+     * This shortcut property will set the node's position so that the top left
+     * corner ends up in the given place.
+     * If present, overrides the {@link NodeProps.position} property.
+     */
+    topLeft?: SignalValue<PossibleVector2>;
+    /**
+     * The position of the top right corner of this node.
+     *
+     * @remarks
+     * This shortcut property will set the node's position so that the top right
+     * corner ends up in the given place.
+     * If present, overrides the {@link NodeProps.position} property.
+     */
+    topRight?: SignalValue<PossibleVector2>;
+    /**
+     * The position of the bottom left corner of this node.
+     *
+     * @remarks
+     * This shortcut property will set the node's position so that the bottom left
+     * corner ends up in the given place.
+     * If present, overrides the {@link NodeProps.position} property.
+     */
+    bottomLeft?: SignalValue<PossibleVector2>;
+    /**
+     * The position of the bottom right corner of this node.
+     *
+     * @remarks
+     * This shortcut property will set the node's position so that the bottom
+     * right corner ends up in the given place.
+     * If present, overrides the {@link NodeProps.position} property.
+     */
+    bottomRight?: SignalValue<PossibleVector2>;
+    clip?: SignalValue<boolean>;
+}
+export declare class Layout extends Node {
+    readonly layout: SimpleSignal<LayoutMode, this>;
+    readonly maxWidth: SimpleSignal<LengthLimit, this>;
+    readonly maxHeight: SimpleSignal<LengthLimit, this>;
+    readonly minWidth: SimpleSignal<LengthLimit, this>;
+    readonly minHeight: SimpleSignal<LengthLimit, this>;
+    readonly ratio: SimpleSignal<number | null, this>;
+    readonly margin: SpacingSignal<this>;
+    readonly padding: SpacingSignal<this>;
+    readonly direction: SimpleSignal<FlexDirection, this>;
+    readonly basis: SimpleSignal<FlexBasis, this>;
+    readonly grow: SimpleSignal<number, this>;
+    readonly shrink: SimpleSignal<number, this>;
+    readonly wrap: SimpleSignal<FlexWrap, this>;
+    readonly justifyContent: SimpleSignal<FlexContent, this>;
+    readonly alignContent: SimpleSignal<FlexContent, this>;
+    readonly alignItems: SimpleSignal<FlexItems, this>;
+    readonly alignSelf: SimpleSignal<FlexItems, this>;
+    readonly gap: Vector2LengthSignal<this>;
+    get columnGap(): Signal<Length, number, this>;
+    get rowGap(): Signal<Length, number, this>;
+    readonly fontFamily: SimpleSignal<string, this>;
+    readonly fontSize: SimpleSignal<number, this>;
+    readonly fontStyle: SimpleSignal<string, this>;
+    readonly fontWeight: SimpleSignal<number, this>;
+    readonly lineHeight: SimpleSignal<Length, this>;
+    readonly letterSpacing: SimpleSignal<number, this>;
+    readonly textWrap: SimpleSignal<TextWrap, this>;
+    readonly textDirection: SimpleSignal<CanvasDirection, this>;
+    readonly textAlign: SimpleSignal<CanvasTextAlign, this>;
+    protected getX(): number;
+    protected setX(value: SignalValue<number>): void;
+    protected getY(): number;
+    protected setY(value: SignalValue<number>): void;
+    /**
+     * Represents the size of this node.
+     *
+     * @remarks
+     * A size is a two-dimensional vector, where `x` represents the `width`, and `y`
+     * represents the `height`.
+     *
+     * The value of both x and y is of type {@link partials.Length} which is
+     * either:
+     * - `number` - the desired length in pixels
+     * - `${number}%` - a string with the desired length in percents, for example
+     *                  `'50%'`
+     * - `null` - an automatic length
+     *
+     * When retrieving the size, all units are converted to pixels, using the
+     * current state of the layout. For example, retrieving the width set to
+     * `'50%'`, while the parent has a width of `200px` will result in the number
+     * `100` being returned.
+     *
+     * When the node is not part of the layout, setting its size using percents
+     * refers to the size of the entire scene.
+     *
+     * @example
+     * Initializing the size:
+     * ```tsx
+     * // with a possible vector:
+     * <Node size={['50%', 200]} />
+     * // with individual components:
+     * <Node width={'50%'} height={200} />
+     * ```
+     *
+     * Accessing the size:
+     * ```tsx
+     * // retrieving the vector:
+     * const size = node.size();
+     * // retrieving an individual component:
+     * const width = node.size.x();
+     * ```
+     *
+     * Setting the size:
+     * ```tsx
+     * // with a possible vector:
+     * node.size(['50%', 200]);
+     * node.size(() => ['50%', 200]);
+     * // with individual components:
+     * node.size.x('50%');
+     * node.size.x(() => '50%');
+     * ```
+     */
+    readonly size: Vector2LengthSignal<this>;
+    get width(): Signal<Length, number, this>;
+    get height(): Signal<Length, number, this>;
+    protected getWidth(): number;
+    protected setWidth(value: SignalValue<Length>): void;
+    protected tweenWidth(value: SignalValue<Length>, time: number, timingFunction: TimingFunction, interpolationFunction: InterpolationFunction<Length>): ThreadGenerator;
+    protected getHeight(): number;
+    protected setHeight(value: SignalValue<Length>): void;
+    protected tweenHeight(value: SignalValue<Length>, time: number, timingFunction: TimingFunction, interpolationFunction: InterpolationFunction<Length>): ThreadGenerator;
+    /**
+     * Get the desired size of this node.
+     *
+     * @remarks
+     * This method can be used to control the size using external factors.
+     * By default, the returned size is the same as the one declared by the user.
+     */
+    protected desiredSize(): SerializedVector2<DesiredLength>;
+    protected tweenSize(value: SignalValue<SerializedVector2<Length>>, time: number, timingFunction: TimingFunction, interpolationFunction: InterpolationFunction<Vector2>): ThreadGenerator;
+    /**
+     * Represents the offset of this node's origin.
+     *
+     * @remarks
+     * By default, the origin of a node is located at its center. The origin
+     * serves as the pivot point when rotating and scaling a node, but it doesn't
+     * affect the placement of its children.
+     *
+     * The value is relative to the size of this node. A value of `1` means as far
+     * to the right/bottom as possible. Here are a few examples of offsets:
+     * - `[-1, -1]` - top left corner
+     * - `[1, -1]` - top right corner
+     * - `[0, 1]` - bottom edge
+     * - `[-1, 1]` - bottom left corner
+     */
+    readonly offset: Vector2Signal<this>;
+    /**
+     * The position of the center of this node.
+     *
+     * @remarks
+     * When set, this shortcut property will modify the node's position so that
+     * the center ends up in the given place.
+     *
+     * If the {@link offset} has not been changed, this will be the same as the
+     * {@link position}.
+     *
+     * When retrieved, it will return the position of the center in the parent
+     * space.
+     */
+    readonly middle: SimpleVector2Signal<this>;
+    /**
+     * The position of the top edge of this node.
+     *
+     * @remarks
+     * When set, this shortcut property will modify the node's position so that
+     * the top edge ends up in the given place.
+     *
+     * When retrieved, it will return the position of the top edge in the parent
+     * space.
+     */
+    readonly top: SimpleVector2Signal<this>;
+    /**
+     * The position of the bottom edge of this node.
+     *
+     * @remarks
+     * When set, this shortcut property will modify the node's position so that
+     * the bottom edge ends up in the given place.
+     *
+     * When retrieved, it will return the position of the bottom edge in the
+     * parent space.
+     */
+    readonly bottom: SimpleVector2Signal<this>;
+    /**
+     * The position of the left edge of this node.
+     *
+     * @remarks
+     * When set, this shortcut property will modify the node's position so that
+     * the left edge ends up in the given place.
+     *
+     * When retrieved, it will return the position of the left edge in the parent
+     * space.
+     */
+    readonly left: SimpleVector2Signal<this>;
+    /**
+     * The position of the right edge of this node.
+     *
+     * @remarks
+     * When set, this shortcut property will modify the node's position so that
+     * the right edge ends up in the given place.
+     *
+     * When retrieved, it will return the position of the right edge in the parent
+     * space.
+     */
+    readonly right: SimpleVector2Signal<this>;
+    /**
+     * The position of the top left corner of this node.
+     *
+     * @remarks
+     * When set, this shortcut property will modify the node's position so that
+     * the top left corner ends up in the given place.
+     *
+     * When retrieved, it will return the position of the top left corner in the
+     * parent space.
+     */
+    readonly topLeft: SimpleVector2Signal<this>;
+    /**
+     * The position of the top right corner of this node.
+     *
+     * @remarks
+     * When set, this shortcut property will modify the node's position so that
+     * the top right corner ends up in the given place.
+     *
+     * When retrieved, it will return the position of the top right corner in the
+     * parent space.
+     */
+    readonly topRight: SimpleVector2Signal<this>;
+    /**
+     * The position of the bottom left corner of this node.
+     *
+     * @remarks
+     * When set, this shortcut property will modify the node's position so that
+     * the bottom left corner ends up in the given place.
+     *
+     * When retrieved, it will return the position of the bottom left corner in
+     * the parent space.
+     */
+    readonly bottomLeft: SimpleVector2Signal<this>;
+    /**
+     * The position of the bottom right corner of this node.
+     *
+     * @remarks
+     * When set, this shortcut property will modify the node's position so that
+     * the bottom right corner ends up in the given place.
+     *
+     * When retrieved, it will return the position of the bottom right corner in
+     * the parent space.
+     */
+    readonly bottomRight: SimpleVector2Signal<this>;
+    readonly clip: SimpleSignal<boolean, this>;
+    element: HTMLElement;
+    styles: CSSStyleDeclaration;
+    protected readonly sizeLockCounter: SimpleSignal<number, this>;
+    constructor(props: LayoutProps);
+    lockSize(): void;
+    releaseSize(): void;
+    protected parentTransform(): Layout | null;
+    anchorPosition(): Vector2;
+    /**
+     * Get the resolved layout mode of this node.
+     *
+     * @remarks
+     * When the mode is `null`, its value will be inherited from the parent.
+     *
+     * Use {@link layout} to get the raw mode set for this node (without
+     * inheritance).
+     */
+    layoutEnabled(): boolean;
+    isLayoutRoot(): boolean;
+    localToParent(): DOMMatrix;
+    /**
+     * A simplified version of {@link localToParent} matrix used for transforming
+     * direction vectors.
+     *
+     * @internal
+     */
+    protected scalingRotationMatrix(): DOMMatrix;
+    protected getComputedLayout(): BBox;
+    computedPosition(): Vector2;
+    protected computedSize(): Vector2;
+    /**
+     * Find the closest layout root and apply any new layout changes.
+     */
+    protected requestLayoutUpdate(): void;
+    protected appendedToView(): boolean;
+    /**
+     * Apply any new layout changes to this node and its children.
+     */
+    protected updateLayout(): void;
+    protected layoutChildren(): Layout[];
+    /**
+     * Apply any new font changes to this node and all of its ancestors.
+     */
+    protected requestFontUpdate(): void;
+    protected getCacheBBox(): BBox;
+    protected draw(context: CanvasRenderingContext2D): Promise<void>;
+    drawOverlay(context: CanvasRenderingContext2D, matrix: DOMMatrix): void;
+    getOriginDelta(origin: Origin): Vector2;
+    /**
+     * Update the offset of this node and adjust the position to keep it in the
+     * same place.
+     *
+     * @param offset - The new offset.
+     */
+    moveOffset(offset: Vector2): void;
+    protected parsePixels(value: number | null): string;
+    protected parseLength(value: number | string | null): string;
+    protected applyFlex(): void;
+    protected applyFont(): void;
+    dispose(): void;
+    hit(position: Vector2): Node | null;
+}
+//# sourceMappingURL=Layout.d.ts.map

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

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