@epigraph/solutions 1.0.21 → 1.0.22

package/dist/epigraph-solutions.js

@@ -13194,7 +13194,7 @@ ${r.join(`
             width: 100%;
             height: 100%;
             pointer-events: none;
-            z-index: 10;
+            z-index: 7;
         }
 
         .dimensions-label {
@@ -13625,7 +13625,7 @@ ${r.join(`
                 pointer-events: none;
                 transition: opacity 0.5s ease;
                 opacity: 1;
-                z-index: 9999;
+                z-index: 9;
             }
 
             .tooltip.right {
@@ -13706,7 +13706,7 @@ ${r.join(`
             :host(.hover) {
                 background-color: unset;
                 cursor: pointer;
-                z-index: 999;
+                z-index: 9;
                 opacity: 1 !important;
 
                 .hotspot-center-circle {
@@ -14169,7 +14169,7 @@ ${r.join(`
         align-items: center;
         opacity: 1;
         transition: opacity 0.3s ease;
-        z-index: 9;
+        z-index: 2;
       }
 
       .video-controls.playing {
@@ -14367,7 +14367,7 @@ ${r.join(`
                 padding: 8px 16px;
                 height: 30px;
                 box-sizing: border-box;
-                z-index: 10;
+                z-index: 9;
             }
 
             :host([hide-pagination]) ::part(pagination) {
@@ -16102,7 +16102,7 @@ ${r.join(`
                 height: 100%;
                 pointer-events: none;
             }
-        `]}static setupWebComponent(){window.customElements.get(rf.webComponentName)||window.customElements.define(rf.webComponentName,rf)}firstUpdated(e){super.firstUpdated(e),this.__setupEventListeners()}addHotspot(e,t=!0){const n=new px({config:e,appWcRef:this.appWcRef,hotspotManagerRef:this});if(n.hidden)return;this.hotspots.set(n.hotspotId,n);const i=this.appWcRef.sceneManager.sceneStructure.getEntityForAssetId(e.assetId);i&&i.addHotspot(n),t&&this.updateHotspotsOrder(Array.from(this.hotspots.keys()))}updateHotspot(e,t){const n=this.hotspots.get(e);if(!n){window.epigraph.logger.error({title:`Invalid hotspot ID: ${e}`});return}n.updateConfig(t),this.__resolveHotspotCardContents()}removeHotspot(e,t=!0){this.hotspots.delete(e),t&&this.updateHotspotsOrder(Array.from(this.hotspots.keys()))}stepHotspots(e){const t=this.activeHotspotIndex;if(t===null)return;const n=this.hotspotsOrder.length;let i=t;e==="next"?(i=t+1,i>=n&&(i=0)):e==="prev"&&(i=t-1,i<0&&(i=n-1));const r=this.hotspotsOrder[i];this.setActiveHotspot({hotspotId:r})}nextHotspot(){return this.stepHotspots("next"),this.appWcRef.eventsManager.hotspotNextEvent.fire({hotspot:this.activeHotspot}),this.activeHotspot}previousHotspot(){return this.stepHotspots("prev"),this.appWcRef.eventsManager.hotspotPreviousEvent.fire({hotspot:this.activeHotspot}),this.activeHotspot}openHotspot({hotspotId:e,state:t,skipHotspotOpenEvent:n=!1}){this.appWcRef.playInteractionPrompt=!1,this.setActiveHotspot({hotspotId:e,state:t}),n||this.appWcRef.eventsManager.hotspotOpenEvent.fire({hotspot:this.activeHotspot});const i=new Hr(!0,Hr.PANEL_TYPE.HOTSPOT_PANEL,Hr.TRIGGER_SOURCE.HOTSPOT,[]);this.appWcRef.epigraphAnalytics.sendEvent(i)}closeActiveHotspot(){const e=this.activeHotspot?.hotspotId;this.setActiveHotspot({hotspotId:null}),this.appWcRef.eventsManager.hotspotClosedEvent.fire({hotspotId:e});const t=new $r(!0,$r.PANEL_TYPE.HOTSPOT_PANEL,$r.TRIGGER_SOURCE.BUTTON,[]);this.appWcRef.epigraphAnalytics.sendEvent(t)}updateHotspotsOrder(e){this.hotspotsOrder=e}removeAllHotspots(){for(const e of this.hotspots.keys())this.removeHotspot(e)}setActiveHotspotByIndex(e){const t=this.hotspotsOrder[e];this.setActiveHotspot({hotspotId:t})}updateActiveHotspotIndex(){this.activeHotspot?this.activeHotspotIndex=this.hotspotsOrder.indexOf(this.activeHotspot?.hotspotId):this.activeHotspotIndex=-1}setActiveHotspotState(e){this.__mobileHotspotCardsManager.setAttribute("cards-state",e)}setActiveHotspot({hotspotId:e,state:t=this.__mobileHotspotCardsManager.cardsState??$n.collapsed}){if(this.activeHotspot?.hotspotId===e)return;const{x:n,y:i,z:r}=this.__cameraOffsetApplied;if((n!==0||i!==0||r!==0)&&(this.appWcRef.cameraManager.mainCameraControls.setFocalOffset(0,0,0,!0),this.__cameraOffsetApplied.x=0,this.__cameraOffsetApplied.y=0,this.__cameraOffsetApplied.z=0),e===null){const l=!!this.activeHotspot;this.activeHotspot=void 0,this.updateActiveHotspotIndex(),l&&this.appWcRef.cameraManager.resetCurrentCameraTransformsToLastSavedState();return}this.enabled===!1&&(this.enabled=!0);const a=!this.activeHotspot;if(this.activeHotspot=this.hotspots.get(e),this.activeHotspot===void 0)return;this.updateActiveHotspotIndex(),this.setActiveHotspotState(t),this.__resolveHotspotCardContents();let o=this.activeHotspot.camera;if(this.activeHotspot?.camera.target.x===9999.9999&&(o=JSON.parse(JSON.stringify(o)),o.target=this.appWcRef.sceneManager.currentSceneCenter,this.appWcRef.cameraManager.mainCameraControls.setFocalOffset(-.5,0,0,!0),this.__cameraOffsetApplied.x=-.5),this.appWcRef.eventsManager.cameraMoveToTransform.fire({cameraTransforms:o,saveFirst:a,ignoreCameraLimits:!0}),this.appWcRef.isPortraitOrientation){const l=this.appWcRef.cameraManager.mainCameraControls,c=new Q;l.getTarget(c,!0);const h=new Q;l.getPosition(h,!0),l.setLookAt(h.x-c.x,h.y,h.z-c.z,0,c.y,0,!0),l.setFocalOffset(0,.1,0,!0),this.__cameraOffsetApplied.y=.1}this.activeHotspot.visited=!0,window.addEventListener("keydown",l=>{l.key==="Escape"&&this.closeActiveHotspot()},{once:!0})}__resolveHotspotCardContents(){this.__allCards=[];let e=0;const t=this.hotspots.size-1,n=this.hotspots.size>1,i=this.appWcRef.productSettings.hotspots.showNavigationButtons;for(const r of this.hotspots.values()){const a=e===0,o=e===t,l=ae`
+        `]}static setupWebComponent(){window.customElements.get(rf.webComponentName)||window.customElements.define(rf.webComponentName,rf)}firstUpdated(e){super.firstUpdated(e),this.__isPortrait=this.appWcRef.isPortraitOrientation,this.__setupEventListeners()}addHotspot(e,t=!0){const n=new px({config:e,appWcRef:this.appWcRef,hotspotManagerRef:this});if(n.hidden)return;this.hotspots.set(n.hotspotId,n);const i=this.appWcRef.sceneManager.sceneStructure.getEntityForAssetId(e.assetId);i&&i.addHotspot(n),t&&this.updateHotspotsOrder(Array.from(this.hotspots.keys()))}updateHotspot(e,t){const n=this.hotspots.get(e);if(!n){window.epigraph.logger.error({title:`Invalid hotspot ID: ${e}`});return}n.updateConfig(t),this.__resolveHotspotCardContents()}removeHotspot(e,t=!0){this.hotspots.delete(e),t&&this.updateHotspotsOrder(Array.from(this.hotspots.keys()))}stepHotspots(e){const t=this.activeHotspotIndex;if(t===null)return;const n=this.hotspotsOrder.length;let i=t;e==="next"?(i=t+1,i>=n&&(i=0)):e==="prev"&&(i=t-1,i<0&&(i=n-1));const r=this.hotspotsOrder[i];this.setActiveHotspot({hotspotId:r})}nextHotspot(){return this.stepHotspots("next"),this.appWcRef.eventsManager.hotspotNextEvent.fire({hotspot:this.activeHotspot}),this.activeHotspot}previousHotspot(){return this.stepHotspots("prev"),this.appWcRef.eventsManager.hotspotPreviousEvent.fire({hotspot:this.activeHotspot}),this.activeHotspot}openHotspot({hotspotId:e,state:t,skipHotspotOpenEvent:n=!1}){this.appWcRef.playInteractionPrompt=!1,this.setActiveHotspot({hotspotId:e,state:t}),n||this.appWcRef.eventsManager.hotspotOpenEvent.fire({hotspot:this.activeHotspot});const i=new Hr(!0,Hr.PANEL_TYPE.HOTSPOT_PANEL,Hr.TRIGGER_SOURCE.HOTSPOT,[]);this.appWcRef.epigraphAnalytics.sendEvent(i)}closeActiveHotspot(){const e=this.activeHotspot?.hotspotId;this.setActiveHotspot({hotspotId:null}),this.appWcRef.eventsManager.hotspotClosedEvent.fire({hotspotId:e});const t=new $r(!0,$r.PANEL_TYPE.HOTSPOT_PANEL,$r.TRIGGER_SOURCE.BUTTON,[]);this.appWcRef.epigraphAnalytics.sendEvent(t)}updateHotspotsOrder(e){this.hotspotsOrder=e}removeAllHotspots(){for(const e of this.hotspots.keys())this.removeHotspot(e)}setActiveHotspotByIndex(e){const t=this.hotspotsOrder[e];this.setActiveHotspot({hotspotId:t})}updateActiveHotspotIndex(){this.activeHotspot?this.activeHotspotIndex=this.hotspotsOrder.indexOf(this.activeHotspot?.hotspotId):this.activeHotspotIndex=-1}setActiveHotspotState(e){this.__mobileHotspotCardsManager.setAttribute("cards-state",e)}setActiveHotspot({hotspotId:e,state:t=this.__mobileHotspotCardsManager.cardsState??$n.collapsed}){if(this.activeHotspot?.hotspotId===e)return;const{x:n,y:i,z:r}=this.__cameraOffsetApplied;if((n!==0||i!==0||r!==0)&&(this.appWcRef.cameraManager.mainCameraControls.setFocalOffset(0,0,0,!0),this.__cameraOffsetApplied.x=0,this.__cameraOffsetApplied.y=0,this.__cameraOffsetApplied.z=0),e===null){const l=!!this.activeHotspot;this.activeHotspot=void 0,this.updateActiveHotspotIndex(),l&&this.appWcRef.cameraManager.resetCurrentCameraTransformsToLastSavedState();return}this.enabled===!1&&(this.enabled=!0);const a=!this.activeHotspot;if(this.activeHotspot=this.hotspots.get(e),this.activeHotspot===void 0)return;this.updateActiveHotspotIndex(),this.setActiveHotspotState(t),this.__resolveHotspotCardContents();let o=this.activeHotspot.camera;if(this.activeHotspot?.camera.target.x===9999.9999&&(o=JSON.parse(JSON.stringify(o)),o.target=this.appWcRef.sceneManager.currentSceneCenter,this.appWcRef.cameraManager.mainCameraControls.setFocalOffset(-.5,0,0,!0),this.__cameraOffsetApplied.x=-.5),this.appWcRef.eventsManager.cameraMoveToTransform.fire({cameraTransforms:o,saveFirst:a,ignoreCameraLimits:!0}),this.appWcRef.isPortraitOrientation){const l=this.appWcRef.cameraManager.mainCameraControls,c=new Q;l.getTarget(c,!0);const h=new Q;l.getPosition(h,!0),l.setLookAt(h.x-c.x,h.y,h.z-c.z,0,c.y,0,!0),l.setFocalOffset(0,.1,0,!0),this.__cameraOffsetApplied.y=.1}this.activeHotspot.visited=!0,window.addEventListener("keydown",l=>{l.key==="Escape"&&this.closeActiveHotspot()},{once:!0})}__resolveHotspotCardContents(){this.__allCards=[];let e=0;const t=this.hotspots.size-1,n=this.hotspots.size>1,i=this.appWcRef.productSettings.hotspots.showNavigationButtons;for(const r of this.hotspots.values()){const a=e===0,o=e===t,l=ae`
                 <swiper-slide part="swiper-slide">
                     <style>
                         .expand-button {
@@ -17483,7 +17483,7 @@ void main() {
                     user-select: none;
                     margin-left: 4px !important;
                     -webkit-user-select: none;
-                    z-index: 8;
+                    z-index: 7;
                 }
 
                 .lil-gui, .lil-gui * {
@@ -17999,7 +17999,7 @@ void main() {
             }
 
             .hotspots-manager {
-                z-index: 9;
+                z-index: 6;
             }
 
             .debug-manager {
@@ -18013,13 +18013,13 @@ void main() {
                 left: 50%;
                 top: 50%;
                 transform: translate(-50%, -50%);
-                z-index: 10;
+                z-index: 7;
             }
 
             .splash-screen {
                 position: absolute;
                 background-color: white;
-                z-index: 13;
+                z-index: 9;
                 top: 0;
                 left: 0;
                 right: 0;
@@ -18037,7 +18037,7 @@ void main() {
                 padding: inherit;
                 align-items: flex-start;
                 transition: opacity 0.5s;
-                z-index: 12;
+                z-index: 6;
             }
 
             .toolset.hide {
@@ -18070,6 +18070,7 @@ void main() {
                 transition: opacity 0.5s;
                 position: absolute;
                 pointer-events: auto;
+                z-index: 6;
             }
 
             .powered-by-epigraph-button.hide {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epigraph/solutions",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "type": "module",
   "main": "./dist/epigraph-solutions.js",
   "files": [