modern-canvas 0.6.3 → 0.6.5

package/dist/index.cjs

@@ -131,245 +131,6 @@ async function nextTick(cb) {
   });
 }
 
-class EventEmitter {
-  eventListeners = /* @__PURE__ */ new Map();
-  removeAllListeners() {
-    this.eventListeners.clear();
-    return this;
-  }
-  hasEventListener(event) {
-    return this.eventListeners.has(event);
-  }
-  on(type, listener, options) {
-    const object = { value: listener, options };
-    const listeners = this.eventListeners.get(type);
-    if (!listeners) {
-      this.eventListeners.set(type, object);
-    } else if (Array.isArray(listeners)) {
-      listeners.push(object);
-    } else {
-      this.eventListeners.set(type, [listeners, object]);
-    }
-    return this;
-  }
-  once(type, listener) {
-    return this.on(type, listener, { once: true });
-  }
-  off(type, listener, options) {
-    if (!listener) {
-      this.eventListeners.delete(type);
-      return this;
-    }
-    const listeners = this.eventListeners.get(type);
-    if (!listeners) {
-      return this;
-    }
-    if (Array.isArray(listeners)) {
-      const events = [];
-      for (let i = 0, length = listeners.length; i < length; i++) {
-        const object = listeners[i];
-        if (object.value !== listener || typeof options === "object" && options?.once && (typeof object.options === "boolean" || !object.options?.once)) {
-          events.push(object);
-        }
-      }
-      if (events.length) {
-        this.eventListeners.set(type, events.length === 1 ? events[0] : events);
-      } else {
-        this.eventListeners.delete(type);
-      }
-    } else {
-      if (listeners.value === listener && (typeof options === "boolean" || !options?.once || (typeof listeners.options === "boolean" || listeners.options?.once))) {
-        this.eventListeners.delete(type);
-      }
-    }
-    return this;
-  }
-  emit(type, ...args) {
-    const listeners = this.eventListeners.get(type);
-    if (listeners) {
-      if (Array.isArray(listeners)) {
-        for (let len = listeners.length, i = 0; i < len; i++) {
-          const object = listeners[i];
-          if (typeof object.options === "object" && object.options?.once) {
-            this.off(type, object.value, object.options);
-          }
-          object.value.apply(this, args);
-        }
-      } else {
-        if (typeof listeners.options === "object" && listeners.options?.once) {
-          this.off(type, listeners.value, listeners.options);
-        }
-        listeners.value.apply(this, args);
-      }
-      return true;
-    } else {
-      return false;
-    }
-  }
-}
-
-let IID = 0;
-class CoreObject extends EventEmitter {
-  instanceId = ++IID;
-  _customPropertyAccessor;
-  _properties = /* @__PURE__ */ new Map();
-  _updatedProperties = /* @__PURE__ */ new Map();
-  _changedProperties = /* @__PURE__ */ new Set();
-  _updatingPromise = Promise.resolve();
-  _updating = false;
-  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() {
-    this._updating = true;
-    try {
-      await this._updatingPromise;
-    } catch (e) {
-      Promise.reject(e);
-    }
-    await nextTick();
-    if (!this._updating)
-      return;
-    this.update();
-    this._updating = false;
-  }
-  update() {
-    this._update(this._updatedProperties);
-    this._updatedProperties = /* @__PURE__ */ new Map();
-  }
-  // eslint-disable-next-line unused-imports/no-unused-vars
-  _update(changed) {
-  }
-  // eslint-disable-next-line unused-imports/no-unused-vars
-  _updateProperty(key, value, oldValue, declaration) {
-  }
-  isDirty(key) {
-    return this._updatedProperties.has(key);
-  }
-  getPropertyDeclarations() {
-    return modernIdoc.getDeclarations(this.constructor);
-  }
-  getPropertyDeclaration(key) {
-    return this.getPropertyDeclarations().get(key);
-  }
-  getProperty(key) {
-    return this[key];
-  }
-  setProperty(key, value) {
-    this[key] = value;
-    return this;
-  }
-  getProperties(keys) {
-    const properties = {};
-    for (const [name, property] of this.getPropertyDeclarations()) {
-      if (!property.protected && !property.alias && (!keys || keys.includes(name))) {
-        properties[name] = this.getProperty(name);
-      }
-    }
-    return properties;
-  }
-  setProperties(properties) {
-    if (properties && typeof properties === "object") {
-      for (const [name] of this.getPropertyDeclarations()) {
-        if (name in properties) {
-          this.setProperty(name, properties[name]);
-        }
-      }
-    }
-    return this;
-  }
-  resetProperties() {
-    for (const [name, property] of this.getPropertyDeclarations()) {
-      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)) {
-        this._updatedProperties.set(key, oldValue);
-        this._changedProperties.add(key);
-        declaration ??= this.getPropertyDeclaration(key);
-        this._updateProperty(key, newValue, oldValue, declaration);
-        this.emit("updateProperty", key, newValue, oldValue, declaration);
-      } else {
-        return;
-      }
-    }
-    if (!this._updating) {
-      this._updatingPromise = this._enqueueUpdate();
-    }
-  }
-  toJSON() {
-    const json = {};
-    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();
-        } else {
-          json[key] = { ...value };
-        }
-      } else {
-        json[key] = value;
-      }
-    });
-    return json;
-  }
-  clone() {
-    return new this.constructor(this.toJSON());
-  }
-  free() {
-    this.removeAllListeners();
-  }
-}
-
-class RefCounted extends CoreObject {
-  //
-}
-
 const PI = Math.PI;
 const PI_2 = PI * 2;
 let UID = 0;
