@woosh/meep-engine 3.56.0 → 3.57.0

package/src/view/controller/controls/ListController.js

@@ -1,113 +1,118 @@
-import GuiControl from "./GuiControl.js";
-import ButtonView from "../../elements/button/ButtonView.js";
-import EmptyView from "../../elements/EmptyView.js";
-
-class ListController extends GuiControl {
-    /**
-     *
-     * @param itemFactory
-     * @param {function(*):GuiControl} controllerFactory
-     * @constructor
-     */
-    constructor(itemFactory, controllerFactory) {
-        super();
-
-        const self = this;
-
-        const elementControllers = new Map();
-
-        const bAdd = new ButtonView({
-            action: function () {
-                const item = itemFactory();
-
-                const list = self.model.getValue();
-                if (list !== null) {
-                    list.add(item);
-                }
-            },
-            name: 'Add',
-            icon: undefined
-        });
-
-        bAdd.size.set(40, 20);
-
-        const vContainer = new EmptyView({ classList: ['container'] });
-
-        this.addChild(vContainer);
-        this.addChild(bAdd);
-
-        function handleItemAdded(item) {
-            const guiControl = controllerFactory(item);
-
-            guiControl.model.set(item);
-
-            guiControl.size.setX(self.size.x);
-
-            elementControllers.set(item, guiControl);
-
-            const vElementContainer = new EmptyView({ classList: ['element-container'] });
-
-            vElementContainer.addChild(guiControl);
-
-            const vRemove = new ButtonView({
-                action() {
-                    const list = self.model.getValue();
-
-                    list.removeOneOf(item);
-                },
-                classList: ['close']
-            });
-            vElementContainer.addChild(vRemove);
-
-            vContainer.addChild(vElementContainer);
-        }
-
-        function handleItemRemoved(item) {
-
-            const guiControl = elementControllers.get(item);
-
-            vContainer.removeChild(guiControl);
-
-            guiControl.model.set(null);
-
-            elementControllers.delete(item);
-        }
-
-        /**
-         *
-         * @param {List} list
-         */
-        function attachList(list) {
-            list.forEach(handleItemAdded);
-
-            list.on.added.add(handleItemAdded);
-            list.on.removed.add(handleItemRemoved);
-        }
-
-        /**
-         *
-         * @param {List} list
-         */
-        function detachList(list) {
-            list.forEach(handleItemRemoved);
-
-            list.on.added.remove(handleItemAdded);
-            list.on.removed.remove(handleItemRemoved);
-        }
-
-        function handleModelSet(list, oldList) {
-            if (oldList !== null) {
-                detachList(oldList);
-            }
-
-            if (list !== null) {
-                attachList(list);
-            }
-        }
-
-        this.model.onChanged.add(handleModelSet);
-    }
-}
-
-
-export default ListController;
+import GuiControl from "./GuiControl.js";
+import ButtonView from "../../elements/button/ButtonView.js";
+import EmptyView from "../../elements/EmptyView.js";
+
+class ListController extends GuiControl {
+    /**
+     *
+     * @param itemFactory
+     * @param {function(*):GuiControl} controllerFactory
+     * @constructor
+     */
+    constructor(itemFactory, controllerFactory) {
+        super();
+
+        const self = this;
+
+        const elementControllers = new Map();
+
+        const bAdd = new ButtonView({
+            action: function () {
+                const item = itemFactory();
+
+                const list = self.model.getValue();
+                if (list !== null) {
+                    list.add(item);
+                }
+            },
+            name: 'Add',
+            icon: undefined
+        });
+
+        bAdd.size.set(40, 20);
+
+        const vContainer = new EmptyView({ classList: ['container'] });
+
+        this.addChild(vContainer);
+        this.addChild(bAdd);
+
+        function handleItemAdded(item) {
+            const guiControl = controllerFactory(item);
+
+            guiControl.model.set(item);
+
+            guiControl.size.setX(self.size.x);
+
+            const vElementContainer = new EmptyView({ classList: ['element-container'] });
+
+            elementControllers.set(item, { guiControl, vElementContainer });
+
+            vElementContainer.addChild(guiControl);
+
+            const vRemove = new ButtonView({
+                action() {
+                    const list = self.model.getValue();
+
+                    list.removeOneOf(item);
+                },
+                classList: ['close']
+            });
+            vElementContainer.addChild(vRemove);
+
+            vContainer.addChild(vElementContainer);
+        }
+
+        function handleItemRemoved(item) {
+
+            const entry = elementControllers.get(item);
+            if (entry === undefined) {
+                return;
+            }
+
+            const { guiControl, vElementContainer } = entry;
+
+            vContainer.removeChild(vElementContainer);
+
+            guiControl.model.set(null);
+
+            elementControllers.delete(item);
+        }
+
+        /**
+         *
+         * @param {List} list
+         */
+        function attachList(list) {
+            list.forEach(handleItemAdded);
+
+            list.on.added.add(handleItemAdded);
+            list.on.removed.add(handleItemRemoved);
+        }
+
+        /**
+         *
+         * @param {List} list
+         */
+        function detachList(list) {
+            list.forEach(handleItemRemoved);
+
+            list.on.added.remove(handleItemAdded);
+            list.on.removed.remove(handleItemRemoved);
+        }
+
+        function handleModelSet(list, oldList) {
+            if (oldList !== null) {
+                detachList(oldList);
+            }
+
+            if (list !== null) {
+                attachList(list);
+            }
+        }
+
+        this.model.onChanged.add(handleModelSet);
+    }
+}
+
+
+export default ListController;

