shop-components 0.1.42 → 0.1.44

package/dist/device-viewer/index.d.ts

@@ -38,7 +38,7 @@ export declare class DeviceViewer extends LitElement {
     sizeHeight: HTMLDivElement | undefined;
     fit: () => void;
     generateBVH: () => void;
-    download: () => string;
+    download: () => Promise<void>;
     clearAMR: () => void;
     exportAMR: () => Promise<void>;
     addAMR: () => void;

package/dist/device-viewer/scene.d.ts

@@ -125,7 +125,7 @@ export declare class Scene3D {
     private _detectTrackpad;
     private _initEvents;
     generateBVH(): Promise<void>;
-    download(): string;
+    download(): Promise<string>;
     clearAMR(): void;
     exportAMR(): Promise<ArrayBuffer | {
         [key: string]: any;

package/dist/device-viewer/slot.d.ts

@@ -52,6 +52,7 @@ export declare class Slot extends CSS2DObject {
     holeTarget: Object3D | undefined;
     private _showSlot;
     constructor(props: SlotProps);
+    private _preventDefaults;
     shapeKeyChanged(key: string, value: number): void;
     loadGlb(sglb: string): Promise<Object3D<import("three").Object3DEventMap> | undefined>;
     installBracket(url: string): Promise<void>;

package/dist/shop-components.mjs

@@ -57405,17 +57405,21 @@ const xi = {
 class lI extends Iv {
   constructor(A) {
     const e = document.createElement("div");
-    super(e), this.props = A, this._emitter = new Vr(), this._slotContainer = new St(), this._bracketSlots = [], this._hasError = !1, this.useBracket = !1, this.addEventListener = this._emitter.addListener.bind(this._emitter), this.removeEventListener = this._emitter.removeListener.bind(this._emitter), this._canInstall = !1, this._loading = !1, this._selected = !1, this._deviceSelected = !1, this._allFunctions = /* @__PURE__ */ new Set(), this._functions = /* @__PURE__ */ new Set(), this._timer = 0, this._parentPos = new O(), this._wrapper = new St(), this._showSlot = !0, this.getWP = this._slotContainer.getWorldPosition.bind(this._slotContainer), this._showSlot = typeof A.show == "boolean" ? A.show : !0, this.name = A.name, this._slotUI = new qt({ name: A.name }), this._slotUI.slot = this, this._slotUI.hide = !this._showSlot, e.append(this._slotUI), this._parentPos.copy(this.props.slot.position), this._slotUI.addEventListener("function-removed", ({ detail: t }) => {
+    super(e), this.props = A, this._emitter = new Vr(), this._slotContainer = new St(), this._bracketSlots = [], this._hasError = !1, this.useBracket = !1, this.addEventListener = this._emitter.addListener.bind(this._emitter), this.removeEventListener = this._emitter.removeListener.bind(this._emitter), this._canInstall = !1, this._loading = !1, this._selected = !1, this._deviceSelected = !1, this._allFunctions = /* @__PURE__ */ new Set(), this._functions = /* @__PURE__ */ new Set(), this._timer = 0, this._parentPos = new O(), this._wrapper = new St(), this._showSlot = !0, this._preventDefaults = (t) => {
+      t.preventDefault(), t.stopPropagation();
+    }, this.getWP = this._slotContainer.getWorldPosition.bind(this._slotContainer), this._showSlot = typeof A.show == "boolean" ? A.show : !0, this.name = A.name, this._slotUI = new qt({ name: A.name }), this._slotUI.slot = this, this._slotUI.hide = !this._showSlot, e.append(this._slotUI), this._parentPos.copy(this.props.slot.position), this._slotUI.addEventListener("function-removed", ({ detail: t }) => {
       this.removeFunction(t);
     }), this._slotUI.addEventListener("function-added", ({ detail: t }) => {
       this.addFunction(t);
     }), this.add(this._slotContainer), this.props.slot.add(this), setTimeout(() => {
       var t;
       (t = this.props.slot.parent) == null || t.add(this._wrapper), this._wrapper.add(this.props.slot);
-    }, 10), e.addEventListener("click", (t) => {
+    }, 10), ["dragenter", "dragover", "dragleave", "drop"].forEach((t) => {
+      e.addEventListener(t, this._preventDefaults, !1);
+    }), e.addEventListener("click", (t) => {
       t.preventDefault(), t.stopPropagation(), this.selected = !this.selected;
     }), e.addEventListener("dragover", (t) => {
-      if (t.preventDefault(), !this._canInstall) {
+      if (t.preventDefault(), t.dataTransfer.dropEffect = "copy", !this._canInstall) {
         t.dataTransfer && (t.dataTransfer.dropEffect = "none");
         return;
       }
@@ -57565,7 +57569,9 @@ class lI extends Iv {
     this._canInstall = A, this._slotUI.canInstall = A;
   }
   dispose() {
-    cancelAnimationFrame(this._timer), this.clearSlot(), this._emitter.removeAllListeners(), Ni(this._slotContainer), this.element.remove();
+    cancelAnimationFrame(this._timer), ["dragenter", "dragover", "dragleave", "drop"].forEach((A) => {
+      this.element.addEventListener(A, this._preventDefaults, !1);
+    }), this.clearSlot(), this._emitter.removeAllListeners(), Ni(this._slotContainer), this.element.remove();
   }
   render(A) {
     const e = this.element.style.transform, t = /translate\(-?\d*\.?\d*%?,?\s-?\d*\.?\d*%?\)\s*translate\((-?\d*\.?\d*)px,\s*(-?\d*\.?\d*)px\)/.exec(e);
@@ -62528,7 +62534,7 @@ class mK extends Ie {
     this._app = A, this.sizeBox.init(A), this.addEventListener("shape-key-changed", (e, t) => {
       this._slots.forEach((i) => i.shapeKeyChanged(e, t)), this.sizeBox.follow === e ? (this.sizeBox.generate(this._container, t), this.sizeBox.originOffset && (this._container.traverse((i) => {
         i instanceof Pe && !i.userData.isDevice && !i.userData.isBracket && i.geometry.translate(this.sizeBox.originOffset - this.sizeBox.translateCache, 0, 0), i instanceof lI && i.parent && i.parent.position.add(new O(this.sizeBox.originOffset - this.sizeBox.translateCache, 0, 0));
-      }), this.sizeBox.translateCache = this.sizeBox.originOffset, this.sizeBox.generate(this._container))) : this.sizeBox.generate(this._container);
+      }), this.sizeBox.translateCache = this.sizeBox.originOffset, this.sizeBox.generate(this._container))) : this.sizeBox.generate(this._container), ["width", "length", "height"].includes(e) && this._emitter.emit("size-changed", e, t);
     });
   }
   async load(A) {
@@ -62542,7 +62548,7 @@ class mK extends Ie {
         return;
       e = i.glb;
     }
-    this._generateAmr(e.clone(!0)), e = null;
+    this._generateAmr(e.clone(!0)), e = null, this._emitter.emit("amr-loaded");
   }
   changeSkin(A, e) {
     A && (A.change(e), this._app && this._app.usePathTracing && (this._app.sampleCount = 0, this._app.pathTracer.reset(), this._app.pathTracer.updateMaterials()));
@@ -65173,8 +65179,15 @@ class lH {
       A.target.updateMatrixWorld(!0), e.applyMatrix4(A.target.matrixWorld), e.add(A.target), this.overlayScene.add(e);
     })), this.usePathTracing = !0, this.pathTracer.setScene(this.scene, this.camera);
   }
-  download() {
-    return this.renderer.domElement.toDataURL("image/png");
+  async download() {
+    return this.usePathTracing ? Promise.resolve(this.renderer.domElement.toDataURL("image/png")) : new Promise((A, e) => {
+      this.amr.sizeBox.hide();
+      const t = this.amr.bodyOpacity;
+      this.amr.bodyOpacity = 1, setTimeout(() => {
+        const i = this.renderer.domElement.toDataURL("image/png");
+        return this.amr.sizeBox.show(), this.amr.bodyOpacity = t, A(i);
+      }, this.fpsAverage);
+    });
   }
   clearAMR() {
     Ni(this.overlayScene), this.amr.clean(), this.usePathTracing = !1, this.lines.clear();