@@ -737,7 +498,7 @@ const TOUCH_TO_POINTER = {
   touchmove: "pointermove",
   touchcancel: "pointercancel"
 };
-class Input extends EventEmitter {
+class Input extends modernIdoc.EventEmitter {
   target;
   cursor = "default";
   cursorStyles = {
@@ -1055,6 +816,172 @@ class Input extends EventEmitter {
   };
 }
 
+let IID = 0;
+class CoreObject extends modernIdoc.EventEmitter {
+  instanceId = ++IID;
+  _customPropertyAccessor;
+  _properties = /* @__PURE__ */ new Map();
+  _updatedProperties = /* @__PURE__ */ new Map();
+  _changedProperties = /* @__PURE__ */ new Set();
+  _updatingPromise = Promise.resolve();
+  _updating = false;
+  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) {
+        if (declaration.alias && declaration.alias !== key) {
+          this.setProperty(key, newValue);
+        } else {
+          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() {
+    this._updating = true;
+    try {
+      await this._updatingPromise;
+    } catch (e) {
+      Promise.reject(e);
+    }
+    await nextTick();
+    if (!this._updating)
+      return;
+    this.update();
+    this._updating = false;
+  }
+  update() {
+    this._update(this._updatedProperties);
+    this._updatedProperties = /* @__PURE__ */ new Map();
+  }
+  // eslint-disable-next-line unused-imports/no-unused-vars
+  _update(changed) {
+  }
+  // eslint-disable-next-line unused-imports/no-unused-vars
+  _updateProperty(key, value, oldValue, declaration) {
+  }
+  isDirty(key) {
+    return this._updatedProperties.has(key);
+  }
+  getPropertyDeclarations() {
+    return modernIdoc.getDeclarations(this.constructor);
+  }
+  getPropertyDeclaration(key) {
+    return this.getPropertyDeclarations().get(key);
+  }
+  getProperty(key) {
+    return this[key];
+  }
+  setProperty(key, value) {
+    this[key] = value;
+    return this;
+  }
+  getProperties(keys) {
+    const properties = {};
+    for (const [name, property] of this.getPropertyDeclarations()) {
+      if (!property.protected && !property.alias && (!keys || keys.includes(name))) {
+        properties[name] = this.getProperty(name);
+      }
+    }
+    return properties;
+  }
+  setProperties(properties) {
+    if (properties && typeof properties === "object") {
+      for (const [name] of this.getPropertyDeclarations()) {
+        if (name in properties) {
+          this.setProperty(name, properties[name]);
+        }
+      }
+    }
+    return this;
+  }
+  resetProperties() {
+    for (const [name, property] of this.getPropertyDeclarations()) {
+      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)) {
+        this._updatedProperties.set(key, oldValue);
+        this._changedProperties.add(key);
+        declaration ??= this.getPropertyDeclaration(key);
+        this._updateProperty(key, newValue, oldValue, declaration);
+        this.emit("updateProperty", key, newValue, oldValue, declaration);
+      } else {
+        return;
+      }
+    }
+    if (!this._updating) {
+      this._updatingPromise = this._enqueueUpdate();
+    }
+  }
+  toJSON() {
+    const json = {};
+    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();
+        } else {
+          json[key] = { ...value };
+        }
+      } else {
+        json[key] = value;
+      }
+    });
+    return json;
+  }
+  clone() {
+    return new this.constructor(this.toJSON());
+  }
+  free() {
+    this.removeAllListeners();
+  }
+}
+
+class RefCounted extends CoreObject {
+  //
+}
+
 class Resource extends RefCounted {
   //
 }
@@ -1143,7 +1070,7 @@ class Color {
   }
 }
 
