@mml-io/mml-web-client 0.19.1 → 0.19.3

package/build/index.js

@@ -1895,6 +1895,7 @@
     constructor() {
       super();
       this.mElementGraphics = null;
+      this.isMElement = true;
     }
     // This allows switching which document this HTMLElement subclass extends so that it can be placed into iframes
     static overwriteSuperclass(newSuperclass) {
@@ -1903,6 +1904,9 @@
     static get observedAttributes() {
       return [];
     }
+    static isMElement(element) {
+      return element.isMElement;
+    }
     static getMElementFromObject(object) {
       return object[MELEMENT_PROPERTY_NAME] || null;
     }
@@ -2076,7 +2080,7 @@
     getMElementParent() {
       let parentNode = this.parentNode;
       while (parentNode != null) {
-        if (parentNode instanceof _MElement) {
+        if (_MElement.isMElement(parentNode)) {
           return parentNode;
         }
         parentNode = parentNode.parentNode;
@@ -2123,6 +2127,10 @@
         animDuration: defaultAnimDuration
       };
       this.registeredParentAttachment = null;
+      this.isAttributeAnimation = true;
+    }
+    static isAttributeAnimation(element) {
+      return element.isAttributeAnimation;
     }
     static get observedAttributes() {
       return [..._AttributeAnimation2.attributeHandler.getAttributes()];
@@ -2148,7 +2156,7 @@
     }
     connectedCallback() {
       super.connectedCallback();
-      if (this.parentElement && this.parentElement instanceof MElement) {
+      if (this.parentElement && MElement.isMElement(this.parentElement)) {
         this.registeredParentAttachment = this.parentElement;
         if (this.props.attr) {
           this.registeredParentAttachment.addSideEffectChild(this);
@@ -2259,6 +2267,10 @@
         lerpDuration: defaultLerpDuration
       };
       this.registeredParentAttachment = null;
+      this.isAttributeLerp = true;
+    }
+    static isAttributeLerp(element) {
+      return element.isAttributeLerp;
     }
     static get observedAttributes() {
       return [..._AttributeLerp2.attributeHandler.getAttributes()];
@@ -2284,7 +2296,7 @@
     }
     connectedCallback() {
       super.connectedCallback();
-      if (this.parentElement && this.parentElement instanceof MElement) {
+      if (this.parentElement && MElement.isMElement(this.parentElement)) {
         this.registeredParentAttachment = this.parentElement;
         this.registeredParentAttachment.addSideEffectChild(this);
       }
@@ -2385,12 +2397,12 @@
       this.reset();
     }
     addSideEffectChild(child) {
-      if (child instanceof AttributeAnimation) {
+      if (AttributeAnimation.isAttributeAnimation(child)) {
         const attr = child.getAnimatedAttributeName();
         if (attr) {
           this.addAnimation(child, attr);
         }
-      } else if (child instanceof AttributeLerp) {
+      } else if (AttributeLerp.isAttributeLerp(child)) {
         const attr = child.getAnimatedAttributeName();
         if (attr) {
           this.addLerp(child, attr);
@@ -2398,12 +2410,12 @@
       }
     }
     removeSideEffectChild(child) {
-      if (child instanceof AttributeAnimation) {
+      if (AttributeAnimation.isAttributeAnimation(child)) {
         const attr = child.getAnimatedAttributeName();
         if (attr) {
           this.removeAnimation(child, attr);
         }
-      } else if (child instanceof AttributeLerp) {
+      } else if (AttributeLerp.isAttributeLerp(child)) {
         const attr = child.getAnimatedAttributeName();
         if (attr) {
           this.removeLerp(child, attr);
@@ -3530,6 +3542,7 @@
   var _TransformableElement = class _TransformableElement2 extends MElement {
     constructor() {
       super(...arguments);
+      this.isTransformableElement = true;
       this.transformableElementProps = {
         socket: null,
         x: 0,
@@ -3650,10 +3663,13 @@
       });
       this.debugHelper = new DebugHelper(this);
     }
+    static isTransformableElement(element) {
+      return element.isTransformableElement;
+    }
     getTransformableElementParent() {
       let parentNode = this.parentNode;
       while (parentNode != null) {
-        if (parentNode instanceof _TransformableElement2) {
+        if (_TransformableElement2.isTransformableElement(parentNode)) {
           return parentNode;
         }
         parentNode = parentNode.parentNode;
@@ -3906,7 +3922,7 @@
   var TransformableElement = _TransformableElement;
   function traverseImmediateTransformableElementChildren(element, callback) {
     element.childNodes.forEach((child) => {
-      if (child instanceof TransformableElement) {
+      if (TransformableElement.isTransformableElement(child)) {
         callback(child);
       } else {
         traverseImmediateTransformableElementChildren(child, callback);
@@ -4116,9 +4132,12 @@
         castShadows: defaultModelCastShadows,
         debug: defaultModelDebug
       };
-      this.isModel = true;
       this.collideableHelper = new CollideableHelper(this);
       this.modelGraphics = null;
+      this.isModel = true;
+    }
+    static isModel(element) {
+      return element.isModel;
     }
     enable() {
       this.collideableHelper.enable();
@@ -4269,7 +4288,7 @@
     tempContainerMatrix.identity();
     const tempMatr4 = new Matr4();
     for (let obj = container; obj; obj = obj.parentNode) {
-      if (obj instanceof TransformableElement) {
+      if (TransformableElement.isTransformableElement(obj)) {
         obj.calculateLocalMatrix(tempMatr4);
         tempContainerMatrix.premultiply(tempMatr4);
       }
@@ -6278,7 +6297,7 @@
       return OrientedBoundingBox.fromMatrixWorld(this.transformableElementGraphics.getWorldMatrix());
     }
     addSideEffectChild(child) {
-      if (child instanceof AttributeAnimation) {
+      if (AttributeAnimation.isAttributeAnimation(child)) {
         const attr = child.getAnimatedAttributeName();
         if (attr) {
           this.lightAnimatedAttributeHelper.addAnimation(child, attr);
@@ -6287,7 +6306,7 @@
       super.addSideEffectChild(child);
     }
     removeSideEffectChild(child) {
-      if (child instanceof AttributeAnimation) {
+      if (AttributeAnimation.isAttributeAnimation(child)) {
         const attr = child.getAnimatedAttributeName();
         if (attr) {
           this.lightAnimatedAttributeHelper.removeAnimation(child, attr);
@@ -8186,7 +8205,7 @@
         var _a2;
         for (const i in element.children) {
           const child = element.children[i];
-          if (child instanceof MElement) {
+          if (MElement.isMElement(child)) {
             (_a2 = child.connectedCallback) == null ? void 0 : _a2.call(child);
           }
           traverse(child);
@@ -63477,7 +63496,7 @@ ${DracoWorker.toString()}
             break;
           }
         }
-        if (mElement && mElement instanceof TransformableElement && mElement.isClickable()) {
+        if (mElement && TransformableElement.isTransformableElement(mElement) && mElement.isClickable()) {
           const elementRelative = getRelativePositionAndRotationRelativeToObject(
             {
               position: result.point,
@@ -64914,7 +64933,7 @@ ${DracoWorker.toString()}
         this.latestAnimPromise = null;
         if (this.loadedState && !this.registeredParentAttachment) {
           const parent = this.model.parentElement;
-          if (parent instanceof Model) {
+          if (parent && Model.isModel(parent)) {
             this.registeredParentAttachment = parent;
             parent.modelGraphics.registerAttachment(this.model);
           }
@@ -65111,7 +65130,7 @@ ${DracoWorker.toString()}
         this.connectAnimationToModel();
         this.updateMeshCallback();
         const parent = this.model.parentElement;
-        if (parent instanceof Model) {
+        if (parent && Model.isModel(parent)) {
           if (!this.latestAnimPromise && !this.animState) {
             this.registeredParentAttachment = parent;
             parent.modelGraphics.registerAttachment(this.model);
@@ -65210,7 +65229,7 @@ ${DracoWorker.toString()}
     triggerSocketedChildrenTransformed() {
       this.socketChildrenByBone.forEach((children) => {
         children.forEach((child) => {
-          if (child instanceof TransformableElement) {
+          if (TransformableElement.isTransformableElement(child)) {
             child.didUpdateTransformation();
           }
         });
@@ -66534,7 +66553,7 @@ ${DracoWorker.toString()}
       return this.playcanvasApp.root;
     }
     getBoundingBoxForElement(element) {
-      if (!(element instanceof TransformableElement)) {
+      if (!TransformableElement.isTransformableElement(element)) {
         return null;
       }
       const bounds = element.getContentBounds();
@@ -97610,7 +97629,7 @@ void main() {
         this.threeLight.castShadow = this.light.props.castShadows;
         this.threeLight.shadow.mapSize.width = 512;
         this.threeLight.shadow.mapSize.height = 512;
-        if (this.threeLight.shadow.camera instanceof PerspectiveCamera) {
+        if (this.threeLight.shadow.camera.isPerspectiveCamera) {
           this.threeLight.shadow.camera.near = 0.5;
           this.threeLight.shadow.camera.far = 500;
         }
@@ -97665,7 +97684,7 @@ void main() {
       this.threeLight.castShadow = castShadows;
     }
     setAngle(angle) {
-      if (this.threeLight instanceof SpotLight) {
+      if (this.threeLight.isSpotLight) {
         this.threeLight.angle = MathUtils.degToRad(angle);
       }
     }
@@ -97816,7 +97835,7 @@ void main() {
         this.animLoadingInstanceManager.abortIfLoading();
         if (this.loadedState && !this.registeredParentAttachment) {
           const parent = this.model.parentElement;
-          if (parent instanceof Model) {
+          if (parent && Model.isModel(parent)) {
             this.registeredParentAttachment = parent;
             parent.modelGraphics.registerAttachment(this.model);
           }
@@ -97933,7 +97952,7 @@ void main() {
         }
         this.updateMeshCallback();
         const parent = this.model.parentElement;
-        if (parent instanceof Model) {
+        if (parent && Model.isModel(parent)) {
           if (!this.latestAnimPromise && !this.animState) {
             this.registeredParentAttachment = parent;
             parent.modelGraphics.registerAttachment(this.model);
@@ -98053,7 +98072,7 @@ void main() {
     triggerSocketedChildrenTransformed() {
       this.socketChildrenByBone.forEach((children) => {
         children.forEach((child) => {
-          if (child instanceof TransformableElement) {
+          if (TransformableElement.isTransformableElement(child)) {
             child.didUpdateTransformation();
           }
         });
@@ -98764,7 +98783,7 @@ void main() {
               break;
             }
             const mElement = MElement.getMElementFromObject(obj);
-            if (mElement && mElement instanceof TransformableElement && mElement.isClickable()) {
+            if (mElement && TransformableElement.isTransformableElement(mElement) && mElement.isClickable()) {
               const elementRelative = getRelativePositionAndRotationRelativeToObject(
                 {
                   position: intersection.point,
@@ -99395,7 +99414,7 @@ void main() {
     getBoundingBoxForElement(element) {
       const camera = this.camera;
       const renderer = this.renderer;
-      if (!(element instanceof MElement)) {
+      if (!MElement.isMElement(element)) {
         return null;
       }
       const object = element.getContainer();