@lightningjs/renderer 3.0.0-beta2 → 3.0.0-beta20

package/README.md

@@ -98,11 +98,7 @@ and SDF fonts (SdfTrFontFace). Install that fonts that your applications needs
 at start up so they are ready when your application is rendered.
 
 ```ts
-import {
-  RendererMain,
-  WebTrFontFace,
-  SdfTrFontFace,
-} from '@lightningjs/renderer';
+import { RendererMain } from '@lightningjs/renderer';
 
 import {
   WebGlCoreRenderer,
@@ -121,27 +117,21 @@ const renderer = new RendererMain(
   'app', // id of div to insert Canvas.
 );
 
-// Load fonts into renderer
-renderer.stage.fontManager.addFontFace(
-  new WebTrFontFace('Ubuntu', {}, '/fonts/Ubuntu-Regular.ttf'),
-);
-
-renderer.stage.fontManager.addFontFace(
-  new SdfTrFontFace(
-    'Ubuntu',
-    {},
-    'msdf',
-    stage,
-    '/fonts/Ubuntu-Regular.msdf.png',
-    '/fonts/Ubuntu-Regular.msdf.json',
-  ),
-);
+// Load fonts by explicitly specifying the renderer type
+await stage.loadFont('canvas', {
+  fontFamily: 'myWebFont',
+  fontUrl: '/fonts/my-font.ttf',
+});
+
+await stage.loadFont('sdf', {
+  fontFamily: 'mySdfFont',
+  atlasUrl: '/fonts/my-font-atlas.png',
+  atlasDataUrl: '/fonts/my-font-data.json',
+});
 ```
 
-Please note that the WebGL renderer supports both SDF Fonts and Web Fonts, however the
-Canvas renderer only supports Web Fonts:
+For more information see [Font Loading](./docs/fontLoading.md)
+
+## Migration Guide
 
-| Font Type Renderer | SDF Font | Web Font |
-| ------------------ | -------- | -------- |
-| WebGL              | Y        | Y        |
-| Canvas             | N        | Y        |
+Upgrading from Lightning 3 v2.x? See the [Migration Guide](./docs/migration-2x-to-3.0.md) for detailed information about breaking changes and how to update your code.

package/dist/exports/canvas.d.ts

@@ -16,7 +16,7 @@
  *
  * @packageDocumentation
  */
-export { CanvasTextRenderer } from '../src/core/text-rendering/renderers/CanvasTextRenderer.js';
+export { default as CanvasTextRenderer } from '../src/core/text-rendering/CanvasTextRenderer.js';
 export { CanvasRenderer } from '../src/core/renderers/canvas/CanvasRenderer.js';
 export { CanvasTexture } from '../src/core/renderers/canvas/CanvasTexture.js';
 export * from '../src/core/renderers/canvas/CanvasShaderNode.js';

package/dist/exports/canvas.js

@@ -34,7 +34,7 @@
  *
  * @packageDocumentation
  */
-export { CanvasTextRenderer } from '../src/core/text-rendering/renderers/CanvasTextRenderer.js';
+export { default as CanvasTextRenderer } from '../src/core/text-rendering/CanvasTextRenderer.js';
 export { CanvasRenderer } from '../src/core/renderers/canvas/CanvasRenderer.js';
 export { CanvasTexture } from '../src/core/renderers/canvas/CanvasTexture.js';
 export * from '../src/core/renderers/canvas/CanvasShaderNode.js';

