@lightningjs/renderer 3.0.0-beta9 → 3.0.1

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":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,UAAU,EAAiB,MAAM,eAAe,CAAC;AAG1D,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,uDAAY,CAAA;IACZ,qDAAW,CAAA;AACb,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,2DAAQ,CAAA;IACR,mEAAY,CAAA;IACZ,yDAAO,CAAA;AACT,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B;AAED,MAAM,eAAe,GAAG,CAAC,IAAc,EAAE,CAAS,EAAE,CAAS,EAAE,EAAE;IAC/D,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;IACjB,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;IACjB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAC1B,QAAkB,EAClB,QAA+B,EAC/B,EAAE;IACF,MAAM,QAAQ,GAAe,EAAE,CAAC;IAChC,OAAO,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC3B,MAAM,EAAE,GAAG,QAAQ,CAAC,GAAG,EAAG,CAAC;QAC3B,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAE,CAAC;QAChC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,IAAI,WAAW,GAAG,CAAC,CAAC;AAEpB,MAAM,OAAO,SAAS;IAuBD;IAtBZ,EAAE,GAAG,WAAW,EAAE,CAAC;IAC1B,IAAI,GAAiB,YAAY,CAAC,QAAQ,CAAC;IAC3C,UAAU,GAAuB,kBAAkB,CAAC,GAAG,CAAC;IACxD,SAAS,GAAW,CAAC,CAAC;IACtB,UAAU,GAAW,CAAC,CAAC;IACvB,cAAc,GAAY,KAAK,CAAC;IAEhC,eAAe,GAAa,EAAE,CAAC;IAC/B,QAAQ,GAA0B,IAAI,GAAG,EAAE,CAAC;IAE5C,IAAI,GAAG,QAAQ,CAAC;IAChB,IAAI,GAAG,QAAQ,CAAC;IAChB,IAAI,GAAG,CAAC,QAAQ,CAAC;IACjB,IAAI,GAAG,CAAC,QAAQ,CAAC;IAEjB,OAAO,GAAiC;QACtC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;QACd,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;QACd,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;QACd,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;KACf,CAAC;IAEF,YAAmB,IAAc;QAAd,SAAI,GAAJ,IAAI,CAAU;QAC/B,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YAC1B,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC,OAAO,CAAC;QACnC,CAAC;IACH,CAAC;IAED,MAAM,CAAC,IAAc;QACnB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QACjC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAE5B,wCAAwC;QACxC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE,CAAC;YACxD,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACzC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAE,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM,CAAC,IAAc;QACnB,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC;YAC3C,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAC5B,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,EAAE,CAAC;gBACxD,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;gBAC/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;oBACzC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAE,CAAC,CAAC;gBAC5B,CAAC;YACH,CAAC;YACD,oCAAoC;YACpC,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC;IAED,KAAK,CAAC,EAAU;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACpC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC9B,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAClD,CAAC;IAED,aAAa,CAAC,UAA8B;QAC1C,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC;QAC9B,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC/C,CAAC;IAED,OAAO,CAAC,IAAkB;QACxB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAC7C,CAAC;IAED,MAAM;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,IACE,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,OAAO;YAClC,IAAI,CAAC,OAAO,KAAK,IAAI;YACrB,IAAI,CAAC,OAAO,CAAC,UAAU,KAAK,IAAI,EAChC,CAAC;YACD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;YACzC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC;gBACjC,eAAe,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAC9B,CAAC;YACD,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;YACnB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;YACpB,IAAI,CAAC,UAAU,GAAG,kBAAkB,CAAC,IAAI,CAAC;YAC1C,OAAO;QACT,CAAC;QAED,IAAI,QAAQ,GACV,IAAI,CAAC,UAAU,KAAK,kBAAkB,CAAC,QAAQ;YAC7C,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC;YAC1D,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;QAEzC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACrB,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACrB,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACrB,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAErB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YACzC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAE,CAAC;YAC3B,IAAI,KAAK,CAAC,YAAY,KAAK,KAAK,IAAI,KAAK,CAAC,cAAc,KAAK,SAAS,EAAE,CAAC;gBACvE,SAAS;YACX,CAAC;YAED,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,cAAc,CAAC;YACxD,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;YACxB,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;YAExB,MAAM,SAAS,GAAG,EAAE,CAAC;YACrB,MAAM,SAAS,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC9B,MAAM,SAAS,GAAG,EAAE,CAAC;YACrB,MAAM,SAAS,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAE9B,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;YACzB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;YACzB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;YAEzB,mBAAmB;YACnB,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;gBACzB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;gBACzB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;gBACzB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;gBACzB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;gBACzB,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;YAC3B,CAAC;iBAAM,CAAC;gBACN,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;gBAC3B,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;gBACpC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;gBACpC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;gBAC3B,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC7B,CAAC;YAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC3B,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAE,CAAC;gBAC3B,IAAI,MAAM,CAAC,CAAC,GAAG,IAAI;oBAAE,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC;gBACrC,IAAI,MAAM,CAAC,CAAC,GAAG,IAAI;oBAAE,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC;gBACrC,IAAI,MAAM,CAAC,CAAC,GAAG,IAAI;oBAAE,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC;gBACrC,IAAI,MAAM,CAAC,CAAC,GAAG,IAAI;oBAAE,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC;YACvC,CAAC;QACH,CAAC;QACD,IAAI,CAAC,UAAU,GAAG,kBAAkB,CAAC,IAAI,CAAC;QAE1C,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QACrC,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAEtC,eAAe,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAC1B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC9B,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;YAC3B,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,CAAC;gBAC3C,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC;YAC/B,CAAC;QACH,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;QACtB,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC;IAClC,CAAC;CACF"}

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