package/src/view/controller/controls/Vector1Control.js

@@ -1,97 +1,97 @@
-import { NumberController } from "../../../../editor/view/ecs/components/common/NumberController.js";
-import ObservedValue from "../../../core/model/ObservedValue.js";
-import dom from '../../DOM.js';
-import View from "../../View.js";
-
-class Vector1Control extends View {
-    constructor({ tag = 'div' } = {}) {
-        super();
-
-        const self = this;
-
-        const dRoot = dom(tag);
-        this.el = dRoot.el;
-
-        this.model = new ObservedValue(null);
-
-
-        const cNumber = new NumberController();
-        this.addChild(cNumber);
-
-
-        let lockForward = false;
-
-        function syncForward() {
-            lockForward = true;
-
-            /**
-             *
-             * @type {Vector1}
-             */
-            const vector1 = self.model.getValue();
-            if (vector1 !== null) {
-                cNumber.value.set(vector1.getValue());
-            }
-
-            lockForward = false;
-        }
-
-        function writeBack(v) {
-            if (lockForward) {
-                return;
-            }
-
-            /**
-             *
-             * @type {Vector1}
-             */
-            const vector1 = self.model.getValue();
-
-            if (vector1 !== null) {
-
-                vector1.set(v);
-
-            }
-        }
-
-        /**
-         *
-         * @param {Vector1} v1
-         */
-        function subscribe(v1) {
-            if (v1 === null) {
-                //do nothing
-                return;
-            }
-            syncForward();
-            v1.onChanged.add(writeBack);
-        }
-
-        /**
-         *
-         * @param {Vector1} v1
-         */
-        function unsubscribe(v1) {
-            if (v1 === null) {
-                //do nothing
-                return;
-            }
-
-            v1.onChanged.remove(writeBack);
-        }
-
-        function handleModelChange(newModel, oldModel) {
-            unsubscribe(oldModel);
-            subscribe(newModel);
-        }
-
-        this.bindSignal(this.model.onChanged, handleModelChange);
-        this.bindSignal(cNumber.value.onChanged, writeBack);
-
-        this.on.linked.add(() => subscribe(this.model.getValue()));
-        this.on.unlinked.add(() => unsubscribe(this.model.getValue()));
-    }
-}
-
-
-export default Vector1Control;
+import { NumberController } from "../../../../editor/view/ecs/components/common/NumberController.js";
+import ObservedValue from "../../../core/model/ObservedValue.js";
+import dom from '../../DOM.js';
+import View from "../../View.js";
+
+class Vector1Control extends View {
+    constructor({ tag = 'div' } = {}) {
+        super();
+
+        const self = this;
+
+        const dRoot = dom(tag);
+        this.el = dRoot.el;
+
+        this.model = new ObservedValue(null);
+
+
+        const cNumber = new NumberController();
+        this.addChild(cNumber);
+
+
+        let lockForward = false;
+
+        function syncForward() {
+            lockForward = true;
+
+            /**
+             *
+             * @type {Vector1}
+             */
+            const vector1 = self.model.getValue();
+            if (vector1 !== null) {
+                cNumber.value.set(vector1.getValue());
+            }
+
+            lockForward = false;
+        }
+
+        function writeBack(v) {
+            if (lockForward) {
+                return;
+            }
+
+            /**
+             *
+             * @type {Vector1}
+             */
+            const vector1 = self.model.getValue();
+
+            if (vector1 !== null) {
+
+                vector1.set(v);
+
+            }
+        }
+
+        /**
+         *
+         * @param {Vector1} v1
+         */
+        function subscribe(v1) {
+            if (v1 === null) {
+                //do nothing
+                return;
+            }
+            syncForward();
+            v1.onChanged.add(syncForward);
+        }
+
+        /**
+         *
+         * @param {Vector1} v1
+         */
+        function unsubscribe(v1) {
+            if (v1 === null) {
+                //do nothing
+                return;
+            }
+
+            v1.onChanged.remove(syncForward);
+        }
+
+        function handleModelChange(newModel, oldModel) {
+            unsubscribe(oldModel);
+            subscribe(newModel);
+        }
+
+        this.bindSignal(this.model.onChanged, handleModelChange);
+        this.bindSignal(cNumber.value.onChanged, writeBack);
+
+        this.on.linked.add(() => subscribe(this.model.getValue()));
+        this.on.unlinked.add(() => unsubscribe(this.model.getValue()));
+    }
+}
+
+
+export default Vector1Control;

