@crystaldesign/products-component 24.12.0-beta.6 → 24.12.0-beta.8
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 40.products-component.umd.min.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[40,319],{319:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(8742),a=i(1594),o=i(5277),r=i(5835),s=i.n(r),d=i(9120),I=i.n(d),l=i(1148),g=i.n(l),c=i(3035),M=i.n(c),m=i(4959),u=i.n(m),A=i(5004),D=i.n(A),v=i(5622),x={};x.styleTagTransform=D(),x.setAttributes=M(),x.insert=g().bind(null,"head"),x.domAPI=I(),x.insertStyleElement=u();s()(v.Ay,x);v.Ay&&v.Ay.locals&&v.Ay.locals;var p=i(2216),w=i(2246);window.customElements.get("model-viewer")||i.e(781).then(i.bind(i,1781));const C=function ArViewer(e){var n,i,r,s,d=e.url,I=e.qrCodeUrl,l=e.cameraArButton,g=e.viewerClassName,c=e.arViewerSettings,M=e.isCurrentlyVisible,m="",u=(0,o.pi)().state,A=u.isMobile,D=u.isFirefox,x=(0,o.Bd)().t,C=(0,a.useState)(0),h=(0,t.A)(C,2),y=h[0],T=h[1],N=(0,a.useState)(!A),b=(0,t.A)(N,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.j3,children:[(0,w.jsx)(p.A,{value:I,className:v.JB}),(0,w.jsx)("div",{className:v.DU,children:x("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.L$,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[y].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[y].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[y].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(r=null==c?void 0:c[y].exposure)&&void 0!==r?r:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[y].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":D?"":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){T(parseInt(e.target.value))}(e)},children:c.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},40:(e,n,i)=>{i.r(n),i.d(n,{default:()=>f});var t=i(6557),a=i(8742),o=i(3106),r=i.n(o),s=i(5277),d=i(1594),I=i.n(d),l=i(5835),g=i.n(l),c=i(9120),M=i.n(c),m=i(1148),u=i.n(m),A=i(3035),D=i.n(A),v=i(4959),x=i.n(v),p=i(5004),w=i.n(p),C=i(5715),h={};h.styleTagTransform=w(),h.setAttributes=D(),h.insert=u().bind(null,"head"),h.domAPI=M(),h.insertStyleElement=x();g()(C.Ay,h);C.Ay&&C.Ay.locals&&C.Ay.locals;var y=i(2919),T=i.n(y),N=i(319),b=i(2246),z=function(){var e=(0,t.A)(r().mark((function _callee(e,n){return r().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,o=arguments.length>5?arguments[5]:void 0,r=!!(arguments.length>4&&void 0!==arguments[4]?arguments[4]:[]).find((function(n){return e.url.includes(n)})),s=j(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")),r?(0,b.jsx)("div",{"data-src":d.toString(),"data-options":"SHO"==e.functionType||"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,id:"main3dImage",children:s},e.url):(0,b.jsx)("img",{"data-src":d.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:s},e.url)}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)(N.default,{url:e.url,arViewerSettings:e.arViewerSettings,qrCodeUrl:o?o+"/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,{})},j=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:C.zI})}):void 0};const f=function MediaViewer(e){var n=e.medias,t=e.mediaIds,o=e.itemKey,r=void 0===o?"MediaViewer":o,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.tZ)("MediaViewer","ContentBox")}),[]),D=(0,d.useState)(n),v=(0,a.A)(D,2),x=v[0],p=v[1],w=(0,s.Bd)().t,h=r,y=(0,s.pi)(),N=y.state,j=N.dimensions,f=j.isPortrait,L=j.isMobile,k=j.isTablet,E=j.height,O=j.width,U=N.apiConfig,R=U.baseSirvUrls,Y=U.arViewerBaseUrl,P=y.handler.mediaHandler;(0,d.useEffect)((function(){p(n)}),[n]),(0,d.useEffect)((function(){u||i.e(546).then(i.bind(i,1546))}),[]),(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:[])&&P.getMediaByIds(t).then((function(e){p(e)}))}),[t]);var Q=function fullscreenIn(){if(M&&L&&f&&O<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=C.eH,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})},Z=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?Z():z("zoom, spin, video",x).then((function(){Z(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",H),n.off("viewer:fullscreenIn",Q))}}),[]);var B=l;return void 0!==c&&(B+=";slide.first:"+c),!f&&L&&I&&E<500&&(B+=I),w("sirv.zoom.hint.text.click","")&&(B+=";zoom.hint.text.click: ".concat(w("sirv.zoom.hint.text.click"))),w("sirv.zoom.hint.text.hover","")&&(B+=";zoom.hint.text.hover: ".concat(w("sirv.zoom.hint.text.hover"))),w("sirv.zoom.hint.text.dblclick","")&&(B+=";zoom.hint.text.dblclick: ".concat(w("sirv.zoom.hint.text.dblclick"))),w("sirv.spin.hint.message.text","")&&(B+=";zoom.spin.hint.message.text: ".concat(w("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:h,className:T()(C.qn,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":B,children:null==x?void 0:x.map((function(e,n){return S(e,n,c,L&&!k,R,Y)}))},h)}},5622:(e,n,i)=>{i.d(n,{Ay:()=>A,DU:()=>u,JB:()=>M,L$:()=>m,j3:()=>c});var t=i(8634),a=i.n(t),o=i(2083),r=i.n(o),s=i(1946),d=i.n(s),I=new URL(i(4091),i.b),l=r()(a()),g=d()(I);l.push([e.id,`.index-module--aCm9Y {\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--xiYqj {\n width: 80px;\n height: 80px;\n}\n\n.index-module--tDj6i {\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--vtOFS {\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--aCm9Y",M="index-module--xiYqj",m="index-module--tDj6i",u="index-module--vtOFS";const A=l},5715:(e,n,i)=>{i.d(n,{Ay:()=>x,eH:()=>v,qn:()=>A,zI:()=>D});var t=i(8634),a=i.n(t),o=i(2083),r=i.n(o),s=i(1946),d=i.n(s),I=new URL(i(6835),i.b),l=new URL(i(8892),i.b),g=new URL(i(6321),i.b),c=r()(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--SURNO .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--MUCjv {\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--KcJr3 {\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--SURNO",D="index-module--MUCjv",v="index-module--KcJr3";const x=c},8892:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},6835:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},6321:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},4091:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
|
|
2
|
+
"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[40,319],{319:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(8742),a=i(1594),r=i(5277),o=i(5835),s=i.n(o),d=i(9120),I=i.n(d),c=i(1148),g=i.n(c),l=i(3035),M=i.n(l),m=i(4959),u=i.n(m),A=i(5004),D=i.n(A),v=i(5622),p={};p.styleTagTransform=D(),p.setAttributes=M(),p.insert=g().bind(null,"head"),p.domAPI=I(),p.insertStyleElement=u();s()(v.Ay,p);v.Ay&&v.Ay.locals&&v.Ay.locals;var x=i(2216),w=i(2246);window.customElements.get("model-viewer")||i.e(781).then(i.bind(i,1781));const C=function ArViewer(e){var n,i,o,s,d=e.url,I=e.qrCodeUrl,c=e.cameraArButton,g=e.viewerClassName,l=e.arViewerSettings,M=e.isCurrentlyVisible,m="",u=(0,r.pi)().state,A=u.isMobile,D=u.isFirefox,p=(0,r.Bd)().t,C=(0,a.useState)(0),h=(0,t.A)(C,2),y=h[0],T=h[1],N=(0,a.useState)(!A),b=(0,t.A)(N,2),z=b[0],S=b[1];return c&&(m+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[z&&!1!==M&&I&&(0,w.jsxs)("div",{className:v.j3,children:[(0,w.jsx)(x.A,{value:I,className:v.JB}),(0,w.jsx)("div",{className:v.DU,children:p("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.L$,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==l?void 0:l[y].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==l?void 0:l[y].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==l?void 0:l[y].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(o=null==l?void 0:l[y].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==l?void 0:l[y].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":D?"":m,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:g}),l&&(0,w.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(e){return function onArViewerSettingsChanged(e){T(parseInt(e.target.value))}(e)},children:l.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},40:(e,n,i)=>{i.r(n),i.d(n,{default:()=>f});var t=i(6557),a=i(8742),r=i(3106),o=i.n(r),s=i(5277),d=i(1594),I=i.n(d),c=i(5835),g=i.n(c),l=i(9120),M=i.n(l),m=i(1148),u=i.n(m),A=i(3035),D=i.n(A),v=i(4959),p=i.n(v),x=i(5004),w=i.n(x),C=i(5715),h={};h.styleTagTransform=w(),h.setAttributes=D(),h.insert=u().bind(null,"head"),h.domAPI=M(),h.insertStyleElement=p();g()(C.Ay,h);C.Ay&&C.Ay.locals&&C.Ay.locals;var y=i(2919),T=i.n(y),N=i(319),b=i(2246),z=function(){var e=(0,t.A)(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=j(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?(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()):(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()))}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)(N.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,{})},j=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:C.zI})}):void 0};const f=function MediaViewer(e){var n=e.medias,t=e.mediaIds,r=e.itemKey,o=void 0===r?"MediaViewer":r,I=e.onLandscapeOptions,c=e.defaultDataOptions,g=e.currentItem,l=void 0===g?0:g,M=e.showRotationIconInFullscreen,m=e.setCurrentItem,u=e.keepOldZoomIcons,A=(0,d.useMemo)((function(){return(0,s.tZ)("MediaViewer","ContentBox")}),[]),D=(0,d.useState)(n),v=(0,a.A)(D,2),p=v[0],x=v[1],w=(0,s.Bd)().t,h=o,y=(0,s.pi)(),N=y.state,j=N.dimensions,f=j.isPortrait,L=j.isMobile,k=j.isTablet,E=j.height,O=j.width,U=N.apiConfig,P=U.baseSirvUrls,R=U.arViewerBaseUrl,Y=y.handler.mediaHandler;(0,d.useEffect)((function(){x(n)}),[n]),(0,d.useEffect)((function(){u||i.e(546).then(i.bind(i,1546))}),[]),(0,d.useEffect)((function(){var e;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(e=null==p?void 0:p.map((function(e){return e._id})))&&void 0!==e?e:[])&&Y.getMediaByIds(t).then((function(e){x(e)}))}),[t]);var Q=function fullscreenIn(){if(M&&L&&f&&O<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=C.eH,e.appendChild(n)}}},H=function onSpinReady(e){null==m||m(e.index);var n=null==p?void 0:p[e.index];void 0!==e.index&&n&&A.successTransaction("ON_SHOW_MEDIA",{functionType:n.functionType,mediaType:n.mediaType,mediaName:n.name,url:n.url})},Z=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(p),eventId:"ON_SHOW_MEDIA"}),e.Sirv?Z():z("zoom, spin, video",p).then((function(){Z(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",H),n.off("viewer:fullscreenIn",Q))}}),[]);var B=c;return void 0!==l&&(B+=";slide.first:"+l),!f&&L&&I&&E<500&&(B+=I),w("sirv.zoom.hint.text.click","")&&(B+=";zoom.hint.text.click: ".concat(w("sirv.zoom.hint.text.click"))),w("sirv.zoom.hint.text.hover","")&&(B+=";zoom.hint.text.hover: ".concat(w("sirv.zoom.hint.text.hover"))),w("sirv.zoom.hint.text.dblclick","")&&(B+=";zoom.hint.text.dblclick: ".concat(w("sirv.zoom.hint.text.dblclick"))),w("sirv.spin.hint.message.text","")&&(B+=";zoom.spin.hint.message.text: ".concat(w("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:h,className:T()(C.qn,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":B,children:null==p?void 0:p.map((function(e,n){return S(e,n,l,L&&!k,P,R)}))},h)}},5622:(e,n,i)=>{i.d(n,{Ay:()=>A,DU:()=>u,JB:()=>M,L$:()=>m,j3:()=>l});var t=i(8634),a=i.n(t),r=i(2083),o=i.n(r),s=i(1946),d=i.n(s),I=new URL(i(4091),i.b),c=o()(a()),g=d()(I);c.push([e.id,`.index-module--aCm9Y {\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--xiYqj {\n width: 80px;\n height: 80px;\n}\n\n.index-module--tDj6i {\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--vtOFS {\n width: 250px;\n height: 80px;\n word-wrap: break-word;\n font-family: var(--diva-typography-font-family);\n}\n`,""]);var l="index-module--aCm9Y",M="index-module--xiYqj",m="index-module--tDj6i",u="index-module--vtOFS";const A=c},5715:(e,n,i)=>{i.d(n,{Ay:()=>p,eH:()=>v,qn:()=>A,zI:()=>D});var t=i(8634),a=i.n(t),r=i(2083),o=i.n(r),s=i(1946),d=i.n(s),I=new URL(i(6835),i.b),c=new URL(i(8892),i.b),g=new URL(i(6321),i.b),l=o()(a()),M=d()(I),m=d()(c),u=d()(g);l.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--SURNO .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--MUCjv {\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--KcJr3 {\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--SURNO",D="index-module--MUCjv",v="index-module--KcJr3";const p=l},8892:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},6835:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},6321:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},4091:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
|