@@ -1,7 +1,10 @@
 import type { TextureOptions } from './CoreTextureManager.js';
+import type { WebGlRenderer } from './renderers/webgl/WebGlRenderer.js';
+import type { WebGlCtxTexture } from './renderers/webgl/WebGlCtxTexture.js';
+import type { BufferCollection } from './renderers/webgl/internal/BufferCollection.js';
 import type { CoreRenderer } from './renderers/CoreRenderer.js';
 import type { Stage } from './Stage.js';
-import { type Texture, type TextureCoords } from './textures/Texture.js';
+import { type Texture, type TextureCoords, type TextureLoadedEventHandler } from './textures/Texture.js';
 import type { Dimensions } from '../common/CommonTypes.js';
 import { EventEmitter } from '../common/EventEmitter.js';
 import { type Bound, type RectWithValid } from './lib/utils.js';
@@ -10,6 +13,7 @@ import { RenderCoords } from './lib/RenderCoords.js';
 import type { AnimationSettings } from './animations/CoreAnimation.js';
 import type { IAnimationController } from '../common/IAnimationController.js';
 import type { CoreShaderNode } from './renderers/CoreShaderNode.js';
+import { Autosizer } from './Autosizer.js';
 export declare enum CoreNodeRenderState {
     Init = 0,
     OutOfBounds = 2,
@@ -48,21 +52,13 @@ export declare enum UpdateType {
      */
     Clipping = 8,
     /**
-     * Calculated ZIndex update
-     *
-     * @remarks
-     * CoreNode Properties Updated:
-     * - `calcZIndex`
-     */
-    CalculatedZIndex = 16,
-    /**
-     * Z-Index Sorted Children update
+     * Sort Z-Index Children update
      *
      * @remarks
      * CoreNode Properties Updated:
      * - `children` (sorts children by their `calcZIndex`)
      */
-    ZIndexSortedChildren = 32,
+    SortZIndexChildren = 16,
     /**
      * Premultiplied Colors update
      *
@@ -73,7 +69,7 @@ export declare enum UpdateType {
      * - `premultipliedColorBl`
      * - `premultipliedColorBr`
      */
-    PremultipliedColors = 64,
+    PremultipliedColors = 32,
     /**
      * World Alpha update
      *
@@ -81,7 +77,7 @@ export declare enum UpdateType {
      * CoreNode Properties Updated:
      * - `worldAlpha` = `parent.worldAlpha` * `alpha`
      */
-    WorldAlpha = 128,
+    WorldAlpha = 64,
     /**
      * Render State update
      *
@@ -89,7 +85,7 @@ export declare enum UpdateType {
      * CoreNode Properties Updated:
      * - `renderState`
      */
-    RenderState = 256,
+    RenderState = 128,
     /**
      * Is Renderable update
      *
@@ -97,23 +93,27 @@ export declare enum UpdateType {
      * CoreNode Properties Updated:
      * - `isRenderable`
      */
-    IsRenderable = 512,
+    IsRenderable = 256,
     /**
      * Render Texture update
      */
-    RenderTexture = 1024,
+    RenderTexture = 512,
     /**
      * Track if parent has render texture
      */
-    ParentRenderTexture = 2048,
+    ParentRenderTexture = 1024,
     /**
      * Render Bounds update
      */
-    RenderBounds = 4096,
+    RenderBounds = 2048,
     /**
      * RecalcUniforms
      */
-    RecalcUniforms = 8192,
+    RecalcUniforms = 4096,
+    /**
+     * Autosize update
+     */
+    Autosize = 8192,
     /**
      * None
      */
@@ -160,16 +160,18 @@ export interface CoreNodeProps {
     y: number;
     /**
      * The width of the Node.
+     * @warning This will be deprecated in favor of `w` and `h` properties in the future.
      *
      * @default `0`
      */
-    width: number;
+    w: number;
     /**
      * The height of the Node.
+     * @warning This will be deprecated in favor of `w` and `h` properties in the future.
      *
      * @default `0`
      */
-    height: number;
+    h: number;
     /**
      * The alpha opacity of the Node.
      *
@@ -181,14 +183,35 @@ export interface CoreNodeProps {
      */
     alpha: number;
     /**
-     * Autosize mode
+     * Autosize
      *
      * @remarks
-     * When enabled, when a texture is loaded into the Node, the Node will
-     * automatically resize to the dimensions of the texture.
+     * When enabled, the Node automatically resizes based on its content
+     *
+     * **Texture Autosize Mode:**
+     * - When the Node has a texture, it automatically resizes to match the
+     *   texture's dimensions when the texture loads
+     * - This ensures images display at their natural size without manual sizing
+     * - Text Nodes always use this mode regardless of this setting
+     *
+     * **Children Autosize Mode:**
+     * - When the Node has no texture but contains children, it automatically
+     *   resizes to encompass all children's bounds
+     * - Calculates the bounding box that contains all child positions, dimensions,
+     *   and transforms (scale, rotation, mount/pivot points)
+     * - Creates container behavior where the parent grows to fit its content
+     * - Updates dynamically as children are added, removed, or transformed
+     *
+     * **Mode Selection Logic:**
+     * - Texture mode takes precedence over children mode
+     * - Mode switches automatically when texture is added/removed
+     * - If no texture and no children, autosize has no effect
+     *
+     * **Performance:**
+     * - Children mode uses efficient transform caching and differential updates
+     * - Only recalculates when child transforms actually change
+     * - Minimal memory allocation with factory function patterns
      *
-     * Text Nodes are always autosized based on their text content regardless
-     * of this mode setting.
      *
      * @default `false`
      */
@@ -316,7 +339,11 @@ export interface CoreNodeProps {
      * The Node's z-index.
      *
      * @remarks
-     * TBD
+     * Max z-index of children under the same parent determines which child
+     * is rendered on top. Higher z-index means the Node is rendered on top of
+     * children with lower z-index.
+     *
+     * Max value is 1000 and min value is -1000. Values outside of this range will be clamped.
      */
     zIndex: number;
     /**
@@ -371,7 +398,6 @@ export interface CoreNodeProps {
      * settings being defaults)
      */
     src: string | null;
-    zIndexLocked: number;
     /**
      * Scale to render the Node at
      *
@@ -593,21 +619,6 @@ export interface CoreNodeProps {
      * @default false
      */
     interactive?: boolean;
-    /**
-     * By enabling Strict bounds the renderer will not process & render child nodes of a node that is out of the visible area
-     *
-     * @remarks
-     * When enabled out of bound nodes, i.e. nodes that are out of the visible area, will
-     * **NOT** have their children processed and renderer anymore. This means the children of a out of bound
-     * node will not receive update processing such as positioning updates and will not be drawn on screen.
-     * As such the rest of the branch of the update tree that sits below this node will not be processed anymore
-     *
-     * This is a big performance gain but may be disabled in cases where the width of the parent node is
-     * unknown and the render must process the child nodes regardless of the viewport status of the parent node
-     *
-     * @default true
-     */
-    strictBounds: boolean;
 }
 /**
  * Grab all the number properties of type T
@@ -637,8 +648,16 @@ export declare class CoreNode extends EventEmitter {
     readonly children: CoreNode[];
     protected _id: number;
     readonly props: CoreNodeProps;
+    readonly isCoreNode: true;
+    renderOpBufferIdx: number;
+    numQuads: number;
+    renderOpTextures: WebGlCtxTexture[];
     private hasShaderUpdater;
+    hasShaderTimeFn: boolean;
     private hasColorProps;
+    private zIndexMin;
+    private zIndexMax;
+    previousZIndex: number;
     updateType: UpdateType;
     childUpdateType: UpdateType;
     globalTransform?: Matrix3d;
@@ -651,7 +670,7 @@ export declare class CoreNode extends EventEmitter {
     preloadBound?: Bound;
     clippingRect: RectWithValid;
     textureCoords?: TextureCoords;
-    updateTextureCoords?: boolean;
+    updateShaderUniforms: boolean;
     isRenderable: boolean;
     renderState: CoreNodeRenderState;
     worldAlpha: number;
@@ -667,12 +686,21 @@ export declare class CoreNode extends EventEmitter {
      * only used when rtt = true
      */
     framebufferDimensions: Dimensions | null;
+    /**Autosize properties */
+    autosizer: Autosizer | null;
+    parentAutosizer: Autosizer | null;
     destroyed: boolean;
     constructor(stage: Stage, props: CoreNodeProps);
     loadTexture(): void;
+    /**
+     * Task for queueMicrotask to loadTexture
+     *
+     * @remarks
+     * This method is called in a microtask to release the texture.
+     */
+    private loadTextureTask;
     unloadTexture(): void;
-    autosizeNode(dimensions: Dimensions): void;
-    private onTextureLoaded;
+    protected onTextureLoaded: TextureLoadedEventHandler;
     private onTextureFailed;
     private onTextureFreed;
     /**
@@ -684,7 +712,6 @@ export declare class CoreNode extends EventEmitter {
      * @param type
      */
     setUpdateType(type: UpdateType): void;
-    sortChildren(): void;
     updateLocalTransform(): void;
     /**
      * @todo: test for correct calculation flag
@@ -693,11 +720,15 @@ export declare class CoreNode extends EventEmitter {
     update(delta: number, parentClippingRect: RectWithValid): void;
     private findParentRTTNode;
     private notifyChildrenRTTOfUpdate;
-    private notifyParentRTTOfUpdate;
+    protected notifyParentRTTOfUpdate(): void;
     checkRenderBounds(): CoreNodeRenderState;
     updateBoundingRect(): void;
     createRenderBounds(): void;
     updateRenderState(renderState: CoreNodeRenderState): void;
+    /**
+     * Checks if the node is renderable based on world alpha, dimensions and out of bounds status.
+     */
+    checkBasicRenderability(): boolean;
     /**
      * Updates the `isRenderable` property based on various conditions.
      */
@@ -711,6 +742,14 @@ export declare class CoreNode extends EventEmitter {
      * Changes the renderable state of the node.
      */
     updateTextureOwnership(isRenderable: boolean): void;
+    /**
+     * Checks if the node is out of the viewport bounds.
+     */
+    isOutOfBounds(): boolean;
+    /**
+     * Checks if the node has dimensions (width/height)
+     */
+    hasDimensions(): boolean;
     calculateRenderCoords(): void;
     /**
      * This function calculates the clipping rectangle for a node.
@@ -721,12 +760,17 @@ export declare class CoreNode extends EventEmitter {
      * Finally, the node's parentClippingRect and clippingRect properties are updated.
      */
     calculateClippingRect(parentClippingRect: RectWithValid): void;
-    calculateZIndex(): void;
     /**
      * Destroy the node and cleanup all resources
      */
     destroy(): void;
     renderQuads(renderer: CoreRenderer): void;
+    get quadBufferCollection(): BufferCollection;
+    get time(): number;
+    getTimerValue(): number;
+    sortChildren(): void;
+    removeChild(node: CoreNode, targetParent?: CoreNode | null): void;
+    addChild(node: CoreNode, previousParent?: CoreNode | null): void;
     get id(): number;
     get data(): CustomDataMap | undefined;
     set data(d: CustomDataMap | undefined);
@@ -736,10 +780,10 @@ export declare class CoreNode extends EventEmitter {
     get absY(): number;
     get y(): number;
     set y(value: number);
-    get width(): number;
-    set width(value: number);
-    get height(): number;
-    set height(value: number);
+    get w(): number;
+    set w(value: number);
+    get h(): number;
+    set h(value: number);
     get scale(): number;
     set scale(value: number);
     get scaleX(): number;
@@ -786,8 +830,6 @@ export declare class CoreNode extends EventEmitter {
     set colorBl(value: number);
     get colorBr(): number;
     set colorBr(value: number);
-    get zIndexLocked(): number;
-    set zIndexLocked(value: number);
     get zIndex(): number;
     set zIndex(value: number);
     get parent(): CoreNode | null;
@@ -804,7 +846,7 @@ export declare class CoreNode extends EventEmitter {
     get src(): string | null;
     set src(imageUrl: string | null);
     set imageType(type: 'regular' | 'compressed' | 'svg' | null);
-    get imageType(): 'regular' | 'compressed' | 'svg' | null;
+    get imageType(): "regular" | "compressed" | "svg" | null;
     get srcHeight(): number | undefined;
     set srcHeight(value: number);
     get srcWidth(): number | undefined;
@@ -816,7 +858,7 @@ export declare class CoreNode extends EventEmitter {
     /**
      * Returns the framebuffer dimensions of the RTT parent
      */
-    get parentFramebufferDimensions(): Dimensions;
+    get parentFramebufferDimensions(): Dimensions | null;
     /**
      * Returns the parent render texture node if it exists.
      */
@@ -828,9 +870,15 @@ export declare class CoreNode extends EventEmitter {
     set interactive(value: boolean | undefined);
     get interactive(): boolean | undefined;
     setRTTUpdates(type: number): void;
-    get strictBounds(): boolean;
-    set strictBounds(v: boolean);
     animate(props: Partial<CoreNodeAnimateProps>, settings: Partial<AnimationSettings>): IAnimationController;
     flush(): void;
+    /**
+     * Add a texture to the current RenderOp.
+     *
+     * @param texture
+     * @returns Assigned Texture Index of the texture in the render op
+     */
+    addTexture(texture: WebGlCtxTexture): number;
+    draw(renderer: WebGlRenderer): void;
 }
 export {};