package/src/view/elements/image/SvgImageView.d.ts

@@ -10,6 +10,7 @@ declare class SvgImageView extends View {
     constructor(url: string, { assetManager }: {
         assetManager: AssetManager;
     });
+    __resize: (x: any, y: any) => void;
     el: Element;
     update(): void;
 }

package/src/view/elements/image/SvgImageView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SvgImageView.d.ts","sourceRoot":"","sources":["../../../../../src/view/elements/image/SvgImageView.js"],"names":[],"mappings":";AAKA;IACI;;;;;;OAMG;IACH,iBALW,MAAM;QAEgB,YAAY;OAoD5C;IADG,YAAe;IAGnB,eAIK;CAkBR;iBAnFgB,eAAe"}
+{"version":3,"file":"SvgImageView.d.ts","sourceRoot":"","sources":["../../../../../src/view/elements/image/SvgImageView.js"],"names":[],"mappings":";AAKA;IACI;;;;;;OAMG;IACH,iBALW,MAAM;QAEgB,YAAY;OAsD5C;IALG,mCAAsB;IAItB,YAAe;IAGnB,eAIC;CAkBJ;iBArFgB,eAAe"}

package/src/view/elements/image/SvgImageView.js

@@ -1,90 +1,92 @@
-import AABB2 from "../../../core/geom/AABB2.js";
-import SVG from "../../SVG.js";
-import { resizeAABB2ToFitBoundingClientRect } from "../../util/DomSizeObserver.js";
-import View from "../../View.js";
-
-class SvgImageView extends View {
-    /**
-     *
-     * @param {string} url
-     * @param {Object} options
-     * @param {AssetManager} options.assetManager
-     * @constructor
-     */
-    constructor(url, { assetManager }) {
-        super(url, assetManager);
-
-        if (assetManager === undefined) {
-            throw new Error("No asset manager supplied");
-        }
-
-        const elSvg = SVG.createElement('svg');
-        const elIcon = SVG.createElement("g");
-
-        elSvg.appendChild(elIcon);
-
-        const self = this;
-
-        assetManager.get({
-            path: url, type: "image/svg", callback: function (asset) {
-                const svgDom = asset.create();
-                elIcon.appendChild(svgDom);
-                resize(self.size.x, self.size.y);
-            }, failure: function (error) {
-                console.error("Failed to load icon: " + url, error);
-            }
-        });
-
-        let currentScale = 1;
-
-        function resize(x, y) {
-            const iconSize = Math.min(x, y);
-
-            const aabb = new AABB2();
-            aabb.setNegativelyInfiniteBounds();
-
-            resizeAABB2ToFitBoundingClientRect(elIcon, 10, aabb);
-
-            let max = Math.max(aabb.width, aabb.height);
-            if (max === 0 || max === -Infinity) {
-                return; //no dimensions
-            }
-
-            max /= currentScale;
-            const scale = iconSize / max;
-            //write new scale back
-            elIcon.setAttribute("transform", "scale(" + scale + ")");
-            currentScale = scale;
-        }
-
-        this.size.onChanged.add(resize);
-
-        this.el = elSvg;
-    }
-
-    update() {
-            requestAnimationFrame(function () {
-                resize(self.size.x, self.size.y);
-            });
-        }
-
-    link() {
-        if (this.isLinked) {
-            return;
-        }
-
-        super.link();
-        this.update();
-    }
-
-    unlink() {
-        if (!this.isLinked) {
-            return;
-        }
-
-        super.unlink();
-    }
-}
-
-
-export default SvgImageView;
+import AABB2 from "../../../core/geom/2d/aabb/AABB2.js";
+import SVG from "../../SVG.js";
+import { resizeAABB2ToFitBoundingClientRect } from "../../util/DomSizeObserver.js";
+import View from "../../View.js";
+
+class SvgImageView extends View {
+    /**
+     *
+     * @param {string} url
+     * @param {Object} options
+     * @param {AssetManager} options.assetManager
+     * @constructor
+     */
+    constructor(url, { assetManager }) {
+        super(url, assetManager);
+
+        if (assetManager === undefined) {
+            throw new Error("No asset manager supplied");
+        }
+
+        const elSvg = SVG.createElement('svg');
+        const elIcon = SVG.createElement("g");
+
+        elSvg.appendChild(elIcon);
+
+        const self = this;
+
+        assetManager.get({
+            path: url, type: "image/svg", callback: function (asset) {
+                const svgDom = asset.create();
+                elIcon.appendChild(svgDom);
+                resize(self.size.x, self.size.y);
+            }, failure: function (error) {
+                console.error("Failed to load icon: " + url, error);
+            }
+        });
+
+        let currentScale = 1;
+
+        function resize(x, y) {
+            const iconSize = Math.min(x, y);
+
+            const aabb = new AABB2();
+            aabb.setNegativelyInfiniteBounds();
+
+            resizeAABB2ToFitBoundingClientRect(elIcon, 10, aabb);
+
+            let max = Math.max(aabb.width, aabb.height);
+            if (max === 0 || max === -Infinity) {
+                return; //no dimensions
+            }
+
+            max /= currentScale;
+            const scale = iconSize / max;
+            //write new scale back
+            elIcon.setAttribute("transform", "scale(" + scale + ")");
+            currentScale = scale;
+        }
+
+        this.__resize = resize;
+
+        this.size.onChanged.add(resize);
+
+        this.el = elSvg;
+    }
+
+    update() {
+        requestAnimationFrame(() => {
+            this.__resize(this.size.x, this.size.y);
+        });
+    }
+
+    link() {
+        if (this.isLinked) {
+            return;
+        }
+
+        super.link();
+        this.update();
+    }
+
+    unlink() {
+        if (!this.isLinked) {
+            return;
+        }
+
+        super.unlink();
+    }
+}
+
+
+export default SvgImageView;

