@crystaldesign/diva-web-planner-react 24.14.0-rc.6 → 24.14.0-rc.7

package/build/esm/{index-b78ddcbe.js → index-fda7a3f0.js}

@@ -1,23 +1,23 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { a as usePlannerUIHandler, u as useViewHandler } from './index-483f324a.js';
+import { a as usePlannerUIHandler, u as useViewHandler } from './index-42a4b1ef.js';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import AVL from './index-74ff5d35.js';
-import AVR from './index-5f584adf.js';
-import Outline from './index-43bb4960.js';
-import RotationClockwise from './index-c5252869.js';
-import RotationCounterClockwise from './index-0caff949.js';
-import Trash from './index-fb591ece.js';
-import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-bed5745e.js';
+import AVL from './index-cafa5802.js';
+import AVR from './index-e3160b33.js';
+import Outline from './index-dc736c5d.js';
+import RotationClockwise from './index-eb05a628.js';
+import RotationCounterClockwise from './index-0eadfd81.js';
+import Trash from './index-965afc54.js';
+import { u as useDockingPointPositioning, I as ItemsDPAccContainer } from './index-70a900d8.js';
 import { Vector2 } from '@crystaldesign/web-planner-logic';
-import PosNr from './index-d373cc45.js';
-import BoxCopy from './index-664cb374.js';
-import Move3DGrid from './index-bc7f642f.js';
-import Rotation3DGrid from './index-eb15fda6.js';
+import PosNr from './index-3f66dc32.js';
+import BoxCopy from './index-13d6ad57.js';
+import Move3DGrid from './index-57452296.js';
+import Rotation3DGrid from './index-cf3551a8.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import ElementCopy from './index-3ed173f2.js';
-import DistanceToGround from './index-5d4806cc.js';
+import ElementCopy from './index-0859a33c.js';
+import DistanceToGround from './index-0ab035ae.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -29,7 +29,7 @@ import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/toConsumableArray';
 import 'mobx';
 import 'classnames';
