@crystaldesign/content-box 24.10.0-beta.20 → 24.10.0-beta.22

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 319.content-box.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignContentBox=self.webpackChunkCrystaldesignContentBox||[]).push([[319],{319:(n,e,i)=>{i.r(e),i.d(e,{default:()=>f});var t=i(8742),a=i(1594),o=i(4488),r=i(5835),s=i.n(r),l=i(9120),d=i.n(l),u=i(1148),m=i.n(u),x=i(3035),c=i.n(x),p=i(4959),g=i.n(p),h=i(5004),v=i.n(h),w=i(5622),b={};b.styleTagTransform=v(),b.setAttributes=c(),b.insert=m().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=g();s()(w.Ay,b);w.Ay&&w.Ay.locals&&w.Ay.locals;var C=i(2216),y=i(2246);window.customElements.get("model-viewer")||i.e(781).then(i.bind(i,1781));const f=function ArViewer(n){var e,i,r,s,l=n.url,d=n.qrCodeUrl,u=n.cameraArButton,m=n.viewerClassName,x=n.arViewerSettings,c=n.isCurrentlyVisible,p="",g=(0,o.useDivaCore)().state.isMobile,h=(0,o.useTranslation)().t,v=(0,a.useState)(0),b=(0,t.A)(v,2),f=b[0],A=b[1],S=(0,a.useState)(!g),j=(0,t.A)(S,2),I=j[0],k=j[1];return u&&(p+="scene-viewer quick-look"),(0,y.jsxs)(y.Fragment,{children:[I&&!1!==c&&d&&(0,y.jsxs)("div",{className:w.j3,children:[(0,y.jsx)(C.A,{value:d,className:w.JB}),(0,y.jsx)("div",{className:w.DU,children:h("pdp.ar.qrtext")}),(0,y.jsx)("div",{className:w.L$,id:"arThumbnailImg",onClick:function onClick(){return k(!1)}})]}),(0,y.jsx)("model-viewer",{src:l,alt:"A AR Model of a Chair","environment-image":"default"===(null==x?void 0:x[f].environmentImage)?void 0:"neutral",shadowIntensity:null!==(e=null==x?void 0:x[f].shadowIntensity)&&void 0!==e?e:1,shadowSoftness:null!==(i=null==x?void 0:x[f].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(r=null==x?void 0:x[f].exposure)&&void 0!==r?r:1,useEnvironmentasSkybox:null!==(s=null==x?void 0:x[f].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":p,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:m}),x&&(0,y.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(n){return function onArViewerSettingsChanged(n){A(parseInt(n.target.value))}(n)},children:x.map((function(n,e){return(0,y.jsx)("option",{value:e,children:n.name},e)}))})]})}},5622:(n,e,i)=>{i.d(e,{Ay:()=>h,DU:()=>g,JB:()=>c,L$:()=>p,j3:()=>x});var t=i(8634),a=i.n(t),o=i(2083),r=i.n(o),s=i(1946),l=i.n(s),d=new URL(i(4091),i.b),u=r()(a()),m=l()(d);u.push([n.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(${m});\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 x="index-module--aCm9Y",c="index-module--xiYqj",p="index-module--tDj6i",g="index-module--vtOFS";const h=u},4091:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignContentBox=self.webpackChunkCrystaldesignContentBox||[]).push([[319],{319:(n,e,i)=>{i.r(e),i.d(e,{default:()=>f});var t=i(8742),a=i(1594),o=i(4488),r=i(5835),s=i.n(r),l=i(9120),d=i.n(l),u=i(1148),m=i.n(u),x=i(3035),c=i.n(x),p=i(4959),g=i.n(p),h=i(5004),v=i.n(h),w=i(5622),b={};b.styleTagTransform=v(),b.setAttributes=c(),b.insert=m().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=g();s()(w.Ay,b);w.Ay&&w.Ay.locals&&w.Ay.locals;var C=i(2216),y=i(2246);window.customElements.get("model-viewer")||i.e(399).then(i.bind(i,399));const f=function ArViewer(n){var e,i,r,s,l=n.url,d=n.qrCodeUrl,u=n.cameraArButton,m=n.viewerClassName,x=n.arViewerSettings,c=n.isCurrentlyVisible,p="",g=(0,o.useDivaCore)().state.isMobile,h=(0,o.useTranslation)().t,v=(0,a.useState)(0),b=(0,t.A)(v,2),f=b[0],A=b[1],S=(0,a.useState)(!g),j=(0,t.A)(S,2),I=j[0],k=j[1];return u&&(p+="scene-viewer quick-look"),(0,y.jsxs)(y.Fragment,{children:[I&&!1!==c&&d&&(0,y.jsxs)("div",{className:w.j3,children:[(0,y.jsx)(C.A,{value:d,className:w.JB}),(0,y.jsx)("div",{className:w.DU,children:h("pdp.ar.qrtext")}),(0,y.jsx)("div",{className:w.L$,id:"arThumbnailImg",onClick:function onClick(){return k(!1)}})]}),(0,y.jsx)("model-viewer",{src:l,alt:"A AR Model of a Chair","environment-image":"default"===(null==x?void 0:x[f].environmentImage)?void 0:"neutral",shadowIntensity:null!==(e=null==x?void 0:x[f].shadowIntensity)&&void 0!==e?e:1,shadowSoftness:null!==(i=null==x?void 0:x[f].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(r=null==x?void 0:x[f].exposure)&&void 0!==r?r:1,useEnvironmentasSkybox:null!==(s=null==x?void 0:x[f].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":p,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:m}),x&&(0,y.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(n){return function onArViewerSettingsChanged(n){A(parseInt(n.target.value))}(n)},children:x.map((function(n,e){return(0,y.jsx)("option",{value:e,children:n.name},e)}))})]})}},5622:(n,e,i)=>{i.d(e,{Ay:()=>h,DU:()=>g,JB:()=>c,L$:()=>p,j3:()=>x});var t=i(8634),a=i.n(t),o=i(2083),r=i.n(o),s=i(1946),l=i.n(s),d=new URL(i(4091),i.b),u=r()(a()),m=l()(d);u.push([n.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(${m});\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 x="index-module--aCm9Y",c="index-module--xiYqj",p="index-module--tDj6i",g="index-module--vtOFS";const h=u},4091:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);