shop-components 0.4.11 → 0.4.12

package/dist/shop-components.mjs

@@ -9854,7 +9854,7 @@ const Bn = new mn();
 Bn.crossOrigin = "anonymous";
 class Ac extends Bt {
   constructor(e) {
-    super(), this._props = e, this._emitter = new Ot(), this.addEventListener = this._emitter.addListener.bind(this._emitter), this._container = new ge(), this.lines = new ge(), this._clips = [], this._actionsMap = /* @__PURE__ */ new Map(), this._animationClock = new qi(), this.sizeBox = new wc(), this._goodsSize = new lc(0, 0, 0), this._slots = [], this._logos = [], this._skins = [], this._levels = /* @__PURE__ */ new Map(), this._rollerLevel = /* @__PURE__ */ new Map(), this._liftBrackets = [], this._rollerColumns = 1, this._bodyOpacity = 1, this._masts = /* @__PURE__ */ new Map(), this._liftMaxHeight = 0, this._jackMaxHeight = 0, this._forkMaxHeight = 0, this.controllers = [], this.goods = [], this._breathLights = [], this._shelves = /* @__PURE__ */ new Map(), this._shelfMaxLevel = 1, this._url = "", this._showController = !0, this._showSlots = !0, this._shapeKeys = /* @__PURE__ */ new Map(), this._shapeKeyTargets = /* @__PURE__ */ new Map(), this._shapeKeyTimer = 0, this._shapeKeyCache = "", this._materialsCache = /* @__PURE__ */ new Map(), this.opacityCache = void 0, this.actions = [], this._currentAction = null, this._pendingFinishedCallback = null, this._url = e.url || "", this._url && this.load(this._url).then(), this.add(this._container, this.lines), this._props.showSizeBox && this.add(this.sizeBox), this.showController = typeof e.showController == "boolean" ? e.showController : !0, this._showSlots = typeof e.showSlots == "boolean" ? e.showSlots : !0;
+    super(), this._props = e, this._emitter = new Ot(), this.addEventListener = this._emitter.addListener.bind(this._emitter), this._container = new ge(), this.lines = new ge(), this._clips = [], this._actionsMap = /* @__PURE__ */ new Map(), this._animationClock = new qi(), this.sizeBox = new wc(), this._goodsSize = new lc(0, 0, 0), this._slots = [], this._logos = [], this._skins = [], this._levels = /* @__PURE__ */ new Map(), this._rollerLevel = /* @__PURE__ */ new Map(), this._liftBrackets = [], this._rollerColumns = 1, this._bodyOpacity = 1, this._masts = /* @__PURE__ */ new Map(), this._liftMaxHeight = 0, this._jackMaxHeight = 0, this._forkMaxHeight = 0, this.controllers = [], this.goods = [], this._breathLights = [], this._shelves = /* @__PURE__ */ new Map(), this._shelfMaxLevel = 1, this._url = "", this._showController = !0, this._showSlots = !0, this._shapeKeys = /* @__PURE__ */ new Map(), this._shapeKeyTargets = /* @__PURE__ */ new Map(), this._shapeKeyTimer = 0, this._shapeKeyCache = "", this._materialsCache = /* @__PURE__ */ new Map(), this.opacityCache = void 0, this.actions = [], this._levelCount = 1, this._currentAction = null, this._pendingFinishedCallback = null, this._url = e.url || "", this._url && this.load(this._url).then(), this.add(this._container, this.lines), this._props.showSizeBox && this.add(this.sizeBox), this.showController = typeof e.showController == "boolean" ? e.showController : !0, this._showSlots = typeof e.showSlots == "boolean" ? e.showSlots : !0;
   }
   get shapeKeys() {
     return this._shapeKeys;
@@ -9937,22 +9937,22 @@ class Ac extends Bt {
         const s = i + 0.14 - 0.54;
         this.setShapeKey("boxLength", s);
         const a = i + 0.14;
-        if (this.setShapeKey("topLength", a), this.isTopInvert) {
+        if (this.setShapeKey("topWidth", a), this.isTopInvert) {
           const n = i - 0.257;
-          this.setShapeKey("width", n);
+          this.setShapeKey("length", n);
         } else
-          this.setShapeKey("length", a);
+          this.setShapeKey("width", a);
         this._generateRollers();
       }
       if (t === "goodsWidth") {
         const s = i + 0.193;
         this.setShapeKey("boxWidth", s);
         const a = i + 0.219;
-        if (this.setShapeKey("topWidth", a), this.isTopInvert) {
+        if (this.setShapeKey("topLength", a), this.isTopInvert) {
           const n = i + 0.62;
-          this.setShapeKey("length", n);
+          this.setShapeKey("width", n);
         } else
-          this.setShapeKey("width", a);
+          this.setShapeKey("length", a);
         this._generateRollers();
       }
     });
@@ -10056,11 +10056,7 @@ class Ac extends Bt {
       const s = this._mixer.clipAction(i);
       this._actionsMap.set(i.name, s);
     }), this.actions = t.map((i) => i.name)), this._shapeKeyTargets.clear(), this._shapeKeys.clear(), e.traverse((i) => {
-      if (i.userData.isShelf && (this._shelf = i), i.userData.isFork && (this._fork = i), i.userData.isMast && i.userData.mastLevel && this._masts.set(i.userData.mastLevel, i), i.userData.isJack && (this._jack = i), i.userData.isLift && (this._lift = i), i.userData.isRollerLevel) {
-        const s = `1-${i.userData.level || 0}`;
-        this._rollerLevel.set(s, i);
-      }
-      i.userData.isLift && (this._lift = i), i.userData.isCenterModel && (i.visible = !1, this._centerModel = i), i.userData.isSwitch && i.userData.switchName === "top" && (this._rollerTop = i), i.userData.isLiftBracket && this._liftBrackets.push(i), i.userData.isBaffle && (this._rollerBaffle = i, i.visible = !1), i.userData.isRoller && (this._roller = i, this._generateRollers()), i.userData.isRollerLevelBox && (this._rollerGoodsBox = i), Object.keys(i.morphTargetDictionary || {}).forEach((s) => {
+      i.userData.isShelf && (this._shelf = i), i.userData.isFork && (this._fork = i), i.userData.isMast && i.userData.mastLevel && this._masts.set(i.userData.mastLevel, i), i.userData.isJack && (this._jack = i), i.userData.isLift && (this._lift = i), i.userData.isRollerLevel && this._rollerLevel.set(i.userData.level || 0, i), i.userData.isLift && (this._lift = i), i.userData.isCenterModel && (i.visible = !1, this._centerModel = i), i.userData.isSwitch && i.userData.switchName === "top" && (this._rollerTop = i), i.userData.isLiftBracket && this._liftBrackets.push(i), i.userData.isBaffle && (this._rollerBaffle = i, i.visible = !1), i.userData.isRoller && (this._roller = i, this._generateRollers()), i.userData.isRollerLevelBox && (this._rollerGoodsBox = i), Object.keys(i.morphTargetDictionary || {}).forEach((s) => {
         let a = i.morphTargetInfluences[i.morphTargetDictionary[s]];
         i.userData[`origin_${s}`] && (a += i.userData[`origin_${s}`]), this._shapeKeys.has(s) || this._shapeKeys.set(s, a);
         const n = this._shapeKeyTargets.get(s);
@@ -10225,10 +10221,27 @@ class Ac extends Bt {
       return Math.abs(this._rollerTop.rotation.z) === Math.PI / 2;
   }
   setTopInvert(e = !0) {
-    this._rollerTop && (this._rollerTop.rotation.z = e ? Math.PI / 2 : 0, this.setShapeKey("switch", e ? 1 : 0), this.setShapeKey("goodsWidth", this.goodsSize.length), this.setShapeKey("goodsLength", this.goodsSize.width));
+    this._rollerTop && (this._rollerTop.rotation.z = e ? Math.PI / 2 : 0, this.setShapeKey("switch", e ? 1 : 0), this.setShapeKey("goodsWidth", this.goodsSize.width), this.setShapeKey("goodsLength", this.goodsSize.length));
+  }
+  get levels() {
+    return this._levelCount;
+  }
+  setLevels(e) {
+    var a;
+    if (!e)
+      return;
+    this._levelCount = e;
+    const t = this._rollerLevel.size;
+    let i = e - t;
+    const s = this._rollerLevel.get(0);
+    if (i > 0 && s)
+      for (let n = t; n < e; n++) {
+        const c = s.clone(!0);
+        c.position.z += 0.2, this._rollerLevel.set(n, c), (a = s.parent) == null || a.add(c);
+      }
   }
   setRollerHeight(e, t) {
-    const i = this._rollerLevel.get(`1-${e}`);
+    const i = this._rollerLevel.get(e);
     i && (i.position.z = t);
   }
   _generateRollers() {
@@ -13249,7 +13262,7 @@ class Lh {
       Mt || typeof Mt < "u" || (Fi === 0 && (Ws = performance.now()), Fi++, performance.now() - Ws > 66 && (Fi > 5 ? Mt = !0 : Mt = !1, Mt ? this.controls.zoomSpeed = 0.2 : this.controls.zoomSpeed = 1, setTimeout(Vu, 2e3)));
     }, this.debounceForkHeightChange = ac(() => {
       var c;
-      (c = this._progressShadow) == null || c.recalculate();
+      this._progressShadow.clear(), (c = this._progressShadow) == null || c.recalculate();
     }, 300), this.focusObjects = (c, u) => {
       var se;
       if (!c.length) {
@@ -13462,7 +13475,7 @@ class Lh {
       frames: e.isMobile ? 80 : 120,
       lightRadius: 8,
       ambientWeight: 0.8
-    }), this._progressShadow.lightOrigin.position.set(3, 2.5, 6), this._progressShadow.visible = !1, this._container.add(this.amr), this.scene.add(this._container), this.ticker(), this._loadEnv(), this._initEvents(), this.scene.add(this._cameraPositionUI), this._ground.rotateX(-Math.PI / 2), this.scene.add(this._ground), this._jumpFlood = new Bu(this.renderer, this.scene, this.camera, {
+    }), this._progressShadow.lightOrigin.position.set(3, 2.5, 6), this._progressShadow.visible = !1, this._container.add(this.amr), this.scene.add(this._container), this.ticker(0), this._loadEnv(), this._initEvents(), this.scene.add(this._cameraPositionUI), this._ground.rotateX(-Math.PI / 2), this.scene.add(this._ground), this._jumpFlood = new Bu(this.renderer, this.scene, this.camera, {
       thickness: 4,
       color: "#fff"
     }), (typeof e.useAxisBall != "boolean" || e.useAxisBall) && (this._controlsGizmo = new Iu(this.controls, {
@@ -13492,7 +13505,7 @@ class Lh {
     e ? (this._progressShadow.visible = !1, this.amr.bodyOpacity = 0.2) : (this._progressShadow.visible = !0, this.amr.bodyOpacity = 1, this._progressShadow.isFinished || this._progressShadow.recalculate().then()), this._shadowMode = e;
   }
   set usePathTracing(e) {
-    this._clearAmrContent(), e ? (this.renderer.toneMappingExposure = 1.8, this.overlayScene.add(this._progressShadow.shadowCatcherMesh), this.amr && (this.amr.bodyOpacity = 1), this.hideAmrUI(), this.pathTracer.renderToCanvas = !0, this.scene.background = null, this._ptEnvMap ? (this.scene.environment = this._ptEnvMap, this.pathTracer.updateEnvironment()) : new cr().load(Uu, (t) => {
+    this._clearAmrContent(), e ? (this.scene.background = new K("transparent"), this.renderer.toneMappingExposure = 1.8, this.overlayScene.add(this._progressShadow.shadowCatcherMesh), this.amr && (this.amr.bodyOpacity = 1), this.hideAmrUI(), this.pathTracer.renderToCanvas = !0, this.scene.background = null, this._ptEnvMap ? (this.scene.environment = this._ptEnvMap, this.pathTracer.updateEnvironment()) : new cr().load(Uu, (t) => {
       t.mapping = ki, this._ptEnvMap = t, this.usePathTracing && (this.scene.environment = t, this.pathTracer.updateEnvironment());
     })) : (this.renderer.toneMappingExposure = 1.4, this.scene.add(this._progressShadow.shadowCatcherMesh), this.pathTracer.renderToCanvas = !1, this.amr.logos.forEach((t) => {
       var i;
@@ -13643,7 +13656,7 @@ class Lh {
         "liftLength",
         "liftWidth",
         "liftOuterWidth"
-      ].includes(i) && (this._progressShadow.clear(), this._progressShadow.recalculate());
+      ].includes(i) && (this._progressShadow.clear(), this.debounceForkHeightChange());
     });
   }
   _animateCamera(e, t, i, s, a, n) {
@@ -13679,12 +13692,12 @@ class Lh {
     typeof e == "string" || (Array.isArray(e) ? this._selectedForOutline = [...e] : this._selectedForOutline = [e]);
   }
   appendTo(e) {
-    e.append(this.renderer.domElement), e.append(this.stats.dom), e.append(this.css2dRenderer.domElement), this.props.isMobile && (e.classList.add("is-mobile"), e.style.cssText = `
+    e.append(this.renderer.domElement), e.append(this.stats.dom), e.append(this.css2dRenderer.domElement), this.props.isMobile ? (e.classList.add("is-mobile"), e.style.cssText = `
         -webkit-user-select: none;
         user-select: none;
         touch-action: none;
         -webkit-touch-callout: none;
-      `), this._controlsGizmo && this._controlsGizmo.appendTo(e), this.stats.dom.style.bottom = "0", this.stats.dom.style.top = "auto", this.resize(), this._resizeObserver = new ResizeObserver(this.resize.bind(this)), this._resizeObserver.observe(e);
+      `) : e.style.background = "radial-gradient(326% 141% at 50% 103%, #E0E0E0 0%, #D9D9D9 38%, #C2C2C2 47%, #C2C2C2 52%, #F0F0F0 100%)", this._controlsGizmo && this._controlsGizmo.appendTo(e), this.stats.dom.style.bottom = "0", this.stats.dom.style.top = "auto", this.resize(), this._resizeObserver = new ResizeObserver(this.resize.bind(this)), this._resizeObserver.observe(e);
   }
   add(e) {
     this._container.add(e);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shop-components",
-  "version": "0.4.11",
+  "version": "0.4.12",
   "description": "Shop components",
   "main": "dist/shop-components.umd.js",
   "module": "dist/shop-components.mjs",