modern-canvas 0.10.0 → 0.10.1

package/dist/index.cjs

@@ -5759,6 +5759,47 @@ class Children {
   }
 }
 
+class Meta extends CoreObject {
+  constructor(parent) {
+    super();
+    this.parent = parent;
+    return new Proxy(this, {
+      get: (target, prop, receiver) => {
+        if (Reflect.has(target, prop)) {
+          return Reflect.get(target, prop, receiver);
+        }
+        return target.getProperty(String(prop));
+      },
+      set: (target, prop, value, receiver) => {
+        if (Reflect.has(target, prop)) {
+          return Reflect.set(target, prop, value, receiver);
+        }
+        target.setProperty(String(prop), value);
+        return true;
+      },
+      deleteProperty: (target, prop) => {
+        if (Reflect.has(target, prop)) {
+          return Reflect.deleteProperty(target, prop);
+        }
+        target.setProperty(String(prop), void 0);
+        return true;
+      }
+    });
+  }
+  getPropertyDeclarations() {
+    const declarations = /* @__PURE__ */ new Map();
+    this._properties.forEach((_value, key) => {
+      declarations.set(key, {
+        internalKey: `____${key}`
+      });
+    });
+    return declarations;
+  }
+  getPropertyDeclaration(key) {
+    return { internalKey: `____${key}` };
+  }
+}
+
 var __defProp$L = Object.defineProperty;
 var __getOwnPropDesc$J = Object.getOwnPropertyDescriptor;
 var __decorateClass$T = (decorators, target, key, kind) => {
@@ -5777,6 +5818,13 @@ function getNodeIid(key) {
   return iid;
 }
 exports.Node = class Node extends CoreObject {
+  _meta = new Meta(this);
+  get meta() {
+    return this._meta;
+  }
+  set meta(value) {
+    this._meta.resetProperties().setProperties(value);
+  }
   _readyed = false;
   constructor(properties, nodes = []) {
     super();
@@ -5799,9 +5847,7 @@ exports.Node = class Node extends CoreObject {
         ...restProperties
       } = properties;
       if (meta) {
-        for (const key in meta) {
-          this.meta[key] = meta[key];
-        }
+        this.meta = meta;
       }
       super.setProperties(restProperties);
     }
@@ -6258,7 +6304,7 @@ exports.Node = class Node extends CoreObject {
       ...super.toJSON(),
       children: this.children.length ? [...this.children.map((child) => child.toJSON())] : void 0,
       meta: {
-        ...this.meta,
+        ...this.meta.toJSON(),
         inCanvasIs: this.is
       }
     });
@@ -6281,9 +6327,6 @@ __decorateClass$T([
 __decorateClass$T([
   modernIdoc.property({ fallback: modernIdoc.idGenerator() })
 ], exports.Node.prototype, "name", 2);
-__decorateClass$T([
-  modernIdoc.property({ default: () => ({}) })
-], exports.Node.prototype, "meta", 2);
 __decorateClass$T([
   modernIdoc.property({ internal: true, fallback: "inherit" })
 ], exports.Node.prototype, "processMode", 2);

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import { Font, Fonts } from 'modern-font';
-import { ObservableEvents, Observable, ReactivableEvents, Reactivable, Color as Color$1, RawWeakMap as RawWeakMap$1, LinearGradient, RadialGradient, Hex8Color, NormalizedFill, Fill, NormalizedBackground, Background, NormalizedForeground, Foreground, NormalizedOutline, Outline, NormalizedShadow, Shadow, NormalizedShape, Shape, FullStyle, Text as Text$1, TextContent, Style, ImageFillCropRect } from 'modern-idoc';
+import { ObservableEvents, Observable, ReactivableEvents, Reactivable, Color as Color$1, RawWeakMap as RawWeakMap$1, LinearGradient, RadialGradient, Hex8Color, PropertyDeclaration, NormalizedFill, Fill, NormalizedBackground, Background, NormalizedForeground, Foreground, NormalizedOutline, Outline, NormalizedShadow, Shadow, NormalizedShape, Shape, FullStyle, Text as Text$1, TextContent, Style, ImageFillCropRect } from 'modern-idoc';
 export { Color as ColorValue } from 'modern-idoc';
 import { AnimationItem } from 'lottie-web';
 import { Colord, RgbaColor, HslaColor, HsvaColor } from 'colord';
@@ -1650,6 +1650,14 @@ declare class Children<T extends Node = Node> {
     toJSON(): T[];
 }
 
+declare class Meta extends CoreObject {
+    parent: Node;
+    [key: string]: any;
+    getPropertyDeclarations(): Map<string, PropertyDeclaration>;
+    getPropertyDeclaration(key: string): PropertyDeclaration | undefined;
+    constructor(parent: Node);
+}
+
 interface NodeEvents extends CoreObjectEvents, InputEvents {
     treeEnter: [tree: SceneTree];
     treeEntered: [tree: SceneTree];
@@ -1694,13 +1702,15 @@ declare class Node extends CoreObject {
     readonly is: string;
     id: string;
     name: string;
-    meta: Record<string, any>;
     processMode: ProcessMode;
     processSortMode: ProcessSortMode;
     renderMode: RenderMode;
     inputMode: InputMode;
     internalMode: InternalMode;
     mask?: Maskable;
+    protected _meta: Meta;
+    get meta(): Meta;
+    set meta(value: Record<string, any>);
     protected _readyed: boolean;
     constructor(properties?: Partial<NodeProperties>, nodes?: Node[]);
     setProperties(properties?: Record<string, any>): this;
@@ -2118,7 +2128,7 @@ declare class BaseElement2DText extends CoreObject {
     draw(): void;
 }
 
-interface BaseElement2DEvents extends Node2DEvents {
+interface BaseElement2DEvents extends Node2DEvents, RectangulableEvents {
     updateStyleProperty: [key: string, value: any, oldValue: any];
 }
 interface BaseElement2DProperties extends Node2DProperties {

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import { Font, Fonts } from 'modern-font';
-import { ObservableEvents, Observable, ReactivableEvents, Reactivable, Color as Color$1, RawWeakMap as RawWeakMap$1, LinearGradient, RadialGradient, Hex8Color, NormalizedFill, Fill, NormalizedBackground, Background, NormalizedForeground, Foreground, NormalizedOutline, Outline, NormalizedShadow, Shadow, NormalizedShape, Shape, FullStyle, Text as Text$1, TextContent, Style, ImageFillCropRect } from 'modern-idoc';
+import { ObservableEvents, Observable, ReactivableEvents, Reactivable, Color as Color$1, RawWeakMap as RawWeakMap$1, LinearGradient, RadialGradient, Hex8Color, PropertyDeclaration, NormalizedFill, Fill, NormalizedBackground, Background, NormalizedForeground, Foreground, NormalizedOutline, Outline, NormalizedShadow, Shadow, NormalizedShape, Shape, FullStyle, Text as Text$1, TextContent, Style, ImageFillCropRect } from 'modern-idoc';
 export { Color as ColorValue } from 'modern-idoc';
 import { AnimationItem } from 'lottie-web';
 import { Colord, RgbaColor, HslaColor, HsvaColor } from 'colord';
@@ -1650,6 +1650,14 @@ declare class Children<T extends Node = Node> {
     toJSON(): T[];
 }
 
+declare class Meta extends CoreObject {
+    parent: Node;
+    [key: string]: any;
+    getPropertyDeclarations(): Map<string, PropertyDeclaration>;
+    getPropertyDeclaration(key: string): PropertyDeclaration | undefined;
+    constructor(parent: Node);
+}
+
 interface NodeEvents extends CoreObjectEvents, InputEvents {
     treeEnter: [tree: SceneTree];
     treeEntered: [tree: SceneTree];
@@ -1694,13 +1702,15 @@ declare class Node extends CoreObject {
     readonly is: string;
     id: string;
     name: string;
-    meta: Record<string, any>;
     processMode: ProcessMode;
     processSortMode: ProcessSortMode;
     renderMode: RenderMode;
     inputMode: InputMode;
     internalMode: InternalMode;
     mask?: Maskable;
+    protected _meta: Meta;
+    get meta(): Meta;
+    set meta(value: Record<string, any>);
     protected _readyed: boolean;
     constructor(properties?: Partial<NodeProperties>, nodes?: Node[]);
     setProperties(properties?: Record<string, any>): this;
@@ -2118,7 +2128,7 @@ declare class BaseElement2DText extends CoreObject {
     draw(): void;
 }
 
-interface BaseElement2DEvents extends Node2DEvents {
+interface BaseElement2DEvents extends Node2DEvents, RectangulableEvents {
     updateStyleProperty: [key: string, value: any, oldValue: any];
 }
 interface BaseElement2DProperties extends Node2DProperties {

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { Font, Fonts } from 'modern-font';
-import { ObservableEvents, Observable, ReactivableEvents, Reactivable, Color as Color$1, RawWeakMap as RawWeakMap$1, LinearGradient, RadialGradient, Hex8Color, NormalizedFill, Fill, NormalizedBackground, Background, NormalizedForeground, Foreground, NormalizedOutline, Outline, NormalizedShadow, Shadow, NormalizedShape, Shape, FullStyle, Text as Text$1, TextContent, Style, ImageFillCropRect } from 'modern-idoc';
+import { ObservableEvents, Observable, ReactivableEvents, Reactivable, Color as Color$1, RawWeakMap as RawWeakMap$1, LinearGradient, RadialGradient, Hex8Color, PropertyDeclaration, NormalizedFill, Fill, NormalizedBackground, Background, NormalizedForeground, Foreground, NormalizedOutline, Outline, NormalizedShadow, Shadow, NormalizedShape, Shape, FullStyle, Text as Text$1, TextContent, Style, ImageFillCropRect } from 'modern-idoc';
 export { Color as ColorValue } from 'modern-idoc';
 import { AnimationItem } from 'lottie-web';
 import { Colord, RgbaColor, HslaColor, HsvaColor } from 'colord';
@@ -1650,6 +1650,14 @@ declare class Children<T extends Node = Node> {
     toJSON(): T[];
 }
 
+declare class Meta extends CoreObject {
+    parent: Node;
+    [key: string]: any;
+    getPropertyDeclarations(): Map<string, PropertyDeclaration>;
+    getPropertyDeclaration(key: string): PropertyDeclaration | undefined;
+    constructor(parent: Node);
+}
+
 interface NodeEvents extends CoreObjectEvents, InputEvents {
     treeEnter: [tree: SceneTree];
     treeEntered: [tree: SceneTree];
@@ -1694,13 +1702,15 @@ declare class Node extends CoreObject {
     readonly is: string;
     id: string;
     name: string;
-    meta: Record<string, any>;
     processMode: ProcessMode;
     processSortMode: ProcessSortMode;
     renderMode: RenderMode;
     inputMode: InputMode;
     internalMode: InternalMode;
     mask?: Maskable;
+    protected _meta: Meta;
+    get meta(): Meta;
+    set meta(value: Record<string, any>);
     protected _readyed: boolean;
     constructor(properties?: Partial<NodeProperties>, nodes?: Node[]);
     setProperties(properties?: Record<string, any>): this;
@@ -2118,7 +2128,7 @@ declare class BaseElement2DText extends CoreObject {
     draw(): void;
 }
 
-interface BaseElement2DEvents extends Node2DEvents {
+interface BaseElement2DEvents extends Node2DEvents, RectangulableEvents {
     updateStyleProperty: [key: string, value: any, oldValue: any];
 }
 interface BaseElement2DProperties extends Node2DProperties {