-import './index-eb649569.js';
+import './index-fbcf6a57.js';
 import 'react-draggable';
 
 function usePosNrPositioning(_ref) {

package/build/esm/{index-67067ab8.js → index-ff7b5ef2.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler } from './index-483f324a.js';
+import { u as useViewHandler } from './index-42a4b1ef.js';
 import 'react';
 import DivaUtils from '@crystaldesign/diva-utils';
-import Toggle from './index-317b26b5.js';
+import Toggle from './index-6caa8896.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-85749bb3.js → index-ffb9d425.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-483f324a.js';
+import './index-42a4b1ef.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-f370b21a.js';
-import JsonEditor from './index-fc7873d8.js';
+import ArticleOverview from './index-0cdf1120.js';
+import JsonEditor from './index-a105eeda.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -17,10 +17,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-14e47384.js';
-import './index.module-d6a5cce9.js';
+import './index.module-2f2112c3.js';
+import './index.module-49faa18e.js';
 import 'classnames';
-import './index.module-31e20af7.js';
+import './index.module-bccf15d3.js';
 import 'react-collapsible';
 import 'jsoneditor';
 

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-483f324a.js';
+export { W as WebPlannerReact, c as default } from './index-42a4b1ef.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/{index.module-42e0b7b0.js → index.module-0586e14b.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-483f324a.js';
+import { s as styleInject } from './index-42a4b1ef.js';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
 var landscape = "landscape-mjn27";

package/build/esm/{index.module-e749525e.js → index.module-0e98f1b8.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-483f324a.js';
+import { s as styleInject } from './index-42a4b1ef.js';
 
 var wrapper = "wrapper-TcEZn";
 var dropdownRoot = "Dropdown-root-7zz-C";

package/build/esm/{index.module-d2a48dc8.js → index.module-2c321d99.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-483f324a.js';
+import { s as styleInject } from './index-42a4b1ef.js';
 
 var paletteItem = "PaletteItem-bhj8-";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-14e47384.js → index.module-2f2112c3.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-483f324a.js';
+import { s as styleInject } from './index-42a4b1ef.js';
 
 var table = "table-bUPL7";
 var column = "column-MtERL";

package/build/esm/{index.module-5b30aef0.js → index.module-33c3782f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-483f324a.js';
+import { s as styleInject } from './index-42a4b1ef.js';
 
 var wcFavorite = "wcFavorite-WCYzN";
 var wcFavoriteSel = "wcFavorite_sel-Fww5G";

package/build/esm/{index.module-d6a5cce9.js → index.module-49faa18e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-483f324a.js';
+import { s as styleInject } from './index-42a4b1ef.js';
 
 var box = "box-vVSPN";
 var boxSelected = "boxSelected-HZqUZ";

package/build/esm/{index.module-747c18ad.js → index.module-64e95904.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-483f324a.js';
+import { s as styleInject } from './index-42a4b1ef.js';
 
 var svgWrapper = "svg-wrapper-hvaq9";
 var table = "table-GRFj-";

package/build/esm/{index.module-ba7632a8.js → index.module-90d2306c.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-483f324a.js';
+import { s as styleInject } from './index-42a4b1ef.js';
 
 var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-LWKJQ";
 var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-sCzAl";

package/build/esm/{index.module-362fbbf5.js → index.module-98323664.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-483f324a.js';
+import { s as styleInject } from './index-42a4b1ef.js';
 
 var row = "row-2sbo5";
 var colum = "colum-bfgmE";

package/build/esm/{index.module-31e20af7.js → index.module-bccf15d3.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-483f324a.js';
+import { s as styleInject } from './index-42a4b1ef.js';
 
 var wholeWrapper = "whole-wrapper-5OM64";
 var notExpanded = "not-expanded-A0UYP";

package/build/esm/{index.module-d2b6c1d9.js → index.module-d550db14.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-483f324a.js';
+import { s as styleInject } from './index-42a4b1ef.js';
 
 var wcUi2DOutlineDraggable = "wcUI2D_Outline_Draggable-MP-7N";
 var wcUi2DOutlineSelectable = "wcUI2D_Outline_Selectable--NB0c";

package/build/esm/{index.module-22044bb5.js → index.module-eeccc6f2.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-483f324a.js';
+import { s as styleInject } from './index-42a4b1ef.js';
 
 var wcFunctionsToolbar = "wcFunctionsToolbar-33mKP";
 var expanded = "Expanded-OjOcq";

package/build/types/web-planner-react/src/components/Product/ContentItemWrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Product/ContentItemWrapper/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,KAAK,KAAK,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;uDAEZ,KAAK;;;AA0FvE,wBAA4C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Product/ContentItemWrapper/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,KAAK,KAAK,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;uDAEZ,KAAK;;;AA2FvE,wBAA4C"}

package/build/umd/2537.diva-web-planner-react.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 2537.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2537],{12537:(e,n,t)=>{t.r(n),t.d(n,{default:()=>ne});var i=t(84658),r=t(34988),s=t(50747),o=t.n(s),a=t(9420),d=t(88683),c=t(87363),l=t(80248),p=t(93379),w=t.n(p),u=t(7795),m=t.n(u),g=t(90569),v=t.n(g),h=t(3565),x=t.n(h),j=t(19216),f=t.n(j),b=t(44589),N=t.n(b),y=t(3842),M={};M.styleTagTransform=N(),M.setAttributes=x(),M.insert=v().bind(null,"head"),M.domAPI=m(),M.insertStyleElement=f();w()(y.Z,M);y.Z&&y.Z.locals&&y.Z.locals;var z=t(47514);const D=function URL(e){var n=e.item,t=n.url,i=(n.icon,n.text);return t?(0,z.jsx)("a",{className:y.f,href:t,target:"_blank",rel:"noopener",children:null!=i?i:"URL"}):(0,z.jsx)(z.Fragment,{})};function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,l.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=function Image(e){var n=e.item,t=n.image,i=n.cover,r=n.style,s=n.altText,o={};if(!t)return(0,z.jsx)(z.Fragment,{});var a=new URL(t);return i?(o.objectFit="cover",o.minWidth="100%",o.minHeight="100%"):(o.maxWidth="100%",o.maxHeight="100%"),(0,z.jsx)("img",{alt:s,style:_objectSpread(_objectSpread({},o),r),src:a.toString()})};var L=t(91306),S={};S.styleTagTransform=N(),S.setAttributes=x(),S.insert=v().bind(null,"head"),S.domAPI=m(),S.insertStyleElement=f();w()(L.ZP,S);L.ZP&&L.ZP.locals&&L.ZP.locals;const I=function Video(e){var n=e.item,t=n.video,i=n.thumb;if(!t)return(0,z.jsx)(z.Fragment,{});if(t.includes("youtube.com")||t.includes("youtu.be")){if(i)return(0,z.jsx)("div",{className:L.E0});var r=new URL(t);return r.searchParams.set("autoplay","1"),r.searchParams.set("modestbranding","1"),r.searchParams.set("rel","0"),r.searchParams.set("controls","1"),r.searchParams.set("amp",""),(0,z.jsx)("iframe",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},src:r.toString(),referrerPolicy:"strict-origin-when-cross-origin",allow:"autoplay; gyroscope; picture-in-picture"})}return(0,z.jsx)("video",{className:L.$s,"aria-disabled":i,disablePictureInPicture:i,controls:!i,playsInline:!0,autoPlay:!i,children:(0,z.jsx)("source",{src:t+(i?"#t=2":""),type:t.includes(".mp4")?"video/mp4":"video/webm"})})};var T=t(75048),C={};C.styleTagTransform=N(),C.setAttributes=x(),C.insert=v().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=f();w()(T.Z,C);T.Z&&T.Z.locals&&T.Z.locals;const A=function Title(e){var n=e.item,t=n.text,i=n.style;return t?(0,z.jsx)("h4",{className:T.T,style:i,children:t}):(0,z.jsx)(z.Fragment,{})};var P=t(299),Q={};Q.styleTagTransform=N(),Q.setAttributes=x(),Q.insert=v().bind(null,"head"),Q.domAPI=m(),Q.insertStyleElement=f();w()(P.Z,Q);P.Z&&P.Z.locals&&P.Z.locals;var k=t(37707),E=t(31964),Z=t(4010),U={};U.styleTagTransform=N(),U.setAttributes=x(),U.insert=v().bind(null,"head"),U.domAPI=m(),U.insertStyleElement=f();w()(Z.ZP,U);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;function Gallery_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function Gallery_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Gallery_ownKeys(Object(t),!0).forEach((function(n){(0,l.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Gallery_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const Y=function Gallery(e){var n=e.item,t=n.content,i=n.wrappingStyle,s=(0,c.useState)(null),o=(0,r.Z)(s,2),a=o[0],d=o[1];return 0==t.length?(0,z.jsx)(z.Fragment,{}):1==t.length?(0,z.jsx)(G,{item:Gallery_objectSpread({},t[0])}):(0,z.jsxs)("div",{style:Gallery_objectSpread({},i),children:[(0,z.jsx)(k.tq,{style:{"--swiper-navigation-color":"#fff","--swiper-pagination-color":"#fff"},spaceBetween:10,navigation:!0,thumbs:{swiper:a&&!a.destroyed?a:null},modules:[E.Rv,E.W_,E.o3],className:Z.wn,children:t.map((function(e,n){return(0,z.jsx)(k.o5,{children:(0,z.jsx)(G,{item:e})},n)}))}),(0,z.jsx)(k.tq,{onSwiper:d,spaceBetween:10,slidesPerView:4,freeMode:!0,watchSlidesProgress:!0,modules:[E.Rv,E.W_,E.o3],className:Z.pD,children:t.map((function(e,n){return(0,z.jsx)(k.o5,{children:(0,z.jsx)(G,{item:Gallery_objectSpread(Gallery_objectSpread({},e),"Video"==e.type?{thumb:!0}:{})})},n)}))})]})};const _=function RichText(e){var n=e.item,t=n.text,i=n.style;return(0,z.jsx)("div",{style:i,dangerouslySetInnerHTML:{__html:t}})};const W=function Wrapper(e){var n=e.item,t=n.style,i=n.content;return(0,z.jsx)("div",{style:t,children:i.map((function(e,n){return(0,z.jsx)(G,{item:e},n)}))})};const G=function ContentItem(e){var n=e.item;switch(n.type){case"Gallery":return(0,z.jsx)(Y,{item:n});case"Image":return(0,z.jsx)(O,{item:n});case"RichText":return(0,z.jsx)(_,{item:n});case"Title":return(0,z.jsx)(A,{item:n});case"URL":return(0,z.jsx)(D,{item:n});case"Video":return(0,z.jsx)(I,{item:n});case"Wrapper":return(0,z.jsx)(W,{item:n})}throw new Error("unkonwn type: "+n.type)};const R=function ContentItems(e){var n=e.contentItems,t=e.wrapperStyle;return(0,z.jsx)(z.Fragment,{children:(0,z.jsx)("div",{style:t,id:"diva-content-item",children:n.map((function(e,n){return(0,z.jsx)(G,{item:e},n)}))})})};function src_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function src_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?src_ownKeys(Object(t),!0).forEach((function(n){(0,l.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):src_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var B=function Main(e){var n=e.settings;e.parameters,e.internal;return(0,z.jsx)(R,src_objectSpread({},n))},H=function ContentItemComponent(e){return(0,z.jsx)(B,src_objectSpread({},e))};var K=t(32919),F=t(12299),V={};V.styleTagTransform=N(),V.setAttributes=x(),V.insert=v().bind(null,"head"),V.domAPI=m(),V.insertStyleElement=f();w()(F.ZP,V);F.ZP&&F.ZP.locals&&F.ZP.locals;var J=t(22976),X=t.n(J),$=t(65515),q=t.n($),ee=(0,d.getLogger)("Planner","InfoBox");const ne=(0,a.Pi)((function ContentItemWrapper(e){var n,t=e.id,s=e.startPos,a=void 0===s?"left":s,l=e.noWrapper,p=(0,d.useDivaCore)(),w=p.handler.contentItemHandler,u=p.actions,m=u.openSideMenu,g=u.closeSideMenu,v=(0,d.useTranslation)().i18n.language,h=(0,K.NP)(),x=(0,c.useState)(),j=(0,r.Z)(x,2),f=j[0],b=j[1];(0,c.useEffect)((function(){t&&N()}),[t]);var N=function(){var e=(0,i.Z)(o().mark((function _callee(){var e;return o().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,w.getContentItem(t,v);case 2:e=n.sent,ee.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:e._id,title:e.title,content:e.content}),b(e),h.getIsInMobileView()&&m({side:"left",onClose:function onClose(){h.settingsState.setContentItemId(),g()},open:!0,content:(0,z.jsx)("div",{className:q()(F.ai),children:(0,z.jsx)(H,{settings:{contentItems:e.content,wrapperStyle:{display:"flex",flexDirection:"column",height:"100%"}}})})});case 6:case"end":return n.stop()}}),_callee)})));return function loadData(){return e.apply(this,arguments)}}();if((0,c.useEffect)((function(){void 0===t&&b(void 0)}),[t]),!f)return(0,z.jsx)(z.Fragment,{});if(h.getIsInMobileView())return(0,z.jsx)(z.Fragment,{});if(l)return(0,z.jsx)(H,{settings:{contentItems:f.content,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"}}});var y=null===(n=h.productState.productElement)||void 0===n?void 0:n.getBoundingClientRect();return(0,z.jsx)(X(),{handle:".handle",bounds:"parent",defaultPosition:"right"==a?{x:null!=y&&y.width?(null==y?void 0:y.width)-508:0,y:0}:void 0,children:(0,z.jsxs)("div",{className:F.YS,style:{maxHeight:null!=y&&y.height&&y.height<720?(null==y?void 0:y.height)-20:700},children:[(0,z.jsxs)("div",{className:F.Fs,children:[(0,z.jsx)("div",{className:q()("handle",F.pr)}),(0,z.jsx)("div",{className:F.UF,onClick:function onClick(){return h.settingsState.setContentItemId()}})]}),(0,z.jsx)(H,{settings:{contentItems:f.content,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"}}})]})})}))},4010:(e,n,t)=>{t.d(n,{ZP:()=>c,pD:()=>d,wn:()=>a});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s)()(r());o.push([e.id,"#diva-content-item .swiper {\n  width: 100%;\n  height: 100%;\n}\n#diva-content-item .swiper-slide {\n  text-align: center;\n  font-size: 18px;\n  background: #fff;\n\n  /* Center slide text vertically */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#diva-content-item .swiper {\n  width: 100%;\n  height: 300px;\n  margin-left: auto;\n  margin-right: auto;\n}\n#diva-content-item .swiper-slide {\n  background-size: cover;\n  background-position: center;\n}\n#diva-content-item .index-module--OxIZN {\n  height: 80%;\n  width: 100%;\n}\n#diva-content-item .index-module--rtXCE {\n  height: 20%;\n  box-sizing: border-box;\n  padding: 10px 0;\n}\n#diva-content-item .index-module--rtXCE .swiper-slide {\n  width: 25%;\n  height: 100%;\n  opacity: 0.4;\n}\n#diva-content-item .index-module--rtXCE .swiper-slide-thumb-active {\n  opacity: 1;\n}\n",""]);var a="index-module--OxIZN",d="index-module--rtXCE";const c=o},75048:(e,n,t)=>{t.d(n,{T:()=>a,Z:()=>d});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s)()(r());o.push([e.id,".index-module--uEwKl {\n  font-size: 18px;\n  font-weight: 500;\n}\n",""]);var a="index-module--uEwKl";const d=o},3842:(e,n,t)=>{t.d(n,{Z:()=>d,f:()=>a});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s)()(r());o.push([e.id,".index-module--JVQuz {\n  margin-top: 12px;\n  margin-bottom: 12px;\n  text-align: right;\n  position: relative;\n  display: block;\n  width: 100%;\n}\n",""]);var a="index-module--JVQuz";const d=o},91306:(e,n,t)=>{t.d(n,{$s:()=>w,E0:()=>u,ZP:()=>m});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s),a=t(61667),d=t.n(a),c=new URL(t(81724),t.b),l=o()(r()),p=d()(c);l.push([e.id,".index-module--dsgPM {\n  width: 100%;\n  max-height: 100%;\n}\n\n.index-module--zjkX4 {\n  background: center / 75% no-repeat url("+p+");\n  width: 100%;\n  height: 100%;\n}\n",""]);var w="index-module--dsgPM",u="index-module--zjkX4";const m=l},12299:(e,n,t)=>{t.d(n,{Fs:()=>u,UF:()=>g,YS:()=>w,ZP:()=>h,ai:()=>v,pr:()=>m});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s),a=t(61667),d=t.n(a),c=new URL(t(76380),t.b),l=o()(r()),p=d()(c);l.push([e.id,".index-module--iorwa {\n  z-index: 1000;\n  position: absolute;\n  display: flex;\n  background: white;\n  width: 450px;\n  flex-direction: column;\n\n  color: #4f4f4f;\n  font-size: 15px;\n  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25098);\n  border-radius: 5px;\n  top: 0;\n  margin: 4px;\n}\n\n.index-module--U836J {\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n  position: absolute;\n  z-index: 1100;\n}\n\n.index-module--jHvNX {\n  cursor: move;\n  flex-grow: 1;\n}\n\n.index-module--XBhn6 {\n  padding: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url("+p+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.index-module--XBhn6:hover {\n  background-size: 36%;\n  cursor: pointer;\n}\n\n.index-module--sVOQy {\n  height: 100%;\n}\n",""]);var w="index-module--iorwa",u="index-module--U836J",m="index-module--jHvNX",g="index-module--XBhn6",v="index-module--sVOQy";const h=l},299:(e,n,t)=>{t.d(n,{Z:()=>w});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s),a=t(61667),d=t.n(a),c=new URL(t(64197),t.b),l=o()(r()),p=d()(c);l.push([e.id,"/*Free mode*/\n#diva-content-item .swiper-free-mode > .swiper-wrapper {\n  transition-timing-function: ease-out;\n  margin: 0 auto;\n}\n/*navigation*/\n:root {\n  --swiper-navigation-size: 44px;\n}\n#diva-content-item .swiper-button-next,\n#diva-content-item .swiper-button-prev {\n  position: absolute;\n  top: 50%;\n  width: calc(44px / 44 * 27);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: 44px;\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (44px / 2));\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #007aff;\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n#diva-content-item .swiper-button-next.swiper-button-disabled,\n#diva-content-item .swiper-button-prev.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n#diva-content-item .swiper-button-next.swiper-button-hidden,\n#diva-content-item .swiper-button-prev.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n#diva-content-item .swiper-navigation-disabled .swiper-button-next,\n#diva-content-item .swiper-navigation-disabled .swiper-button-prev {\n  display: none !important;\n}\n#diva-content-item .swiper-button-next:after,\n#diva-content-item .swiper-button-prev:after {\n  text-transform: none !important;\n}\n#diva-content-item .swiper-button-next:after,\n#diva-content-item .swiper-button-prev:after {\n  font-family: swiper-icons;\n  font-size: 44px;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n#diva-content-item .swiper-button-prev,\n#diva-content-item .swiper-rtl .swiper-button-next {\n  left: 10px;\n  right: auto;\n}\n#diva-content-item .swiper-button-prev:after,\n#diva-content-item .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n#diva-content-item .swiper-button-next,\n#diva-content-item .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  left: auto;\n}\n#diva-content-item .swiper-button-next:after,\n#diva-content-item .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n#diva-content-item .swiper-button-lock {\n  display: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+p+');\n  font-weight: 400;\n  font-style: normal;\n}\n:root {\n  --swiper-theme-color: #007aff;\n}\n#diva-content-item .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n#diva-content-item .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n#diva-content-item .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n#diva-content-item .swiper-android .swiper-slide,\n#diva-content-item .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n#diva-content-item .swiper-pointer-events {\n  touch-action: pan-y;\n}\n#diva-content-item .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n#diva-content-item .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n#diva-content-item .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n#diva-content-item .swiper-autoheight,\n#diva-content-item .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n#diva-content-item .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n#diva-content-item .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n#diva-content-item .swiper-3d,\n#diva-content-item .swiper-3d.swiper-css-mode .swiper-wrapper {\n  perspective: 1200px;\n}\n#diva-content-item .swiper-3d .swiper-cube-shadow,\n#diva-content-item .swiper-3d .swiper-slide,\n#diva-content-item .swiper-3d .swiper-slide-shadow,\n#diva-content-item .swiper-3d .swiper-slide-shadow-bottom,\n#diva-content-item .swiper-3d .swiper-slide-shadow-left,\n#diva-content-item .swiper-3d .swiper-slide-shadow-right,\n#diva-content-item .swiper-3d .swiper-slide-shadow-top,\n#diva-content-item .swiper-3d .swiper-wrapper {\n  transform-style: preserve-3d;\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow,\n#diva-content-item .swiper-3d .swiper-slide-shadow-bottom,\n#diva-content-item .swiper-3d .swiper-slide-shadow-left,\n#diva-content-item .swiper-3d .swiper-slide-shadow-right,\n#diva-content-item .swiper-3d .swiper-slide-shadow-top {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 10;\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow {\n  background: rgba(0, 0, 0, 0.15);\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-left {\n  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-right {\n  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-top {\n  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-bottom {\n  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-css-mode > .swiper-wrapper {\n  overflow: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n#diva-content-item .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n  display: none;\n}\n#diva-content-item .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: start start;\n}\n#diva-content-item .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n#diva-content-item .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n#diva-content-item .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] #diva-content-item .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] #diva-content-item .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n#diva-content-item .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n#diva-content-item .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n#diva-content-item .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n#diva-content-item .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);const w=l},81724:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjgwMHB4IiB3aWR0aD0iODAwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgCgkgdmlld0JveD0iMCAwIDQ5IDQ5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzkuMjU2LDYuNUg5Ljc0NEM0LjM3MSw2LjUsMCwxMC44ODUsMCwxNi4yNzR2MTYuNDUxYzAsNS4zOSw0LjM3MSw5Ljc3NCw5Ljc0NCw5Ljc3NGgyOS41MTIKCQkJYzUuMzczLDAsOS43NDQtNC4zODUsOS43NDQtOS43NzRWMTYuMjc0QzQ5LDEwLjg4NSw0NC42MjksNi41LDM5LjI1Niw2LjV6IE00NywzMi43MjZjMCw0LjI4Ny0zLjQ3NCw3Ljc3NC03Ljc0NCw3Ljc3NEg5Ljc0NAoJCQlDNS40NzQsNDAuNSwyLDM3LjAxMiwyLDMyLjcyNlYxNi4yNzRDMiwxMS45ODgsNS40NzQsOC41LDkuNzQ0LDguNWgyOS41MTJjNC4yNywwLDcuNzQ0LDMuNDg4LDcuNzQ0LDcuNzc0VjMyLjcyNnoiLz4KCQk8cGF0aCBkPSJNMzMuMzYsMjQuMTM4bC0xMy44NTUtOC4xMTVjLTAuMzA4LTAuMTgtMC42OTEtMC4xODMtMS4wMDItMC4wMDVTMTgsMTYuNTI3LDE4LDE2Ljg4NnYxNi4yMjkKCQkJYzAsMC4zNTgsMC4xOTIsMC42OSwwLjUwMiwwLjg2OGMwLjE1NCwwLjA4OCwwLjMyNiwwLjEzMiwwLjQ5OCwwLjEzMmMwLjE3NSwwLDAuMzQ5LTAuMDQ2LDAuNTA1LTAuMTM3bDEzLjg1NS04LjExMwoJCQljMC4zMDYtMC4xNzksMC40OTUtMC41MDgsMC40OTUtMC44NjNTMzMuNjY3LDI0LjMxNywzMy4zNiwyNC4xMzh6IE0yMCwzMS4zN1YxOC42M2wxMC44NzYsNi4zNzFMMjAsMzEuMzd6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+"},76380:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzUzNTUgMC42NDY0NDdDMS4xNTgyOSAwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAwLjY0NjQ0NyAwLjY0NjQ0N0MwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNjQ2NDQ3IDEuMzUzNTVMMS4zNTM1NSAwLjY0NjQ0N1pNOC42NDY0NSA5LjM1MzU1QzguODQxNzEgOS41NDg4MiA5LjE1ODI5IDkuNTQ4ODIgOS4zNTM1NSA5LjM1MzU1QzkuNTQ4ODIgOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS4zNTM1NSA4LjY0NjQ1TDguNjQ2NDUgOS4zNTM1NVpNOS4zNTM1NSAxLjM1MzU1QzkuNTQ4ODIgMS4xNTgyOSA5LjU0ODgyIDAuODQxNzA5IDkuMzUzNTUgMC42NDY0NDdDOS4xNTgyOSAwLjQ1MTE4NCA4Ljg0MTcxIDAuNDUxMTg0IDguNjQ2NDUgMC42NDY0NDdMOS4zNTM1NSAxLjM1MzU1Wk0wLjY0NjQ0NyA4LjY0NjQ1QzAuNDUxMTg1IDguODQxNzEgMC40NTExODUgOS4xNTgyOSAwLjY0NjQ0NyA5LjM1MzU1QzAuODQxNzA5IDkuNTQ4ODEgMS4xNTgyOSA5LjU0ODgxIDEuMzUzNTUgOS4zNTM1NUwwLjY0NjQ0NyA4LjY0NjQ1Wk0wLjY0NjQ0NyAxLjM1MzU1TDguNjQ2NDUgOS4zNTM1NUw5LjM1MzU1IDguNjQ2NDVMMS4zNTM1NSAwLjY0NjQ0N0wwLjY0NjQ0NyAxLjM1MzU1Wk04LjY0NjQ1IDAuNjQ2NDQ3TDAuNjQ2NDQ3IDguNjQ2NDVMMS4zNTM1NSA5LjM1MzU1TDkuMzUzNTUgMS4zNTM1NUw4LjY0NjQ1IDAuNjQ2NDQ3WiIgZmlsbD0iIzRGNEY0RiIvPgo8L3N2Zz4K"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2537],{12537:(e,n,t)=>{t.r(n),t.d(n,{default:()=>ne});var i=t(84658),r=t(34988),s=t(50747),o=t.n(s),a=t(9420),d=t(88683),c=t(87363),l=t(80248),p=t(93379),w=t.n(p),u=t(7795),m=t.n(u),g=t(90569),v=t.n(g),x=t(3565),h=t.n(x),j=t(19216),f=t.n(j),b=t(44589),N=t.n(b),y=t(3842),M={};M.styleTagTransform=N(),M.setAttributes=h(),M.insert=v().bind(null,"head"),M.domAPI=m(),M.insertStyleElement=f();w()(y.Z,M);y.Z&&y.Z.locals&&y.Z.locals;var z=t(47514);const D=function URL(e){var n=e.item,t=n.url,i=(n.icon,n.text);return t?(0,z.jsx)("a",{className:y.f,href:t,target:"_blank",rel:"noopener",children:null!=i?i:"URL"}):(0,z.jsx)(z.Fragment,{})};function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,l.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=function Image(e){var n=e.item,t=n.image,i=n.cover,r=n.style,s=n.altText,o={};if(!t)return(0,z.jsx)(z.Fragment,{});var a=new URL(t);return i?(o.objectFit="cover",o.minWidth="100%",o.minHeight="100%"):(o.maxWidth="100%",o.maxHeight="100%"),(0,z.jsx)("img",{alt:s,style:_objectSpread(_objectSpread({},o),r),src:a.toString()})};var L=t(91306),S={};S.styleTagTransform=N(),S.setAttributes=h(),S.insert=v().bind(null,"head"),S.domAPI=m(),S.insertStyleElement=f();w()(L.ZP,S);L.ZP&&L.ZP.locals&&L.ZP.locals;const I=function Video(e){var n=e.item,t=n.video,i=n.thumb;if(!t)return(0,z.jsx)(z.Fragment,{});if(t.includes("youtube.com")||t.includes("youtu.be")){if(i)return(0,z.jsx)("div",{className:L.E0});var r=new URL(t);return r.searchParams.set("autoplay","1"),r.searchParams.set("modestbranding","1"),r.searchParams.set("rel","0"),r.searchParams.set("controls","1"),r.searchParams.set("amp",""),(0,z.jsx)("iframe",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},src:r.toString(),referrerPolicy:"strict-origin-when-cross-origin",allow:"autoplay; gyroscope; picture-in-picture"})}return(0,z.jsx)("video",{className:L.$s,"aria-disabled":i,disablePictureInPicture:i,controls:!i,playsInline:!0,autoPlay:!i,children:(0,z.jsx)("source",{src:t+(i?"#t=2":""),type:t.includes(".mp4")?"video/mp4":"video/webm"})})};var T=t(75048),C={};C.styleTagTransform=N(),C.setAttributes=h(),C.insert=v().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=f();w()(T.Z,C);T.Z&&T.Z.locals&&T.Z.locals;const A=function Title(e){var n=e.item,t=n.text,i=n.style;return t?(0,z.jsx)("h4",{className:T.T,style:i,children:t}):(0,z.jsx)(z.Fragment,{})};var P=t(299),Q={};Q.styleTagTransform=N(),Q.setAttributes=h(),Q.insert=v().bind(null,"head"),Q.domAPI=m(),Q.insertStyleElement=f();w()(P.Z,Q);P.Z&&P.Z.locals&&P.Z.locals;var k=t(37707),E=t(31964),Z=t(4010),U={};U.styleTagTransform=N(),U.setAttributes=h(),U.insert=v().bind(null,"head"),U.domAPI=m(),U.insertStyleElement=f();w()(Z.ZP,U);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;function Gallery_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function Gallery_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?Gallery_ownKeys(Object(t),!0).forEach((function(n){(0,l.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Gallery_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const Y=function Gallery(e){var n=e.item,t=n.content,i=n.wrappingStyle,s=(0,c.useState)(null),o=(0,r.Z)(s,2),a=o[0],d=o[1];return 0==t.length?(0,z.jsx)(z.Fragment,{}):1==t.length?(0,z.jsx)(G,{item:Gallery_objectSpread({},t[0])}):(0,z.jsxs)("div",{style:Gallery_objectSpread({},i),children:[(0,z.jsx)(k.tq,{style:{"--swiper-navigation-color":"#fff","--swiper-pagination-color":"#fff"},spaceBetween:10,navigation:!0,thumbs:{swiper:a&&!a.destroyed?a:null},modules:[E.Rv,E.W_,E.o3],className:Z.wn,children:t.map((function(e,n){return(0,z.jsx)(k.o5,{children:(0,z.jsx)(G,{item:e})},n)}))}),(0,z.jsx)(k.tq,{onSwiper:d,spaceBetween:10,slidesPerView:4,freeMode:!0,watchSlidesProgress:!0,modules:[E.Rv,E.W_,E.o3],className:Z.pD,children:t.map((function(e,n){return(0,z.jsx)(k.o5,{children:(0,z.jsx)(G,{item:Gallery_objectSpread(Gallery_objectSpread({},e),"Video"==e.type?{thumb:!0}:{})})},n)}))})]})};const _=function RichText(e){var n=e.item,t=n.text,i=n.style;return(0,z.jsx)("div",{style:i,dangerouslySetInnerHTML:{__html:t}})};const W=function Wrapper(e){var n=e.item,t=n.style,i=n.content;return(0,z.jsx)("div",{style:t,children:i.map((function(e,n){return(0,z.jsx)(G,{item:e},n)}))})};const G=function ContentItem(e){var n=e.item;switch(n.type){case"Gallery":return(0,z.jsx)(Y,{item:n});case"Image":return(0,z.jsx)(O,{item:n});case"RichText":return(0,z.jsx)(_,{item:n});case"Title":return(0,z.jsx)(A,{item:n});case"URL":return(0,z.jsx)(D,{item:n});case"Video":return(0,z.jsx)(I,{item:n});case"Wrapper":return(0,z.jsx)(W,{item:n})}throw new Error("unkonwn type: "+n.type)};const R=function ContentItems(e){var n=e.contentItems,t=e.wrapperStyle;return(0,z.jsx)(z.Fragment,{children:(0,z.jsx)("div",{style:t,id:"diva-content-item",children:n.map((function(e,n){return(0,z.jsx)(G,{item:e},n)}))})})};function src_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function src_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?src_ownKeys(Object(t),!0).forEach((function(n){(0,l.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):src_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var B=function Main(e){var n=e.settings;e.parameters,e.internal;return(0,z.jsx)(R,src_objectSpread({},n))},H=function ContentItemComponent(e){return(0,z.jsx)(B,src_objectSpread({},e))};var K=t(32919),F=t(12299),V={};V.styleTagTransform=N(),V.setAttributes=h(),V.insert=v().bind(null,"head"),V.domAPI=m(),V.insertStyleElement=f();w()(F.ZP,V);F.ZP&&F.ZP.locals&&F.ZP.locals;var J=t(22976),X=t.n(J),$=t(65515),q=t.n($),ee=(0,d.getLogger)("Planner","InfoBox");const ne=(0,a.Pi)((function ContentItemWrapper(e){var n,t=e.id,s=e.startPos,a=void 0===s?"left":s,l=e.noWrapper,p=(0,d.useDivaCore)(),w=p.handler.contentItemHandler,u=p.actions,m=u.openSideMenu,g=u.closeSideMenu,v=(0,d.useTranslation)().i18n.language,x=(0,K.NP)(),h=(0,c.useState)(),j=(0,r.Z)(h,2),f=j[0],b=j[1];(0,c.useEffect)((function(){t&&N()}),[t]);var N=function(){var e=(0,i.Z)(o().mark((function _callee(){var e,n,i;return o().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,w.getContentItem(t,v);case 2:n=r.sent,i=n.content.filter((function(e){return"Title"===e.type&&e.text})).map((function(e){return e.text})),ee.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:n._id,title:null!==(e=i[0])&&void 0!==e?e:void 0}),b(n),x.getIsInMobileView()&&m({side:"left",onClose:function onClose(){x.settingsState.setContentItemId(),g()},open:!0,content:(0,z.jsx)("div",{className:q()(F.ai),children:(0,z.jsx)(H,{settings:{contentItems:n.content,wrapperStyle:{display:"flex",flexDirection:"column",height:"100%"}}})})});case 7:case"end":return r.stop()}}),_callee)})));return function loadData(){return e.apply(this,arguments)}}();if((0,c.useEffect)((function(){void 0===t&&b(void 0)}),[t]),!f)return(0,z.jsx)(z.Fragment,{});if(x.getIsInMobileView())return(0,z.jsx)(z.Fragment,{});if(l)return(0,z.jsx)(H,{settings:{contentItems:f.content,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"}}});var y=null===(n=x.productState.productElement)||void 0===n?void 0:n.getBoundingClientRect();return(0,z.jsx)(X(),{handle:".handle",bounds:"parent",defaultPosition:"right"==a?{x:null!=y&&y.width?(null==y?void 0:y.width)-508:0,y:0}:void 0,children:(0,z.jsxs)("div",{className:F.YS,style:{maxHeight:null!=y&&y.height&&y.height<720?(null==y?void 0:y.height)-20:700},children:[(0,z.jsxs)("div",{className:F.Fs,children:[(0,z.jsx)("div",{className:q()("handle",F.pr)}),(0,z.jsx)("div",{className:F.UF,onClick:function onClick(){return x.settingsState.setContentItemId()}})]}),(0,z.jsx)(H,{settings:{contentItems:f.content,wrapperStyle:{display:"flex",flexDirection:"column",maxHeight:"inherit"}}})]})})}))},4010:(e,n,t)=>{t.d(n,{ZP:()=>c,pD:()=>d,wn:()=>a});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s)()(r());o.push([e.id,"#diva-content-item .swiper {\n  width: 100%;\n  height: 100%;\n}\n#diva-content-item .swiper-slide {\n  text-align: center;\n  font-size: 18px;\n  background: #fff;\n\n  /* Center slide text vertically */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n#diva-content-item .swiper {\n  width: 100%;\n  height: 300px;\n  margin-left: auto;\n  margin-right: auto;\n}\n#diva-content-item .swiper-slide {\n  background-size: cover;\n  background-position: center;\n}\n#diva-content-item .index-module--OxIZN {\n  height: 80%;\n  width: 100%;\n}\n#diva-content-item .index-module--rtXCE {\n  height: 20%;\n  box-sizing: border-box;\n  padding: 10px 0;\n}\n#diva-content-item .index-module--rtXCE .swiper-slide {\n  width: 25%;\n  height: 100%;\n  opacity: 0.4;\n}\n#diva-content-item .index-module--rtXCE .swiper-slide-thumb-active {\n  opacity: 1;\n}\n",""]);var a="index-module--OxIZN",d="index-module--rtXCE";const c=o},75048:(e,n,t)=>{t.d(n,{T:()=>a,Z:()=>d});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s)()(r());o.push([e.id,".index-module--uEwKl {\n  font-size: 18px;\n  font-weight: 500;\n}\n",""]);var a="index-module--uEwKl";const d=o},3842:(e,n,t)=>{t.d(n,{Z:()=>d,f:()=>a});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s)()(r());o.push([e.id,".index-module--JVQuz {\n  margin-top: 12px;\n  margin-bottom: 12px;\n  text-align: right;\n  position: relative;\n  display: block;\n  width: 100%;\n}\n",""]);var a="index-module--JVQuz";const d=o},91306:(e,n,t)=>{t.d(n,{$s:()=>w,E0:()=>u,ZP:()=>m});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s),a=t(61667),d=t.n(a),c=new URL(t(81724),t.b),l=o()(r()),p=d()(c);l.push([e.id,".index-module--dsgPM {\n  width: 100%;\n  max-height: 100%;\n}\n\n.index-module--zjkX4 {\n  background: center / 75% no-repeat url("+p+");\n  width: 100%;\n  height: 100%;\n}\n",""]);var w="index-module--dsgPM",u="index-module--zjkX4";const m=l},12299:(e,n,t)=>{t.d(n,{Fs:()=>u,UF:()=>g,YS:()=>w,ZP:()=>x,ai:()=>v,pr:()=>m});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s),a=t(61667),d=t.n(a),c=new URL(t(76380),t.b),l=o()(r()),p=d()(c);l.push([e.id,".index-module--iorwa {\n  z-index: 1000;\n  position: absolute;\n  display: flex;\n  background: white;\n  width: 450px;\n  flex-direction: column;\n\n  color: #4f4f4f;\n  font-size: 15px;\n  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25098);\n  border-radius: 5px;\n  top: 0;\n  margin: 4px;\n}\n\n.index-module--U836J {\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n  position: absolute;\n  z-index: 1100;\n}\n\n.index-module--jHvNX {\n  cursor: move;\n  flex-grow: 1;\n}\n\n.index-module--XBhn6 {\n  padding: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url("+p+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n\n.index-module--XBhn6:hover {\n  background-size: 36%;\n  cursor: pointer;\n}\n\n.index-module--sVOQy {\n  height: 100%;\n}\n",""]);var w="index-module--iorwa",u="index-module--U836J",m="index-module--jHvNX",g="index-module--XBhn6",v="index-module--sVOQy";const x=l},299:(e,n,t)=>{t.d(n,{Z:()=>w});var i=t(8081),r=t.n(i),s=t(23645),o=t.n(s),a=t(61667),d=t.n(a),c=new URL(t(64197),t.b),l=o()(r()),p=d()(c);l.push([e.id,"/*Free mode*/\n#diva-content-item .swiper-free-mode > .swiper-wrapper {\n  transition-timing-function: ease-out;\n  margin: 0 auto;\n}\n/*navigation*/\n:root {\n  --swiper-navigation-size: 44px;\n}\n#diva-content-item .swiper-button-next,\n#diva-content-item .swiper-button-prev {\n  position: absolute;\n  top: 50%;\n  width: calc(44px / 44 * 27);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: 44px;\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (44px / 2));\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #007aff;\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n#diva-content-item .swiper-button-next.swiper-button-disabled,\n#diva-content-item .swiper-button-prev.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n#diva-content-item .swiper-button-next.swiper-button-hidden,\n#diva-content-item .swiper-button-prev.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n#diva-content-item .swiper-navigation-disabled .swiper-button-next,\n#diva-content-item .swiper-navigation-disabled .swiper-button-prev {\n  display: none !important;\n}\n#diva-content-item .swiper-button-next:after,\n#diva-content-item .swiper-button-prev:after {\n  text-transform: none !important;\n}\n#diva-content-item .swiper-button-next:after,\n#diva-content-item .swiper-button-prev:after {\n  font-family: swiper-icons;\n  font-size: 44px;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n#diva-content-item .swiper-button-prev,\n#diva-content-item .swiper-rtl .swiper-button-next {\n  left: 10px;\n  right: auto;\n}\n#diva-content-item .swiper-button-prev:after,\n#diva-content-item .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n#diva-content-item .swiper-button-next,\n#diva-content-item .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  left: auto;\n}\n#diva-content-item .swiper-button-next:after,\n#diva-content-item .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n#diva-content-item .swiper-button-lock {\n  display: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+p+');\n  font-weight: 400;\n  font-style: normal;\n}\n:root {\n  --swiper-theme-color: #007aff;\n}\n#diva-content-item .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n#diva-content-item .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n#diva-content-item .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n#diva-content-item .swiper-android .swiper-slide,\n#diva-content-item .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n#diva-content-item .swiper-pointer-events {\n  touch-action: pan-y;\n}\n#diva-content-item .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n#diva-content-item .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n#diva-content-item .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n#diva-content-item .swiper-autoheight,\n#diva-content-item .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n#diva-content-item .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n#diva-content-item .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n#diva-content-item .swiper-3d,\n#diva-content-item .swiper-3d.swiper-css-mode .swiper-wrapper {\n  perspective: 1200px;\n}\n#diva-content-item .swiper-3d .swiper-cube-shadow,\n#diva-content-item .swiper-3d .swiper-slide,\n#diva-content-item .swiper-3d .swiper-slide-shadow,\n#diva-content-item .swiper-3d .swiper-slide-shadow-bottom,\n#diva-content-item .swiper-3d .swiper-slide-shadow-left,\n#diva-content-item .swiper-3d .swiper-slide-shadow-right,\n#diva-content-item .swiper-3d .swiper-slide-shadow-top,\n#diva-content-item .swiper-3d .swiper-wrapper {\n  transform-style: preserve-3d;\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow,\n#diva-content-item .swiper-3d .swiper-slide-shadow-bottom,\n#diva-content-item .swiper-3d .swiper-slide-shadow-left,\n#diva-content-item .swiper-3d .swiper-slide-shadow-right,\n#diva-content-item .swiper-3d .swiper-slide-shadow-top {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 10;\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow {\n  background: rgba(0, 0, 0, 0.15);\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-left {\n  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-right {\n  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-top {\n  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-bottom {\n  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-css-mode > .swiper-wrapper {\n  overflow: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n#diva-content-item .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n  display: none;\n}\n#diva-content-item .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: start start;\n}\n#diva-content-item .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n#diva-content-item .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n#diva-content-item .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] #diva-content-item .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] #diva-content-item .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n#diva-content-item .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n#diva-content-item .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n#diva-content-item .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n#diva-content-item .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);const w=l},81724:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjgwMHB4IiB3aWR0aD0iODAwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgCgkgdmlld0JveD0iMCAwIDQ5IDQ5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzkuMjU2LDYuNUg5Ljc0NEM0LjM3MSw2LjUsMCwxMC44ODUsMCwxNi4yNzR2MTYuNDUxYzAsNS4zOSw0LjM3MSw5Ljc3NCw5Ljc0NCw5Ljc3NGgyOS41MTIKCQkJYzUuMzczLDAsOS43NDQtNC4zODUsOS43NDQtOS43NzRWMTYuMjc0QzQ5LDEwLjg4NSw0NC42MjksNi41LDM5LjI1Niw2LjV6IE00NywzMi43MjZjMCw0LjI4Ny0zLjQ3NCw3Ljc3NC03Ljc0NCw3Ljc3NEg5Ljc0NAoJCQlDNS40NzQsNDAuNSwyLDM3LjAxMiwyLDMyLjcyNlYxNi4yNzRDMiwxMS45ODgsNS40NzQsOC41LDkuNzQ0LDguNWgyOS41MTJjNC4yNywwLDcuNzQ0LDMuNDg4LDcuNzQ0LDcuNzc0VjMyLjcyNnoiLz4KCQk8cGF0aCBkPSJNMzMuMzYsMjQuMTM4bC0xMy44NTUtOC4xMTVjLTAuMzA4LTAuMTgtMC42OTEtMC4xODMtMS4wMDItMC4wMDVTMTgsMTYuNTI3LDE4LDE2Ljg4NnYxNi4yMjkKCQkJYzAsMC4zNTgsMC4xOTIsMC42OSwwLjUwMiwwLjg2OGMwLjE1NCwwLjA4OCwwLjMyNiwwLjEzMiwwLjQ5OCwwLjEzMmMwLjE3NSwwLDAuMzQ5LTAuMDQ2LDAuNTA1LTAuMTM3bDEzLjg1NS04LjExMwoJCQljMC4zMDYtMC4xNzksMC40OTUtMC41MDgsMC40OTUtMC44NjNTMzMuNjY3LDI0LjMxNywzMy4zNiwyNC4xMzh6IE0yMCwzMS4zN1YxOC42M2wxMC44NzYsNi4zNzFMMjAsMzEuMzd6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+"},76380:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzUzNTUgMC42NDY0NDdDMS4xNTgyOSAwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAwLjY0NjQ0NyAwLjY0NjQ0N0MwLjQ1MTE4NCAwLjg0MTcwOSAwLjQ1MTE4NCAxLjE1ODI5IDAuNjQ2NDQ3IDEuMzUzNTVMMS4zNTM1NSAwLjY0NjQ0N1pNOC42NDY0NSA5LjM1MzU1QzguODQxNzEgOS41NDg4MiA5LjE1ODI5IDkuNTQ4ODIgOS4zNTM1NSA5LjM1MzU1QzkuNTQ4ODIgOS4xNTgyOSA5LjU0ODgyIDguODQxNzEgOS4zNTM1NSA4LjY0NjQ1TDguNjQ2NDUgOS4zNTM1NVpNOS4zNTM1NSAxLjM1MzU1QzkuNTQ4ODIgMS4xNTgyOSA5LjU0ODgyIDAuODQxNzA5IDkuMzUzNTUgMC42NDY0NDdDOS4xNTgyOSAwLjQ1MTE4NCA4Ljg0MTcxIDAuNDUxMTg0IDguNjQ2NDUgMC42NDY0NDdMOS4zNTM1NSAxLjM1MzU1Wk0wLjY0NjQ0NyA4LjY0NjQ1QzAuNDUxMTg1IDguODQxNzEgMC40NTExODUgOS4xNTgyOSAwLjY0NjQ0NyA5LjM1MzU1QzAuODQxNzA5IDkuNTQ4ODEgMS4xNTgyOSA5LjU0ODgxIDEuMzUzNTUgOS4zNTM1NUwwLjY0NjQ0NyA4LjY0NjQ1Wk0wLjY0NjQ0NyAxLjM1MzU1TDguNjQ2NDUgOS4zNTM1NUw5LjM1MzU1IDguNjQ2NDVMMS4zNTM1NSAwLjY0NjQ0N0wwLjY0NjQ0NyAxLjM1MzU1Wk04LjY0NjQ1IDAuNjQ2NDQ3TDAuNjQ2NDQ3IDguNjQ2NDVMMS4zNTM1NSA5LjM1MzU1TDkuMzUzNTUgMS4zNTM1NUw4LjY0NjQ1IDAuNjQ2NDQ3WiIgZmlsbD0iIzRGNEY0RiIvPgo8L3N2Zz4K"}}]);