package/src/view/minimap/dom/MinimapTerrainView.d.ts

@@ -16,6 +16,7 @@ export class MinimapTerrainView extends View {
      * @type {TerrainPreview}
      */
     preview: TerrainPreview;
+    __updatePreview: () => void;
     terrain: ObservedValue<any>;
     __setTerrain(terrain: any, oldTerrain: any): void;
 }

package/src/view/minimap/dom/MinimapTerrainView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MinimapTerrainView.d.ts","sourceRoot":"","sources":["../../../../../src/view/minimap/dom/MinimapTerrainView.js"],"names":[],"mappings":"AAOA;IACI;;;;;;OAMG;IACH;QAJ8B,MAAM;QACR,UAAU,EAA3B,OAAO;OAuHjB;IA5GG,YAAgB;IAahB;;;OAGG;IACH,wBAAmB;IAoFnB,4BAAsC;IAS1C,kDAUK;CACR;iBAhJgB,eAAe;0BAIN,sCAAsC;oBAD5C,+BAA+B"}
+{"version":3,"file":"MinimapTerrainView.d.ts","sourceRoot":"","sources":["../../../../../src/view/minimap/dom/MinimapTerrainView.js"],"names":[],"mappings":"AAOA;IACI;;;;;;OAMG;IACH;QAJ8B,MAAM;QACR,UAAU,EAA3B,OAAO;OAyHjB;IA9GG,YAAgB;IAahB;;;OAGG;IACH,wBAAmB;IA+EnB,4BAAoC;IAOpC,4BAAsC;IAS1C,kDAcC;CACJ;iBAtJgB,eAAe;0BAIN,sCAAsC;oBAD5C,+BAA+B"}