-class Vector extends EventEmitter {
+class Vector extends modernIdoc.EventEmitter {
   constructor(dim) {
     super();
     this.dim = dim;
@@ -1280,7 +1207,7 @@ class Vector extends EventEmitter {
   }
 }
 
-class Matrix extends EventEmitter {
+class Matrix extends modernIdoc.EventEmitter {
   constructor(rows, cols, array) {
     super();
     this.rows = rows;
@@ -9342,6 +9269,15 @@ class BaseElement2DText extends CoreObject {
   constructor(parent) {
     super();
     this.parent = parent;
+    this.base.on("updateProperty", (...args) => {
+      switch (args[0]) {
+        case "content":
+        case "effects":
+          this.setter(args[0], args[1]);
+          break;
+      }
+      this._updateProperty(...args);
+    });
   }
   base = new modernText.Text();
   measureResult;
@@ -9545,7 +9481,10 @@ var __decorateClass$l = (decorators, target, key, kind) => {
   return result;
 };
 exports.BaseElement2D = class BaseElement2D extends exports.Node2D {
-  size = new Vector2().on("update", () => this.updateGlobalTransform());
+  size = new Vector2().on("update", () => {
+    this.updateGlobalTransform();
+    this.requestRedraw();
+  });
   get style() {
     return this._style;
   }
@@ -9639,15 +9578,6 @@ exports.BaseElement2D = class BaseElement2D extends exports.Node2D {
     return this;
   }
   _updateStyleProperty(key, value, _oldValue, _declaration) {
-    switch (key) {
-      case "width":
-      case "height":
-        if (this.mask instanceof exports.BaseElement2D) {
-          this.mask.size.x = this.size.x;
-          this.mask.size.y = this.size.y;
-        }
-        break;
-    }
     switch (key) {
       case "rotate":
         this.rotation = this.style.rotate * DEG_TO_RAD;
@@ -9940,6 +9870,15 @@ exports.Element2D = class Element2D extends exports.BaseElement2D {
         this.size.height = Number(value);
         break;
     }
+    switch (key) {
+      case "width":
+      case "height":
+        if (this.mask instanceof exports.BaseElement2D) {
+          this.mask.size.width = this.size.width;
+          this.mask.size.height = this.size.height;
+        }
+        break;
+    }
   }
 };
 exports.Element2D = __decorateClass$k([
@@ -11159,7 +11098,7 @@ exports.Animation = __decorateClass$d([
   })
 ], exports.Animation);
 
-class HTMLAudioContext extends EventEmitter {
+class HTMLAudioContext extends modernIdoc.EventEmitter {
   static _instance;
   static get instance() {
     if (!this._instance) {
@@ -11203,7 +11142,7 @@ class HTMLAudioContext extends EventEmitter {
   }
 }
 
-class HTMLSound extends EventEmitter {
+class HTMLSound extends modernIdoc.EventEmitter {
   static PADDING = 0.1;
   _source = null;
   _audio = null;
@@ -11474,7 +11413,7 @@ class HTMLAudio {
   }
 }
 
-class AudioPipeline extends EventEmitter {
+class AudioPipeline extends modernIdoc.EventEmitter {
   constructor(_input, _output) {
     super();
     this._input = _input;
@@ -11698,7 +11637,7 @@ class WebAudioContext extends AudioPipeline {
   }
 }
 
-class WebSound extends EventEmitter {
+class WebSound extends modernIdoc.EventEmitter {
   _audio = null;
   _sourceNode = null;
   _gain = null;
@@ -12840,13 +12779,13 @@ exports.Scaler = class Scaler extends exports.Node {
   }
 };
 __decorateClass$4([
-  modernIdoc.property()
+  modernIdoc.property({ default: 1 })
 ], exports.Scaler.prototype, "value", 2);
 __decorateClass$4([
-  modernIdoc.property()
+  modernIdoc.property({ default: 0.05 })
 ], exports.Scaler.prototype, "minValue", 2);
 __decorateClass$4([
-  modernIdoc.property()
+  modernIdoc.property({ default: 10 })
 ], exports.Scaler.prototype, "maxValue", 2);
 exports.Scaler = __decorateClass$4([
   customNode("Scaler", {
@@ -14011,7 +13950,6 @@ exports.DEVICE_PIXEL_RATIO = DEVICE_PIXEL_RATIO;
 exports.EffectMaterial = EffectMaterial;
 exports.Element2DStyle = Element2DStyle;
 exports.Engine = Engine;
-exports.EventEmitter = EventEmitter;
 exports.FlexElement2DStyle = FlexElement2DStyle;
 exports.FlexLayout = FlexLayout;
 exports.FontLoader = FontLoader;