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

package/build/esm/{index-f5c50be6.js → index-156fdd22.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, G as Group } from './index-83d5be56.js';
+import { s as styleInject, G as Group } from './index-48eb8947.js';
 import { useRef, useEffect, useMemo, useState } from 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import { createPortal } from 'react-dom';

package/build/esm/{index-83d5be56.js → index-48eb8947.js}

@@ -350,7 +350,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-f5c50be6.js');
+  return import('./index-156fdd22.js');
 });
 var VariantFields = function VariantFields(_ref) {
   var variants = _ref.variants,
@@ -842,10 +842,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-beaa0ea7.js');
+  return import('./index-940109de.js');
 });
 var MediaViewer = /*#__PURE__*/React.lazy(function () {
-  return import('./index-e1336424.js');
+  return import('./index-79064648.js');
 });
 var ContentBox$1 = function ContentBox(props) {
   switch (props.type) {

package/build/esm/{index-e1336424.js → index-79064648.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-83d5be56.js';
+import { s as styleInject } from './index-48eb8947.js';
 import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import React, { useMemo, useState, useEffect } from 'react';
 import classNames from 'classnames';
-import ArViewer from './index-beaa0ea7.js';
+import ArViewer from './index-940109de.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/toConsumableArray';
@@ -60,7 +60,7 @@ var MediaViewer = function MediaViewer(_ref) {
     setMedias(mediasData);
   }, [mediasData]);
   useEffect(function () {
-    if (!keepOldZoomIcons) import('./zoom.module-5960ae37.js');
+    if (!keepOldZoomIcons) import('./zoom.module-2eb481bd.js');
   }, []);
   useEffect(function () {
     var _medias$map;

package/build/esm/{index-beaa0ea7.js → index-940109de.js}

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

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { C as ContentBoxComponent, a as default } from './index-83d5be56.js';
+export { C as ContentBoxComponent, a as default } from './index-48eb8947.js';
 import 'react';
 import 'react/jsx-runtime';
 import '@crystaldesign/diva-core';

package/build/esm/{zoom.module-5960ae37.js → zoom.module-2eb481bd.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-83d5be56.js';
+import { s as styleInject } from './index-48eb8947.js';
 import '@babel/runtime/helpers/defineProperty';
 import 'react';
 import 'react/jsx-runtime';

package/build/umd/{22.content-box.umd.min.js → 51.content-box.umd.min.js}

@@ -1,2 +1,2 @@
-/*! For license information please see 22.content-box.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignContentBox=self.webpackChunkCrystaldesignContentBox||[]).push([[22],{7022:(n,e,i)=>{i.r(e),i.d(e,{default:()=>I});var t=i(4988),a=i(7363),o=i(8683),r=i(3379),s=i.n(r),l=i(7795),d=i.n(l),u=i(569),c=i.n(u),x=i(3565),m=i.n(x),p=i(9216),g=i.n(p),h=i(4589),v=i.n(h),f=i(8195),w={};w.styleTagTransform=v(),w.setAttributes=m(),w.insert=c().bind(null,"head"),w.domAPI=d(),w.insertStyleElement=g();s()(f.ZP,w);f.ZP&&f.ZP.locals&&f.ZP.locals;var b=i(2182),C=i(7514);const I=function ArViewer(n){var e,i,r,s,l=n.url,d=n.qrCodeUrl,u=n.cameraArButton,c=n.viewerClassName,x=n.arViewerSettings,m=n.isCurrentlyVisible,p="",g=(0,o.useDivaCore)(),h=g.actions,v=g.state,w=v.isFirefox,I=v.isMobile,N=(0,o.useTranslation)().t,y=(0,a.useState)(0),k=(0,t.Z)(y,2),S=k[0],P=k[1],Z=(0,a.useState)(!I),z=(0,t.Z)(Z,2),A=z[0],j=z[1];return(0,a.useEffect)((function(){h.loadModelViewer()}),[]),u&&(p+="scene-viewer quick-look"),(0,C.jsxs)(C.Fragment,{children:[A&&!1!==m&&d&&(0,C.jsxs)("div",{className:f.GY,children:[(0,C.jsx)(b.ZP,{value:d,className:f.Vf}),(0,C.jsx)("div",{className:f.ze,children:N("pdp.ar.qrtext")}),(0,C.jsx)("div",{className:f.zJ,id:"arThumbnailImg",onClick:function onClick(){return j(!1)}})]}),(0,C.jsx)("model-viewer",{src:l,alt:"A AR Model of a Chair","environment-image":"default"===(null==x?void 0:x[S].environmentImage)?void 0:"neutral",shadowIntensity:null!==(e=null==x?void 0:x[S].shadowIntensity)&&void 0!==e?e:1,shadowSoftness:null!==(i=null==x?void 0:x[S].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(r=null==x?void 0:x[S].exposure)&&void 0!==r?r:1,useEnvironmentasSkybox:null!==(s=null==x?void 0:x[S].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":w?"":p,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:c}),x&&(0,C.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(n){return function onArViewerSettingsChanged(n){P(parseInt(n.target.value))}(n)},children:x.map((function(n,e){return(0,C.jsx)("option",{value:e,children:n.name},e)}))})]})}},8195:(n,e,i)=>{i.d(e,{GY:()=>x,Vf:()=>m,ZP:()=>h,zJ:()=>p,ze:()=>g});var t=i(8081),a=i.n(t),o=i(3645),r=i.n(o),s=i(1667),l=i.n(s),d=new URL(i(140),i.b),u=r()(a()),c=l()(d);u.push([n.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("+c+");\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 x="index-module--PD1WN",m="index-module--AWoJQ",p="index-module--sIl1Z",g="index-module--NiigZ";const h=u},140:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+/*! For license information please see 51.content-box.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignContentBox=self.webpackChunkCrystaldesignContentBox||[]).push([[51],{6051:(n,e,i)=>{i.r(e),i.d(e,{default:()=>I});var t=i(4988),a=i(7363),o=i(8683),r=i(3379),s=i.n(r),l=i(7795),d=i.n(l),u=i(569),c=i.n(u),x=i(3565),m=i.n(x),p=i(9216),g=i.n(p),h=i(4589),v=i.n(h),f=i(8195),w={};w.styleTagTransform=v(),w.setAttributes=m(),w.insert=c().bind(null,"head"),w.domAPI=d(),w.insertStyleElement=g();s()(f.ZP,w);f.ZP&&f.ZP.locals&&f.ZP.locals;var b=i(2182),C=i(7514);const I=function ArViewer(n){var e,i,r,s,l=n.url,d=n.qrCodeUrl,u=n.cameraArButton,c=n.viewerClassName,x=n.arViewerSettings,m=n.isCurrentlyVisible,p="",g=(0,o.useDivaCore)(),h=g.actions,v=g.state,w=v.isFirefox,I=v.isMobile,N=(0,o.useTranslation)().t,y=(0,a.useState)(0),k=(0,t.Z)(y,2),S=k[0],P=k[1],Z=(0,a.useState)(!I),z=(0,t.Z)(Z,2),A=z[0],j=z[1];return(0,a.useEffect)((function(){h.loadModelViewer()}),[]),u&&(p+="scene-viewer quick-look"),(0,C.jsxs)(C.Fragment,{children:[A&&!1!==m&&d&&(0,C.jsxs)("div",{className:f.GY,children:[(0,C.jsx)(b.ZP,{value:d,className:f.Vf}),(0,C.jsx)("div",{className:f.ze,children:N("pdp.ar.qrtext")}),(0,C.jsx)("div",{className:f.zJ,id:"arThumbnailImg",onClick:function onClick(){return j(!1)}})]}),(0,C.jsx)("model-viewer",{src:l,alt:"A AR Model of a Chair","environment-image":"default"===(null==x?void 0:x[S].environmentImage)?void 0:"neutral",shadowIntensity:null!==(e=null==x?void 0:x[S].shadowIntensity)&&void 0!==e?e:1,shadowSoftness:null!==(i=null==x?void 0:x[S].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(r=null==x?void 0:x[S].exposure)&&void 0!==r?r:1,useEnvironmentasSkybox:null!==(s=null==x?void 0:x[S].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":w?"":p,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:c}),x&&(0,C.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(n){return function onArViewerSettingsChanged(n){P(parseInt(n.target.value))}(n)},children:x.map((function(n,e){return(0,C.jsx)("option",{value:e,children:n.name},e)}))})]})}},8195:(n,e,i)=>{i.d(e,{GY:()=>x,Vf:()=>m,ZP:()=>h,zJ:()=>p,ze:()=>g});var t=i(8081),a=i.n(t),o=i(3645),r=i.n(o),s=i(1667),l=i.n(s),d=new URL(i(140),i.b),u=r()(a()),c=l()(d);u.push([n.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("+c+");\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 x="index-module--PD1WN",m="index-module--AWoJQ",p="index-module--sIl1Z",g="index-module--NiigZ";const h=u},140:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

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