@woosh/meep-engine 2.84.8 → 2.84.10

package/src/view/View.js

@@ -14,43 +14,10 @@ import Vector1 from "../core/geom/Vector1.js";
 import Vector2 from "../core/geom/Vector2.js";
 import { epsilonEquals } from "../core/math/epsilonEquals.js";
 import { FLT_EPSILON_32 } from "../core/math/FLT_EPSILON_32.js";
+import { setElementVisibility } from "./setElementVisibility.js";
 import { writeCssTransformMatrix } from "./writeCssTransformMatrix.js";
 
 
-const scratch_m3_0 = new Float32Array(9);
-
-/**
- * @see https://dev.opera.com/articles/understanding-the-css-transforms-matrix/
- * @param domElement
- * @param {Vector2} position
- * @param {Vector2} scale
- * @param {number} rotation angle in radians
- */
-function setElementTransform(domElement, position, scale, rotation) {
-
-    const m3 = scratch_m3_0;
-
-    m3_cm_compose_transform(m3, position.x, position.y, scale.x, scale.y, 0, 0, rotation);
-
-    writeCssTransformMatrix(m3, domElement);
-}
-
-/**
- *
- * @param {HTMLElement} domElement
- * @param {boolean} visibility
- */
-function setElementVisibility(domElement, visibility) {
-    const style = domElement.style;
-
-    if (!visibility) {
-        style.display = 'none';
-    } else {
-        // remove display property, this allows style re-flow whereby previous display type is assumed
-        style.removeProperty('display');
-    }
-}
-
 /**
  *
  * @enum {number}
@@ -72,84 +39,86 @@ const INITIAL_FLAGS = ViewFlags.Visible;
  * @class
  */
 class View {
-    #transform_written = new Float32Array(9);
-    #transform_current = new Float32Array(9);
 
     /**
-     * @constructor
+     * Signal bindings, these will be linked and unlinked along with the view
+     * @private
+     * @type {SignalBinding[]}
      */
-    constructor() {
-        /**
-         *
-         * @type {Element|NodeDescription|null}
-         */
-        this.el = null;
+    bindings = [];
 
-        /**
-         * Signal bindings, these will be linked and unlinked along with the view
-         * @private
-         * @type {SignalBinding[]}
-         */
-        this.bindings = [];
+    /**
+     *
+     * @type {ViewFlags|number}
+     */
+    flags = INITIAL_FLAGS;
 
-        /**
-         *
-         * @type {ViewFlags|number}
-         */
-        this.flags = INITIAL_FLAGS;
+    /**
+     * @readonly
+     * @type {Vector2}
+     */
+    position = new Vector2(0, 0);
 
-        /**
-         * @readonly
-         * @type {Vector2}
-         */
-        const position = this.position = new Vector2(0, 0);
+    /**
+     * @readonly
+     * @type {Vector1}
+     */
+    rotation = new Vector1(0);
 
-        /**
-         * @readonly
-         * @type {Vector1}
-         */
-        const rotation = this.rotation = new Vector1(0);
+    /**
+     * @readonly
+     * @type {Vector2}
+     */
+    scale = new Vector2(1, 1);
 
-        /**
-         * @readonly
-         * @type {Vector2}
-         */
-        const scale = this.scale = new Vector2(1, 1);
+    /**
+     * @readonly
+     * @type {Vector2}
+     */
+    size = new Vector2(0, 0);
 
-        /**
-         * @readonly
-         * @type {Vector2}
-         */
-        const size = this.size = new Vector2(0, 0);
+    /**
+     * Origin from which rotation and scaling is applied
+     * @readonly
+     * @type {Vector2}
+     */
+    transformOrigin = new Vector2(0.5, 0.5);
 
-        /**
-         * Origin from which rotation and scaling is applied
-         * @readonly
-         * @type {Vector2}
-         */
-        this.transformOrigin = new Vector2(0.5, 0.5);
+    on = {
+        linked: new Signal(),
+        unlinked: new Signal()
+    };
 
-        this.on = {
-            linked: new Signal(),
-            unlinked: new Signal()
-        };
+    /**
+     *
+     * @type {View[]}
+     */
+    children = [];
+
+    /**
+     *
+     * @type {View|null}
+     */
+    parent = null;
 
-        /**
-         *
-         * @type {View[]}
-         */
-        this.children = [];
 
+    #transform_written = new Float32Array(9);
+    #transform_current = new Float32Array(9);
+
+    /**
+     * @constructor
+     */
+    constructor() {
         /**
          *
-         * @type {View|null}
+         * @type {Element|NodeDescription|null}
          */
-        this.parent = null;
+        this.el = null;
 
-        position.onChanged.add(this.__updateTransform, this);
-        scale.onChanged.add(this.__updateTransform, this);
-        rotation.onChanged.add(this.__updateTransform, this);
-        size.onChanged.add(this.__setDimensions, this);
+        this.position.onChanged.add(this.__updateTransform, this);
+        this.scale.onChanged.add(this.__updateTransform, this);
+        this.rotation.onChanged.add(this.__updateTransform, this);
+        this.size.onChanged.add(this.__setDimensions, this);
 
         this.transformOrigin.onChanged.add(this.__setTransformOrigin, this);
     }

package/src/view/setElementTransform.js

@@ -0,0 +1,20 @@
+import { m3_cm_compose_transform } from "../core/geom/mat3/m3_cm_compose_transform.js";
+import { writeCssTransformMatrix } from "./writeCssTransformMatrix.js";
+
+const scratch_m3_0 = new Float32Array(9);
+
+/**
+ * @see https://dev.opera.com/articles/understanding-the-css-transforms-matrix/
+ * @param domElement
+ * @param {Vector2} position
+ * @param {Vector2} scale
+ * @param {number} rotation angle in radians
+ */
+function setElementTransform(domElement, position, scale, rotation) {
+
+    const m3 = scratch_m3_0;
+
+    m3_cm_compose_transform(m3, position.x, position.y, scale.x, scale.y, 0, 0, rotation);
+
+    writeCssTransformMatrix(m3, domElement);
+}

package/src/view/setElementVisibility.js

@@ -0,0 +1,15 @@
+/**
+ *
+ * @param {HTMLElement} domElement
+ * @param {boolean} visibility
+ */
+export function setElementVisibility(domElement, visibility) {
+    const style = domElement.style;
+
+    if (!visibility) {
+        style.display = 'none';
+    } else {
+        // remove display property, this allows style re-flow whereby previous display type is assumed
+        style.removeProperty('display');
+    }
+}