package/dist/exports/canvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"canvas.js","sourceRoot":"","sources":["../../exports/canvas.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4DAA4D,CAAC;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAC9E,cAAc,kDAAkD,CAAC;AACjE;;GAEG;AACH,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,gDAAgD,CAAC"}
+{"version":3,"file":"canvas.js","sourceRoot":"","sources":["../../exports/canvas.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACjG,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAC9E,cAAc,kDAAkD,CAAC;AACjE;;GAEG;AACH,OAAO,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,gDAAgD,CAAC"}

package/dist/exports/index.d.ts

@@ -23,24 +23,21 @@ export * from '../src/common/IAnimationController.js';
 export * from '../src/common/CommonTypes.js';
 export { CoreTextureManager, type TextureMap, } from '../src/core/CoreTextureManager.js';
 export type { MemoryInfo } from '../src/core/TextureMemoryManager.js';
-export type { TextRendererMap } from '../src/core/text-rendering/renderers/TextRenderer.js';
-export type { TrFontFaceMap } from '../src/core/text-rendering/font-face-types/TrFontFace.js';
 export type { AnimationSettings } from '../src/core/animations/CoreAnimation.js';
+export type { TimingFunction } from '../src/core/utils.js';
 export type { Inspector } from '../src/main-api/Inspector.js';
 export type { CoreNodeRenderState } from '../src/core/CoreNode.js';
 export * from '../src/core/renderers/CoreShaderNode.js';
 export * from '../src/core/shaders/templates/BorderTemplate.js';
 export * from '../src/core/shaders/templates/HolePunchTemplate.js';
 export * from '../src/core/shaders/templates/RoundedTemplate.js';
+export * from '../src/core/shaders/templates/ShadowTemplate.js';
 export * from '../src/core/shaders/templates/LinearGradientTemplate.js';
 export * from '../src/core/shaders/templates/RadialGradientTemplate.js';
 export * from '../src/core/renderers/webgl/WebGlShaderProgram.js';
 export type { ShaderProgramSources } from '../src/core/renderers/webgl/internal/ShaderUtils.js';
 export * from '../src/core/textures/Texture.js';
 export { ImageTexture } from '../src/core/textures/ImageTexture.js';
-export * from '../src/core/text-rendering/font-face-types/TrFontFace.js';
-export * from '../src/core/text-rendering/font-face-types/WebTrFontFace.js';
-export * from '../src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js';
 export type * from '../src/core/Stage.js';
 /**
  * @deprecated Use `import { WebGlRenderer } @lightningjs/renderer/webgl` instead

package/dist/exports/index.js

@@ -46,6 +46,7 @@ export * from '../src/core/renderers/CoreShaderNode.js';
 export * from '../src/core/shaders/templates/BorderTemplate.js';
 export * from '../src/core/shaders/templates/HolePunchTemplate.js';
 export * from '../src/core/shaders/templates/RoundedTemplate.js';
+export * from '../src/core/shaders/templates/ShadowTemplate.js';
 export * from '../src/core/shaders/templates/LinearGradientTemplate.js';
 export * from '../src/core/shaders/templates/RadialGradientTemplate.js';
 // Shaders
@@ -53,9 +54,4 @@ export * from '../src/core/renderers/webgl/WebGlShaderProgram.js';
 // Textures
 export * from '../src/core/textures/Texture.js';
 export { ImageTexture } from '../src/core/textures/ImageTexture.js';
-// Text Rendering & Fonts
-// export * from '../src/core/text-rendering/renderers/TextRenderer.js';
-export * from '../src/core/text-rendering/font-face-types/TrFontFace.js';
-export * from '../src/core/text-rendering/font-face-types/WebTrFontFace.js';
-export * from '../src/core/text-rendering/font-face-types/SdfTrFontFace/SdfTrFontFace.js';
 //# sourceMappingURL=index.js.map

package/dist/exports/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../exports/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH;;;;;;;;;;;;;;;;;;GAkBG;AAEH,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAE7C,yEAAyE;AACzE,2BAA2B;AAC3B,OAAO,EACL,kBAAkB,GAEnB,MAAM,mCAAmC,CAAC;AAQ3C,cAAc,yCAAyC,CAAC;AACxD,cAAc,iDAAiD,CAAC;AAChE,cAAc,oDAAoD,CAAC;AACnE,cAAc,kDAAkD,CAAC;AACjE,cAAc,yDAAyD,CAAC;AACxE,cAAc,yDAAyD,CAAC;AAExE,UAAU;AACV,cAAc,mDAAmD,CAAC;AAGlE,WAAW;AACX,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,yBAAyB;AACzB,wEAAwE;AACxE,cAAc,0DAA0D,CAAC;AACzE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,2EAA2E,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../exports/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH;;;;;;;;;;;;;;;;;;GAkBG;AAEH,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAE7C,yEAAyE;AACzE,2BAA2B;AAC3B,OAAO,EACL,kBAAkB,GAEnB,MAAM,mCAAmC,CAAC;AAO3C,cAAc,yCAAyC,CAAC;AACxD,cAAc,iDAAiD,CAAC;AAChE,cAAc,oDAAoD,CAAC;AACnE,cAAc,kDAAkD,CAAC;AACjE,cAAc,iDAAiD,CAAC;AAChE,cAAc,yDAAyD,CAAC;AACxE,cAAc,yDAAyD,CAAC;AAExE,UAAU;AACV,cAAc,mDAAmD,CAAC;AAGlE,WAAW;AACX,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC"}

package/dist/exports/utils.d.ts

@@ -21,6 +21,7 @@
  *
  * @module Utils
  */
-export { assertTruthy, mergeColorAlpha, deg2Rad } from '../src/utils.js';
+export { assertTruthy, mergeColorAlpha, deg2Rad, mergeColorProgress, } from '../src/utils.js';
 export { getNormalizedRgbaComponents } from '../src/core/lib/utils.js';
+export { getTimingFunction } from '../src/core/utils.js';
 export { EventEmitter } from '../src/common/EventEmitter.js';

package/dist/exports/utils.js

@@ -39,7 +39,8 @@
  *
  * @module Utils
  */
-export { assertTruthy, mergeColorAlpha, deg2Rad } from '../src/utils.js';
+export { assertTruthy, mergeColorAlpha, deg2Rad, mergeColorProgress, } from '../src/utils.js';
 export { getNormalizedRgbaComponents } from '../src/core/lib/utils.js';
+export { getTimingFunction } from '../src/core/utils.js';
 export { EventEmitter } from '../src/common/EventEmitter.js';
 //# sourceMappingURL=utils.js.map

package/dist/exports/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../exports/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../exports/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EACL,YAAY,EACZ,eAAe,EACf,OAAO,EACP,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/exports/webgl.d.ts

@@ -15,7 +15,7 @@
  *
  * @packageDocumentation
  */
-export { SdfTextRenderer } from '../src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js';
+export * from '../src/core/text-rendering/SdfTextRenderer.js';
 export { WebGlRenderer } from '../src/core/renderers/webgl/WebGlRenderer.js';
 export { WebGlCtxTexture } from '../src/core/renderers/webgl/WebGlCtxTexture.js';
 export * from '../src/core/renderers/webgl/WebGlShaderNode.js';
@@ -25,3 +25,4 @@ export * from '../src/core/renderers/webgl/WebGlShaderNode.js';
 export { WebGlRenderer as WebGlCoreRenderer } from '../src/core/renderers/webgl/WebGlRenderer.js';
 export { WebGlRenderer as WebGlCoreCtxTexture } from '../src/core/renderers/webgl/WebGlRenderer.js';
 export * as shaders from './webgl-shaders.js';
+export { default as SdfTextRenderer } from '../src/core/text-rendering/SdfTextRenderer.js';

package/dist/exports/webgl.js

@@ -33,7 +33,7 @@
  *
  * @packageDocumentation
  */
-export { SdfTextRenderer } from '../src/core/text-rendering/renderers/SdfTextRenderer/SdfTextRenderer.js';
+export * from '../src/core/text-rendering/SdfTextRenderer.js';
 export { WebGlRenderer } from '../src/core/renderers/webgl/WebGlRenderer.js';
 export { WebGlCtxTexture } from '../src/core/renderers/webgl/WebGlCtxTexture.js';
 export * from '../src/core/renderers/webgl/WebGlShaderNode.js';
@@ -43,4 +43,5 @@ export * from '../src/core/renderers/webgl/WebGlShaderNode.js';
 export { WebGlRenderer as WebGlCoreRenderer } from '../src/core/renderers/webgl/WebGlRenderer.js';
 export { WebGlRenderer as WebGlCoreCtxTexture } from '../src/core/renderers/webgl/WebGlRenderer.js';
 export * as shaders from './webgl-shaders.js';
+export { default as SdfTextRenderer } from '../src/core/text-rendering/SdfTextRenderer.js';
 //# sourceMappingURL=webgl.js.map

package/dist/exports/webgl.js.map

@@ -1 +1 @@
-{"version":3,"file":"webgl.js","sourceRoot":"","sources":["../../exports/webgl.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,yEAAyE,CAAC;AAC1G,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAEjF,cAAc,gDAAgD,CAAC;AAE/D;;GAEG;AACH,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AAClG,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAEpG,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"webgl.js","sourceRoot":"","sources":["../../exports/webgl.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH;;;;;;;;;;;;;;;;GAgBG;AAEH,cAAc,+CAA+C,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAEjF,cAAc,gDAAgD,CAAC;AAE/D;;GAEG;AACH,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AAClG,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AAEpG,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,+CAA+C,CAAC"}

package/dist/src/common/CommonTypes.d.ts

@@ -10,8 +10,8 @@ import type { CoreNodeRenderState } from '../core/CoreNode.js';
  * Represents a width and height.
  */
 export interface Dimensions {
-    width: number;
-    height: number;
+    w: number;
+    h: number;
 }
 /**
  * Payload for when text is loaded
@@ -51,6 +51,13 @@ export type NodeTextureFailedPayload = {
 export type NodeTextureFreedPayload = {
     type: 'texture';
 };
+/**
+ * Payload for when node renderable status changes
+ */
+export type NodeRenderablePayload = {
+    type: 'renderable';
+    isRenderable: boolean;
+};
 /**
  * Combined type for all failed payloads
  */
@@ -63,6 +70,10 @@ export type NodeLoadedEventHandler = (target: any, payload: NodeLoadedPayload) =
  * Event handler for when the texture/text of a node has failed to load
  */
 export type NodeFailedEventHandler = (target: any, payload: NodeFailedPayload) => void;
+/**
+ * Event handler for when the renderable status of a node changes
+ */
+export type NodeRenderableEventHandler = (target: any, payload: NodeRenderablePayload) => void;
 export type NodeRenderStatePayload = {
     type: 'renderState';
     payload: CoreNodeRenderState;

package/dist/src/core/Autosizer.d.ts

@@ -0,0 +1,35 @@
+import { type CoreNode } from './CoreNode.js';
+import type { Coord } from './lib/utils.js';
+export declare enum AutosizeMode {
+    Children = 0,
+    Texture = 1
+}
+export declare enum AutosizeUpdateType {
+    None = 0,
+    Filtered = 1,
+    All = 2
+}
+export declare class Autosizer {
+    node: CoreNode;
+    id: number;
+    mode: AutosizeMode;
+    updateType: AutosizeUpdateType;
+    lastWidth: number;
+    lastHeight: number;
+    lastHasChanged: boolean;
+    flaggedChildren: number[];
+    childMap: Map<number, CoreNode>;
+    minX: number;
+    minY: number;
+    maxX: number;
+    maxY: number;
+    corners: [Coord, Coord, Coord, Coord];
+    constructor(node: CoreNode);
+    attach(node: CoreNode): void;
+    detach(node: CoreNode): void;
+    patch(id: number): void;
+    setUpdateType(updateType: AutosizeUpdateType): void;
+    setMode(mode: AutosizeMode): void;
+    update(): void;
+    destroy(): void;
+}

package/dist/src/core/Autosizer.js

@@ -0,0 +1,196 @@
+/*
+ * If not stated otherwise in this file or this component's LICENSE file the
+ * following copyright and licenses apply:
+ *
+ * Copyright 2023 Comcast Cable Communications Management, LLC.
+ *
+ * Licensed under the Apache License, Version 2.0 (the License);
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { UpdateType } from './CoreNode.js';
+export var AutosizeMode;
+(function (AutosizeMode) {
+    AutosizeMode[AutosizeMode["Children"] = 0] = "Children";
+    AutosizeMode[AutosizeMode["Texture"] = 1] = "Texture";
+})(AutosizeMode || (AutosizeMode = {}));
+export var AutosizeUpdateType;
+(function (AutosizeUpdateType) {
+    AutosizeUpdateType[AutosizeUpdateType["None"] = 0] = "None";
+    AutosizeUpdateType[AutosizeUpdateType["Filtered"] = 1] = "Filtered";
+    AutosizeUpdateType[AutosizeUpdateType["All"] = 2] = "All";
+})(AutosizeUpdateType || (AutosizeUpdateType = {}));
+const applyDimensions = (node, w, h) => {
+    node.props.w = w;
+    node.props.h = h;
+    node.setUpdateType(UpdateType.Local);
+};
+const getFilteredChildren = (children, childMap) => {
+    const filtered = [];
+    while (children.length > 0) {
+        const id = children.pop();
+        const child = childMap.get(id);
+        filtered.push(child);
+    }
+    return filtered;
+};
+let autosizerId = 0;
+export class Autosizer {
+    node;
+    id = autosizerId++;
+    mode = AutosizeMode.Children;
+    updateType = AutosizeUpdateType.All;
+    lastWidth = 0;
+    lastHeight = 0;
+    lastHasChanged = false;
+    flaggedChildren = [];
+    childMap = new Map();
+    minX = Infinity;
+    minY = Infinity;
+    maxX = -Infinity;
+    maxY = -Infinity;
+    corners = [
+        { x: 0, y: 0 },
+        { x: 0, y: 0 },
+        { x: 0, y: 0 },
+        { x: 0, y: 0 },
+    ];
+    constructor(node) {
+        this.node = node;
+        if (node.texture !== null) {
+            this.mode = AutosizeMode.Texture;
+        }
+    }
+    attach(node) {
+        this.childMap.set(node.id, node);
+        node.parentAutosizer = this;
+        //bubble down to attach to grandchildren
+        if (node.children.length > 0 && node.autosizer === null) {
+            const children = node.children;
+            for (let i = 0; i < children.length; i++) {
+                this.attach(children[i]);
+            }
+        }
+    }
+    detach(node) {
+        if (this.childMap.delete(node.id) === true) {
+            node.parentAutosizer = null;
+            if (node.children.length > 0 && node.autosizer === null) {
+                const children = node.children;
+                for (let i = 0; i < children.length; i++) {
+                    this.detach(children[i]);
+                }
+            }
+            //detached a child, need full update
+            this.setUpdateType(AutosizeUpdateType.All);
+        }
+    }
+    patch(id) {
+        const entry = this.childMap.get(id);
+        if (entry === undefined) {
+            return;
+        }
+        this.flaggedChildren.push(id);
+        this.setUpdateType(AutosizeUpdateType.Filtered);
+    }
+    setUpdateType(updateType) {
+        this.updateType |= updateType;
+        this.node.setUpdateType(UpdateType.Autosize);
+    }
+    setMode(mode) {
+        this.mode = mode;
+        this.setUpdateType(AutosizeUpdateType.All);
+    }
+    update() {
+        const node = this.node;
+        if (this.mode === AutosizeMode.Texture &&
+            node.texture !== null &&
+            node.texture.dimensions !== null) {
+            const { w, h } = node.texture.dimensions;
+            if (w !== node.w || h !== node.h) {
+                applyDimensions(node, w, h);
+            }
+            this.lastWidth = w;
+            this.lastHeight = h;
+            this.updateType = AutosizeUpdateType.None;
+            return;
+        }
+        let filtered = this.updateType === AutosizeUpdateType.Filtered
+            ? getFilteredChildren(this.flaggedChildren, this.childMap)
+            : Array.from(this.childMap.values());
+        if (filtered.length === 0) {
+            return;
+        }
+        const corners = this.corners;
+        let minX = this.minX;
+        let minY = this.minY;
+        let maxX = this.maxX;
+        let maxY = this.maxY;
+        for (let i = 0; i < filtered.length; i++) {
+            const child = filtered[i];
+            if (child.isRenderable === false || child.localTransform === undefined) {
+                continue;
+            }
+            const { tx, ty, ta, tb, tc, td } = child.localTransform;
+            const w = child.props.w;
+            const h = child.props.h;
+            const childMinX = tx;
+            const childMaxX = tx + w * ta;
+            const childMinY = ty;
+            const childMaxY = ty + h * td;
+            corners[0].x = childMinX;
+            corners[0].y = childMinY;
+            corners[1].x = childMaxX;
+            //no rotation/scale
+            if (tb === 0 && tc === 0) {
+                corners[1].y = childMinY;
+                corners[2].x = childMaxX;
+                corners[2].y = childMaxY;
+                corners[3].x = childMinX;
+                corners[3].y = childMaxY;
+            }
+            else {
+                corners[1].y = tx + w * tc;
+                corners[2].x = tx + w * ta + h * tb;
+                corners[2].y = ty + w * tc + h * td;
+                corners[3].x = tx + h * tb;
+                corners[3].y = ty + h * td;
+            }
+            for (let j = 0; j < 4; j++) {
+                const corner = corners[j];
+                if (corner.x < minX)
+                    minX = corner.x;
+                if (corner.y < minY)
+                    minY = corner.y;
+                if (corner.x > maxX)
+                    maxX = corner.x;
+                if (corner.y > maxY)
+                    maxY = corner.y;
+            }
+        }
+        this.updateType = AutosizeUpdateType.None;
+        const newWidth = maxX > 0 ? maxX : 0;
+        const newHeight = maxY > 0 ? maxY : 0;
+        applyDimensions(node, newWidth, newHeight);
+        this.lastWidth = newWidth;
+        this.lastHeight = newHeight;
+    }
+    destroy() {
+        if (this.childMap.size > 0) {
+            for (const child of this.childMap.values()) {
+                child.parentAutosizer = null;
+            }
+        }
+        this.childMap.clear();
+        this.flaggedChildren.length = 0;
+    }
+}
+//# sourceMappingURL=Autosizer.js.map

package/dist/src/core/Autosizer.js.map

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