shop-components 0.0.23 → 0.0.25

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

@@ -62,6 +62,7 @@ export declare class Scene3D {
     _slots: Slot[];
     _logos: Logo[];
     _skins: Skin[];
+    private _dragging;
     readonly maxSample = 1024;
     sampleCount: number;
     private _usePathTracing;
@@ -88,6 +89,8 @@ export declare class Scene3D {
     showState(): void;
     hideState(): void;
     private _loadEnv;
+    private _drag;
+    private _dragend;
     private _pointermove;
     private _pointerdown;
     private _detectTrackpad;

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

@@ -55,6 +55,7 @@ export declare class Slot extends CSS2DObject {
     set deviceSelected(s: boolean);
     get error(): boolean;
     set error(hasError: boolean);
+    getCanInstall(): boolean;
     canInstall(c: boolean): void;
     dispose(): void;
     render(app: Scene3D): void;

package/dist/shop-components.mjs

@@ -30085,8 +30085,8 @@ const In = {
 class U0 extends _P {
   constructor(e) {
     const t = document.createElement("div");
-    super(t), this.props = e, this._emitter = new Hx(), this._slotContainer = new Kn(), 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.getWP = this._slotContainer.getWorldPosition.bind(this._slotContainer), this.name = e.name, this._slotUI = new $i({ name: e.name }), this._slotUI.slot = this, t.append(this._slotUI), this.add(this._slotContainer), this.props.slot.add(this), t.addEventListener("click", () => {
-      this.selected = !this.selected;
+    super(t), this.props = e, this._emitter = new Hx(), this._slotContainer = new Kn(), 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.getWP = this._slotContainer.getWorldPosition.bind(this._slotContainer), this.name = e.name, this._slotUI = new $i({ name: e.name }), this._slotUI.slot = this, t.append(this._slotUI), this.add(this._slotContainer), this.props.slot.add(this), t.addEventListener("click", (i) => {
+      i.preventDefault(), i.stopPropagation(), this.selected = !this.selected;
     }), t.addEventListener("dragover", (i) => {
       if (i.preventDefault(), !this._canInstall) {
         i.dataTransfer && (i.dataTransfer.dropEffect = "none");
@@ -30195,6 +30195,9 @@ class U0 extends _P {
       this.error = e;
     }, 100), this._hasError = e, this._slotUI.hasError = e, this._emitter.emit(In.ON_ERROR_STATE_CHANGE, e);
   }
+  getCanInstall() {
+    return this._canInstall;
+  }
   canInstall(e) {
     this._canInstall = e, this._slotUI.canInstall = e;
   }
@@ -30206,11 +30209,10 @@ class U0 extends _P {
     if (!i)
       return;
     const n = new fe(parseFloat(i[1]), parseFloat(i[2])), r = e.mousePos.distanceTo(n);
-    let o = 12;
-    if (this._canInstall && (o = 34), r < 60) {
-      console.log(r);
-      let a = (60 - r) * 1 + o;
-      r < 20 && (a = 60), this._slotUI.setSize(a);
+    let o = 12, a = 24, l = 30;
+    if (this._canInstall && (o = 34, a = 60, l = 60), r < l) {
+      let h = (l - r) * 1 + o;
+      r < 20 && (h = a), h > a && (h = a), this._slotUI.setSize(h);
     } else
       this._slotUI.setSize(o);
   }
@@ -30381,7 +30383,11 @@ class Uz {
     ), this._container = new Kn(), this._raycaster = new e_(), this._selected = [], this._pointerDownTimeout = 0, this.sceneInfo = {
       materials: [],
       textures: []
-    }, this.css2dRenderer = new GP(), this._slots = [], this._logos = [], this._skins = [], this.maxSample = 1024, this.sampleCount = 0, this._usePathTracing = !1, this._fpsCache = [], this._fpsCacheMax = 20, this._bodyOpacity = 1, this.lines = new da(new fe(-108, 0)), this._emitter = new Hx(), this._sound = new jP(), this._materialsCache = /* @__PURE__ */ new Map(), this.opacityCache = void 0, this.addEventListener = this._emitter.on.bind(this._emitter), this.removeEventListener = this._emitter.on.bind(this._emitter), this._pointermove = (t) => {
+    }, this.css2dRenderer = new GP(), this._slots = [], this._logos = [], this._skins = [], this._dragging = !1, this.maxSample = 1024, this.sampleCount = 0, this._usePathTracing = !1, this._fpsCache = [], this._fpsCacheMax = 20, this._bodyOpacity = 1, this.lines = new da(new fe(-108, 0)), this._emitter = new Hx(), this._sound = new jP(), this._materialsCache = /* @__PURE__ */ new Map(), this.opacityCache = void 0, this.addEventListener = this._emitter.on.bind(this._emitter), this.removeEventListener = this._emitter.on.bind(this._emitter), this._drag = (t) => {
+      this._dragging = !0, this._pointermove(t);
+    }, this._dragend = (t) => {
+      this._dragging = !1;
+    }, this._pointermove = (t) => {
       if (this._pointerDownTimeout)
         return clearTimeout(this._pointerDownTimeout), this._pointerDownTimeout = 0;
       const { top: i, left: n } = this.renderer.domElement.getBoundingClientRect();
@@ -30430,7 +30436,9 @@ class Uz {
       o.resolution.value.x = 1 / (i * r), o.resolution.value.y = 1 / (n * r);
     }, this.ticker = () => {
       var i;
-      this.stats.begin(), this.slots.forEach((n) => n.render(this));
+      this.stats.begin(), this.slots.forEach((n) => {
+        this._dragging ? n.getCanInstall() && n.render(this) : n.render(this);
+      });
       const t = this.stats.fps();
       this.usePathTracing || (this._fpsCache.length > this._fpsCacheMax && this._fpsCache.shift(), this._fpsCache.push(t)), requestAnimationFrame(this.ticker), this.renderer.clear(), this.renderer.domElement.dispatchEvent(new CustomEvent("ticker")), C0.update(), this.controls.update(), this.css2dRenderer.render(this.scene, this.camera), this.updatePosition(), this.usePathTracing ? (this.sampleCount < this.maxSample && (this.ptRenderer.update(), t > 20 && (this.ptRenderer.update(), this.sampleCount++, t > 30 && (this.ptRenderer.update(), this.sampleCount++)), this.sampleCount++), this.fsQuad.material.map = this.ptRenderer.target.texture, this.fsQuad.render(this.renderer)) : this._composer.render(), (i = this.flow) == null || i.moveAlongCurve(1e-3), this.stats.end();
     }, this.stats.showPanel(0), this.hideState(), this.controls = new l_(this.camera, this.renderer.domElement), this.controls.enablePan = !1, this.controls.rotateSpeed = 0.3, this.controls.dampingFactor = Q0, this.controls.enableDamping = !0, this.controls.maxDistance = 5, this.controls.minDistance = 1, this.controls.zoomSpeed = YP() ? 0.2 : 1, this.renderer.setPixelRatio(window.devicePixelRatio || 1), this.renderer.autoClear = !0, this.renderer.toneMapping = Df, this.renderer.toneMappingExposure = 1.2, this.renderer.outputColorSpace = gt, this.css2dRenderer.domElement.style.pointerEvents = "none", this.css2dRenderer.domElement.style.position = "absolute", this.css2dRenderer.domElement.style.top = "0px", Ue.tonemapping_pars_fragment = Ue.tonemapping_pars_fragment.replace(
@@ -30511,7 +30519,7 @@ class Uz {
     });
   }
   _initEvents() {
-    window.addEventListener("drag", this._pointermove), document.addEventListener("wheel", this._detectTrackpad), window.addEventListener("pointermove", this._pointermove), window.addEventListener("pointerdown", this._pointerdown);
+    window.addEventListener("drag", this._drag), window.addEventListener("dragend", this._dragend), document.addEventListener("wheel", this._detectTrackpad), window.addEventListener("pointermove", this._pointermove), this.renderer.domElement.addEventListener("pointerdown", this._pointerdown);
   }
   changeLogo(e, t) {
     var r;
@@ -30667,7 +30675,7 @@ class Uz {
   }
   destroy() {
     var t, i;
-    this.stats.dom.remove(), this._emitter.removeAllListeners(), (t = this._fitAnimation) == null || t.stop(), window.removeEventListener("drag", this._pointermove), document.removeEventListener("wheel", this._detectTrackpad), window.removeEventListener("pointermove", this._pointermove), window.removeEventListener("pointerdown", this._pointerdown);
+    this.stats.dom.remove(), this._emitter.removeAllListeners(), (t = this._fitAnimation) == null || t.stop(), window.removeEventListener("drag", this._drag), document.removeEventListener("wheel", this._detectTrackpad), window.removeEventListener("pointermove", this._pointermove), this.renderer.domElement.removeEventListener("pointerdown", this._pointerdown);
     const e = this.renderer.domElement.parentElement;
     e && ((i = this._resizeObserver) == null || i.unobserve(e)), this.controls.dispose(), this.renderer.dispose(), this._composer.dispose(), this.scene.traverse((n) => {
       n instanceof Ft ? (n.geometry.dispose(), Array.isArray(n.material) ? n.material.forEach((r) => r.dispose()) : n.material && n.material.dispose()) : n instanceof U0 && n.dispose(), n.removeFromParent();