@crystaldesign/diva-web-planner-react 24.12.0-beta.25 → 24.12.0-beta.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/build/umd/2568.diva-web-planner-react.umd.min.js +1 -1
  2. package/build/umd/6266.diva-web-planner-react.umd.min.js +1 -1
  3. package/build/umd/diva-web-planner-react.umd.min.js +1 -1
  4. package/build/umd/report.html +1 -1
  5. package/package.json +6 -6
package/build/umd/2568.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 2568.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2568],{22568:(e,n,i)=>{i.r(n),i.d(n,{default:()=>D});var t=i(84658),r=i(13125),o=i(43860),s=i(80248),a=i(50747),c=i.n(a),d=i(55901),l=i(22739),u=i(58949),g=i(87293),h=i(1055),v=i(65713),R=i(7770),S=d.ZP.initLog("Planner","WEB-PLANNER-LOGIC"),D=function(){return(0,o.Z)((function Host3DSignalR(e,n){var i=this;(0,r.Z)(this,Host3DSignalR),(0,s.Z)(this,"renderSettings",void 0),(0,s.Z)(this,"signalRConnection",void 0),(0,s.Z)(this,"connectionStarted",void 0),(0,s.Z)(this,"successfullyLoggedIn",void 0),(0,s.Z)(this,"connectionErrorCount",void 0),(0,s.Z)(this,"doIgnoreOnClosed",void 0),(0,s.Z)(this,"sessionID",void 0),(0,s.Z)(this,"divaMediaServiceSocketIO",void 0),(0,s.Z)(this,"lastJoinDivaNr",void 0),(0,s.Z)(this,"reconnectAfterError",void 0),(0,s.Z)(this,"successfullyJoinedDivaNr",void 0),(0,s.Z)(this,"plannerHandler3D",void 0),(0,s.Z)(this,"reconnectingErrorCount",void 0),(0,s.Z)(this,"openSocketToMediaService",(function(e){var n=new URL(i.renderSettings.DivaMediaServiceUrl+"/"),t=n.origin+"?divaNrs="+e;i.divaMediaServiceSocketIO=(0,g.ZP)(t,{forceNew:!0,path:n.pathname+"socket.io",rejectUnauthorized:!1});var r=i;i.divaMediaServiceSocketIO.on("error",(function(e){S.errorTransaction("ON_REQUEST_RENDERING","WC_0013","Error requesting the 3D Image")})),i.divaMediaServiceSocketIO.on("connect_error",(function(e){S.errorTransaction("ON_REQUEST_RENDERING","WC_0013","Error requesting the 3D Image")})),i.divaMediaServiceSocketIO.on("connect",(function(n){S.debug("Successfully connected to DivaMediaService with divaNr: "+e)})),i.divaMediaServiceSocketIO.on("disconnect",(function(){S.debug("Disconnect from DivaMediaService with divaNr: "+e+" and mediaServiceUrl: "+i.renderSettings.DivaMediaServiceUrl)})),i.divaMediaServiceSocketIO.on("DIVA3D",(function(e){if(e.hash&&""!=e.hash){new Date;S.successTransaction("ON_REQUEST_RENDERING",{hash:e.hash}),r.plannerHandler3D.handleReceiveRendering({divaNr:e.divaNr,hash:e.hash,buffer:e.buffer,url:e.url,saveMode:e.saveMode})}}))})),(0,s.Z)(this,"noRenderClientFound",(function(e,n,t){S.debug("No rendering client has loaded the planning - send new request and force reload!"),d.ZP.endSpanOfApm("PlannerHandler3D requestRenderingFromSignalR "+e),d.ZP.endSpanOfApm("PlannerHandler3D requestRenderingDescriptionFromSignalR "+e),i.plannerHandler3D.onErrorRequestingRendering(e,n,t)})),(0,s.Z)(this,"returnVPInfo",(function(e){})),(0,s.Z)(this,"newRendering",(function(e,n,t){S.debug("Receive UI Polygon: "+t),i.plannerHandler3D.onReceivedAdditionalRenderInfo(n,t)})),(0,s.Z)(this,"newHQRenderScript",(function(e,n,t){S.debug("Receive HQRenderScript: "+t),S.successTransaction("requestHQR",{hash:n}),i.plannerHandler3D.onReceiveHQRenderScript(n,t)})),(0,s.Z)(this,"newRenderingLayerMask",(function(e,n){d.ZP.endSpanOfApm("PlannerHandler3D requestRenderingDescriptionFromSignalR "+n),S.debug("New Rendering Layer Mask finished hash: "+n)})),this.renderSettings=e,this.connectionStarted=!1,this.successfullyLoggedIn=!1,this.successfullyJoinedDivaNr=!1,this.connectionErrorCount=0,this.reconnectAfterError=!1,this.lastJoinDivaNr="",this.doIgnoreOnClosed=!1,this.plannerHandler3D=n,this.sessionID="",this.reconnectingErrorCount=0}),[{key:"initializeConnection",value:(f=(0,t.Z)(c().mark((function _callee2(e){var n,i=this;return c().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:if(d.ZP.startSpanOfApm("Host3DSingalR initializeConnection"),!(this.reconnectingErrorCount>0)){e.next=4;break}return e.next=4,this.delay(100);case 4:S.debug("Create SignalR connection with host: "+this.renderSettings.Diva3DServerURL+"; RenderGroup: "+this.renderSettings.RenderGroup),n=this,this.signalRConnection&&(this.doIgnoreOnClosed=!0,this.signalRConnection.completeClose(),this.signalRConnection=null),0==("undefined"==typeof window||window).DIVA_LOGGER?this.signalRConnection=(new l.s).withUrl(this.renderSettings.Diva3DServerURL).withHubProtocol(new h.e).build():this.signalRConnection=(new l.s).withUrl(this.renderSettings.Diva3DServerURL).withHubProtocol(new h.e).configureLogging(u.i.None).build(),this.signalRConnection.on("UnvalidSessionID",this.unvalidSessionID),this.signalRConnection.on("noRenderClientFound",this.noRenderClientFound),this.signalRConnection.on("newRendering",this.newRendering),this.signalRConnection.on("newHQRenderScript",this.newHQRenderScript),this.signalRConnection.on("newRenderingLayerMask",this.newRenderingLayerMask),this.signalRConnection.start().then((function(){d.ZP.endSpanOfApm("PlannerHandler3D initSignalRConnection"),n.connectionStarted=!0,n.doIgnoreOnClosed=!1,n.reconnectAfterError?S.debug("SignalR Connection to 3DHost: "+i.renderSettings.Diva3DServerURL+" sucessfully reconnected","initSignalRConnection"):S.debug("SignalR Connection to 3DHost: "+n.renderSettings.Diva3DServerURL+" sucessfully started","initSignalRConnection"),n.reconnectingErrorCount=0,n.login()})).catch((function(e){d.ZP.endSpanOfApm("PlannerHandler3D initSignalRConnection"),S.error(new d.GE("Connection error. Message: "+e.toString(),{code:"WC_0014"})),n.connectionStarted=!1,n.successfullyLoggedIn&&n.successfullyJoinedDivaNr||(n.reconnectingErrorCount++,n.reconnectingErrorCount<5&&n.initializeConnection())})),this.signalRConnection.onclose((0,t.Z)(c().mark((function _callee(){return c().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(d.ZP.endSpanOfApm("PlannerHandler3D initSignalRConnection"),S.warn("Connection with 3D Host gets lost. Try to reconnect.","WC_0014"),n.connectionStarted=!1,i.successfullyLoggedIn=!1,i.successfullyJoinedDivaNr=!1,!i.doIgnoreOnClosed){e.next=7;break}return e.abrupt("return");case 7:i.reconnectAfterError=!0,n.initializeConnection();case 9:case"end":return e.stop()}}),_callee)}))));case 15:case"end":return e.stop()}}),_callee2,this)}))),function initializeConnection(e){return f.apply(this,arguments)})},{key:"delay",value:function delay(e){return new Promise((function(n){return setTimeout(n,e)}))}},{key:"joinDivaNr",value:(D=(0,t.Z)(c().mark((function _callee3(e){return c().wrap((function _callee3$(n){for(;;)switch(n.prev=n.next){case 0:if(!this.reconnectAfterError&&this.lastJoinDivaNr==e){n.next=4;break}return n.next=3,this.join(e);case 3:this.reconnectAfterError=!1;case 4:case"end":return n.stop()}}),_callee3,this)}))),function joinDivaNr(e){return D.apply(this,arguments)})},{key:"getSuccessfullyJoinedToDivaNr",value:function getSuccessfullyJoinedToDivaNr(){return this.successfullyJoinedDivaNr}},{key:"getViewPointInfo",value:(a=(0,t.Z)(c().mark((function _callee4(e,n){var i;return c().wrap((function _callee4$(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,this.signalRConnection.invoke("GetVPInfo",this.sessionID,n,e);case 3:return i=t.sent,t.abrupt("return",i);case 7:t.prev=7,t.t0=t.catch(0),S.error(new d.GE("DoUpdate 3D Host",{code:"WC_0014"}));case 10:case"end":return t.stop()}}),_callee4,this,[[0,7]])}))),function getViewPointInfo(e,n){return a.apply(this,arguments)})},{key:"getConnectionReady",value:function getConnectionReady(){return this.connectionIsReady()}},{key:"getStaticRoomListInfo",value:(i=(0,t.Z)(c().mark((function _callee5(e){var n;return c().wrap((function _callee5$(i){for(;;)switch(i.prev=i.next){case 0:return this.connectionIsReady()||(n=this,setTimeout((function(){return n.getStaticRoomListInfo(e)}),400)),S.debug("DIVA3D-HOST.SignaR POST GetFrontendRoomList - sessionID:"+this.sessionID),i.next=4,this.signalRConnection.invoke("GetFrontendRoomlist",this.sessionID,e);case 4:return i.abrupt("return",i.sent);case 5:case"end":return i.stop()}}),_callee5,this)}))),function getStaticRoomListInfo(e){return i.apply(this,arguments)})},{key:"request3D",value:function request3D(e){var n=this;if(this.connectionIsReady()&&this.successfullyJoinedDivaNr){var i,t,r,o,s,a,c,d,l,u,g,h,D=void 0,f=void 0;if(null!=e&&e.doRequestRendering)(D=new v.Z(e.planningHash,e.renderHash,null===(t=e.requestRenderingParams)||void 0===t?void 0:t.viewPointName,null===(r=e.requestRenderingParams)||void 0===r?void 0:r.width,null===(o=e.requestRenderingParams)||void 0===o?void 0:o.height,null===(s=e.requestRenderingParams)||void 0===s?void 0:s.isFullscreenRendering,null===(a=e.requestRenderingParams)||void 0===a?void 0:a.hasDimensionLines,null===(c=e.requestRenderingParams)||void 0===c?void 0:c.plannerMeasureDigits,null===(d=e.requestRenderingParams)||void 0===d?void 0:d.planner3DGridEnabled,!(null===(l=e.requestRenderingParams)||void 0===l||!l.viewPointInfo)&&e.requestRenderingParams.viewPointInfo.isStatic,null===(u=e.requestRenderingParams)||void 0===u?void 0:u.mediaServiceSaveMode,null===(g=e.requestRenderingParams)||void 0===g?void 0:g.alternateRenderingsExist,null===(h=e.requestRenderingParams)||void 0===h?void 0:h.alternateRenderInfo)).CatalogCodex=e.requestRenderingParams.catalogData.catalogCodex,D.CatalogGUID=e.requestRenderingParams.catalogData.catalogGUID;e.doRequestHqRenderScript&&(f=new R.Z(e.planningHash));var p=this.create3DHostRequestOption(e);if(p.hqrenderscript&&S.startTransaction({event:"requestHQR",eventId:"requestHQR",message:e.planningHash}),S.debug("request 3D (mediaType "+(null===(i=e.requestRenderingParams)||void 0===i?void 0:i.mediaServiceSaveMode)+") from 3D Host"+JSON.stringify(e)),p.rendering&&S.startTransaction({event:"onRequestRendering",message:"Requesting Rendering",eventId:"ON_REQUEST_RENDERING",warningTime:2e3,errorTime:4e3,labels:{renderGroup:this.renderSettings.RenderGroup,hash:e.renderHash}}),e.doReloadWholePlanning)S.debug("Host3DSignalR SaveProjectWithOptions"),this.signalRConnection.invoke("SaveProjectWithOptions",this.sessionID,e.divaNr,JSON.stringify(e.planningData),this.renderSettings.RenderGroup,JSON.stringify(p));else{e.requestRenderingParams&&e.requestRenderingParams.viewPointName;p.rendering&&S.startTransaction({event:"onRequestRendering",message:"Requesting Rendering",eventId:"ON_REQUEST_RENDERING",warningTime:2e3,errorTime:4e3,labels:{renderGroup:this.renderSettings.RenderGroup}}),this.signalRConnection.invoke("RequestRenderingWithOptions",this.sessionID,e.divaNr,p.VPName,p.VPSize,e.renderHash,JSON.stringify(p))}return S.successTransaction("ON_REQUEST_RENDERING"),{rendering:D,hqRenderScript:f}}return e.doReloadWholePlanning=!0,setTimeout((function(){return n.request3D(e)}),300),{rendering:void 0,hqRenderScript:void 0}}},{key:"create3DHostRequestOption",value:function create3DHostRequestOption(e){var n,i,t,r,o,s,a,c,l,u,g,h,v,R,S=e.requestRenderingParams?e.requestRenderingParams.width+":"+e.requestRenderingParams.height:"",D=null!=e&&e.doRequestRendering&&e.requestRenderingParams.planner3DGridEnabled?"layermask":"",f=null!=e&&e.doRequestRendering?"STREAM"==e.requestRenderingParams.mediaServiceSaveMode?0:"PERMANENT"==e.requestRenderingParams.mediaServiceSaveMode?1:-1:-1,p="";e.requestRenderingParams&&e.requestRenderingParams.functionType&&(p=e.requestRenderingParams.functionType);if(null!=e&&e.doRequestRendering&&e.requestRenderingParams.articleCodices){"[";for(var m=0;m<e.requestRenderingParams.articleCodices.length;m++)'"'+e.requestRenderingParams.articleCodices[m]+'"'+(m<e.requestRenderingParams.articleCodices.length-1?",":"");"]"}return{rendering:null==e?void 0:e.doRequestRendering,hqrenderscript:e.doRequestHqRenderScript,VPName:null!==(n=null===(i=e.requestRenderingParams)||void 0===i?void 0:i.viewPointName)&&void 0!==n?n:"",VPSize:S,VPFilename:e.renderHash,PlanningHash:e.planningHash,RenderHash:e.renderHash,plannerMeasureDigits:null!==(t=null===(r=e.requestRenderingParams)||void 0===r?void 0:r.plannerMeasureDigits)&&void 0!==t?t:0,Format:"JPG",BG:D,MSSM:f,OrgId:this.renderSettings.OrganizationId,FunctionType:p,CatalogCodex:null!==(o=null===(s=e.requestRenderingParams)||void 0===s?void 0:s.catalogData.catalogCodex)&&void 0!==o?o:"",CatalogGuid:null!==(a=null===(c=e.requestRenderingParams)||void 0===c?void 0:c.catalogData.catalogGUID)&&void 0!==a?a:"",ArticleCodices:null!==(l=null===(u=e.requestRenderingParams)||void 0===u?void 0:u.articleCodices)&&void 0!==l?l:[],UserSessionId:d.ZP.SessionId,v:null!==(g=null===(h=e.requestRenderingParams)||void 0===h?void 0:h.catalogData.catalogGUID)&&void 0!==g?g:"",camera:null===(v=e.requestRenderingParams)||void 0===v?void 0:v.camera,forceUseCam:!(null===(R=e.requestRenderingParams)||void 0===R||!R.forceUseCam)}}},{key:"closeConnection",value:function closeConnection(){this.signalRConnection&&(this.doIgnoreOnClosed=!0,this.signalRConnection.invoke("LeaveWebClient"),S.debug("SignalRConnection: Close Connection and say byby to Diva3DHost."),this.signalRConnection.completeClose())}},{key:"login",value:(n=(0,t.Z)(c().mark((function _callee6(){var e,n;return c().wrap((function _callee6$(i){for(;;)switch(i.prev=i.next){case 0:return S.debug("DIVA3D-HOST.SignaR POST Login - userID:"+this.renderSettings.UserID+", deviceID:"+this.renderSettings.DeviceID+", divaSessionID:"+this.renderSettings.DivaSessionID+", _Application:"+this.renderSettings.ApplicationName),d.ZP.startSpanOfApm("PlannerHandler3D login"),i.prev=2,i.next=5,this.signalRConnection.invoke("LoginWebPlanner",this.renderSettings.UserID,this.renderSettings.DeviceID,this.renderSettings.DivaSessionID,this.renderSettings.ApplicationName);case 5:e=i.sent,this.connectionErrorCount=0,""!=e?(this.successfullyLoggedIn=!0,S.debug("DIVA3D-HOST.SignaR Response ReturnLogin - sessionID: "+e),this.sessionID=e,this.plannerHandler3D.onConnectionInitialized({status:"SUCCESSFULL"})):this.plannerHandler3D.onConnectionInitialized({status:"ERROR"}),i.next=15;break;case 10:i.prev=10,i.t0=i.catch(2),d.ZP.endSpanOfApm("PlannerHandler3D login"),n=this,this.handleConnectionError(i.t0,(function(){n.login()}));case 15:case"end":return i.stop()}}),_callee6,this,[[2,10]])}))),function login(){return n.apply(this,arguments)})},{key:"join",value:(e=(0,t.Z)(c().mark((function _callee7(e){var n,i;return c().wrap((function _callee7$(t){for(;;)switch(t.prev=t.next){case 0:if(""!=e){t.next=2;break}return t.abrupt("return");case 2:if(this.lastJoinDivaNr!=e&&this.openSocketToMediaService(e),n=this,this.connectionIsReady()){t.next=8;break}setTimeout((function(){n.join(e)}),200),t.next=23;break;case 8:return this.lastJoinDivaNr=e,d.ZP.startSpanOfApm("PlannerHandler3D join"),S.debug("PlannerHandler3D SignalR - Join DivaNr to connected host: "+e),t.prev=11,t.next=14,this.signalRConnection.invoke("JoinWebPlanner",this.sessionID,e);case 14:i=t.sent,d.ZP.endSpanOfApm("PlannerHandler3D join"),i?(this.successfullyJoinedDivaNr=!0,this.plannerHandler3D.onConnectedToDivaNr("SUCCESSFULL"),S.debug("Return Join - Join successfull.")):this.join(e),this.connectionErrorCount=0,t.next=23;break;case 20:t.prev=20,t.t0=t.catch(11),this.handleConnectionError(t.t0,(function(){n.join(e)}));case 23:case"end":return t.stop()}}),_callee7,this,[[11,20]])}))),function join(n){return e.apply(this,arguments)})},{key:"handleConnectionError",value:function handleConnectionError(e,n){this.connectionErrorCount++,4==this.connectionErrorCount?S.debug("SignalR Error. not possible to establish SignalR connection."):S.debug("SignalR Error. Message: "+e.message)}},{key:"connectionIsReady",value:function connectionIsReady(){return this.connectionStarted&&this.successfullyLoggedIn}},{key:"unvalidSessionID",value:function unvalidSessionID(e,n){S.debug("DIVA3D-HOST.SignaR Response Unvalid SessionID"),this.successfullyLoggedIn=!1}}]);var e,n,i,a,D,f}()}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2568],{22568:(e,n,i)=>{i.r(n),i.d(n,{default:()=>D});var t=i(84658),r=i(13125),o=i(43860),s=i(80248),a=i(50747),c=i.n(a),d=i(55901),l=i(22739),u=i(58949),g=i(87293),v=i(1055),h=i(65713),R=i(7770),S=d.ZP.initLog("Planner","WEB-PLANNER-LOGIC"),D=function(){return(0,o.Z)((function Host3DSignalR(e,n){var i=this;(0,r.Z)(this,Host3DSignalR),(0,s.Z)(this,"renderSettings",void 0),(0,s.Z)(this,"signalRConnection",void 0),(0,s.Z)(this,"connectionStarted",void 0),(0,s.Z)(this,"successfullyLoggedIn",void 0),(0,s.Z)(this,"connectionErrorCount",void 0),(0,s.Z)(this,"doIgnoreOnClosed",void 0),(0,s.Z)(this,"sessionID",void 0),(0,s.Z)(this,"divaMediaServiceSocketIO",void 0),(0,s.Z)(this,"lastJoinDivaNr",void 0),(0,s.Z)(this,"reconnectAfterError",void 0),(0,s.Z)(this,"successfullyJoinedDivaNr",void 0),(0,s.Z)(this,"plannerHandler3D",void 0),(0,s.Z)(this,"reconnectingErrorCount",void 0),(0,s.Z)(this,"openSocketToMediaService",(function(e){var n=new URL(i.renderSettings.DivaMediaServiceUrl+"/"),t=n.origin+"?divaNrs="+e;i.divaMediaServiceSocketIO=(0,g.ZP)(t,{forceNew:!0,path:n.pathname+"socket.io",rejectUnauthorized:!1});var r=i;i.divaMediaServiceSocketIO.on("error",(function(e){S.errorTransaction("ON_REQUEST_RENDERING","WC_0013","Error requesting the 3D Image")})),i.divaMediaServiceSocketIO.on("connect_error",(function(e){S.errorTransaction("ON_REQUEST_RENDERING","WC_0013","Error requesting the 3D Image")})),i.divaMediaServiceSocketIO.on("connect",(function(n){S.debug("Successfully connected to DivaMediaService with divaNr: "+e)})),i.divaMediaServiceSocketIO.on("disconnect",(function(){S.debug("Disconnect from DivaMediaService with divaNr: "+e+" and mediaServiceUrl: "+i.renderSettings.DivaMediaServiceUrl)})),i.divaMediaServiceSocketIO.on("DIVA3D",(function(e){if(e.hash&&""!=e.hash){new Date;S.successTransaction("ON_REQUEST_RENDERING",{hash:e.hash}),r.plannerHandler3D.handleReceiveRendering({divaNr:e.divaNr,hash:e.hash,buffer:e.buffer,url:e.url,saveMode:e.saveMode})}}))})),(0,s.Z)(this,"noRenderClientFound",(function(e,n,t){S.debug("No rendering client has loaded the planning - send new request and force reload!"),d.ZP.endSpanOfApm("PlannerHandler3D requestRenderingFromSignalR "+e),d.ZP.endSpanOfApm("PlannerHandler3D requestRenderingDescriptionFromSignalR "+e),i.plannerHandler3D.onErrorRequestingRendering(e,n,t)})),(0,s.Z)(this,"returnVPInfo",(function(e){})),(0,s.Z)(this,"newRendering",(function(e,n,t){S.debug("Receive UI Polygon: "+t),i.plannerHandler3D.onReceivedAdditionalRenderInfo(n,t)})),(0,s.Z)(this,"newHQRenderScript",(function(e,n,t){S.debug("Receive HQRenderScript: "+t),S.successTransaction("requestHQR",{hash:n}),i.plannerHandler3D.onReceiveHQRenderScript(n,t)})),(0,s.Z)(this,"newRenderingLayerMask",(function(e,n){d.ZP.endSpanOfApm("PlannerHandler3D requestRenderingDescriptionFromSignalR "+n),S.debug("New Rendering Layer Mask finished hash: "+n)})),this.renderSettings=e,this.connectionStarted=!1,this.successfullyLoggedIn=!1,this.successfullyJoinedDivaNr=!1,this.connectionErrorCount=0,this.reconnectAfterError=!1,this.lastJoinDivaNr="",this.doIgnoreOnClosed=!1,this.plannerHandler3D=n,this.sessionID="",this.reconnectingErrorCount=0}),[{key:"initializeConnection",value:(f=(0,t.Z)(c().mark((function _callee2(e){var n,i=this;return c().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:if(d.ZP.startSpanOfApm("Host3DSingalR initializeConnection"),!(this.reconnectingErrorCount>0)){e.next=4;break}return e.next=4,this.delay(100);case 4:S.debug("Create SignalR connection with host: "+this.renderSettings.Diva3DServerURL+"; RenderGroup: "+this.renderSettings.RenderGroup),n=this,this.signalRConnection&&(this.doIgnoreOnClosed=!0,this.signalRConnection.completeClose(),this.signalRConnection=null),0==("undefined"==typeof window||window).DIVA_LOGGER?this.signalRConnection=(new l.s).withUrl(this.renderSettings.Diva3DServerURL).withHubProtocol(new v.e).build():this.signalRConnection=(new l.s).withUrl(this.renderSettings.Diva3DServerURL).withHubProtocol(new v.e).configureLogging(u.i.None).build(),this.signalRConnection.on("UnvalidSessionID",this.unvalidSessionID),this.signalRConnection.on("noRenderClientFound",this.noRenderClientFound),this.signalRConnection.on("newRendering",this.newRendering),this.signalRConnection.on("newHQRenderScript",this.newHQRenderScript),this.signalRConnection.on("newRenderingLayerMask",this.newRenderingLayerMask),this.signalRConnection.start().then((function(){d.ZP.endSpanOfApm("PlannerHandler3D initSignalRConnection"),n.connectionStarted=!0,n.doIgnoreOnClosed=!1,n.reconnectAfterError?S.debug("SignalR Connection to 3DHost: "+i.renderSettings.Diva3DServerURL+" sucessfully reconnected","initSignalRConnection"):S.debug("SignalR Connection to 3DHost: "+n.renderSettings.Diva3DServerURL+" sucessfully started","initSignalRConnection"),n.reconnectingErrorCount=0,n.login()})).catch((function(e){d.ZP.endSpanOfApm("PlannerHandler3D initSignalRConnection"),S.error(new d.GE("Connection error. Message: "+e.toString(),{code:"WC_0014"})),n.connectionStarted=!1,n.successfullyLoggedIn&&n.successfullyJoinedDivaNr||(n.reconnectingErrorCount++,n.reconnectingErrorCount<5&&n.initializeConnection())})),this.signalRConnection.onclose((0,t.Z)(c().mark((function _callee(){return c().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(d.ZP.endSpanOfApm("PlannerHandler3D initSignalRConnection"),S.warn("Connection with 3D Host gets lost. Try to reconnect.","WC_0014"),n.connectionStarted=!1,i.successfullyLoggedIn=!1,i.successfullyJoinedDivaNr=!1,!i.doIgnoreOnClosed){e.next=7;break}return e.abrupt("return");case 7:i.reconnectAfterError=!0,n.initializeConnection();case 9:case"end":return e.stop()}}),_callee)}))));case 15:case"end":return e.stop()}}),_callee2,this)}))),function initializeConnection(e){return f.apply(this,arguments)})},{key:"delay",value:function delay(e){return new Promise((function(n){return setTimeout(n,e)}))}},{key:"joinDivaNr",value:(D=(0,t.Z)(c().mark((function _callee3(e){return c().wrap((function _callee3$(n){for(;;)switch(n.prev=n.next){case 0:if(!this.reconnectAfterError&&this.lastJoinDivaNr==e){n.next=4;break}return n.next=3,this.join(e);case 3:this.reconnectAfterError=!1;case 4:case"end":return n.stop()}}),_callee3,this)}))),function joinDivaNr(e){return D.apply(this,arguments)})},{key:"getSuccessfullyJoinedToDivaNr",value:function getSuccessfullyJoinedToDivaNr(){return this.successfullyJoinedDivaNr}},{key:"getViewPointInfo",value:(a=(0,t.Z)(c().mark((function _callee4(e,n){var i;return c().wrap((function _callee4$(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,this.signalRConnection.invoke("GetVPInfo",this.sessionID,n,e);case 3:return i=t.sent,t.abrupt("return",i);case 7:t.prev=7,t.t0=t.catch(0),S.error(new d.GE("DoUpdate 3D Host",{code:"WC_0014"}));case 10:case"end":return t.stop()}}),_callee4,this,[[0,7]])}))),function getViewPointInfo(e,n){return a.apply(this,arguments)})},{key:"getConnectionReady",value:function getConnectionReady(){return this.connectionIsReady()}},{key:"getStaticRoomListInfo",value:(i=(0,t.Z)(c().mark((function _callee5(e){var n;return c().wrap((function _callee5$(i){for(;;)switch(i.prev=i.next){case 0:return this.connectionIsReady()||(n=this,setTimeout((function(){return n.getStaticRoomListInfo(e)}),400)),S.debug("DIVA3D-HOST.SignaR POST GetFrontendRoomList - sessionID:"+this.sessionID),i.next=4,this.signalRConnection.invoke("GetFrontendRoomlist",this.sessionID,e);case 4:return i.abrupt("return",i.sent);case 5:case"end":return i.stop()}}),_callee5,this)}))),function getStaticRoomListInfo(e){return i.apply(this,arguments)})},{key:"request3D",value:function request3D(e){var n=this;if(this.connectionIsReady()&&this.successfullyJoinedDivaNr){var i,t,r,o,s,a,c,d,l,u,g,v,D,f,p=void 0,m=void 0;if(null!=e&&e.doRequestRendering)(p=new h.Z(e.planningHash,e.renderHash,null===(t=e.requestRenderingParams)||void 0===t?void 0:t.viewPointName,null===(r=e.requestRenderingParams)||void 0===r?void 0:r.width,null===(o=e.requestRenderingParams)||void 0===o?void 0:o.height,null===(s=e.requestRenderingParams)||void 0===s?void 0:s.isFullscreenRendering,null===(a=e.requestRenderingParams)||void 0===a?void 0:a.hasDimensionLines,null===(c=e.requestRenderingParams)||void 0===c?void 0:c.plannerMeasureDigits,null===(d=e.requestRenderingParams)||void 0===d?void 0:d.planner3DGridEnabled,!(null===(l=e.requestRenderingParams)||void 0===l||!l.viewPointInfo)&&e.requestRenderingParams.viewPointInfo.isStatic,null===(u=e.requestRenderingParams)||void 0===u?void 0:u.mediaServiceSaveMode,null===(g=e.requestRenderingParams)||void 0===g?void 0:g.alternateRenderingsExist,null===(v=e.requestRenderingParams)||void 0===v?void 0:v.alternateRenderInfo)).CatalogCodex=null===(D=e.requestRenderingParams)||void 0===D?void 0:D.catalogData.catalogCodex,p.CatalogGUID=null===(f=e.requestRenderingParams)||void 0===f?void 0:f.catalogData.catalogGUID;e.doRequestHqRenderScript&&(m=new R.Z(e.planningHash));var C=this.create3DHostRequestOption(e);if(C.hqrenderscript&&S.startTransaction({event:"requestHQR",eventId:"requestHQR",message:e.planningHash}),S.debug("request 3D (mediaType "+(null===(i=e.requestRenderingParams)||void 0===i?void 0:i.mediaServiceSaveMode)+") from 3D Host"+JSON.stringify(e)),C.rendering&&S.startTransaction({event:"onRequestRendering",message:"Requesting Rendering",eventId:"ON_REQUEST_RENDERING",warningTime:2e3,errorTime:4e3,labels:{renderGroup:this.renderSettings.RenderGroup,hash:e.renderHash}}),e.doReloadWholePlanning)S.debug("Host3DSignalR SaveProjectWithOptions"),this.signalRConnection.invoke("SaveProjectWithOptions",this.sessionID,e.divaNr,JSON.stringify(e.planningData),this.renderSettings.RenderGroup,JSON.stringify(C));else{e.requestRenderingParams&&e.requestRenderingParams.viewPointName;C.rendering&&S.startTransaction({event:"onRequestRendering",message:"Requesting Rendering",eventId:"ON_REQUEST_RENDERING",warningTime:2e3,errorTime:4e3,labels:{renderGroup:this.renderSettings.RenderGroup}}),this.signalRConnection.invoke("RequestRenderingWithOptions",this.sessionID,e.divaNr,C.VPName,C.VPSize,e.renderHash,JSON.stringify(C))}return S.successTransaction("ON_REQUEST_RENDERING"),{rendering:p,hqRenderScript:m}}return e.doReloadWholePlanning=!0,setTimeout((function(){return n.request3D(e)}),300),{rendering:void 0,hqRenderScript:void 0}}},{key:"create3DHostRequestOption",value:function create3DHostRequestOption(e){var n,i,t,r,o,s,a,c,l,u,g,v,h,R,S,D=e.requestRenderingParams?e.requestRenderingParams.width+":"+e.requestRenderingParams.height:"",f=null!=e&&e.doRequestRendering&&null!==(n=e.requestRenderingParams)&&void 0!==n&&n.planner3DGridEnabled?"layermask":"",p=null!=e&&e.doRequestRendering?"STREAM"==e.requestRenderingParams.mediaServiceSaveMode?0:"PERMANENT"==e.requestRenderingParams.mediaServiceSaveMode?1:-1:-1,m="";e.requestRenderingParams&&e.requestRenderingParams.functionType&&(m=e.requestRenderingParams.functionType);if(null!=e&&e.doRequestRendering&&e.requestRenderingParams.articleCodices){"[";for(var C=0;C<e.requestRenderingParams.articleCodices.length;C++)'"'+e.requestRenderingParams.articleCodices[C]+'"'+(C<e.requestRenderingParams.articleCodices.length-1?",":"");"]"}return{rendering:null==e?void 0:e.doRequestRendering,hqrenderscript:e.doRequestHqRenderScript,VPName:null!==(i=null===(t=e.requestRenderingParams)||void 0===t?void 0:t.viewPointName)&&void 0!==i?i:"",VPSize:D,VPFilename:e.renderHash,PlanningHash:e.planningHash,RenderHash:e.renderHash,plannerMeasureDigits:null!==(r=null===(o=e.requestRenderingParams)||void 0===o?void 0:o.plannerMeasureDigits)&&void 0!==r?r:0,Format:"JPG",BG:f,MSSM:p,OrgId:this.renderSettings.OrganizationId,FunctionType:m,CatalogCodex:null!==(s=null===(a=e.requestRenderingParams)||void 0===a?void 0:a.catalogData.catalogCodex)&&void 0!==s?s:"",CatalogGuid:null!==(c=null===(l=e.requestRenderingParams)||void 0===l?void 0:l.catalogData.catalogGUID)&&void 0!==c?c:"",ArticleCodices:null!==(u=null===(g=e.requestRenderingParams)||void 0===g?void 0:g.articleCodices)&&void 0!==u?u:[],UserSessionId:d.ZP.SessionId,v:null!==(v=null===(h=e.requestRenderingParams)||void 0===h?void 0:h.catalogData.catalogGUID)&&void 0!==v?v:"",camera:null===(R=e.requestRenderingParams)||void 0===R?void 0:R.camera,forceUseCam:!(null===(S=e.requestRenderingParams)||void 0===S||!S.forceUseCam)}}},{key:"closeConnection",value:function closeConnection(){this.signalRConnection&&(this.doIgnoreOnClosed=!0,this.signalRConnection.invoke("LeaveWebClient"),S.debug("SignalRConnection: Close Connection and say byby to Diva3DHost."),this.signalRConnection.completeClose())}},{key:"login",value:(n=(0,t.Z)(c().mark((function _callee6(){var e,n;return c().wrap((function _callee6$(i){for(;;)switch(i.prev=i.next){case 0:return S.debug("DIVA3D-HOST.SignaR POST Login - userID:"+this.renderSettings.UserID+", deviceID:"+this.renderSettings.DeviceID+", divaSessionID:"+this.renderSettings.DivaSessionID+", _Application:"+this.renderSettings.ApplicationName),d.ZP.startSpanOfApm("PlannerHandler3D login"),i.prev=2,i.next=5,this.signalRConnection.invoke("LoginWebPlanner",this.renderSettings.UserID,this.renderSettings.DeviceID,this.renderSettings.DivaSessionID,this.renderSettings.ApplicationName);case 5:e=i.sent,this.connectionErrorCount=0,""!=e?(this.successfullyLoggedIn=!0,S.debug("DIVA3D-HOST.SignaR Response ReturnLogin - sessionID: "+e),this.sessionID=e,this.plannerHandler3D.onConnectionInitialized({status:"SUCCESSFULL"})):this.plannerHandler3D.onConnectionInitialized({status:"ERROR"}),i.next=15;break;case 10:i.prev=10,i.t0=i.catch(2),d.ZP.endSpanOfApm("PlannerHandler3D login"),n=this,this.handleConnectionError(i.t0,(function(){n.login()}));case 15:case"end":return i.stop()}}),_callee6,this,[[2,10]])}))),function login(){return n.apply(this,arguments)})},{key:"join",value:(e=(0,t.Z)(c().mark((function _callee7(e){var n,i;return c().wrap((function _callee7$(t){for(;;)switch(t.prev=t.next){case 0:if(""!=e){t.next=2;break}return t.abrupt("return");case 2:if(this.lastJoinDivaNr!=e&&this.openSocketToMediaService(e),n=this,this.connectionIsReady()){t.next=8;break}setTimeout((function(){n.join(e)}),200),t.next=23;break;case 8:return this.lastJoinDivaNr=e,d.ZP.startSpanOfApm("PlannerHandler3D join"),S.debug("PlannerHandler3D SignalR - Join DivaNr to connected host: "+e),t.prev=11,t.next=14,this.signalRConnection.invoke("JoinWebPlanner",this.sessionID,e);case 14:i=t.sent,d.ZP.endSpanOfApm("PlannerHandler3D join"),i?(this.successfullyJoinedDivaNr=!0,this.plannerHandler3D.onConnectedToDivaNr("SUCCESSFULL"),S.debug("Return Join - Join successfull.")):this.join(e),this.connectionErrorCount=0,t.next=23;break;case 20:t.prev=20,t.t0=t.catch(11),this.handleConnectionError(t.t0,(function(){n.join(e)}));case 23:case"end":return t.stop()}}),_callee7,this,[[11,20]])}))),function join(n){return e.apply(this,arguments)})},{key:"handleConnectionError",value:function handleConnectionError(e,n){this.connectionErrorCount++,4==this.connectionErrorCount?S.debug("SignalR Error. not possible to establish SignalR connection."):S.debug("SignalR Error. Message: "+e.message)}},{key:"connectionIsReady",value:function connectionIsReady(){return this.connectionStarted&&this.successfullyLoggedIn}},{key:"unvalidSessionID",value:function unvalidSessionID(e,n){S.debug("DIVA3D-HOST.SignaR Response Unvalid SessionID"),this.successfullyLoggedIn=!1}}]);var e,n,i,a,D,f}()}}]);
package/build/umd/6266.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 6266.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6266,6028],{36028:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(34988),a=i(87363),r=i(88683),o=i(93379),s=i.n(o),d=i(7795),I=i.n(d),l=i(90569),g=i.n(l),c=i(3565),M=i.n(c),m=i(19216),u=i.n(m),A=i(44589),D=i.n(A),v=i(88195),x={};x.styleTagTransform=D(),x.setAttributes=M(),x.insert=g().bind(null,"head"),x.domAPI=I(),x.insertStyleElement=u();s()(v.ZP,x);v.ZP&&v.ZP.locals&&v.ZP.locals;var p=i(22182),w=i(47514);window.customElements.get("model-viewer")||Promise.all([i.e(7881),i.e(963)]).then(i.bind(i,70963));const h=function ArViewer(e){var n,i,o,s,d=e.url,I=e.qrCodeUrl,l=e.cameraArButton,g=e.viewerClassName,c=e.arViewerSettings,M=e.isCurrentlyVisible,m="",u=(0,r.useDivaCore)().state,A=u.isFirefox,D=u.isMobile,x=(0,r.useTranslation)().t,h=(0,a.useState)(0),C=(0,t.Z)(h,2),T=C[0],N=C[1],y=(0,a.useState)(!D||A),b=(0,t.Z)(y,2),z=b[0],S=b[1];return l&&(m+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[z&&!1!==M&&I&&(0,w.jsxs)("div",{className:v.GY,children:[(0,w.jsx)(p.ZP,{value:I,className:v.Vf}),(0,w.jsx)("div",{className:v.ze,children:x("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.zJ,id:"arThumbnailImg",onClick:function onClick(){return S(!1)}})]}),(0,w.jsx)("model-viewer",{src:d,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[T].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[T].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[T].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(o=null==c?void 0:c[T].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[T].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":A?"":m,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:g}),c&&(0,w.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(e){return function onArViewerSettingsChanged(e){N(parseInt(e.target.value))}(e)},children:c.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},56266:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(84658),a=i(34988),r=i(50747),o=i.n(r),s=i(88683),d=i(87363),I=i.n(d),l=i(93379),g=i.n(l),c=i(7795),M=i.n(c),m=i(90569),u=i.n(m),A=i(3565),D=i.n(A),v=i(19216),x=i.n(v),p=i(44589),w=i.n(p),h=i(48727),C={};C.styleTagTransform=w(),C.setAttributes=D(),C.insert=u().bind(null,"head"),C.domAPI=M(),C.insertStyleElement=x();g()(h.ZP,C);h.ZP&&h.ZP.locals&&h.ZP.locals;var T=i(65515),N=i.n(T),y=i(36028),b=i(47514),z=function(){var e=(0,t.Z)(o().mark((function _callee(e,n){return o().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:return n.abrupt("return",new Promise((function(n){var i=document.createElement("script");i.src="https://scripts.sirv.com/sirvjs/v3/sirv.js",i.type="text/javascript",i.async=!0,i.dataset.components=e,i.onload=n,document.body.appendChild(i)})));case 1:case"end":return n.stop()}}),_callee)})));return function loadSirv(n,i){return e.apply(this,arguments)}}(),S=function getMediaItem(e,n,i,t){var a,r=arguments.length>5?arguments[5]:void 0,o=!!(arguments.length>4&&void 0!==arguments[4]?arguments[4]:[]).find((function(n){return e.url.includes(n)})),s=f(e);switch(e.mediaType){case"SPIN":case"SPN":case"VID":case"PCT":case void 0:try{var d=new URL(e.url);return t&&!["SPIN","SPN"].includes(e.mediaType)&&(d.searchParams.append("scale.option","noup"),d.searchParams.append("w","3000")),o?(d.searchParams.append("crop.type","trim"),d.searchParams.append("crop.pad.x","10%"),d.searchParams.append("crop.pad.y","10%"),(0,b.jsx)("img",{"data-src":d.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:s},d.toString())):(0,b.jsx)("div",{"data-src":d.toString(),id:"main3dImage","data-options":"SHO"==e.functionType||"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,children:s},d.toString())}catch(e){return(0,b.jsx)("div",{children:"Invalid Url"})}case"AR":return(0,b.jsxs)("div",{"data-swipe-disabled":!0,children:[(0,b.jsx)(y.default,{url:e.url,arViewerSettings:e.arViewerSettings,qrCodeUrl:r?r+"/arViewer?arMedia="+(null!==(a=e.shortUrl)&&void 0!==a?a:e.url):void 0,type:"ArViewer",cameraArButton:!0,isCurrentlyVisible:i===n}),s]},n)}return(0,b.jsx)(b.Fragment,{})},f=function getThumb(e){var n=e.thumb;return"string"==typeof n?(0,b.jsx)("smv-thumbnail",{children:(0,b.jsx)("img",{src:n},n)}):I().isValidElement(n)?(0,b.jsx)("smv-thumbnail",{children:n}):"AR"===e.mediaType?(0,b.jsx)("smv-thumbnail",{id:"thumbnail",children:(0,b.jsx)("div",{className:h.fW})}):void 0};const j=function MediaViewer(e){var n=e.medias,t=e.mediaIds,r=e.itemKey,o=void 0===r?"MediaViewer":r,I=e.onLandscapeOptions,l=e.defaultDataOptions,g=e.currentItem,c=void 0===g?0:g,M=e.showRotationIconInFullscreen,m=e.setCurrentItem,u=e.keepOldZoomIcons,A=(0,d.useMemo)((function(){return(0,s.getLogger)("MediaViewer","ContentBox")}),[]),D=(0,d.useState)(n),v=(0,a.Z)(D,2),x=v[0],p=v[1],w=(0,s.useTranslation)().t,C=o,T=(0,s.useDivaCore)(),y=T.state,f=y.dimensions,j=f.isPortrait,L=f.isMobile,k=f.isTablet,E=f.height,P=f.width,O=y.apiConfig,Z=O.baseSirvUrls,R=O.arViewerBaseUrl,U=T.handler.mediaHandler;(0,d.useEffect)((function(){p(n)}),[n]),(0,d.useEffect)((function(){u||i.e(4145).then(i.bind(i,24145))}),[]),(0,d.useEffect)((function(){var e;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(e=null==x?void 0:x.map((function(e){return e._id})))&&void 0!==e?e:[])&&U.getMediaByIds(t).then((function(e){p(e)}))}),[t]);var Q=function fullscreenIn(){if(M&&L&&j&&P<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=h.AH,e.appendChild(n)}}},H=function onSpinReady(e){null==m||m(e.index);var n=null==x?void 0:x[e.index];void 0!==e.index&&n&&A.successTransaction("ON_SHOW_MEDIA",{functionType:n.functionType,mediaType:n.mediaType,mediaName:n.name,url:n.url})},Y=function subscribeToEvents(){var e=window.Sirv;e.on("viewer:afterSlideIn",H),e.on("viewer:fullscreenIn",Q)};(0,d.useEffect)((function(){var e=window;return A.startTransaction({event:"onShowMedia",message:"Show Media ".concat(x),eventId:"ON_SHOW_MEDIA"}),e.Sirv?Y():z("zoom, spin, video",x).then((function(){Y(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",H),n.off("viewer:fullscreenIn",Q))}}),[]);var W=l;return void 0!==c&&(W+=";slide.first:"+c),!j&&L&&I&&E<500&&(W+=I),w("sirv.zoom.hint.text.click","")&&(W+=";zoom.hint.text.click: ".concat(w("sirv.zoom.hint.text.click"))),w("sirv.zoom.hint.text.hover","")&&(W+=";zoom.hint.text.hover: ".concat(w("sirv.zoom.hint.text.hover"))),w("sirv.zoom.hint.text.dblclick","")&&(W+=";zoom.hint.text.dblclick: ".concat(w("sirv.zoom.hint.text.dblclick"))),w("sirv.spin.hint.message.text","")&&(W+=";zoom.spin.hint.message.text: ".concat(w("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:C,className:N()(h.QH,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":W,children:null==x?void 0:x.map((function(e,n){return S(e,n,c,L&&!k,Z,R)}))},C)}},88195:(e,n,i)=>{i.d(n,{GY:()=>c,Vf:()=>M,ZP:()=>A,zJ:()=>m,ze:()=>u});var t=i(8081),a=i.n(t),r=i(23645),o=i.n(r),s=i(61667),d=i.n(s),I=new URL(i(90140),i.b),l=o()(a()),g=d()(I);l.push([e.id,".index-module--PD1WN {\n position: absolute;\n bottom: 10px;\n right: 0px;\n left: 0px;\n margin-left: auto;\n margin-right: auto;\n width: 361px;\n height: 90px;\n margin-bottom: 10px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n border-radius: 0.3rem;\n padding-left: 5px;\n padding-right: 5px;\n align-items: center;\n gap: 10px;\n}\n\n.index-module--AWoJQ {\n width: 80px;\n height: 80px;\n}\n\n.index-module--sIl1Z {\n position: absolute;\n cursor: pointer;\n top: 7px;\n right: 7px;\n width: 12px;\n height: 12px;\n background-image: url("+g+");\n background-repeat: no-repeat;\n z-index: 1;\n}\n\n.index-module--NiigZ {\n width: 250px;\n height: 80px;\n word-wrap: break-word;\n font-family: var(--diva-typography-font-family);\n}\n",""]);var c="index-module--PD1WN",M="index-module--AWoJQ",m="index-module--sIl1Z",u="index-module--NiigZ";const A=l},48727:(e,n,i)=>{i.d(n,{AH:()=>v,QH:()=>A,ZP:()=>x,fW:()=>D});var t=i(8081),a=i.n(t),r=i(23645),o=i.n(r),s=i(61667),d=i.n(s),I=new URL(i(76354),i.b),l=new URL(i(98132),i.b),g=new URL(i(4336),i.b),c=o()(a()),M=d()(I),m=d()(l),u=d()(g);c.push([e.id,".diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n -webkit-mask-image: url("+M+") !important;\n mask-image: url("+M+") !important;\n mask-size: 75% !important;\n -webkit-mask-size: 75% !important;\n}\n\n.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n background-color: #4f4f4f;\n}\n\n.index-module--RsTal .smv-button .smv-button-fullscreen .smv-button-fullscreen-close {\n display: none;\n}\n\n.diva-media-viewer .smv-bullets.smv-h .smv-selectors {\n min-height: 20px !important;\n}\n\n.smv-thumbnails .smv-selector[data-type='spin']:before {\n background-image: url('https://scripts.sirv.com/sirvjs/v3/graphics/icons/white/icon.spin.12.svg') !important;\n}\n\n.diva-product-wrapper .smv-selectors-box.smv-v.smv-thumbnails {\n margin: 10px;\n height: calc(100% - 20px);\n}\n\n#DivaCore .smv-selectors-box {\n z-index: 50;\n}\n\n#DivaCore .smv-selectors-scroll-container .smv-scroll {\n align-items: inherit;\n}\n.index-module--JiNAH {\n height: 100%;\n width: 100%;\n background-size: contain;\n background-position: center;\n width: 70px;\n height: 70px;\n background-image: url("+m+");\n}\n\n.index-module--_m700 {\n position: absolute;\n top: 0;\n left: 0;\n width: 30px;\n height: 30px;\n background: center / contain no-repeat url("+u+");\n z-index: 100;\n margin: 16px;\n}\n\n#DivaCore .smv-item smv-thumbnail[data-type='html'] {\n width: auto !important;\n height: auto !important;\n}\n",""]);var A="index-module--RsTal",D="index-module--JiNAH",v="index-module--_m700";const x=c},98132:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},76354:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},4336:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},90140:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6266,6028],{36028:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(34988),a=i(87363),r=i(88683),o=i(93379),s=i.n(o),d=i(7795),I=i.n(d),l=i(90569),g=i.n(l),c=i(3565),M=i.n(c),m=i(19216),u=i.n(m),A=i(44589),D=i.n(A),v=i(88195),x={};x.styleTagTransform=D(),x.setAttributes=M(),x.insert=g().bind(null,"head"),x.domAPI=I(),x.insertStyleElement=u();s()(v.ZP,x);v.ZP&&v.ZP.locals&&v.ZP.locals;var p=i(22182),w=i(47514);window.customElements.get("model-viewer")||Promise.all([i.e(7881),i.e(963)]).then(i.bind(i,70963));const h=function ArViewer(e){var n,i,o,s,d=e.url,I=e.qrCodeUrl,l=e.cameraArButton,g=e.viewerClassName,c=e.arViewerSettings,M=e.isCurrentlyVisible,m="",u=(0,r.useDivaCore)().state,A=u.isFirefox,D=u.isMobile,x=(0,r.useTranslation)().t,h=(0,a.useState)(0),C=(0,t.Z)(h,2),T=C[0],N=C[1],y=(0,a.useState)(!D||A),b=(0,t.Z)(y,2),z=b[0],S=b[1];return l&&(m+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[z&&!1!==M&&I&&(0,w.jsxs)("div",{className:v.GY,children:[(0,w.jsx)(p.ZP,{value:I,className:v.Vf}),(0,w.jsx)("div",{className:v.ze,children:x("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.zJ,id:"arThumbnailImg",onClick:function onClick(){return S(!1)}})]}),(0,w.jsx)("model-viewer",{src:d,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[T].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[T].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[T].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(o=null==c?void 0:c[T].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[T].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":A?"":m,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:g}),c&&(0,w.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(e){return function onArViewerSettingsChanged(e){N(parseInt(e.target.value))}(e)},children:c.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},56266:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(84658),a=i(34988),r=i(50747),o=i.n(r),s=i(88683),d=i(87363),I=i.n(d),l=i(93379),g=i.n(l),c=i(7795),M=i.n(c),m=i(90569),u=i.n(m),A=i(3565),D=i.n(A),v=i(19216),x=i.n(v),p=i(44589),w=i.n(p),h=i(48727),C={};C.styleTagTransform=w(),C.setAttributes=D(),C.insert=u().bind(null,"head"),C.domAPI=M(),C.insertStyleElement=x();g()(h.ZP,C);h.ZP&&h.ZP.locals&&h.ZP.locals;var T=i(65515),N=i.n(T),y=i(36028),b=i(47514),z=function(){var e=(0,t.Z)(o().mark((function _callee(e,n){return o().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:return n.abrupt("return",new Promise((function(n){var i=document.createElement("script");i.src="https://scripts.sirv.com/sirvjs/v3/sirv.js",i.type="text/javascript",i.async=!0,i.dataset.components=e,i.onload=n,document.body.appendChild(i)})));case 1:case"end":return n.stop()}}),_callee)})));return function loadSirv(n,i){return e.apply(this,arguments)}}(),S=function getMediaItem(e,n,i,t){var a,r=arguments.length>5?arguments[5]:void 0,o=!!(arguments.length>4&&void 0!==arguments[4]?arguments[4]:[]).find((function(n){return e.url.includes(n)})),s=f(e);switch(e.mediaType){case"SPIN":case"SPN":case"VID":case"PCT":case void 0:try{var d=new URL(e.url);return t&&!["SPIN","SPN"].includes(e.mediaType)&&(d.searchParams.append("scale.option","noup"),d.searchParams.append("w","3000")),o?(d.searchParams.append("crop.type","trim"),d.searchParams.append("crop.pad.x","10%"),d.searchParams.append("crop.pad.y","10%"),(0,b.jsx)("div",{"data-src":d.toString(),id:"main3dImage","data-options":"SHO"==e.functionType||"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,children:s},d.toString())):(0,b.jsx)("img",{"data-src":d.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:s},d.toString())}catch(e){return(0,b.jsx)("div",{children:"Invalid Url"})}case"AR":return(0,b.jsxs)("div",{"data-swipe-disabled":!0,children:[(0,b.jsx)(y.default,{url:e.url,arViewerSettings:e.arViewerSettings,qrCodeUrl:r?r+"/arViewer?arMedia="+(null!==(a=e.shortUrl)&&void 0!==a?a:e.url):void 0,type:"ArViewer",cameraArButton:!0,isCurrentlyVisible:i===n}),s]},n)}return(0,b.jsx)(b.Fragment,{})},f=function getThumb(e){var n=e.thumb;return"string"==typeof n?(0,b.jsx)("smv-thumbnail",{children:(0,b.jsx)("img",{src:n},n)}):I().isValidElement(n)?(0,b.jsx)("smv-thumbnail",{children:n}):"AR"===e.mediaType?(0,b.jsx)("smv-thumbnail",{id:"thumbnail",children:(0,b.jsx)("div",{className:h.fW})}):void 0};const j=function MediaViewer(e){var n=e.medias,t=e.mediaIds,r=e.itemKey,o=void 0===r?"MediaViewer":r,I=e.onLandscapeOptions,l=e.defaultDataOptions,g=e.currentItem,c=void 0===g?0:g,M=e.showRotationIconInFullscreen,m=e.setCurrentItem,u=e.keepOldZoomIcons,A=(0,d.useMemo)((function(){return(0,s.getLogger)("MediaViewer","ContentBox")}),[]),D=(0,d.useState)(n),v=(0,a.Z)(D,2),x=v[0],p=v[1],w=(0,s.useTranslation)().t,C=o,T=(0,s.useDivaCore)(),y=T.state,f=y.dimensions,j=f.isPortrait,L=f.isMobile,k=f.isTablet,E=f.height,P=f.width,O=y.apiConfig,Z=O.baseSirvUrls,R=O.arViewerBaseUrl,U=T.handler.mediaHandler;(0,d.useEffect)((function(){p(n)}),[n]),(0,d.useEffect)((function(){u||i.e(4145).then(i.bind(i,24145))}),[]),(0,d.useEffect)((function(){var e;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(e=null==x?void 0:x.map((function(e){return e._id})))&&void 0!==e?e:[])&&U.getMediaByIds(t).then((function(e){p(e)}))}),[t]);var Q=function fullscreenIn(){if(M&&L&&j&&P<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=h.AH,e.appendChild(n)}}},H=function onSpinReady(e){null==m||m(e.index);var n=null==x?void 0:x[e.index];void 0!==e.index&&n&&A.successTransaction("ON_SHOW_MEDIA",{functionType:n.functionType,mediaType:n.mediaType,mediaName:n.name,url:n.url})},Y=function subscribeToEvents(){var e=window.Sirv;e.on("viewer:afterSlideIn",H),e.on("viewer:fullscreenIn",Q)};(0,d.useEffect)((function(){var e=window;return A.startTransaction({event:"onShowMedia",message:"Show Media ".concat(x),eventId:"ON_SHOW_MEDIA"}),e.Sirv?Y():z("zoom, spin, video",x).then((function(){Y(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",H),n.off("viewer:fullscreenIn",Q))}}),[]);var W=l;return void 0!==c&&(W+=";slide.first:"+c),!j&&L&&I&&E<500&&(W+=I),w("sirv.zoom.hint.text.click","")&&(W+=";zoom.hint.text.click: ".concat(w("sirv.zoom.hint.text.click"))),w("sirv.zoom.hint.text.hover","")&&(W+=";zoom.hint.text.hover: ".concat(w("sirv.zoom.hint.text.hover"))),w("sirv.zoom.hint.text.dblclick","")&&(W+=";zoom.hint.text.dblclick: ".concat(w("sirv.zoom.hint.text.dblclick"))),w("sirv.spin.hint.message.text","")&&(W+=";zoom.spin.hint.message.text: ".concat(w("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:C,className:N()(h.QH,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":W,children:null==x?void 0:x.map((function(e,n){return S(e,n,c,L&&!k,Z,R)}))},C)}},88195:(e,n,i)=>{i.d(n,{GY:()=>c,Vf:()=>M,ZP:()=>A,zJ:()=>m,ze:()=>u});var t=i(8081),a=i.n(t),r=i(23645),o=i.n(r),s=i(61667),d=i.n(s),I=new URL(i(90140),i.b),l=o()(a()),g=d()(I);l.push([e.id,".index-module--PD1WN {\n position: absolute;\n bottom: 10px;\n right: 0px;\n left: 0px;\n margin-left: auto;\n margin-right: auto;\n width: 361px;\n height: 90px;\n margin-bottom: 10px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n border-radius: 0.3rem;\n padding-left: 5px;\n padding-right: 5px;\n align-items: center;\n gap: 10px;\n}\n\n.index-module--AWoJQ {\n width: 80px;\n height: 80px;\n}\n\n.index-module--sIl1Z {\n position: absolute;\n cursor: pointer;\n top: 7px;\n right: 7px;\n width: 12px;\n height: 12px;\n background-image: url("+g+");\n background-repeat: no-repeat;\n z-index: 1;\n}\n\n.index-module--NiigZ {\n width: 250px;\n height: 80px;\n word-wrap: break-word;\n font-family: var(--diva-typography-font-family);\n}\n",""]);var c="index-module--PD1WN",M="index-module--AWoJQ",m="index-module--sIl1Z",u="index-module--NiigZ";const A=l},48727:(e,n,i)=>{i.d(n,{AH:()=>v,QH:()=>A,ZP:()=>x,fW:()=>D});var t=i(8081),a=i.n(t),r=i(23645),o=i.n(r),s=i(61667),d=i.n(s),I=new URL(i(76354),i.b),l=new URL(i(98132),i.b),g=new URL(i(4336),i.b),c=o()(a()),M=d()(I),m=d()(l),u=d()(g);c.push([e.id,".diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n -webkit-mask-image: url("+M+") !important;\n mask-image: url("+M+") !important;\n mask-size: 75% !important;\n -webkit-mask-size: 75% !important;\n}\n\n.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n background-color: #4f4f4f;\n}\n\n.index-module--RsTal .smv-button .smv-button-fullscreen .smv-button-fullscreen-close {\n display: none;\n}\n\n.diva-media-viewer .smv-bullets.smv-h .smv-selectors {\n min-height: 20px !important;\n}\n\n.smv-thumbnails .smv-selector[data-type='spin']:before {\n background-image: url('https://scripts.sirv.com/sirvjs/v3/graphics/icons/white/icon.spin.12.svg') !important;\n}\n\n.diva-product-wrapper .smv-selectors-box.smv-v.smv-thumbnails {\n margin: 10px;\n height: calc(100% - 20px);\n}\n\n#DivaCore .smv-selectors-box {\n z-index: 50;\n}\n\n#DivaCore .smv-selectors-scroll-container .smv-scroll {\n align-items: inherit;\n}\n.index-module--JiNAH {\n height: 100%;\n width: 100%;\n background-size: contain;\n background-position: center;\n width: 70px;\n height: 70px;\n background-image: url("+m+");\n}\n\n.index-module--_m700 {\n position: absolute;\n top: 0;\n left: 0;\n width: 30px;\n height: 30px;\n background: center / contain no-repeat url("+u+");\n z-index: 100;\n margin: 16px;\n}\n\n#DivaCore .smv-item smv-thumbnail[data-type='html'] {\n width: auto !important;\n height: auto !important;\n}\n",""]);var A="index-module--RsTal",D="index-module--JiNAH",v="index-module--_m700";const x=c},98132:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},76354:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},4336:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},90140:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);