@crystaldesign/content-box 24.15.0-beta.9 → 24.16.0-beta.1

package/build/esm/{index-5d270e08.js → index-29324d63.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-c2d13bb4.js';
+import { s as styleInject } from './index-90087fd3.js';
 import { useState } from 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import QRCode from 'react-qr-code';

package/build/esm/{index-bee4156d.js → index-3ea05b37.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, a as usePdpState, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, e as buttonLeft, d as buttonCenter } from './index-c2d13bb4.js';
+import { s as styleInject, a as usePdpState, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, e as buttonLeft, d as buttonCenter } from './index-90087fd3.js';
 import classNames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-486edd73.js → index-650df043.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, a as usePdpState, S as STATES, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, d as buttonCenter } from './index-c2d13bb4.js';
+import { s as styleInject, a as usePdpState, S as STATES, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, d as buttonCenter } from './index-90087fd3.js';
 import classNames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-c2d13bb4.js → index-90087fd3.js}

@@ -210,7 +210,7 @@ var _excluded$3 = ["pdpState"];
 function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Checkpoint = /*#__PURE__*/React.lazy(function () {
-  return import('./index-23e00405.js');
+  return import('./index-ddb65b3b.js');
 });
 var InfoSlider = function InfoSlider(_ref) {
   var _pdpState$infoTabs$ma, _pdpState$infoTabs;
@@ -1199,10 +1199,10 @@ var useContentBoxState = function useContentBoxState() {
 function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CheckpointFooter = /*#__PURE__*/React.lazy(function () {
-  return import('./index-486edd73.js');
+  return import('./index-650df043.js');
 });
 var FunctionsFooter = /*#__PURE__*/React.lazy(function () {
-  return import('./index-bee4156d.js');
+  return import('./index-3ea05b37.js');
 });
 var Footer = function Footer(_ref) {
   _objectDestructuringEmpty(_ref);
@@ -1547,7 +1547,7 @@ var sel = "sel-ULdr-";
 var imageWrapper = "imageWrapper-K247h";
 var wcImage = "wcImage-vgZTU";
 var title = "title-iwrrb";
-var css_248z$6 = "/*Size Normal */\n\n.paletteItem-S5JEn {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n\n  width: 90px;\n}\n\n.paletteItem-S5JEn:active,\n.paletteItem-S5JEn:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcVCodexText-MUOjy {\n  position: absolute;\n  line-height: 104px;\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.paletteItem-S5JEn:hover .wcVCodexText-MUOjy,\n.sel-ULdr- .wcVCodexText-MUOjy {\n  display: block;\n}\n\n.imageWrapper-K247h {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n\n.paletteItem-S5JEn:not(.sel-ULdr-) .imageWrapper-K247h {\n  overflow: hidden;\n}\n.imageWrapper-K247h:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-ULdr- .imageWrapper-K247h:hover,\n.small-BOEaE.sel-ULdr- .imageWrapper-K247h:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.sel-ULdr- .imageWrapper-K247h,\n.small-BOEaE.sel-ULdr- .imageWrapper-K247h {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage-vgZTU {\n  width: calc(100% - 7px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.sel-ULdr- .wcImage-vgZTU,\n.small-BOEaE.sel-ULdr- .wcImage-vgZTU {\n  border: 4px var(--primaryColor) solid;\n}\n\n.hexColor-sqV-T {\n  width: 80px;\n  height: 80px;\n}\n\n.title-iwrrb {\n  margin-top: 4px;\n  text-align: center;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  width: 100%;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  z-index: 400;\n}\n\n.paletteItem-S5JEn:hover .title-iwrrb,\n.small-BOEaE .paletteItem-S5JEn:hover .title-iwrrb {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  z-index: 200;\n}\n\n/* Size Small */\n\n.small-BOEaE .wcVCodexText-MUOjy {\n  line-height: 58px;\n  font-size: 12px;\n}\n\n.small-BOEaE .title-iwrrb {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.very-small-isc7q .wcVCodexText-MUOjy {\n  line-height: 48px;\n  font-size: 10px;\n}\n\n.very-small-isc7q .title-iwrrb {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.big-Lz6Oh .wcVCodexText-MUOjy {\n  line-height: 158px;\n  font-size: 15px;\n}\n\n.big-Lz6Oh .title-iwrrb {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n";
+var css_248z$6 = "/*Size Normal */\n\n.paletteItem-S5JEn {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n\n  width: 90px;\n}\n\n.paletteItem-S5JEn:active,\n.paletteItem-S5JEn:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcVCodexText-MUOjy {\n  position: absolute;\n  line-height: 104px;\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.paletteItem-S5JEn:hover .wcVCodexText-MUOjy,\n.sel-ULdr- .wcVCodexText-MUOjy {\n  display: block;\n}\n\n.imageWrapper-K247h {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n\n.paletteItem-S5JEn:not(.sel-ULdr-) .imageWrapper-K247h {\n  overflow: hidden;\n}\n.imageWrapper-K247h:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-ULdr- .imageWrapper-K247h:hover,\n.small-BOEaE.sel-ULdr- .imageWrapper-K247h:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.sel-ULdr- .imageWrapper-K247h,\n.small-BOEaE.sel-ULdr- .imageWrapper-K247h {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage-vgZTU {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.sel-ULdr- .wcImage-vgZTU,\n.small-BOEaE.sel-ULdr- .wcImage-vgZTU {\n  border: 4px var(--primaryColor) solid;\n}\n\n.hexColor-sqV-T {\n  width: 80px;\n  height: 80px;\n}\n\n.title-iwrrb {\n  margin-top: 4px;\n  text-align: center;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  width: 100%;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  z-index: 400;\n}\n\n.paletteItem-S5JEn:hover .title-iwrrb,\n.small-BOEaE .paletteItem-S5JEn:hover .title-iwrrb {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  z-index: 200;\n}\n\n/* Size Small */\n\n.small-BOEaE .wcVCodexText-MUOjy {\n  line-height: 58px;\n  font-size: 12px;\n}\n\n.small-BOEaE .title-iwrrb {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.very-small-isc7q .wcVCodexText-MUOjy {\n  line-height: 48px;\n  font-size: 10px;\n}\n\n.very-small-isc7q .title-iwrrb {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.big-Lz6Oh .wcVCodexText-MUOjy {\n  line-height: 158px;\n  font-size: 15px;\n}\n\n.big-Lz6Oh .title-iwrrb {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n";
 styleInject(css_248z$6);
 
 var ImageAndText = function ImageAndText(_ref) {
@@ -1687,7 +1687,7 @@ var OptionHeader = function OptionHeader(_ref) {
 function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DragAndDrop = /*#__PURE__*/React.lazy(function () {
-  return import('./index-94247187.js');
+  return import('./index-edb6d39f.js');
 });
 var VariantFields = function VariantFields(_ref) {
   var variants = _ref.variants,
@@ -2153,10 +2153,10 @@ var CloseButtonContainer = function CloseButtonContainer(_ref) {
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ArViewer = /*#__PURE__*/React.lazy(function () {
-  return import('./index-5d270e08.js');
+  return import('./index-29324d63.js');
 });
 var MediaViewer = /*#__PURE__*/React.lazy(function () {
-  return import('./index-6e69ccad.js');
+  return import('./index-c5328666.js');
 });
 var ContentBox$1 = function ContentBox(props) {
   var _useContentBoxState = useContentBoxState(),

package/build/esm/{index-6e69ccad.js → index-c5328666.js}

@@ -1,11 +1,11 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject } from './index-c2d13bb4.js';
+import { s as styleInject } from './index-90087fd3.js';
 import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import React, { useMemo, useState, useEffect } from 'react';
 import classNames from 'classnames';
-import ArViewer from './index-5d270e08.js';
+import ArViewer from './index-29324d63.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'mobx-react-lite';
@@ -66,7 +66,7 @@ var MediaViewer = function MediaViewer(_ref) {
     setMedias(mediasData);
   }, [mediasData]);
   useEffect(function () {
-    if (!keepOldZoomIcons) import('./zoom.module-ca18608e.js');
+    if (!keepOldZoomIcons) import('./zoom.module-3d71e91e.js');
   }, []);
   useEffect(function () {
     var _medias$map;

package/build/esm/{index-23e00405.js → index-ddb65b3b.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, a as usePdpState } from './index-c2d13bb4.js';
+import { s as styleInject, a as usePdpState } from './index-90087fd3.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-94247187.js → index-edb6d39f.js}

@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useApiInterface, G as Group } from './index-c2d13bb4.js';
+import { s as styleInject, u as useApiInterface, G as Group } from './index-90087fd3.js';
 import { useRef, useEffect, useState } from 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import { createPortal } from 'react-dom';

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { C as ContentBoxComponent, g as default } from './index-c2d13bb4.js';
+export { C as ContentBoxComponent, g as default } from './index-90087fd3.js';
 import 'react';
 import 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{zoom.module-ca18608e.js → zoom.module-3d71e91e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-c2d13bb4.js';
+import { s as styleInject } from './index-90087fd3.js';
 import '@babel/runtime/helpers/defineProperty';
 import 'react';
 import 'react/jsx-runtime';

package/build/types/content-box/src/ui/PDP/InfoSlider/Functions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/PDP/InfoSlider/Functions/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,KAAK,KAAK,GAAG;IAAE,QAAQ,EAAE,QAAQ,CAAA;CAAE,CAAC;wCAEH,KAAK;;;AA2BtC,wBAAmC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/ui/PDP/InfoSlider/Functions/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,QAAQ,MAAM,aAAa,CAAC;AAEnC,KAAK,KAAK,GAAG;IAAE,QAAQ,EAAE,QAAQ,CAAA;CAAE,CAAC;wCAEH,KAAK;;;AA2BtC,wBAAmC"}

package/build/umd/0.content-box.umd.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 0.content-box.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignContentBox=self.webpackChunkCrystaldesignContentBox||[]).push([[0,218],{7218:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(4988),a=i(7363),r=i(8683),o=i(3379),s=i.n(o),d=i(7795),I=i.n(d),g=i(569),l=i.n(g),c=i(3565),M=i.n(c),m=i(9216),u=i.n(m),A=i(4589),D=i.n(A),v=i(8195),x={};x.styleTagTransform=D(),x.setAttributes=M(),x.insert=l().bind(null,"head"),x.domAPI=I(),x.insertStyleElement=u();s()(v.ZP,x);v.ZP&&v.ZP.locals&&v.ZP.locals;var p=i(2182),w=i(7514);window.customElements.get("model-viewer")||i.e(721).then(i.bind(i,7721));const C=function ArViewer(e){var n,i,o,s,d=e.url,I=e.qrCodeUrl,g=e.cameraArButton,l=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,C=(0,a.useState)(0),h=(0,t.Z)(C,2),N=h[0],T=h[1],y=(0,a.useState)(!D),b=(0,t.Z)(y,2),z=b[0],S=b[1];return g&&(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[N].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[N].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[N].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(o=null==c?void 0:c[N].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[N].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":A?"":m,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:l}),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)}))})]})}},5e3:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(4658),a=i(4988),r=i(747),o=i.n(r),s=i(8683),d=i(7363),I=i.n(d),g=i(3379),l=i.n(g),c=i(7795),M=i.n(c),m=i(569),u=i.n(m),A=i(3565),D=i.n(A),v=i(9216),x=i.n(v),p=i(4589),w=i.n(p),C=i(8727),h={};h.styleTagTransform=w(),h.setAttributes=D(),h.insert=u().bind(null,"head"),h.domAPI=M(),h.insertStyleElement=x();l()(C.ZP,h);C.ZP&&C.ZP.locals&&C.ZP.locals;var N=i(5515),T=i.n(N),y=i(7218),b=i(7514),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>4&&void 0!==arguments[4]?arguments[4]:[],o=arguments.length>5?arguments[5]:void 0,s=!!r.find((function(n){return e.url.includes(n)})),d=f(e);switch(e.mediaType){case"SPIN":case"SPN":case"VID":case"PCT":case void 0:try{var I=new URL(e.url);return t&&!["SPIN","SPN"].includes(e.mediaType)&&(I.searchParams.append("scale.option","noup"),I.searchParams.append("w","3000")),s?(I.searchParams.append("crop.type","trim"),I.searchParams.append("crop.pad.x","10%"),I.searchParams.append("crop.pad.y","10%"),(0,b.jsx)("div",{"data-src":I.toString(),id:"main3dImage","data-options":"SHO"==e.functionType||"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,children:d},I.toString())):(0,b.jsx)("img",{"data-src":I.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:d},I.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:o?o+"/arViewer?arMedia="+(null!==(a=e.shortUrl)&&void 0!==a?a:e.url):void 0,type:"ArViewer",cameraArButton:!0,isCurrentlyVisible:i===n}),d]},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:C.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,g=e.defaultDataOptions,l=e.currentItem,c=void 0===l?0:l,M=e.showRotationIconInFullscreen,m=e.setCurrentItem,u=e.keepOldZoomIcons,A=((0,d.useMemo)((function(){return(0,s.getLogger)("MediaViewer","ContentBox")}),[]),(0,d.useState)(n)),D=(0,a.Z)(A,2),v=D[0],x=D[1],p=(0,s.useTranslation)().t,w=o,h=(0,s.useDivaCore)(),N=h.state,y=N.dimensions,f=y.isPortrait,j=y.isMobile,L=y.isTablet,k=y.height,E=y.width,P=N.apiConfig,O=P.baseSirvUrls,Z=P.arViewerBaseUrl,R=h.handler.mediaHandler;(0,d.useEffect)((function(){x(n)}),[n]),(0,d.useEffect)((function(){u||i.e(145).then(i.bind(i,4145))}),[]),(0,d.useEffect)((function(){var e;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(e=null==v?void 0:v.map((function(e){return e._id})))&&void 0!==e?e:[])&&R.getMediaByIds(t).then((function(e){x(e)}))}),[t]);var U=function fullscreenIn(){if(M&&j&&f&&E<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=C.AH,e.appendChild(n)}}},Q=function onSpinReady(e){null==m||m(e.index)},Y=function subscribeToEvents(){var e=window.Sirv;e.on("viewer:afterSlideIn",Q),e.on("viewer:fullscreenIn",U)};(0,d.useEffect)((function(){var e=window;return e.Sirv?Y():z("zoom, spin, video",v).then((function(){Y(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",Q),n.off("viewer:fullscreenIn",U))}}),[]);var H=g;return void 0!==c&&(H+=";slide.first:"+c),!f&&j&&I&&k<500&&(H+=I),p("sirv.zoom.hint.text.click","")&&(H+=";zoom.hint.text.click: ".concat(p("sirv.zoom.hint.text.click"))),p("sirv.zoom.hint.text.hover","")&&(H+=";zoom.hint.text.hover: ".concat(p("sirv.zoom.hint.text.hover"))),p("sirv.zoom.hint.text.dblclick","")&&(H+=";zoom.hint.text.dblclick: ".concat(p("sirv.zoom.hint.text.dblclick"))),p("sirv.spin.hint.message.text","")&&(H+=";zoom.spin.hint.message.text: ".concat(p("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:w,className:T()(C.QH,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":H,children:null==v?void 0:v.map((function(e,n){return S(e,n,c,j&&!L,O,Z)}))},w)}},8195:(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(3645),o=i.n(r),s=i(1667),d=i.n(s),I=new URL(i(140),i.b),g=o()(a()),l=d()(I);g.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("+l+");\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=g},8727:(e,n,i)=>{i.d(n,{AH:()=>v,QH:()=>A,ZP:()=>x,fW:()=>D});var t=i(8081),a=i.n(t),r=i(3645),o=i.n(r),s=i(1667),d=i.n(s),I=new URL(i(6354),i.b),g=new URL(i(8132),i.b),l=new URL(i(4336),i.b),c=o()(a()),M=d()(I),m=d()(g),u=d()(l);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},8132:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},6354:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},4336:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},140:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

package/build/umd/0.content-box.umd.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! filename:0 */