modern-canvas 0.5.1 → 0.6.1

package/dist/index.cjs

@@ -12,26 +12,24 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 const namesPlugin__default = /*#__PURE__*/_interopDefaultCompat(namesPlugin);
 
 const customNodes = /* @__PURE__ */ new Map();
-function customNode(tag, defaultProperties) {
+function customNode(name, defaultProperties) {
   return function(constructor) {
-    Object.defineProperty(constructor.prototype, "tag", {
-      value: tag,
+    Object.defineProperty(constructor.prototype, "is", {
+      value: name,
       enumerable: true,
       configurable: true
     });
     if (defaultProperties) {
       Object.keys(defaultProperties).forEach((key) => {
-        modernIdoc.defineProperty(constructor, key, { default: defaultProperties[key] });
+        modernIdoc.defineProperty(constructor.prototype, key, {
+          fallback: defaultProperties[key]
+        });
       });
     }
-    customNodes.set(tag, constructor);
+    customNodes.set(name, constructor);
   };
 }
 
-function protectedProperty(options) {
-  return modernIdoc.property({ ...options, protected: true });
-}
-
 function createNode(tag = "node", options = {}) {
   const Klass = customNodes.get(tag);
   if (!Klass) {
@@ -210,15 +208,50 @@ class EventEmitter {
   }
 }
 
-let UID$1 = 0;
+let IID = 0;
 class CoreObject extends EventEmitter {
-  instanceId = ++UID$1;
-  _defaultProperties;
+  instanceId = ++IID;
+  _customPropertyAccessor;
+  _properties = /* @__PURE__ */ new Map();
   _updatedProperties = /* @__PURE__ */ new Map();
   _changedProperties = /* @__PURE__ */ new Set();
   _updatingPromise = Promise.resolve();
   _updating = false;
-  is(target) {
+  useCustomPropertyAccessor(accessor) {
+    this._customPropertyAccessor = accessor;
+    this.getPropertyDeclarations().forEach((declaration, key) => {
+      const newValue = accessor.get(key, () => void 0);
+      const oldValue = this._properties.get(key);
+      if (newValue === void 0) {
+        if (oldValue !== void 0) {
+          accessor.set(key, oldValue);
+        }
+      } else if (newValue !== oldValue) {
+        this._properties.set(key, newValue);
+        this._updateProperty(key, newValue, oldValue, declaration);
+        this.emit("updateProperty", key, newValue, oldValue, declaration);
+      }
+    });
+    return this;
+  }
+  getter(key, context) {
+    if (context.declaration.protected) {
+      return this[context.internalKey];
+    } else {
+      return this._customPropertyAccessor ? this._customPropertyAccessor.get(key, () => this._properties.get(key)) : this._properties.get(key);
+    }
+  }
+  setter(key, value, context) {
+    if (context.declaration.protected) {
+      this[context.internalKey] = value;
+    } else {
+      if (this._customPropertyAccessor) {
+        this._customPropertyAccessor.set(key, value);
+      }
+      this._properties.set(key, value);
+    }
+  }
+  equal(target) {
     return Boolean(target && this.instanceId === target.instanceId);
   }
   async _enqueueUpdate() {
@@ -253,17 +286,6 @@ class CoreObject extends EventEmitter {
   getPropertyDeclaration(key) {
     return this.getPropertyDeclarations().get(key);
   }
-  getDefaultProperties() {
-    if (!this._defaultProperties) {
-      this._defaultProperties = {};
-      for (const [name, property] of this.getPropertyDeclarations()) {
-        if (!property.protected && !property.alias) {
-          this._defaultProperties[name] = typeof property.default === "function" ? property.default() : property.default;
-        }
-      }
-    }
-    return this._defaultProperties;
-  }
   getProperty(key) {
     return this[key];
   }
@@ -292,10 +314,16 @@ class CoreObject extends EventEmitter {
   }
   resetProperties() {
     for (const [name, property] of this.getPropertyDeclarations()) {
-      this.setProperty(name, property.default);
+      this.setProperty(
+        name,
+        typeof property.fallback === "function" ? property.fallback() : property.fallback
+      );
     }
     return this;
   }
+  onUpdateProperty(key, newValue, oldValue, declaration) {
+    this.requestUpdate(key, newValue, oldValue, declaration);
+  }
   requestUpdate(key, newValue, oldValue, declaration) {
     if (key !== void 0) {
       if (!Object.is(newValue, oldValue)) {
@@ -312,11 +340,12 @@ class CoreObject extends EventEmitter {
       this._updatingPromise = this._enqueueUpdate();
     }
   }
-  toJSON() {
+  toPropsJSON() {
     const json = {};
-    const properties = this.getProperties(Array.from(this._changedProperties));
-    for (const key in properties) {
-      const value = properties[key];
+    this._properties.forEach((value, key) => {
+      if (value === void 0) {
+        return;
+      }
       if (value && typeof value === "object") {
         if ("toJSON" in value && typeof value.toJSON === "function") {
           json[key] = value.toJSON();
@@ -326,9 +355,12 @@ class CoreObject extends EventEmitter {
       } else {
         json[key] = value;
       }
-    }
+    });
     return json;
   }
+  toJSON() {
+    return this.toPropsJSON();
+  }
   clone() {
     return new this.constructor(this.toJSON());
   }
@@ -2121,13 +2153,13 @@ class Vector3 extends Vector {
   }
 }
 
-var __defProp$R = Object.defineProperty;
-var __decorateClass$Y = (decorators, target, key, kind) => {
+var __defProp$Q = Object.defineProperty;
+var __decorateClass$X = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$R(target, key, result);
+  if (result) __defProp$Q(target, key, result);
   return result;
 };
 class MainLoop extends CoreObject {
@@ -2170,11 +2202,11 @@ class MainLoop extends CoreObject {
     this.stop();
   }
 }
-__decorateClass$Y([
-  modernIdoc.property({ default: 24 })
+__decorateClass$X([
+  modernIdoc.property({ fallback: 24 })
 ], MainLoop.prototype, "fps");
-__decorateClass$Y([
-  modernIdoc.property({ default: 1 })
+__decorateClass$X([
+  modernIdoc.property({ fallback: 1 })
 ], MainLoop.prototype, "speed");
 
 class Renderer {
@@ -4475,13 +4507,13 @@ class Geometry extends Resource {
   }
 }
 
-var __defProp$Q = Object.defineProperty;
-var __decorateClass$X = (decorators, target, key, kind) => {
+var __defProp$P = Object.defineProperty;
+var __decorateClass$W = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$Q(target, key, result);
+  if (result) __defProp$P(target, key, result);
   return result;
 };
 class IndexBuffer extends Resource {
@@ -4525,20 +4557,20 @@ class IndexBuffer extends Resource {
     return result;
   }
 }
-__decorateClass$X([
-  protectedProperty({ default: null })
+__decorateClass$W([
+  modernIdoc.property({ protected: true, default: null })
 ], IndexBuffer.prototype, "data");
-__decorateClass$X([
-  protectedProperty({ default: false })
+__decorateClass$W([
+  modernIdoc.property({ protected: true, fallback: false })
 ], IndexBuffer.prototype, "dynamic");
 
-var __defProp$P = Object.defineProperty;
-var __decorateClass$W = (decorators, target, key, kind) => {
+var __defProp$O = Object.defineProperty;
+var __decorateClass$V = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$P(target, key, result);
+  if (result) __defProp$O(target, key, result);
   return result;
 };
 class VertexBuffer extends Resource {
@@ -4582,26 +4614,23 @@ class VertexBuffer extends Resource {
     return result;
   }
 }
-__decorateClass$W([
-  protectedProperty({ default: null })
+__decorateClass$V([
+  modernIdoc.property({ protected: true, default: null })
 ], VertexBuffer.prototype, "data");
-__decorateClass$W([
-  protectedProperty({ default: false })
+__decorateClass$V([
+  modernIdoc.property({ protected: true, fallback: false })
 ], VertexBuffer.prototype, "dynamic");
 
-var __defProp$O = Object.defineProperty;
-var __decorateClass$V = (decorators, target, key, kind) => {
+var __defProp$N = Object.defineProperty;
+var __decorateClass$U = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$O(target, key, result);
+  if (result) __defProp$N(target, key, result);
   return result;
 };
 class VertexAttribute extends Resource {
-  stride;
-  offset;
-  divisor;
   needsUpload = false;
   constructor(options) {
     super();
@@ -4632,26 +4661,26 @@ class VertexAttribute extends Resource {
     return result;
   }
 }
-__decorateClass$V([
-  protectedProperty()
+__decorateClass$U([
+  modernIdoc.property({ protected: true })
 ], VertexAttribute.prototype, "buffer");
-__decorateClass$V([
-  protectedProperty({ default: 0 })
+__decorateClass$U([
+  modernIdoc.property({ fallback: 0 })
 ], VertexAttribute.prototype, "size");
-__decorateClass$V([
-  protectedProperty({ default: false })
+__decorateClass$U([
+  modernIdoc.property({ fallback: false })
 ], VertexAttribute.prototype, "normalized");
-__decorateClass$V([
-  protectedProperty({ default: "float" })
+__decorateClass$U([
+  modernIdoc.property({ fallback: "float" })
 ], VertexAttribute.prototype, "type");
-__decorateClass$V([
-  protectedProperty()
+__decorateClass$U([
+  modernIdoc.property()
 ], VertexAttribute.prototype, "stride");
-__decorateClass$V([
-  protectedProperty()
+__decorateClass$U([
+  modernIdoc.property()
 ], VertexAttribute.prototype, "offset");
-__decorateClass$V([
-  protectedProperty()
+__decorateClass$U([
+  modernIdoc.property()
 ], VertexAttribute.prototype, "divisor");
 
 class QuadGeometry extends Geometry {
@@ -4894,13 +4923,13 @@ class UvGeometry extends Geometry {
   }
 }
 
-var __defProp$N = Object.defineProperty;
-var __decorateClass$U = (decorators, target, key, kind) => {
+var __defProp$M = Object.defineProperty;
+var __decorateClass$T = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$N(target, key, result);
+  if (result) __defProp$M(target, key, result);
   return result;
 };
 class Texture2D extends Resource {
@@ -5026,23 +5055,23 @@ class Texture2D extends Resource {
     }
   }
 }
-__decorateClass$U([
-  protectedProperty()
+__decorateClass$T([
+  modernIdoc.property({ protected: true })
 ], Texture2D.prototype, "source");
-__decorateClass$U([
-  modernIdoc.property({ default: 0 })
+__decorateClass$T([
+  modernIdoc.property({ fallback: 0 })
 ], Texture2D.prototype, "width");
-__decorateClass$U([
-  modernIdoc.property({ default: 0 })
+__decorateClass$T([
+  modernIdoc.property({ fallback: 0 })
 ], Texture2D.prototype, "height");
-__decorateClass$U([
-  modernIdoc.property({ default: "linear" })
+__decorateClass$T([
+  modernIdoc.property({ fallback: "linear" })
 ], Texture2D.prototype, "filterMode");
-__decorateClass$U([
-  modernIdoc.property({ default: "clamp_to_edge" })
+__decorateClass$T([
+  modernIdoc.property({ fallback: "clamp_to_edge" })
 ], Texture2D.prototype, "wrapMode");
-__decorateClass$U([
-  modernIdoc.property({ default: 1 })
+__decorateClass$T([
+  modernIdoc.property({ fallback: 1 })
 ], Texture2D.prototype, "pixelRatio");
 
 class AnimatedTexture extends Resource {
@@ -5071,13 +5100,13 @@ class AnimatedTexture extends Resource {
   }
 }
 
-var __defProp$M = Object.defineProperty;
-var __decorateClass$T = (decorators, target, key, kind) => {
+var __defProp$L = Object.defineProperty;
+var __decorateClass$S = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$M(target, key, result);
+  if (result) __defProp$L(target, key, result);
   return result;
 };
 class CanvasTexture extends Texture2D {
@@ -5096,8 +5125,8 @@ class CanvasTexture extends Texture2D {
     super._updateProperty(key, value, oldValue, declaration);
   }
 }
-__decorateClass$T([
-  modernIdoc.property({ default: 2 })
+__decorateClass$S([
+  modernIdoc.property()
 ], CanvasTexture.prototype, "pixelRatio");
 
 class ColorTexture extends Texture2D {
@@ -5116,6 +5145,8 @@ class GradientTexture extends Texture2D {
     return modernIdoc.isGradient(value);
   }
   static linearGradient(linearGradient, width, height) {
+    width = width || 1;
+    height = height || 1;
     const canvas = document.createElement("canvas");
     canvas.width = width;
     canvas.height = height;
@@ -5299,13 +5330,13 @@ class PixelsTexture extends Texture2D {
   }
 }
 
-var __defProp$L = Object.defineProperty;
-var __decorateClass$S = (decorators, target, key, kind) => {
+var __defProp$K = Object.defineProperty;
+var __decorateClass$R = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$L(target, key, result);
+  if (result) __defProp$K(target, key, result);
   return result;
 };
 function resolveOptions(options) {
@@ -5549,11 +5580,11 @@ const _VideoTexture = class _VideoTexture extends Texture2D {
     }
   }
 };
-__decorateClass$S([
-  protectedProperty({ default: true })
+__decorateClass$R([
+  modernIdoc.property({ protected: true, fallback: true })
 ], _VideoTexture.prototype, "autoUpdate");
-__decorateClass$S([
-  protectedProperty({ default: 0 })
+__decorateClass$R([
+  modernIdoc.property({ protected: true, fallback: 0 })
 ], _VideoTexture.prototype, "fps");
 let VideoTexture = _VideoTexture;
 
@@ -5611,22 +5642,22 @@ class Children extends Array {
   }
 }
 
-var __defProp$K = Object.defineProperty;
-var __getOwnPropDesc$I = Object.getOwnPropertyDescriptor;
-var __decorateClass$R = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$I(target, key) : target;
+var __defProp$J = Object.defineProperty;
+var __getOwnPropDesc$H = Object.getOwnPropertyDescriptor;
+var __decorateClass$Q = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$H(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$K(target, key, result);
+  if (kind && result) __defProp$J(target, key, result);
   return result;
 };
-const tagUidMap = {};
-function getTagUid(tag) {
-  let uid = tagUidMap[tag] ?? 0;
-  uid++;
-  tagUidMap[tag] = uid;
-  return uid;
+const iidMap = {};
+function getNodeIid(key) {
+  let iid = iidMap[key] ?? 0;
+  iid++;
+  iidMap[key] = iid;
+  return iid;
 }
 exports.Node = class Node extends CoreObject {
   _readyed = false;
@@ -5639,7 +5670,7 @@ exports.Node = class Node extends CoreObject {
     this._onReady = this._onReady.bind(this);
     this._onProcess = this._onProcess.bind(this);
     this.setProperties({
-      name: `${this.tag}:${getTagUid(this.tag)}`,
+      name: `${this.is}:${getNodeIid(this.is)}`,
       ...properties
     }).append(nodes);
     this.on("treeEnter", this._onTreeEnter).on("treeExit", this._onTreeExit).on("parented", this._onParented).on("unparented", this._onUnparented).on("ready", this._onReady).on("process", this._onProcess);
@@ -5689,7 +5720,7 @@ exports.Node = class Node extends CoreObject {
   }
   setTree(tree) {
     const oldTree = this._tree;
-    if (!tree?.is(oldTree)) {
+    if (!tree?.equal(oldTree)) {
       if (oldTree) {
         this.emit("treeExit", oldTree);
       }
@@ -5729,7 +5760,7 @@ exports.Node = class Node extends CoreObject {
     return this._parent;
   }
   setParent(parent) {
-    if (!this._parent?.is(parent)) {
+    if (!this._parent?.equal(parent)) {
       const oldParent = this._parent;
       if (oldParent) {
         this.emit("unparented", oldParent);
@@ -5905,7 +5936,7 @@ exports.Node = class Node extends CoreObject {
     this.getNode(path)?.remove();
   }
   addSibling(sibling) {
-    if (this.is(sibling) || !this.hasParent() || sibling.hasParent()) {
+    if (this.equal(sibling) || !this.hasParent() || sibling.hasParent()) {
       return this;
     }
     sibling.internalMode = this.internalMode;
@@ -5957,14 +5988,14 @@ exports.Node = class Node extends CoreObject {
     });
   }
   insertBefore(node, child) {
-    if (!child.hasParent() || !this.is(child.parent)) {
+    if (!child.hasParent() || !this.equal(child.parent)) {
       return node;
     }
     this.moveChild(node, child.getIndex());
     return node;
   }
   appendChild(node, internalMode = node.internalMode) {
-    if (this.is(node) || node.hasParent()) {
+    if (this.equal(node) || node.hasParent()) {
       return node;
     }
     switch (internalMode) {
@@ -5984,7 +6015,7 @@ exports.Node = class Node extends CoreObject {
     return node;
   }
   moveChild(node, toIndex, internalMode = node.internalMode) {
-    if (this.is(node) || node.hasParent() && !this.is(node.parent)) {
+    if (this.equal(node) || node.hasParent() && !this.equal(node.parent)) {
       return this;
     }
     const fromArray = this._children.getInternal(node.internalMode);
@@ -6011,7 +6042,7 @@ exports.Node = class Node extends CoreObject {
   }
   removeChild(child) {
     const index = child.getIndex();
-    if (this.is(child.parent) && index > -1) {
+    if (this.equal(child.parent) && index > -1) {
       this._children.getInternal(child.internalMode).splice(index, 1);
       child.setParent(void 0);
       this.emit("removeChild", child, index);
@@ -6069,61 +6100,64 @@ exports.Node = class Node extends CoreObject {
   }
   clone() {
     return new this.constructor(
-      this.toJSON().props,
+      this.toPropsJSON(),
       this._children.internal
     );
   }
   toJSON() {
     return {
-      tag: this.tag,
-      props: super.toJSON(),
+      ...super.toJSON(),
+      is: this.is,
       children: [...this._children.map((child) => child.toJSON())]
     };
   }
-  static parse(JSON) {
-    if (Array.isArray(JSON)) {
-      return JSON.map((val) => this.parse(val));
+  static parse(value) {
+    if (Array.isArray(value)) {
+      return value.map((val) => this.parse(val));
     }
-    const { tag, props, children } = JSON;
-    const NodeClass = customNodes.get(tag) ?? exports.Node;
-    const node = new NodeClass(props);
+    const { is, props, children } = value;
+    const Class = customNodes.get(is) ?? exports.Node;
+    const node = new Class(props);
     children?.forEach((child) => node.appendChild(this.parse(child)));
     return node;
   }
 };
-__decorateClass$R([
-  modernIdoc.property()
+__decorateClass$Q([
+  modernIdoc.property({ fallback: modernIdoc.idGenerator() })
+], exports.Node.prototype, "id", 2);
+__decorateClass$Q([
+  modernIdoc.property({ fallback: modernIdoc.idGenerator() })
 ], exports.Node.prototype, "name", 2);
-__decorateClass$R([
-  modernIdoc.property()
-], exports.Node.prototype, "mask", 2);
-__decorateClass$R([
-  modernIdoc.property({ default: "inherit" })
+__decorateClass$Q([
+  modernIdoc.property({ fallback: "inherit" })
 ], exports.Node.prototype, "processMode", 2);
-__decorateClass$R([
-  modernIdoc.property({ default: "default" })
+__decorateClass$Q([
+  modernIdoc.property({ fallback: "default" })
 ], exports.Node.prototype, "processSortMode", 2);
-__decorateClass$R([
-  modernIdoc.property({ default: "inherit" })
+__decorateClass$Q([
+  modernIdoc.property({ fallback: "inherit" })
 ], exports.Node.prototype, "renderMode", 2);
-__decorateClass$R([
-  modernIdoc.property({ default: "default" })
+__decorateClass$Q([
+  modernIdoc.property({ fallback: "default" })
 ], exports.Node.prototype, "internalMode", 2);
-__decorateClass$R([
+__decorateClass$Q([
   modernIdoc.property({ default: () => ({}) })
 ], exports.Node.prototype, "meta", 2);
-exports.Node = __decorateClass$R([
+__decorateClass$Q([
+  modernIdoc.property({ protected: true })
+], exports.Node.prototype, "mask", 2);
+exports.Node = __decorateClass$Q([
   customNode("Node")
 ], exports.Node);
 
-var __defProp$J = Object.defineProperty;
-var __getOwnPropDesc$H = Object.getOwnPropertyDescriptor;
-var __decorateClass$Q = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$H(target, key) : target;
+var __defProp$I = Object.defineProperty;
+var __getOwnPropDesc$G = Object.getOwnPropertyDescriptor;
+var __decorateClass$P = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$G(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$J(target, key, result);
+  if (kind && result) __defProp$I(target, key, result);
   return result;
 };
 exports.TimelineNode = class TimelineNode extends exports.Node {
@@ -6183,30 +6217,30 @@ exports.TimelineNode = class TimelineNode extends exports.Node {
     this._updateCurrentTime();
   }
 };
-__decorateClass$Q([
-  modernIdoc.property({ default: 0 })
+__decorateClass$P([
+  modernIdoc.property({ fallback: 0 })
 ], exports.TimelineNode.prototype, "delay", 2);
-__decorateClass$Q([
-  modernIdoc.property({ default: 0 })
+__decorateClass$P([
+  modernIdoc.property({ fallback: 0 })
 ], exports.TimelineNode.prototype, "duration", 2);
-__decorateClass$Q([
-  modernIdoc.property({ default: false })
+__decorateClass$P([
+  modernIdoc.property({ fallback: false })
 ], exports.TimelineNode.prototype, "paused", 2);
-__decorateClass$Q([
-  protectedProperty()
+__decorateClass$P([
+  modernIdoc.property({ protected: true, fallback: false })
 ], exports.TimelineNode.prototype, "insideTimeRange", 2);
-exports.TimelineNode = __decorateClass$Q([
+exports.TimelineNode = __decorateClass$P([
   customNode("TimelineNode")
 ], exports.TimelineNode);
 
-var __defProp$I = Object.defineProperty;
-var __getOwnPropDesc$G = Object.getOwnPropertyDescriptor;
-var __decorateClass$P = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$G(target, key) : target;
+var __defProp$H = Object.defineProperty;
+var __getOwnPropDesc$F = Object.getOwnPropertyDescriptor;
+var __decorateClass$O = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$F(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$I(target, key, result);
+  if (kind && result) __defProp$H(target, key, result);
   return result;
 };
 exports.Viewport = class Viewport extends exports.Node {
@@ -6215,15 +6249,15 @@ exports.Viewport = class Viewport extends exports.Node {
     this.flipY = flipY;
     this._projection.flipY(flipY);
   }
-  get valid() {
-    return Boolean(this.width && this.height);
-  }
   _projection = new Projection2D();
   _framebufferIndex = 0;
   _framebuffers = [
     { texture: new ViewportTexture(), needsUpload: false },
     { texture: new ViewportTexture(), needsUpload: false }
   ];
+  get valid() {
+    return Boolean(this.width && this.height);
+  }
   get framebuffer() {
     return this._framebuffers[this._framebufferIndex];
   }
@@ -6344,33 +6378,34 @@ exports.Viewport = class Viewport extends exports.Node {
     return this._projection.toArray(transpose);
   }
 };
-__decorateClass$P([
-  modernIdoc.property({ default: 0 })
+__decorateClass$O([
+  modernIdoc.property({ fallback: 0 })
 ], exports.Viewport.prototype, "x", 2);
-__decorateClass$P([
-  modernIdoc.property({ default: 0 })
+__decorateClass$O([
+  modernIdoc.property({ fallback: 0 })
 ], exports.Viewport.prototype, "y", 2);
-__decorateClass$P([
-  modernIdoc.property({ default: 0 })
+__decorateClass$O([
+  modernIdoc.property({ fallback: 0 })
 ], exports.Viewport.prototype, "width", 2);
-__decorateClass$P([
-  modernIdoc.property({ default: 0 })
+__decorateClass$O([
+  modernIdoc.property({ fallback: 0 })
 ], exports.Viewport.prototype, "height", 2);
-exports.Viewport = __decorateClass$P([
+exports.Viewport = __decorateClass$O([
   customNode("Viewport")
 ], exports.Viewport);
 
-var __defProp$H = Object.defineProperty;
-var __getOwnPropDesc$F = Object.getOwnPropertyDescriptor;
-var __decorateClass$O = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$F(target, key) : target;
+var __defProp$G = Object.defineProperty;
+var __getOwnPropDesc$E = Object.getOwnPropertyDescriptor;
+var __decorateClass$N = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$E(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$H(target, key, result);
+  if (kind && result) __defProp$G(target, key, result);
   return result;
 };
 exports.Effect = class Effect extends exports.TimelineNode {
+  material;
   get _effectMode() {
     return this.effectMode ?? "parent";
   }
@@ -6447,10 +6482,10 @@ exports.Effect = class Effect extends exports.TimelineNode {
       return;
     switch (this._effectMode) {
       case "transition":
-        if (node.is(this._previousSibling)) {
+        if (node.equal(this._previousSibling)) {
           this._previousSibling = void 0;
           renderStack.push(this);
-        } else if (node.is(this._nextSibling)) {
+        } else if (node.equal(this._nextSibling)) {
           this._nextSibling = void 0;
           renderStack.push(this);
         }
@@ -6468,7 +6503,7 @@ exports.Effect = class Effect extends exports.TimelineNode {
     let start;
     let end;
     calls.forEach((call, index) => {
-      if (call.renderable.is(this._parent) || call.renderable.parent?.is(this._parent)) {
+      if (call.renderable.equal(this._parent) || call.renderable.parent?.equal(this._parent)) {
         start = start ?? index;
         end = index;
       }
@@ -6608,31 +6643,31 @@ exports.Effect = class Effect extends exports.TimelineNode {
     }
   }
 };
-__decorateClass$O([
-  protectedProperty()
+__decorateClass$N([
+  modernIdoc.property({ protected: true })
 ], exports.Effect.prototype, "material", 2);
-__decorateClass$O([
+__decorateClass$N([
   modernIdoc.property()
 ], exports.Effect.prototype, "effectMode", 2);
-__decorateClass$O([
-  modernIdoc.property({ default: "" })
+__decorateClass$N([
+  modernIdoc.property()
 ], exports.Effect.prototype, "glsl", 2);
-__decorateClass$O([
-  modernIdoc.property({ default: "" })
+__decorateClass$N([
+  modernIdoc.property()
 ], exports.Effect.prototype, "glslSrc", 2);
-exports.Effect = __decorateClass$O([
+exports.Effect = __decorateClass$N([
   customNode("Effect")
 ], exports.Effect);
 
-var __defProp$G = Object.defineProperty;
-var __getOwnPropDesc$E = Object.getOwnPropertyDescriptor;
-var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$G(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$N = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$E(target, key) : target;
+var __defProp$F = Object.defineProperty;
+var __getOwnPropDesc$D = Object.getOwnPropertyDescriptor;
+var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$F(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$M = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$D(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$G(target, key, result);
+  if (kind && result) __defProp$F(target, key, result);
   return result;
 };
 var __publicField$i = (obj, key, value) => __defNormalProp$i(obj, key + "" , value);
@@ -6692,43 +6727,43 @@ void main(void) {
   gl_FragColor = c * alpha;
 }`
 }));
-__decorateClass$N([
-  modernIdoc.property({ default: 1 })
+__decorateClass$M([
+  modernIdoc.property()
 ], exports.ColorAdjustEffect.prototype, "saturation", 2);
-__decorateClass$N([
-  modernIdoc.property({ default: 1 })
+__decorateClass$M([
+  modernIdoc.property()
 ], exports.ColorAdjustEffect.prototype, "contrast", 2);
-__decorateClass$N([
-  modernIdoc.property({ default: 1 })
+__decorateClass$M([
+  modernIdoc.property()
 ], exports.ColorAdjustEffect.prototype, "brightness", 2);
-__decorateClass$N([
-  modernIdoc.property({ default: 1 })
+__decorateClass$M([
+  modernIdoc.property()
 ], exports.ColorAdjustEffect.prototype, "red", 2);
-__decorateClass$N([
-  modernIdoc.property({ default: 1 })
+__decorateClass$M([
+  modernIdoc.property()
 ], exports.ColorAdjustEffect.prototype, "green", 2);
-__decorateClass$N([
-  modernIdoc.property({ default: 1 })
+__decorateClass$M([
+  modernIdoc.property()
 ], exports.ColorAdjustEffect.prototype, "blue", 2);
-__decorateClass$N([
-  modernIdoc.property({ default: 1 })
+__decorateClass$M([
+  modernIdoc.property()
 ], exports.ColorAdjustEffect.prototype, "alpha", 2);
-__decorateClass$N([
-  modernIdoc.property({ default: 1 })
+__decorateClass$M([
+  modernIdoc.property()
 ], exports.ColorAdjustEffect.prototype, "gamma", 2);
-exports.ColorAdjustEffect = __decorateClass$N([
+exports.ColorAdjustEffect = __decorateClass$M([
   customNode("ColorAdjustEffect")
 ], exports.ColorAdjustEffect);
 
-var __defProp$F = Object.defineProperty;
-var __getOwnPropDesc$D = Object.getOwnPropertyDescriptor;
-var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$F(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$M = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$D(target, key) : target;
+var __defProp$E = Object.defineProperty;
+var __getOwnPropDesc$C = Object.getOwnPropertyDescriptor;
+var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$E(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$L = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$C(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$F(target, key, result);
+  if (kind && result) __defProp$E(target, key, result);
   return result;
 };
 var __publicField$h = (obj, key, value) => __defNormalProp$h(obj, key + "" , value);
@@ -6808,22 +6843,22 @@ void main(void) {
   );
 }`
 }));
-__decorateClass$M([
+__decorateClass$L([
   modernIdoc.property()
 ], exports.ColorFilterEffect.prototype, "filter", 2);
-exports.ColorFilterEffect = __decorateClass$M([
+exports.ColorFilterEffect = __decorateClass$L([
   customNode("ColorFilterEffect")
 ], exports.ColorFilterEffect);
 
-var __defProp$E = Object.defineProperty;
-var __getOwnPropDesc$C = Object.getOwnPropertyDescriptor;
-var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$E(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$L = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$C(target, key) : target;
+var __defProp$D = Object.defineProperty;
+var __getOwnPropDesc$B = Object.getOwnPropertyDescriptor;
+var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$K = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$B(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$E(target, key, result);
+  if (kind && result) __defProp$D(target, key, result);
   return result;
 };
 var __publicField$g = (obj, key, value) => __defNormalProp$g(obj, key + "" , value);
@@ -6899,25 +6934,25 @@ void main(void) {
   gl_FragColor = vec4(mix(color.rgb, mask.rgb, color.a * mask.a), color.a);
 }`
 }));
-__decorateClass$L([
-  modernIdoc.property({ default: () => [] })
+__decorateClass$K([
+  modernIdoc.property()
 ], exports.ColorOverlayEffect.prototype, "colors", 2);
-__decorateClass$L([
-  modernIdoc.property({ default: 0.5 })
+__decorateClass$K([
+  modernIdoc.property()
 ], exports.ColorOverlayEffect.prototype, "alpha", 2);
-exports.ColorOverlayEffect = __decorateClass$L([
+exports.ColorOverlayEffect = __decorateClass$K([
   customNode("ColorOverlayEffect")
 ], exports.ColorOverlayEffect);
 
-var __defProp$D = Object.defineProperty;
-var __getOwnPropDesc$B = Object.getOwnPropertyDescriptor;
-var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$D(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$K = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$B(target, key) : target;
+var __defProp$C = Object.defineProperty;
+var __getOwnPropDesc$A = Object.getOwnPropertyDescriptor;
+var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$C(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$J = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$A(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$D(target, key, result);
+  if (kind && result) __defProp$C(target, key, result);
   return result;
 };
 var __publicField$f = (obj, key, value) => __defNormalProp$f(obj, key + "" , value);
@@ -6984,25 +7019,25 @@ void main(void) {
   gl_FragColor = color;
 }`
 }));
-__decorateClass$K([
-  modernIdoc.property({ default: () => [] })
+__decorateClass$J([
+  modernIdoc.property()
 ], exports.ColorRemoveEffect.prototype, "colors", 2);
-__decorateClass$K([
-  modernIdoc.property({ default: 0.5 })
+__decorateClass$J([
+  modernIdoc.property()
 ], exports.ColorRemoveEffect.prototype, "epsilon", 2);
-exports.ColorRemoveEffect = __decorateClass$K([
+exports.ColorRemoveEffect = __decorateClass$J([
   customNode("ColorRemoveEffect")
 ], exports.ColorRemoveEffect);
 
-var __defProp$C = Object.defineProperty;
-var __getOwnPropDesc$A = Object.getOwnPropertyDescriptor;
-var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$C(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$J = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$A(target, key) : target;
+var __defProp$B = Object.defineProperty;
+var __getOwnPropDesc$z = Object.getOwnPropertyDescriptor;
+var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$B(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$I = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$z(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$C(target, key, result);
+  if (kind && result) __defProp$B(target, key, result);
   return result;
 };
 var __publicField$e = (obj, key, value) => __defNormalProp$e(obj, key + "" , value);
@@ -7091,13 +7126,13 @@ void main(void) {
   }
 }`
 }));
-__decorateClass$J([
-  modernIdoc.property({ default: [] })
+__decorateClass$I([
+  modernIdoc.property()
 ], exports.ColorReplaceEffect.prototype, "colors", 2);
-__decorateClass$J([
-  modernIdoc.property({ default: 0.05 })
+__decorateClass$I([
+  modernIdoc.property()
 ], exports.ColorReplaceEffect.prototype, "epsilon", 2);
-exports.ColorReplaceEffect = __decorateClass$J([
+exports.ColorReplaceEffect = __decorateClass$I([
   customNode("ColorReplaceEffect")
 ], exports.ColorReplaceEffect);
 
@@ -7252,14 +7287,14 @@ class CanvasContext extends modernPath2d.Path2D {
   }
 }
 
-var __defProp$B = Object.defineProperty;
-var __getOwnPropDesc$z = Object.getOwnPropertyDescriptor;
-var __decorateClass$I = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$z(target, key) : target;
+var __defProp$A = Object.defineProperty;
+var __getOwnPropDesc$y = Object.getOwnPropertyDescriptor;
+var __decorateClass$H = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$y(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$B(target, key, result);
+  if (kind && result) __defProp$A(target, key, result);
   return result;
 };
 exports.CanvasItem = class CanvasItem extends exports.TimelineNode {
@@ -7277,7 +7312,7 @@ exports.CanvasItem = class CanvasItem extends exports.TimelineNode {
   // Batch render
   context = new CanvasContext();
   _resetContext = true;
-  _redrawing = false;
+  _redrawing = true;
   _relayouting = false;
   _repainting = false;
   _originalBatchables = [];
@@ -7346,16 +7381,16 @@ exports.CanvasItem = class CanvasItem extends exports.TimelineNode {
     this.emit("draw");
   }
   _redraw() {
-    this._tree?.log(this.name, "redrawing");
+    this._tree?.log(this.name, "drawing");
     this._draw();
     return this.context.toBatchables();
   }
   _relayout(batchables) {
-    this._tree?.log(this.name, "relayouting");
+    this._tree?.log(this.name, "layouting");
     return batchables;
   }
   _repaint(batchables) {
-    this._tree?.log(this.name, "repainting");
+    this._tree?.log(this.name, "painting");
     return batchables.map((batchable) => {
       return {
         ...batchable,
@@ -7421,19 +7456,19 @@ exports.CanvasItem = class CanvasItem extends exports.TimelineNode {
     super._render(renderer);
   }
 };
-__decorateClass$I([
+__decorateClass$H([
   modernIdoc.property()
 ], exports.CanvasItem.prototype, "modulate", 2);
-__decorateClass$I([
+__decorateClass$H([
   modernIdoc.property()
 ], exports.CanvasItem.prototype, "blendMode", 2);
-__decorateClass$I([
-  protectedProperty({ default: true })
+__decorateClass$H([
+  modernIdoc.property({ protected: true, fallback: true })
 ], exports.CanvasItem.prototype, "visible", 2);
-__decorateClass$I([
-  protectedProperty({ default: 1 })
+__decorateClass$H([
+  modernIdoc.property({ protected: true, fallback: 1 })
 ], exports.CanvasItem.prototype, "opacity", 2);
-exports.CanvasItem = __decorateClass$I([
+exports.CanvasItem = __decorateClass$H([
   customNode("CanvasItem")
 ], exports.CanvasItem);
 
@@ -7463,14 +7498,14 @@ class RenderStack {
   }
 }
 
-var __defProp$A = Object.defineProperty;
-var __getOwnPropDesc$y = Object.getOwnPropertyDescriptor;
-var __decorateClass$H = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$y(target, key) : target;
+var __defProp$z = Object.defineProperty;
+var __getOwnPropDesc$x = Object.getOwnPropertyDescriptor;
+var __decorateClass$G = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$x(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$A(target, key, result);
+  if (kind && result) __defProp$z(target, key, result);
   return result;
 };
 exports.Timeline = class Timeline extends exports.Node {
@@ -7515,29 +7550,29 @@ exports.Timeline = class Timeline extends exports.Node {
     this.addTime(delta);
   }
 };
-__decorateClass$H([
-  modernIdoc.property({ default: 0 })
+__decorateClass$G([
+  modernIdoc.property({ fallback: 0 })
 ], exports.Timeline.prototype, "startTime", 2);
-__decorateClass$H([
-  modernIdoc.property({ default: 0 })
+__decorateClass$G([
+  modernIdoc.property({ fallback: 0 })
 ], exports.Timeline.prototype, "currentTime", 2);
-__decorateClass$H([
-  modernIdoc.property({ default: Number.MAX_SAFE_INTEGER })
+__decorateClass$G([
+  modernIdoc.property({ fallback: Number.MAX_SAFE_INTEGER })
 ], exports.Timeline.prototype, "endTime", 2);
-__decorateClass$H([
-  modernIdoc.property({ default: false })
+__decorateClass$G([
+  modernIdoc.property({ fallback: false })
 ], exports.Timeline.prototype, "loop", 2);
-exports.Timeline = __decorateClass$H([
+exports.Timeline = __decorateClass$G([
   customNode("Timeline")
 ], exports.Timeline);
 
-var __defProp$z = Object.defineProperty;
-var __decorateClass$G = (decorators, target, key, kind) => {
+var __defProp$y = Object.defineProperty;
+var __decorateClass$F = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$z(target, key, result);
+  if (result) __defProp$y(target, key, result);
   return result;
 };
 class SceneTree extends MainLoop {
@@ -7545,6 +7580,7 @@ class SceneTree extends MainLoop {
   renderStack = new RenderStack();
   root = new exports.Viewport(true).setTree(this);
   timeline;
+  nodes = /* @__PURE__ */ new Map();
   _backgroundColor = new Color();
   _currentViewport;
   getCurrentViewport() {
@@ -7610,19 +7646,19 @@ class SceneTree extends MainLoop {
     this.input.removeEventListeners();
   }
 }
-__decorateClass$G([
-  modernIdoc.property({ default: false })
+__decorateClass$F([
+  modernIdoc.property({ fallback: false })
 ], SceneTree.prototype, "processPaused");
-__decorateClass$G([
+__decorateClass$F([
   modernIdoc.property()
 ], SceneTree.prototype, "backgroundColor");
-__decorateClass$G([
-  protectedProperty({ default: false })
+__decorateClass$F([
+  modernIdoc.property({ protected: true, fallback: false })
 ], SceneTree.prototype, "debug");
 
-var __getOwnPropDesc$x = Object.getOwnPropertyDescriptor;
-var __decorateClass$F = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$x(target, key) : target;
+var __getOwnPropDesc$w = Object.getOwnPropertyDescriptor;
+var __decorateClass$E = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$w(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(result)) || result;
@@ -7634,7 +7670,7 @@ exports.Transition = class Transition extends exports.Effect {
     this.setProperties(properties).append(children);
   }
 };
-exports.Transition = __decorateClass$F([
+exports.Transition = __decorateClass$E([
   customNode("Transition", {
     effectMode: "transition",
     processMode: "pausable",
@@ -7642,15 +7678,15 @@ exports.Transition = __decorateClass$F([
   })
 ], exports.Transition);
 
-var __defProp$y = Object.defineProperty;
-var __getOwnPropDesc$w = Object.getOwnPropertyDescriptor;
-var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$y(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$E = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$w(target, key) : target;
+var __defProp$x = Object.defineProperty;
+var __getOwnPropDesc$v = Object.getOwnPropertyDescriptor;
+var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$D = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$v(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$y(target, key, result);
+  if (kind && result) __defProp$x(target, key, result);
   return result;
 };
 var __publicField$d = (obj, key, value) => __defNormalProp$d(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -7756,25 +7792,25 @@ void main(void) {
 }`,
   frag: frag$2
 }));
-__decorateClass$E([
+__decorateClass$D([
   modernIdoc.property({ default: 4 })
 ], exports.GaussianBlurEffect.prototype, "strength", 2);
-__decorateClass$E([
+__decorateClass$D([
   modernIdoc.property({ default: 3 })
 ], exports.GaussianBlurEffect.prototype, "quality", 2);
-exports.GaussianBlurEffect = __decorateClass$E([
+exports.GaussianBlurEffect = __decorateClass$D([
   customNode("GaussianBlurEffect")
 ], exports.GaussianBlurEffect);
 
-var __defProp$x = Object.defineProperty;
-var __getOwnPropDesc$v = Object.getOwnPropertyDescriptor;
-var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$x(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$D = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$v(target, key) : target;
+var __defProp$w = Object.defineProperty;
+var __getOwnPropDesc$u = Object.getOwnPropertyDescriptor;
+var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$C = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$u(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$x(target, key, result);
+  if (kind && result) __defProp$w(target, key, result);
   return result;
 };
 var __publicField$c = (obj, key, value) => __defNormalProp$c(obj, key + "" , value);
@@ -7838,34 +7874,34 @@ void main(void) {
   gl_FragColor = sample;
 }`
 }));
-__decorateClass$D([
-  modernIdoc.property({ default: 0 })
+__decorateClass$C([
+  modernIdoc.property()
 ], exports.DropShadowEffect.prototype, "color", 2);
-__decorateClass$D([
-  modernIdoc.property({ default: 4 })
+__decorateClass$C([
+  modernIdoc.property()
 ], exports.DropShadowEffect.prototype, "blur", 2);
-__decorateClass$D([
-  modernIdoc.property({ default: 4 })
+__decorateClass$C([
+  modernIdoc.property()
 ], exports.DropShadowEffect.prototype, "offsetX", 2);
-__decorateClass$D([
-  modernIdoc.property({ default: 4 })
+__decorateClass$C([
+  modernIdoc.property()
 ], exports.DropShadowEffect.prototype, "offsetY", 2);
-__decorateClass$D([
-  modernIdoc.property({ default: false })
+__decorateClass$C([
+  modernIdoc.property()
 ], exports.DropShadowEffect.prototype, "shadowOnly", 2);
-exports.DropShadowEffect = __decorateClass$D([
+exports.DropShadowEffect = __decorateClass$C([
   customNode("DropShadowEffect")
 ], exports.DropShadowEffect);
 
-var __defProp$w = Object.defineProperty;
-var __getOwnPropDesc$u = Object.getOwnPropertyDescriptor;
-var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$w(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$C = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$u(target, key) : target;
+var __defProp$v = Object.defineProperty;
+var __getOwnPropDesc$t = Object.getOwnPropertyDescriptor;
+var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$v(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$B = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$t(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$w(target, key, result);
+  if (kind && result) __defProp$v(target, key, result);
   return result;
 };
 var __publicField$b = (obj, key, value) => __defNormalProp$b(obj, key + "" , value);
@@ -7910,22 +7946,22 @@ void main(void) {
     gl_FragColor = vec4(color.rgb * alpha, alpha);
 }`
 }));
-__decorateClass$C([
-  modernIdoc.property({ default: 5 })
+__decorateClass$B([
+  modernIdoc.property()
 ], exports.EmbossEffect.prototype, "strength", 2);
-exports.EmbossEffect = __decorateClass$C([
+exports.EmbossEffect = __decorateClass$B([
   customNode("EmbossEffect")
 ], exports.EmbossEffect);
 
-var __defProp$v = Object.defineProperty;
-var __getOwnPropDesc$t = Object.getOwnPropertyDescriptor;
-var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$v(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$B = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$t(target, key) : target;
+var __defProp$u = Object.defineProperty;
+var __getOwnPropDesc$s = Object.getOwnPropertyDescriptor;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$u(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$A = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$s(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$v(target, key, result);
+  if (kind && result) __defProp$u(target, key, result);
   return result;
 };
 var __publicField$a = (obj, key, value) => __defNormalProp$a(obj, key + "" , value);
@@ -8099,46 +8135,46 @@ void main(void) {
   gl_FragColor.a = texture2D(sampler, coord).a;
 }`
 }));
-__decorateClass$B([
-  modernIdoc.property({ default: 10 })
+__decorateClass$A([
+  modernIdoc.property()
 ], exports.GlitchEffect.prototype, "slices", 2);
-__decorateClass$B([
-  modernIdoc.property({ default: 512 })
+__decorateClass$A([
+  modernIdoc.property()
 ], exports.GlitchEffect.prototype, "sampleSize", 2);
-__decorateClass$B([
-  modernIdoc.property({ default: 100 })
+__decorateClass$A([
+  modernIdoc.property()
 ], exports.GlitchEffect.prototype, "offset", 2);
-__decorateClass$B([
-  modernIdoc.property({ default: 0 })
+__decorateClass$A([
+  modernIdoc.property()
 ], exports.GlitchEffect.prototype, "direction", 2);
-__decorateClass$B([
-  modernIdoc.property({ default: 2 })
+__decorateClass$A([
+  modernIdoc.property()
 ], exports.GlitchEffect.prototype, "fillMode", 2);
-__decorateClass$B([
-  modernIdoc.property({ default: 0 })
+__decorateClass$A([
+  modernIdoc.property()
 ], exports.GlitchEffect.prototype, "seed", 2);
-__decorateClass$B([
-  modernIdoc.property({ default: [2, 2] })
+__decorateClass$A([
+  modernIdoc.property()
 ], exports.GlitchEffect.prototype, "red", 2);
-__decorateClass$B([
-  modernIdoc.property({ default: [-10, 4] })
+__decorateClass$A([
+  modernIdoc.property()
 ], exports.GlitchEffect.prototype, "green", 2);
-__decorateClass$B([
-  modernIdoc.property({ default: [10, -4] })
+__decorateClass$A([
+  modernIdoc.property()
 ], exports.GlitchEffect.prototype, "blue", 2);
-exports.GlitchEffect = __decorateClass$B([
+exports.GlitchEffect = __decorateClass$A([
   customNode("GlitchEffect")
 ], exports.GlitchEffect);
 
-var __defProp$u = Object.defineProperty;
-var __getOwnPropDesc$s = Object.getOwnPropertyDescriptor;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$u(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$A = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$s(target, key) : target;
+var __defProp$t = Object.defineProperty;
+var __getOwnPropDesc$r = Object.getOwnPropertyDescriptor;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$t(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$z = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$r(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$u(target, key, result);
+  if (kind && result) __defProp$t(target, key, result);
   return result;
 };
 var __publicField$9 = (obj, key, value) => __defNormalProp$9(obj, key + "" , value);
@@ -8316,39 +8352,39 @@ void main(void) {
   gl_FragColor = vec4(color.rgb + mist.rgb, color.a);
 }`
 }));
-__decorateClass$A([
-  modernIdoc.property({ default: 0 })
+__decorateClass$z([
+  modernIdoc.property()
 ], exports.GodrayEffect.prototype, "time", 2);
-__decorateClass$A([
-  modernIdoc.property({ default: 30 })
+__decorateClass$z([
+  modernIdoc.property()
 ], exports.GodrayEffect.prototype, "angle", 2);
-__decorateClass$A([
-  modernIdoc.property({ default: 0.5 })
+__decorateClass$z([
+  modernIdoc.property()
 ], exports.GodrayEffect.prototype, "gain", 2);
-__decorateClass$A([
-  modernIdoc.property({ default: 2.5 })
+__decorateClass$z([
+  modernIdoc.property()
 ], exports.GodrayEffect.prototype, "lacunarity", 2);
-__decorateClass$A([
-  modernIdoc.property({ default: true })
+__decorateClass$z([
+  modernIdoc.property()
 ], exports.GodrayEffect.prototype, "parallel", 2);
-__decorateClass$A([
-  modernIdoc.property({ default: () => [0, 0] })
+__decorateClass$z([
+  modernIdoc.property()
 ], exports.GodrayEffect.prototype, "center", 2);
-__decorateClass$A([
-  modernIdoc.property({ default: 1 })
+__decorateClass$z([
+  modernIdoc.property()
 ], exports.GodrayEffect.prototype, "alpha", 2);
-exports.GodrayEffect = __decorateClass$A([
+exports.GodrayEffect = __decorateClass$z([
   customNode("GodrayEffect")
 ], exports.GodrayEffect);
 
-var __defProp$t = Object.defineProperty;
-var __getOwnPropDesc$r = Object.getOwnPropertyDescriptor;
-var __decorateClass$z = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$r(target, key) : target;
+var __defProp$s = Object.defineProperty;
+var __getOwnPropDesc$q = Object.getOwnPropertyDescriptor;
+var __decorateClass$y = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$q(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$t(target, key, result);
+  if (kind && result) __defProp$s(target, key, result);
   return result;
 };
 const frag$1 = `varying vec2 vUv;
@@ -8379,7 +8415,6 @@ void main(void) {
     gl_FragColor = color;
 }`;
 exports.KawaseBlurEffect = class KawaseBlurEffect extends exports.Effect {
-  material;
   _kernels = [0];
   constructor(properties, children = []) {
     super();
@@ -8439,33 +8474,32 @@ void main() {
     });
   }
 };
-__decorateClass$z([
-  modernIdoc.property({ default: 4 })
+__decorateClass$y([
+  modernIdoc.property()
 ], exports.KawaseBlurEffect.prototype, "strength", 2);
-__decorateClass$z([
-  modernIdoc.property({ default: 3 })
+__decorateClass$y([
+  modernIdoc.property()
 ], exports.KawaseBlurEffect.prototype, "quality", 2);
-__decorateClass$z([
-  modernIdoc.property({ default: [1, 1] })
+__decorateClass$y([
+  modernIdoc.property()
 ], exports.KawaseBlurEffect.prototype, "pixelSize", 2);
-exports.KawaseBlurEffect = __decorateClass$z([
+exports.KawaseBlurEffect = __decorateClass$y([
   customNode("KawaseBlurEffect")
 ], exports.KawaseBlurEffect);
 
-var __defProp$s = Object.defineProperty;
-var __getOwnPropDesc$q = Object.getOwnPropertyDescriptor;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$s(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$y = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$q(target, key) : target;
+var __defProp$r = Object.defineProperty;
+var __getOwnPropDesc$p = Object.getOwnPropertyDescriptor;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$x = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$p(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$s(target, key, result);
+  if (kind && result) __defProp$r(target, key, result);
   return result;
 };
 var __publicField$8 = (obj, key, value) => __defNormalProp$8(obj, key + "" , value);
 exports.MaskEffect = class MaskEffect extends exports.Effect {
-  texture;
   constructor(properties, children = []) {
     super();
     this.setProperties(properties).append(children);
@@ -8549,25 +8583,25 @@ void main(void) {
   }
 }`
 }));
-__decorateClass$y([
-  protectedProperty()
+__decorateClass$x([
+  modernIdoc.property({ protected: true })
 ], exports.MaskEffect.prototype, "texture", 2);
-__decorateClass$y([
+__decorateClass$x([
   modernIdoc.property({ default: "" })
 ], exports.MaskEffect.prototype, "src", 2);
-exports.MaskEffect = __decorateClass$y([
+exports.MaskEffect = __decorateClass$x([
   customNode("MaskEffect")
 ], exports.MaskEffect);
 
-var __defProp$r = Object.defineProperty;
-var __getOwnPropDesc$p = Object.getOwnPropertyDescriptor;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$r(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$x = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$p(target, key) : target;
+var __defProp$q = Object.defineProperty;
+var __getOwnPropDesc$o = Object.getOwnPropertyDescriptor;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$w = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$o(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$r(target, key, result);
+  if (kind && result) __defProp$q(target, key, result);
   return result;
 };
 var __publicField$7 = (obj, key, value) => __defNormalProp$7(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -8607,7 +8641,6 @@ void main(void) {
     gl_FragColor = contentColor + outlineColor;
 }`;
 exports.OutlineEffect = class OutlineEffect extends exports.Effect {
-  material;
   static getAngleStep(quality) {
     return Number.parseFloat(
       (Math.PI * 2 / Math.max(
@@ -8655,40 +8688,40 @@ void main() {
 };
 __publicField$7(exports.OutlineEffect, "MIN_SAMPLES", 1);
 __publicField$7(exports.OutlineEffect, "MAX_SAMPLES", 100);
-__decorateClass$x([
-  modernIdoc.property({ default: 0 })
+__decorateClass$w([
+  modernIdoc.property()
 ], exports.OutlineEffect.prototype, "color", 2);
-__decorateClass$x([
-  modernIdoc.property({ default: 1 })
+__decorateClass$w([
+  modernIdoc.property()
 ], exports.OutlineEffect.prototype, "width", 2);
-__decorateClass$x([
-  modernIdoc.property({ default: "solid" })
+__decorateClass$w([
+  modernIdoc.property()
 ], exports.OutlineEffect.prototype, "style", 2);
-__decorateClass$x([
+__decorateClass$w([
   modernIdoc.property()
 ], exports.OutlineEffect.prototype, "image", 2);
-__decorateClass$x([
-  modernIdoc.property({ default: 1 })
+__decorateClass$w([
+  modernIdoc.property()
 ], exports.OutlineEffect.prototype, "opacity", 2);
-__decorateClass$x([
-  modernIdoc.property({ default: 0.1 })
+__decorateClass$w([
+  modernIdoc.property()
 ], exports.OutlineEffect.prototype, "quality", 2);
-__decorateClass$x([
-  modernIdoc.property({ default: false })
+__decorateClass$w([
+  modernIdoc.property()
 ], exports.OutlineEffect.prototype, "knockout", 2);
-exports.OutlineEffect = __decorateClass$x([
+exports.OutlineEffect = __decorateClass$w([
   customNode("OutlineEffect")
 ], exports.OutlineEffect);
 
-var __defProp$q = Object.defineProperty;
-var __getOwnPropDesc$o = Object.getOwnPropertyDescriptor;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$q(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$w = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$o(target, key) : target;
+var __defProp$p = Object.defineProperty;
+var __getOwnPropDesc$n = Object.getOwnPropertyDescriptor;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$v = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$n(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$q(target, key, result);
+  if (kind && result) __defProp$p(target, key, result);
   return result;
 };
 var __publicField$6 = (obj, key, value) => __defNormalProp$6(obj, key + "" , value);
@@ -8744,22 +8777,22 @@ void main(void) {
   gl_FragColor = texture2D(sampler, coord);
 }`
 }));
-__decorateClass$w([
-  modernIdoc.property({ default: 10 })
+__decorateClass$v([
+  modernIdoc.property()
 ], exports.PixelateEffect.prototype, "strength", 2);
-exports.PixelateEffect = __decorateClass$w([
+exports.PixelateEffect = __decorateClass$v([
   customNode("PixelateEffect")
 ], exports.PixelateEffect);
 
-var __defProp$p = Object.defineProperty;
-var __getOwnPropDesc$n = Object.getOwnPropertyDescriptor;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$p(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __decorateClass$v = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$n(target, key) : target;
+var __defProp$o = Object.defineProperty;
+var __getOwnPropDesc$m = Object.getOwnPropertyDescriptor;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$o(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decorateClass$u = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$m(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$p(target, key, result);
+  if (kind && result) __defProp$o(target, key, result);
   return result;
 };
 var __publicField$5 = (obj, key, value) => __defNormalProp$5(obj, key + "" , value);
@@ -8872,29 +8905,29 @@ void main() {
   gl_FragColor = color;
 }`
 }));
-__decorateClass$v([
+__decorateClass$u([
   modernIdoc.property()
 ], exports.ZoomBlurEffect.prototype, "center", 2);
-__decorateClass$v([
-  modernIdoc.property({ default: 20 })
+__decorateClass$u([
+  modernIdoc.property()
 ], exports.ZoomBlurEffect.prototype, "innerRadius", 2);
-__decorateClass$v([
-  modernIdoc.property({ default: -1 })
+__decorateClass$u([
+  modernIdoc.property()
 ], exports.ZoomBlurEffect.prototype, "radius", 2);
-__decorateClass$v([
-  modernIdoc.property({ default: 0.1 })
+__decorateClass$u([
+  modernIdoc.property()
 ], exports.ZoomBlurEffect.prototype, "strength", 2);
-exports.ZoomBlurEffect = __decorateClass$v([
+exports.ZoomBlurEffect = __decorateClass$u([
   customNode("ZoomBlurEffect")
 ], exports.ZoomBlurEffect);
 
-var __defProp$o = Object.defineProperty;
-var __decorateClass$u = (decorators, target, key, kind) => {
+var __defProp$n = Object.defineProperty;
+var __decorateClass$t = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$o(target, key, result);
+  if (result) __defProp$n(target, key, result);
   return result;
 };
 class BaseElement2DFill extends CoreObject {
@@ -8939,6 +8972,7 @@ class BaseElement2DFill extends CoreObject {
         this.parent.size.height
       );
     } else if (!modernIdoc.isNone(this.image)) {
+      this.parent.tree?.log(`load image ${this.image}`);
       return await assets.texture.load(this.image);
     } else {
       return void 0;
@@ -9001,47 +9035,47 @@ class BaseElement2DFill extends CoreObject {
     });
   }
 }
-__decorateClass$u([
-  modernIdoc.property({ default: true })
+__decorateClass$t([
+  modernIdoc.property({ fallback: true })
 ], BaseElement2DFill.prototype, "enabled");
-__decorateClass$u([
+__decorateClass$t([
   modernIdoc.property()
 ], BaseElement2DFill.prototype, "color");
-__decorateClass$u([
+__decorateClass$t([
   modernIdoc.property()
 ], BaseElement2DFill.prototype, "image");
-__decorateClass$u([
+__decorateClass$t([
   modernIdoc.property()
 ], BaseElement2DFill.prototype, "linearGradient");
-__decorateClass$u([
+__decorateClass$t([
   modernIdoc.property()
 ], BaseElement2DFill.prototype, "radialGradient");
-__decorateClass$u([
+__decorateClass$t([
   modernIdoc.property()
 ], BaseElement2DFill.prototype, "cropRect");
-__decorateClass$u([
+__decorateClass$t([
   modernIdoc.property()
 ], BaseElement2DFill.prototype, "stretchRect");
-__decorateClass$u([
+__decorateClass$t([
   modernIdoc.property()
 ], BaseElement2DFill.prototype, "dpi");
-__decorateClass$u([
+__decorateClass$t([
   modernIdoc.property()
 ], BaseElement2DFill.prototype, "rotateWithShape");
-__decorateClass$u([
+__decorateClass$t([
   modernIdoc.property()
 ], BaseElement2DFill.prototype, "tile");
-__decorateClass$u([
+__decorateClass$t([
   modernIdoc.property()
 ], BaseElement2DFill.prototype, "opacity");
 
-var __defProp$n = Object.defineProperty;
-var __decorateClass$t = (decorators, target, key, kind) => {
+var __defProp$m = Object.defineProperty;
+var __decorateClass$s = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$n(target, key, result);
+  if (result) __defProp$m(target, key, result);
   return result;
 };
 class BaseElement2DBackground extends BaseElement2DFill {
@@ -9051,17 +9085,17 @@ class BaseElement2DBackground extends BaseElement2DFill {
     );
   }
 }
-__decorateClass$t([
+__decorateClass$s([
   modernIdoc.property()
 ], BaseElement2DBackground.prototype, "fillWithShape");
 
-var __defProp$m = Object.defineProperty;
-var __decorateClass$s = (decorators, target, key, kind) => {
+var __defProp$l = Object.defineProperty;
+var __decorateClass$r = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$m(target, key, result);
+  if (result) __defProp$l(target, key, result);
   return result;
 };
 class BaseElement2DForeground extends BaseElement2DFill {
@@ -9071,17 +9105,17 @@ class BaseElement2DForeground extends BaseElement2DFill {
     );
   }
 }
-__decorateClass$s([
+__decorateClass$r([
   modernIdoc.property()
 ], BaseElement2DForeground.prototype, "fillWithShape");
 
-var __defProp$l = Object.defineProperty;
-var __decorateClass$r = (decorators, target, key, kind) => {
+var __defProp$k = Object.defineProperty;
+var __decorateClass$q = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$l(target, key, result);
+  if (result) __defProp$k(target, key, result);
   return result;
 };
 class BaseElement2DOutline extends BaseElement2DFill {
@@ -9114,26 +9148,23 @@ class BaseElement2DOutline extends BaseElement2DFill {
     ctx.stroke({ disableWrapMode });
   }
 }
-__decorateClass$r([
-  modernIdoc.property({ default: true })
-], BaseElement2DOutline.prototype, "enabled");
-__decorateClass$r([
-  modernIdoc.property({ default: 0 })
+__decorateClass$q([
+  modernIdoc.property({ fallback: "#00000000" })
 ], BaseElement2DOutline.prototype, "color");
-__decorateClass$r([
-  modernIdoc.property({ default: 0 })
+__decorateClass$q([
+  modernIdoc.property({ fallback: 0 })
 ], BaseElement2DOutline.prototype, "width");
-__decorateClass$r([
-  modernIdoc.property({ default: "solid" })
+__decorateClass$q([
+  modernIdoc.property({ fallback: "solid" })
 ], BaseElement2DOutline.prototype, "style");
 
-var __defProp$k = Object.defineProperty;
-var __decorateClass$q = (decorators, target, key, kind) => {
+var __defProp$j = Object.defineProperty;
+var __decorateClass$p = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$k(target, key, result);
+  if (result) __defProp$j(target, key, result);
   return result;
 };
 class BaseElement2DShadow extends CoreObject {
@@ -9173,29 +9204,29 @@ class BaseElement2DShadow extends CoreObject {
     }
   }
 }
-__decorateClass$q([
-  modernIdoc.property({ default: true })
+__decorateClass$p([
+  modernIdoc.property({ fallback: true })
 ], BaseElement2DShadow.prototype, "enabled");
-__decorateClass$q([
-  modernIdoc.property({ default: "#000000" })
+__decorateClass$p([
+  modernIdoc.property({ fallback: "#000000FF" })
 ], BaseElement2DShadow.prototype, "color");
-__decorateClass$q([
-  modernIdoc.property({ default: 0 })
+__decorateClass$p([
+  modernIdoc.property({ fallback: 0 })
 ], BaseElement2DShadow.prototype, "blur");
-__decorateClass$q([
-  modernIdoc.property({ default: 0 })
+__decorateClass$p([
+  modernIdoc.property({ fallback: 0 })
 ], BaseElement2DShadow.prototype, "offsetY");
-__decorateClass$q([
-  modernIdoc.property({ default: 0 })
+__decorateClass$p([
+  modernIdoc.property({ fallback: 0 })
 ], BaseElement2DShadow.prototype, "offsetX");
 
-var __defProp$j = Object.defineProperty;
-var __decorateClass$p = (decorators, target, key, kind) => {
+var __defProp$i = Object.defineProperty;
+var __decorateClass$o = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$j(target, key, result);
+  if (result) __defProp$i(target, key, result);
   return result;
 };
 class BaseElement2DShape extends CoreObject {
@@ -9270,19 +9301,19 @@ class BaseElement2DShape extends CoreObject {
     }
   }
 }
-__decorateClass$p([
-  modernIdoc.property({ default: true })
+__decorateClass$o([
+  modernIdoc.property({ fallback: true })
 ], BaseElement2DShape.prototype, "enabled");
-__decorateClass$p([
+__decorateClass$o([
   modernIdoc.property()
 ], BaseElement2DShape.prototype, "preset");
-__decorateClass$p([
+__decorateClass$o([
   modernIdoc.property()
 ], BaseElement2DShape.prototype, "svg");
-__decorateClass$p([
+__decorateClass$o([
   modernIdoc.property()
 ], BaseElement2DShape.prototype, "viewBox");
-__decorateClass$p([
+__decorateClass$o([
   modernIdoc.property({ default: () => [] })
 ], BaseElement2DShape.prototype, "paths");
 
@@ -9293,23 +9324,18 @@ class BaseElement2DStyle extends Resource {
   }
 }
 const defaultStyles$1 = modernIdoc.getDefaultStyle();
-delete defaultStyles$1.top;
-delete defaultStyles$1.left;
-delete defaultStyles$1.width;
-delete defaultStyles$1.height;
 for (const key in defaultStyles$1) {
-  modernIdoc.defineProperty(BaseElement2DStyle, key, {
-    default: defaultStyles$1[key]
-  });
+  const fallback = defaultStyles$1[key];
+  modernIdoc.defineProperty(BaseElement2DStyle.prototype, key, { fallback });
 }
 
-var __defProp$i = Object.defineProperty;
-var __decorateClass$o = (decorators, target, key, kind) => {
+var __defProp$h = Object.defineProperty;
+var __decorateClass$n = (decorators, target, key, kind) => {
   var result = void 0 ;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(target, key, result) ) || result;
-  if (result) __defProp$i(target, key, result);
+  if (result) __defProp$h(target, key, result);
   return result;
 };
 class BaseElement2DText extends CoreObject {
@@ -9318,7 +9344,6 @@ class BaseElement2DText extends CoreObject {
     this.parent = parent;
   }
   base = new modernText.Text();
-  texture = new CanvasTexture();
   measureResult;
   setProperties(properties) {
     return super.setProperties(
@@ -9357,55 +9382,49 @@ class BaseElement2DText extends CoreObject {
   }
   canDraw() {
     return Boolean(
-      this.enabled && !/^\s*$/.test(this.base.toString()) && this.texture?.valid
+      this.enabled && !/^\s*$/.test(this.base.toString())
     );
   }
   draw() {
-    this.base.render({
-      pixelRatio: this.texture.pixelRatio,
-      view: this.texture.source
-    });
-    this.texture.requestUpload();
-    const textWidth = this.measureResult?.boundingBox.width ?? this.parent.size.width;
-    const textHeight = this.measureResult?.boundingBox.height ?? this.parent.size.height;
     const ctx = this.parent.context;
-    ctx.fillStyle = this.texture;
-    ctx.uvTransform = new Transform2D().scale(1 / textWidth, 1 / textHeight);
-    ctx.vertTransform = () => {
-      const parent = this.parent;
-      const origin = parent.getTransformOrigin();
-      return new Transform2D().translate(-origin.x, -origin.y).scale(
-        parent.globalScale.x > 0 ? 1 : -1,
-        parent.globalScale.y > 0 ? 1 : -1
-      ).translate(origin.x, origin.y);
-    };
-    ctx.fill();
+    this.base.update();
+    this.base.paragraphs.forEach((p) => {
+      p.fragments.forEach((f) => {
+        f.characters.forEach((c) => {
+          ctx.fillStyle = c.computedStyle.color;
+          ctx.addPath(c.path);
+          ctx.style.fillRule = "evenodd";
+          ctx.closePath();
+          ctx.fill();
+        });
+      });
+    });
   }
 }
-__decorateClass$o([
-  modernIdoc.property({ default: true })
+__decorateClass$n([
+  modernIdoc.property({ fallback: true })
 ], BaseElement2DText.prototype, "enabled");
-__decorateClass$o([
-  modernIdoc.property({ alias: "base.content" })
+__decorateClass$n([
+  modernIdoc.property({ alias: "base.content", fallback: () => [] })
 ], BaseElement2DText.prototype, "content");
-__decorateClass$o([
+__decorateClass$n([
   modernIdoc.property({ alias: "base.effects" })
 ], BaseElement2DText.prototype, "effects");
-__decorateClass$o([
-  protectedProperty({ alias: "base.measureDOM" })
+__decorateClass$n([
+  modernIdoc.property({ protected: true, alias: "base.measureDOM" })
 ], BaseElement2DText.prototype, "measureDOM");
-__decorateClass$o([
-  protectedProperty({ alias: "base.fonts" })
+__decorateClass$n([
+  modernIdoc.property({ protected: true, alias: "base.fonts" })
 ], BaseElement2DText.prototype, "fonts");
 
-var __defProp$h = Object.defineProperty;
-var __getOwnPropDesc$m = Object.getOwnPropertyDescriptor;
-var __decorateClass$n = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$m(target, key) : target;
+var __defProp$g = Object.defineProperty;
+var __getOwnPropDesc$l = Object.getOwnPropertyDescriptor;
+var __decorateClass$m = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$l(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$h(target, key, result);
+  if (kind && result) __defProp$g(target, key, result);
   return result;
 };
 exports.Node2D = class Node2D extends exports.CanvasItem {
@@ -9507,19 +9526,19 @@ exports.Node2D = class Node2D extends exports.CanvasItem {
     }
   }
 };
-__decorateClass$n([
-  protectedProperty({ default: 0 })
+__decorateClass$m([
+  modernIdoc.property({ protected: true, fallback: 0 })
 ], exports.Node2D.prototype, "rotation", 2);
-__decorateClass$n([
-  protectedProperty({ default: 0 })
+__decorateClass$m([
+  modernIdoc.property({ protected: true, fallback: 0 })
 ], exports.Node2D.prototype, "globalRotation", 2);
-exports.Node2D = __decorateClass$n([
+exports.Node2D = __decorateClass$m([
   customNode("Node2D")
 ], exports.Node2D);
 
-var __getOwnPropDesc$l = Object.getOwnPropertyDescriptor;
-var __decorateClass$m = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$l(target, key) : target;
+var __getOwnPropDesc$k = Object.getOwnPropertyDescriptor;
+var __decorateClass$l = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$k(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(result)) || result;
@@ -9619,8 +9638,7 @@ exports.BaseElement2D = class BaseElement2D extends exports.Node2D {
     }
     return this;
   }
-  // eslint-disable-next-line unused-imports/no-unused-vars
-  _updateStyleProperty(key, value, oldValue, declaration) {
+  _updateStyleProperty(key, value, _oldValue, _declaration) {
     switch (key) {
       case "width":
       case "height":
@@ -9769,28 +9787,27 @@ exports.BaseElement2D = class BaseElement2D extends exports.Node2D {
       this._text.updateMeasure();
     }
     if (this._background.canDraw()) {
-      this._tree?.log(this.name, "draw background");
+      this._tree?.log(this.name, "background drawing");
       this._shape.drawRect();
       this._background.draw();
     }
     if (this._fill.canDraw()) {
-      this._tree?.log(this.name, "draw fill");
+      this._tree?.log(this.name, "fill drawing");
       this._shape.draw();
       this._fill.draw();
     }
     if (this._outline.canDraw()) {
-      this._tree?.log(this.name, "draw outline");
+      this._tree?.log(this.name, "outline drawing");
       this._shape.draw();
       this._outline.draw();
     }
     if (this._foreground.canDraw()) {
-      this._tree?.log(this.name, "draw foreground");
+      this._tree?.log(this.name, "foreground drawing");
       this._shape.drawRect();
       this._foreground.draw();
     }
     if (this._text.canDraw()) {
-      this._tree?.log(this.name, "draw text");
-      this._shape.drawRect();
+      this._tree?.log(this.name, "text drawing");
       this._text.draw();
     }
     this._drawContent();
@@ -9845,24 +9862,22 @@ exports.BaseElement2D = class BaseElement2D extends exports.Node2D {
     }
   }
   toJSON() {
-    const json = super.toJSON();
     return {
-      ...json,
-      props: {
-        ...json.props,
-        style: this.style.toJSON(),
-        background: this.background.toJSON(),
-        shape: this.shape.toJSON(),
-        fill: this.fill.toJSON(),
-        outline: this.outline.toJSON(),
-        text: this.text.toJSON(),
-        foreground: this.foreground.toJSON(),
-        shadow: this.shadow.toJSON()
-      }
+      is: this.is,
+      ...this.toPropsJSON(),
+      children: [...this._children.map((child) => child.toJSON())],
+      style: this.style.toJSON(),
+      background: this.background.toJSON(),
+      shape: this.shape.toJSON(),
+      fill: this.fill.toJSON(),
+      outline: this.outline.toJSON(),
+      text: this.text.toJSON(),
+      foreground: this.foreground.toJSON(),
+      shadow: this.shadow.toJSON()
     };
   }
 };
-exports.BaseElement2D = __decorateClass$m([
+exports.BaseElement2D = __decorateClass$l([
   customNode("BaseElement2D")
 ], exports.BaseElement2D);
 
@@ -9879,12 +9894,12 @@ const defaultStyles = {
   height: 0
 };
 for (const key in defaultStyles) {
-  modernIdoc.defineProperty(Element2DStyle, key, { default: defaultStyles[key] });
+  modernIdoc.defineProperty(Element2DStyle.prototype, key, { fallback: defaultStyles[key] });
 }
 
-var __getOwnPropDesc$k = Object.getOwnPropertyDescriptor;
-var __decorateClass$l = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$k(target, key) : target;
+var __getOwnPropDesc$j = Object.getOwnPropertyDescriptor;
+var __decorateClass$k = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$j(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(result)) || result;
@@ -9926,7 +9941,7 @@ exports.Element2D = class Element2D extends exports.BaseElement2D {
     }
   }
 };
-exports.Element2D = __decorateClass$l([
+exports.Element2D = __decorateClass$k([
   customNode("Element2D")
 ], exports.Element2D);
 
@@ -10178,9 +10193,9 @@ class FlexLayout {
   }
 }
 
-var __getOwnPropDesc$j = Object.getOwnPropertyDescriptor;
-var __decorateClass$k = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$j(target, key) : target;
+var __getOwnPropDesc$i = Object.getOwnPropertyDescriptor;
+var __decorateClass$j = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$i(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (decorator(result)) || result;
@@ -10257,120 +10272,10 @@ exports.FlexElement2D = class FlexElement2D extends exports.BaseElement2D {
     }
   }
 };
-exports.FlexElement2D = __decorateClass$k([
+exports.FlexElement2D = __decorateClass$j([
   customNode("FlexElement2D")
 ], exports.FlexElement2D);
 
-var __defProp$g = Object.defineProperty;
-var __getOwnPropDesc$i = Object.getOwnPropertyDescriptor;
-var __decorateClass$j = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$i(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp$g(target, key, result);
-  return result;
-};
-function proxy(options) {
-  return function(target, name) {
-    Object.defineProperty(target.constructor.prototype, name, {
-      get() {
-        if (options?.method) {
-          return (...args) => {
-            this.context[name].call(this.context, ...args);
-            options.redraw && this.requestRedraw();
-            return target;
-          };
-        }
-        return this.context[name];
-      },
-      set(value) {
-        this.context[name] = value;
-      },
-      configurable: true,
-      enumerable: true
-    });
-  };
-}
-exports.Graphics2D = class Graphics2D extends exports.Node2D {
-  _resetContext = false;
-  lineCap;
-  lineJoin;
-  fillStyle;
-  strokeStyle;
-  lineWidth;
-  miterLimit;
-  drawCircle(x, y, radius) {
-    this.arc(x + radius, y + radius, radius, 0, PI_2);
-    this.fill();
-    return this;
-  }
-  drawEllipse(x, y, width, height) {
-    const rx = width / 2;
-    const ry = height / 2;
-    this.ellipse(x + rx, y + ry, rx, ry, 0, 0, PI_2);
-    this.fill();
-    return this;
-  }
-};
-__decorateClass$j([
-  proxy()
-], exports.Graphics2D.prototype, "lineCap", 2);
-__decorateClass$j([
-  proxy()
-], exports.Graphics2D.prototype, "lineJoin", 2);
-__decorateClass$j([
-  proxy()
-], exports.Graphics2D.prototype, "fillStyle", 2);
-__decorateClass$j([
-  proxy()
-], exports.Graphics2D.prototype, "strokeStyle", 2);
-__decorateClass$j([
-  proxy()
-], exports.Graphics2D.prototype, "lineWidth", 2);
-__decorateClass$j([
-  proxy()
-], exports.Graphics2D.prototype, "miterLimit", 2);
-__decorateClass$j([
-  proxy({ method: true })
-], exports.Graphics2D.prototype, "rect", 2);
-__decorateClass$j([
-  proxy({ method: true, redraw: true })
-], exports.Graphics2D.prototype, "fillRect", 2);
-__decorateClass$j([
-  proxy({ method: true, redraw: true })
-], exports.Graphics2D.prototype, "strokeRect", 2);
-__decorateClass$j([
-  proxy({ method: true })
-], exports.Graphics2D.prototype, "roundRect", 2);
-__decorateClass$j([
-  proxy({ method: true })
-], exports.Graphics2D.prototype, "ellipse", 2);
-__decorateClass$j([
-  proxy({ method: true })
-], exports.Graphics2D.prototype, "arc", 2);
-__decorateClass$j([
-  proxy({ method: true })
-], exports.Graphics2D.prototype, "beginPath", 2);
-__decorateClass$j([
-  proxy({ method: true })
-], exports.Graphics2D.prototype, "moveTo", 2);
-__decorateClass$j([
-  proxy({ method: true })
-], exports.Graphics2D.prototype, "lineTo", 2);
-__decorateClass$j([
-  proxy({ method: true })
-], exports.Graphics2D.prototype, "closePath", 2);
-__decorateClass$j([
-  proxy({ method: true, redraw: true })
-], exports.Graphics2D.prototype, "fill", 2);
-__decorateClass$j([
-  proxy({ method: true, redraw: true })
-], exports.Graphics2D.prototype, "stroke", 2);
-exports.Graphics2D = __decorateClass$j([
-  customNode("Graphics2D")
-], exports.Graphics2D);
-
 var __defProp$f = Object.defineProperty;
 var __getOwnPropDesc$h = Object.getOwnPropertyDescriptor;
 var __decorateClass$i = (decorators, target, key, kind) => {
@@ -10382,7 +10287,6 @@ var __decorateClass$i = (decorators, target, key, kind) => {
   return result;
 };
 exports.Image2D = class Image2D extends exports.Element2D {
-  texture;
   get currentFrameTexture() {
     return this.texture?.frames[this._frameIndex]?.texture;
   }
@@ -10516,16 +10420,16 @@ exports.Image2D = class Image2D extends exports.Element2D {
   }
 };
 __decorateClass$i([
-  protectedProperty()
+  modernIdoc.property({ protected: true })
 ], exports.Image2D.prototype, "texture", 2);
 __decorateClass$i([
-  modernIdoc.property({ default: "" })
+  modernIdoc.property({ fallback: "" })
 ], exports.Image2D.prototype, "src", 2);
 __decorateClass$i([
   modernIdoc.property()
 ], exports.Image2D.prototype, "srcRect", 2);
 __decorateClass$i([
-  modernIdoc.property({ default: false })
+  modernIdoc.property({ fallback: false })
 ], exports.Image2D.prototype, "gif", 2);
 exports.Image2D = __decorateClass$i([
   customNode("Image2D")
@@ -10602,7 +10506,7 @@ exports.Lottie2D = class Lottie2D extends TextureRect2D {
   }
 };
 __decorateClass$h([
-  modernIdoc.property({ default: "" })
+  modernIdoc.property({ fallback: "" })
 ], exports.Lottie2D.prototype, "src", 2);
 exports.Lottie2D = __decorateClass$h([
   customNode("Lottie2D")
@@ -10766,7 +10670,7 @@ exports.Text2D = class Text2D extends TextureRect2D {
   }
 };
 __decorateClass$g([
-  modernIdoc.property({ default: false })
+  modernIdoc.property({ fallback: false })
 ], exports.Text2D.prototype, "split", 2);
 __decorateClass$g([
   modernIdoc.property({ alias: "base.content" })
@@ -10775,10 +10679,10 @@ __decorateClass$g([
   modernIdoc.property({ alias: "base.effects" })
 ], exports.Text2D.prototype, "effects", 2);
 __decorateClass$g([
-  protectedProperty({ alias: "base.measureDOM" })
+  modernIdoc.property({ protected: true, alias: "base.measureDOM" })
 ], exports.Text2D.prototype, "measureDOM", 2);
 __decorateClass$g([
-  protectedProperty({ alias: "base.fonts" })
+  modernIdoc.property({ protected: true, alias: "base.fonts" })
 ], exports.Text2D.prototype, "fonts", 2);
 exports.Text2D = __decorateClass$g([
   customNode("Text2D")
@@ -10837,7 +10741,7 @@ class TransformRect2D extends exports.Element2D {
   }
 }
 __decorateClass$f([
-  modernIdoc.property({ default: 6 })
+  modernIdoc.property({ fallback: 6 })
 ], TransformRect2D.prototype, "handleSize");
 
 var __defProp$b = Object.defineProperty;
@@ -10901,7 +10805,7 @@ exports.Video2D = class Video2D extends TextureRect2D {
   }
 };
 __decorateClass$e([
-  modernIdoc.property({ default: "" })
+  modernIdoc.property({ fallback: "" })
 ], exports.Video2D.prototype, "src", 2);
 exports.Video2D = __decorateClass$e([
   customNode("Video2D")
@@ -10975,7 +10879,6 @@ const timingFunctions = {
   easeInOut
 };
 exports.Animation = class Animation extends exports.TimelineNode {
-  easing;
   _keyframes = [];
   _isFirstUpdatePosition = false;
   _cachedProps = new modernIdoc.RawWeakMap();
@@ -11235,13 +11138,13 @@ exports.Animation = class Animation extends exports.TimelineNode {
   }
 };
 __decorateClass$d([
-  modernIdoc.property({ default: "parent" })
+  modernIdoc.property()
 ], exports.Animation.prototype, "effectMode", 2);
 __decorateClass$d([
-  modernIdoc.property({ default: false })
+  modernIdoc.property()
 ], exports.Animation.prototype, "loop", 2);
 __decorateClass$d([
-  modernIdoc.property({ default: () => [] })
+  modernIdoc.property()
 ], exports.Animation.prototype, "keyframes", 2);
 __decorateClass$d([
   modernIdoc.property()
@@ -12364,9 +12267,6 @@ var __decorateClass$b = (decorators, target, key, kind) => {
   return result;
 };
 exports.AudioWaveform = class AudioWaveform extends exports.Element2D {
-  src;
-  gap = 0;
-  color = "#000000";
   _audioBuffer;
   _src = IN_BROWSER ? new Texture2D(document.createElement("canvas")) : void 0;
   _needsUpdateTexture = false;
@@ -12551,25 +12451,25 @@ exports.Range = class Range extends exports.Control {
   }
 };
 __decorateClass$9([
-  modernIdoc.property({ default: false })
+  modernIdoc.property({ fallback: false })
 ], exports.Range.prototype, "allowGreater", 2);
 __decorateClass$9([
-  modernIdoc.property({ default: false })
+  modernIdoc.property({ fallback: false })
 ], exports.Range.prototype, "allowLesser", 2);
 __decorateClass$9([
-  modernIdoc.property({ default: 1 })
+  modernIdoc.property({ fallback: 1 })
 ], exports.Range.prototype, "page", 2);
 __decorateClass$9([
-  modernIdoc.property({ default: 0 })
+  modernIdoc.property({ fallback: 0 })
 ], exports.Range.prototype, "minValue", 2);
 __decorateClass$9([
-  modernIdoc.property({ default: 100 })
+  modernIdoc.property({ fallback: 100 })
 ], exports.Range.prototype, "maxValue", 2);
 __decorateClass$9([
-  modernIdoc.property({ default: 0.01 })
+  modernIdoc.property({ fallback: 0.01 })
 ], exports.Range.prototype, "step", 2);
 __decorateClass$9([
-  modernIdoc.property({ default: 0 })
+  modernIdoc.property({ fallback: 0 })
 ], exports.Range.prototype, "value", 2);
 exports.Range = __decorateClass$9([
   customNode("Range")
@@ -12731,31 +12631,31 @@ exports.Ruler = class Ruler extends exports.Control {
   }
 };
 __decorateClass$8([
-  modernIdoc.property({ default: 0 })
+  modernIdoc.property({ fallback: 0 })
 ], exports.Ruler.prototype, "offsetX", 2);
 __decorateClass$8([
-  modernIdoc.property({ default: 0 })
+  modernIdoc.property({ fallback: 0 })
 ], exports.Ruler.prototype, "offsetY", 2);
 __decorateClass$8([
-  modernIdoc.property({ default: 20 })
+  modernIdoc.property({ fallback: 20 })
 ], exports.Ruler.prototype, "thickness", 2);
 __decorateClass$8([
-  modernIdoc.property({ default: 3 })
+  modernIdoc.property({ fallback: 3 })
 ], exports.Ruler.prototype, "markHeight", 2);
 __decorateClass$8([
-  modernIdoc.property({ default: "#b2b6bc" })
+  modernIdoc.property({ fallback: "#b2b6bc" })
 ], exports.Ruler.prototype, "color", 2);
 __decorateClass$8([
-  modernIdoc.property({ default: "#f9f9fa" })
+  modernIdoc.property({ fallback: "#f9f9fa" })
 ], exports.Ruler.prototype, "markBackgroundColor", 2);
 __decorateClass$8([
-  modernIdoc.property({ default: "#b2b6bc" })
+  modernIdoc.property({ fallback: "#b2b6bc" })
 ], exports.Ruler.prototype, "markColor", 2);
 __decorateClass$8([
-  modernIdoc.property({ default: 300 })
+  modernIdoc.property({ fallback: 300 })
 ], exports.Ruler.prototype, "gap", 2);
 __decorateClass$8([
-  modernIdoc.property({ default: 1 })
+  modernIdoc.property({ fallback: 1 })
 ], exports.Ruler.prototype, "gapScale", 2);
 exports.Ruler = __decorateClass$8([
   customNode("Ruler")
@@ -12828,7 +12728,7 @@ exports.ScrollBar = class ScrollBar extends exports.Range {
   }
 };
 __decorateClass$7([
-  modernIdoc.property({ default: "vertical" })
+  modernIdoc.property({ fallback: "vertical" })
 ], exports.ScrollBar.prototype, "direction", 2);
 exports.ScrollBar = __decorateClass$7([
   customNode("ScrollBar")
@@ -12939,13 +12839,13 @@ exports.Scaler = class Scaler extends exports.Node {
   }
 };
 __decorateClass$4([
-  modernIdoc.property({ default: 1 })
+  modernIdoc.property()
 ], exports.Scaler.prototype, "value", 2);
 __decorateClass$4([
-  modernIdoc.property({ default: 0.05 })
+  modernIdoc.property()
 ], exports.Scaler.prototype, "minValue", 2);
 __decorateClass$4([
-  modernIdoc.property({ default: 10 })
+  modernIdoc.property()
 ], exports.Scaler.prototype, "maxValue", 2);
 exports.Scaler = __decorateClass$4([
   customNode("Scaler", {
@@ -14235,7 +14135,6 @@ exports.parseCSSTransform = parseCSSTransform;
 exports.parseCSSTransformOrigin = parseCSSTransformOrigin;
 exports.parseCssFunctions = parseCssFunctions;
 exports.parseCssProperty = parseCssProperty;
-exports.protectedProperty = protectedProperty;
 exports.render = render;
 exports.timingFunctions = timingFunctions;
 exports.uid = uid;