@crystaldesign/diva-web-planner-react 26.4.0-rc.10 → 26.4.0-rc.12

package/build/esm/{index-0e15ed9d.js → index-fc11143a.js}

@@ -1,13 +1,13 @@
-import { s as styleInject, u as useViewHandler } from './index-458c943a.js';
+import { s as styleInject, u as useViewHandler } from './index-22049a2e.js';
 import { useEffect } from 'react';
-import Inputbox from './index-a836900f.js';
-import Settings from './index-3d0a11a8.js';
-import TabGroup from './index-616056a3.js';
+import Inputbox from './index-5f3826be.js';
+import Settings from './index-5a5c3d33.js';
+import TabGroup from './index-5f4296cb.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
-import Toolbar from './index-c4fc30fc.js';
-import NavigationButtons from './index-f183c032.js';
-import ContentItemWrapper from './index-393fb769.js';
+import Toolbar from './index-f91ce5ac.js';
+import NavigationButtons from './index-45428431.js';
+import ContentItemWrapper from './index-a91bf001.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -28,101 +28,101 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-0bc301c3.js';
-import './index-5a495d11.js';
-import './index-416fb969.js';
-import './index-82fb2a44.js';
-import './index-fcb76ffa.js';
+import './index-740180b3.js';
+import './index-e9709105.js';
+import './index-dfc330ea.js';
+import './index-1d1c3714.js';
+import './index-5ecfdc6f.js';
 import 'sift';
-import './index-16b6d139.js';
-import './index-3e5f8035.js';
-import './index-6611e1b5.js';
-import './index-edffde2d.js';
-import './index.module-830baab1.js';
-import './index-085cbbd2.js';
-import './index-ded3cbc2.js';
+import './index-68dc625a.js';
+import './index-0cb7f8c1.js';
+import './index-7cc03952.js';
+import './index-1f14f1f5.js';
+import './index.module-b5494b57.js';
+import './index-673ca36d.js';
+import './index-addd466a.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-f9c2ef85.js';
+import './index-8c660cb4.js';
 import 'react-dropdown';
-import './index-7c8f071e.js';
-import './index-c19f36e8.js';
-import './index-d6034e80.js';
-import './index-db735715.js';
+import './index-48f46d16.js';
+import './index-40c3aa55.js';
+import './index-64e04ea8.js';
+import './index-ce74bb99.js';
 import '@crystaldesign/content-box';
-import './index-d1b969fd.js';
-import './index-7f528e06.js';
-import './index-39d4753a.js';
-import './index-1341ddc3.js';
+import './index-42bf7ba6.js';
+import './index-320d6231.js';
+import './index-6a541dc9.js';
+import './index-1cc89593.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-772c502d.js';
-import './index-22eaef0c.js';
-import './index-2d5fdfea.js';
-import './index-035ff48b.js';
-import './index-10bfb438.js';
-import './index-471ccc4e.js';
-import './index-d7d5b920.js';
+import './UnlockCard-a9c0a340.js';
+import './index-072379d9.js';
+import './index-ce3fd2dd.js';
+import './index-03a87736.js';
+import './index-50d81f2b.js';
+import './index-566ac26c.js';
+import './index-1ad6bc31.js';
 import 'react-laag';
-import './index.module-7f0c236f.js';
-import './index-ba01c642.js';
-import './index-e94c372f.js';
-import './index-f29f7c55.js';
-import './index-03735265.js';
-import './index-5a4ef4b3.js';
-import './index.module-1decdfef.js';
-import './index-ef472ed8.js';
-import './index-f91f0985.js';
-import './index-533610a5.js';
-import './index-315264e9.js';
-import './index-195e0359.js';
-import './index-69b974c5.js';
-import './index-850aaefc.js';
-import './index-bba39437.js';
-import './index-cb383127.js';
-import './index-948e16cc.js';
-import './index-0feb03f3.js';
-import './index-3d8aa72c.js';
-import './index-49a1d0c6.js';
+import './index.module-c5baf242.js';
+import './index-c19b15a9.js';
+import './index-769e119f.js';
+import './index-b2975c88.js';
+import './index-2efb3634.js';
+import './index-461dc61a.js';
+import './index.module-021d9040.js';
+import './index-270ed7ab.js';
+import './index-939c3fcb.js';
+import './index-756bfb44.js';
+import './index-667b836d.js';
+import './index-49b0ca7b.js';
+import './index-a19c4968.js';
+import './index-d372aea8.js';
+import './index-edcfe7ed.js';
+import './index-9c7fedf7.js';
+import './index-c773cfe3.js';
+import './index-1870516b.js';
+import './index-5baa5713.js';
+import './index-f700d17e.js';
 import 'rc-slider';
-import './index-402cd157.js';
-import './index-fba45d2f.js';
-import './index-48ad3620.js';
-import './index-ac434b5f.js';
-import './index-8ac64b78.js';
+import './index-c4d43896.js';
+import './index-bd25e428.js';
+import './index-604c3548.js';
+import './index-4cf7766e.js';
+import './index-1c502ce6.js';
 import 'react-confetti-explosion';
-import './index-3cfe993a.js';
-import './index-2d5e6625.js';
-import './index-fce9cb90.js';
+import './index-068afe56.js';
+import './index-763b36fa.js';
+import './index-9774366c.js';
 import 'react-qr-code';
-import './index-61ad6978.js';
-import './useCustomDimensions-815d0ada.js';
-import './index-8d71df09.js';
-import './ussIsSticky-93397228.js';
-import './index-575a9ffd.js';
-import './index-c35d3105.js';
-import './index-269f8a43.js';
-import './index.module-0ac37129.js';
-import './index-1abd5b5c.js';
-import './index-e31c8cd0.js';
-import './index-3ac89c29.js';
-import './index-2142f4b1.js';
-import './index-5c45c83d.js';
-import './index-d7a1a9b4.js';
-import './index.module-6c5d2994.js';
-import './index-f95aa98c.js';
-import './index-e36fc245.js';
-import './index-858e5996.js';
-import './index-e23227d7.js';
+import './index-3fb7c01c.js';
+import './useCustomDimensions-a17f4739.js';
+import './index-130b910c.js';
+import './ussIsSticky-5a77c7e9.js';
+import './index-5fb8aeca.js';
+import './index-1219ff6b.js';
+import './index-032aa00e.js';
+import './index.module-4770510d.js';
+import './index-67fa18f0.js';
+import './index-388444e2.js';
+import './index-b0549eeb.js';
+import './index-53b09faa.js';
+import './index-3e55bccb.js';
+import './index-40c30570.js';
+import './index.module-8913f507.js';
+import './index-d7041bf7.js';
+import './index-df446419.js';
+import './index-88638f33.js';
+import './index-de5e28d3.js';
 import '@mui/material';
-import './index-ccc611e1.js';
-import './index-83ba3c06.js';
-import './index-79adcfa3.js';
-import './index-4905a9d3.js';
-import './index-8660abe6.js';
-import './index-1076b0a5.js';
+import './index-c1487c0c.js';
+import './index-b4dce6fd.js';
+import './index-52d12bbd.js';
+import './index-b4b71c52.js';
+import './index-3e57a4e8.js';
+import './index-46a0c8f1.js';
 import 'react-dom';
-import './index-b87019a0.js';
+import './index-dad1850c.js';
 import 'react-rnd';
 import '@crystaldesign/content-item';
 

package/build/esm/{index-5157af7c.js → index-fe8c9859.js}

@@ -2,15 +2,15 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-458c943a.js';
+import { s as styleInject, u as useViewHandler, P as PricePreview, G as GenericToolTip } from './index-22049a2e.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-69b974c5.js';
-import SubTabGroup from './index-025ad852.js';
-import InfoIcon from './index-085cbbd2.js';
+import MetaData from './index-a19c4968.js';
+import SubTabGroup from './index-e60c3c78.js';
+import InfoIcon from './index-673ca36d.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -26,83 +26,83 @@ import 'flat';
 import 'react-switch';
 import 'react-countup';
 import 'react-collapsible';
-import './index-bf403f1b.js';
-import './index-82fb2a44.js';
-import './index-fcb76ffa.js';
+import './index-0ab00d41.js';
+import './index-1d1c3714.js';
+import './index-5ecfdc6f.js';
 import 'sift';
-import './index-16b6d139.js';
-import './index-3e5f8035.js';
-import './index-6611e1b5.js';
-import './index-edffde2d.js';
-import './index.module-830baab1.js';
-import './index-ded3cbc2.js';
+import './index-68dc625a.js';
+import './index-0cb7f8c1.js';
+import './index-7cc03952.js';
+import './index-1f14f1f5.js';
+import './index.module-b5494b57.js';
+import './index-addd466a.js';
 import '@mui/icons-material/Block';
 import '@mui/icons-material/Warning';
-import './index-f9c2ef85.js';
+import './index-8c660cb4.js';
 import 'react-dropdown';
-import './index-7c8f071e.js';
+import './index-48f46d16.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-c19f36e8.js';
-import './index-d6034e80.js';
-import './index-db735715.js';
+import './index-40c3aa55.js';
+import './index-64e04ea8.js';
+import './index-ce74bb99.js';
 import '@crystaldesign/content-box';
-import './index-d1b969fd.js';
-import './index-7f528e06.js';
-import './index-39d4753a.js';
-import './index-1341ddc3.js';
+import './index-42bf7ba6.js';
+import './index-320d6231.js';
+import './index-6a541dc9.js';
+import './index-1cc89593.js';
 import 'swiper/react';
 import 'swiper/modules';
-import './UnlockCard-772c502d.js';
-import './index-22eaef0c.js';
-import './index-2d5fdfea.js';
-import './index-035ff48b.js';
-import './index-10bfb438.js';
-import './index-471ccc4e.js';
-import './index-d7d5b920.js';
-import './index.module-7f0c236f.js';
-import './index-ba01c642.js';
-import './index-e94c372f.js';
-import './index-f29f7c55.js';
-import './index-03735265.js';
-import './index-5a4ef4b3.js';
-import './index.module-1decdfef.js';
-import './index-ef472ed8.js';
-import './index-f91f0985.js';
-import './index-533610a5.js';
-import './index-315264e9.js';
-import './index-195e0359.js';
-import './index-850aaefc.js';
-import './index-bba39437.js';
-import './index-cb383127.js';
-import './index-948e16cc.js';
-import './index-0feb03f3.js';
-import './index-3d8aa72c.js';
-import './index-49a1d0c6.js';
+import './UnlockCard-a9c0a340.js';
+import './index-072379d9.js';
+import './index-ce3fd2dd.js';
+import './index-03a87736.js';
+import './index-50d81f2b.js';
+import './index-566ac26c.js';
+import './index-1ad6bc31.js';
+import './index.module-c5baf242.js';
+import './index-c19b15a9.js';
+import './index-769e119f.js';
+import './index-b2975c88.js';
+import './index-2efb3634.js';
+import './index-461dc61a.js';
+import './index.module-021d9040.js';
+import './index-270ed7ab.js';
+import './index-939c3fcb.js';
+import './index-756bfb44.js';
+import './index-667b836d.js';
+import './index-49b0ca7b.js';
+import './index-d372aea8.js';
+import './index-edcfe7ed.js';
+import './index-9c7fedf7.js';
+import './index-c773cfe3.js';
+import './index-1870516b.js';
+import './index-5baa5713.js';
+import './index-f700d17e.js';
 import 'rc-slider';
-import './index-402cd157.js';
-import './index-fba45d2f.js';
-import './index-48ad3620.js';
-import './index-ac434b5f.js';
-import './index-8ac64b78.js';
+import './index-c4d43896.js';
+import './index-bd25e428.js';
+import './index-604c3548.js';
+import './index-4cf7766e.js';
+import './index-1c502ce6.js';
 import 'react-confetti-explosion';
-import './index-3cfe993a.js';
-import './index-2d5e6625.js';
-import './index-fce9cb90.js';
+import './index-068afe56.js';
+import './index-763b36fa.js';
+import './index-9774366c.js';
 import 'react-qr-code';
-import './index-61ad6978.js';
-import './useCustomDimensions-815d0ada.js';
-import './index-8d71df09.js';
-import './ussIsSticky-93397228.js';
-import './index-575a9ffd.js';
-import './index-c35d3105.js';
-import './index-269f8a43.js';
-import './index.module-0ac37129.js';
-import './index-1abd5b5c.js';
-import './index-e31c8cd0.js';
-import './index-3ac89c29.js';
-import './index-2142f4b1.js';
-import './index-5c45c83d.js';
-import './index-d7a1a9b4.js';
+import './index-3fb7c01c.js';
+import './useCustomDimensions-a17f4739.js';
+import './index-130b910c.js';
+import './ussIsSticky-5a77c7e9.js';
+import './index-5fb8aeca.js';
+import './index-1219ff6b.js';
+import './index-032aa00e.js';
+import './index.module-4770510d.js';
+import './index-67fa18f0.js';
+import './index-388444e2.js';
+import './index-b0549eeb.js';
+import './index-53b09faa.js';
+import './index-3e55bccb.js';
+import './index-40c30570.js';
 
 var accItem = "AccItem-2APRQ";
 var wcSize = "wcSize-dO69R";

package/build/esm/{index-1096d168.js → index-fffa232d.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-458c943a.js';
+import { s as styleInject } from './index-22049a2e.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-fb0364cb.js';
+import VerticalTabGroupItemStandard from './index-fb44c1a9.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';

package/build/esm/index.js

@@ -1,6 +1,6 @@
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
-export { A as AnalyzerComponentsProvider, G as GenericToolTip, M as MissingAnalyzerComponent, f as PlannerMsgItem, S as SettingsItemHeader, T as ToggleElement, V as ViewHandlerProvider, W as WebPlannerReact, h as default, a as useAnalyzerComponents, c as usePlannerUIHandler, u as useViewHandler } from './index-458c943a.js';
+export { A as AnalyzerComponentsProvider, G as GenericToolTip, M as MissingAnalyzerComponent, f as PlannerMsgItem, S as SettingsItemHeader, T as ToggleElement, V as ViewHandlerProvider, W as WebPlannerReact, h as default, a as useAnalyzerComponents, c as usePlannerUIHandler, u as useViewHandler } from './index-22049a2e.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/{index.module-1decdfef.js → index.module-021d9040.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-458c943a.js';
+import { s as styleInject } from './index-22049a2e.js';
 
 var paletteItem = "palette-item-efwMm";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-757ea9b6.js → index.module-0292f388.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-458c943a.js';
+import { s as styleInject } from './index-22049a2e.js';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
 var landscape = "landscape-mjn27";

package/build/esm/{index.module-e467c39d.js → index.module-28ca2798.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-458c943a.js';
+import { s as styleInject } from './index-22049a2e.js';
 
 var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-LWKJQ";
 var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-sCzAl";

package/build/esm/{index.module-0ac37129.js → index.module-4770510d.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-458c943a.js';
+import { s as styleInject } from './index-22049a2e.js';
 
 var roomItem = "room-item-sysI7";
 var sel = "sel-QWnr4";

package/build/esm/{index.module-7973cea6.js → index.module-706bb3a7.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-458c943a.js';
+import { s as styleInject } from './index-22049a2e.js';
 
 var wcConfiguratorSettingsActions = "wcConfigurator-settings-actions-7Gl-H";
 var container = "container-1HnE3";

package/build/esm/{index.module-6c5d2994.js → index.module-8913f507.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-458c943a.js';
+import { s as styleInject } from './index-22049a2e.js';
 
 var wcConfiguratorSettings = "wcConfigurator-settings-nB7sW";
 var wcConfiguratorSettingsExpander = "wcConfigurator-settings-expander-mf-Rs";

package/build/esm/{index.module-830baab1.js → index.module-b5494b57.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-458c943a.js';
+import { s as styleInject } from './index-22049a2e.js';
 
 var row = "row-2sbo5";
 var colum = "colum-bfgmE";

package/build/esm/{index.module-7f0c236f.js → index.module-c5baf242.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-458c943a.js';
+import { s as styleInject } from './index-22049a2e.js';
 
 var wcFavorite = "wcFavorite-WCYzN";
 var wcFavoriteSel = "wcFavorite_sel-Fww5G";

package/build/esm/{index.module-aee00e5d.js → index.module-ea5d953f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-458c943a.js';
+import { s as styleInject } from './index-22049a2e.js';
 
 var wcUi2DOutlineDraggable = "wcUI2D_Outline_Draggable-MP-7N";
 var wcUi2DOutlineSelectable = "wcUI2D_Outline_Selectable--NB0c";

package/build/esm/{useCustomDimensions-815d0ada.js → useCustomDimensions-a17f4739.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-458c943a.js';
+import { u as useViewHandler } from './index-22049a2e.js';
 import { useState, useEffect } from 'react';
 
 var useCustomDimensions = function useCustomDimensions() {

package/build/esm/{ussIsSticky-93397228.js → ussIsSticky-5a77c7e9.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-458c943a.js';
+import './index-22049a2e.js';
 import { useRef, useState, useEffect } from 'react';
 
 function useStickyScroll() {

package/build/types/web-planner-react/src/components/GlobalElements/Checkout/CreateAppointment/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/GlobalElements/Checkout/CreateAppointment/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAiCjD,OAAO,EAAE,SAAS,EAAc,MAAM,IAAI,CAAC;AAG3C,QAAA,MAAM,iBAAiB,uDAAwD,SAAS,sBA6NvF,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/GlobalElements/Checkout/CreateAppointment/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAkCjD,OAAO,EAAE,SAAS,EAAc,MAAM,IAAI,CAAC;AAG3C,QAAA,MAAM,iBAAiB,uDAAwD,SAAS,sBA8NvF,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2591.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2591],{32591:(t,e,n)=>{n.r(e),n.d(e,{default:()=>I});var i=n(88683),o=n(25709),r=n(87363),a=n(9420),d=n(7197),s=n(93379),l=n.n(s),c=n(7795),u=n.n(c),p=n(90569),m=n.n(p),g=n(3565),f=n.n(g),P=n(19216),v=n.n(P),x=n(44589),h=n.n(x),y=n(77113),C={};C.styleTagTransform=h(),C.setAttributes=f(),C.insert=m().bind(null,"head"),C.domAPI=u(),C.insertStyleElement=v();l()(y.ZP,C);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=n(74133),S=n(47514),w=function getSkeletons(t,e){var n=0;t>e&&(n=t-e);var i=[];if(n)for(var o=n-1;o>=0;o--)i.push(t-o);return i};const I=(0,a.Pi)((function PromotedProducts(t){var e,n,a,s=t.item,l=(0,i.useDivaCore)(),c=l.actions.openComponent,u=l.handler.productHandler,p=l.state.organization,m=(0,o.NP)(),g=m.settingsState,f=m.getViewConfig().productsConfig,P=(0,r.useCallback)((function(t){g.setPromotedOptimisticProductId(t),c({type:"DIVA_WEBPLANNER",parameters:{productId:t},internal:{forceReload:"1",keepCache:"1"}})}),[c,g]),v=null!==(e=m.configState.productId)&&void 0!==e?e:!m.configState.divaNr&&m.divaWebPlanner.getStartProductId(),x=null!==(n=g.promotedOptimisticProductId)&&void 0!==n?n:v;(0,r.useEffect)((function(){null!=g.promotedOptimisticProductId&&v===g.promotedOptimisticProductId&&g.setPromotedOptimisticProductId(null)}),[g.promotedOptimisticProductId,v,g]),(0,r.useEffect)((function(){g.setPromotedOptimisticProductId(null)}),[p._id,g]);var h=null===(a=m.divaWebPlanner.getCatalogData())||void 0===a?void 0:a.catalogCodex;(0,r.useEffect)((function(){var t;m.uiState.isLogicLoading||g.loadPromotedProducts(u,p._id,h,null===(t=m.divaWebPlanner)||void 0===t?void 0:t.getCurPlannerType(),f)}),[p._id,m.uiState.isLogicLoading,h]);var C=g.promotedGroups,I=null!=f&&f.maxCount&&f.showSkeletions?w(f.maxCount,C.length):[];return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(b.default,{isInScroller:!1,isSettingsHeader:!0,item:s}),(0,S.jsxs)("div",{className:y.Ry,children:[C.map((function(t,e){return(0,S.jsx)(d.p,{settings:{contentBoxProps:{type:"ProductGallery",products:t.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:P,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:t.items.find((function(t){return t._id==x}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},t._id)})),I.map((function(t){return(0,S.jsx)("div",{className:y.F1,children:(0,S.jsx)("div",{children:t})},t)}))]})]})}))},77113:(t,e,n)=>{n.d(e,{F1:()=>s,Ry:()=>d,ZP:()=>l});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([t.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var d="index-module--x75w5",s="index-module--tgKwN";const l=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2591],{32591:(t,e,n)=>{n.r(e),n.d(e,{default:()=>I});var i=n(88683),o=n(25709),r=n(87363),a=n(9420),d=n(7197),l=n(93379),s=n.n(l),c=n(7795),u=n.n(c),p=n(90569),m=n.n(p),g=n(3565),f=n.n(g),x=n(19216),P=n.n(x),v=n(44589),b=n.n(v),h=n(77113),y={};y.styleTagTransform=b(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=P();s()(h.ZP,y);h.ZP&&h.ZP.locals&&h.ZP.locals;var C=n(74133),w=n(47514),S=function getSkeletons(t,e){var n=0;t>e&&(n=t-e);var i=[];if(n)for(var o=n-1;o>=0;o--)i.push(t-o);return i};const I=(0,a.Pi)((function PromotedProducts(t){var e,n,a,l=t.item,s=(0,i.useDivaCore)(),c=s.actions.openComponent,u=s.handler.productHandler,p=s.state.organization,m=(0,o.NP)(),g=m.settingsState,f=m.getViewConfig().productsConfig,x=(0,r.useCallback)((function(t){g.setPromotedOptimisticProductId(t),c({type:"DIVA_WEBPLANNER",parameters:{productId:t},internal:{forceReload:"1",keepCache:"1"}})}),[c,g]),P=null!==(e=m.configState.productId)&&void 0!==e?e:!m.configState.divaNr&&m.divaWebPlanner.getStartProductId(),v=null!==(n=g.promotedOptimisticProductId)&&void 0!==n?n:P;(0,r.useEffect)((function(){null!=g.promotedOptimisticProductId&&P===g.promotedOptimisticProductId&&g.setPromotedOptimisticProductId(null)}),[g.promotedOptimisticProductId,P,g]),(0,r.useEffect)((function(){g.setPromotedOptimisticProductId(null)}),[p._id,g]);var b=null===(a=m.divaWebPlanner.getCatalogData())||void 0===a?void 0:a.catalogCodex;(0,r.useEffect)((function(){var t;m.uiState.isLogicLoading||g.loadPromotedProducts(u,p._id,b,null===(t=m.divaWebPlanner)||void 0===t?void 0:t.getCurPlannerType(),f)}),[p._id,m.uiState.isLogicLoading,b]);var y=g.promotedGroups,I=null!=f&&f.maxCount&&f.showSkeletions?S(f.maxCount,y.length):[];return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(C.default,{isInScroller:!1,isSettingsHeader:!0,item:l}),(0,w.jsxs)("div",{className:h.Ry,children:[y.map((function(t,e){return(0,w.jsx)(d.p,{settings:{contentBoxProps:{type:"ProductGallery",products:t.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:x,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:t.items.find((function(t){return t._id==v}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},t._id)})),I.map((function(t){return(0,w.jsx)("div",{className:h.F1,children:(0,w.jsx)("div",{children:t})},t)}))]})]})}))},77113:(t,e,n)=>{n.d(e,{F1:()=>l,Ry:()=>d,ZP:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([t.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.mobile .index-module--x75w5 {\n  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var d="index-module--x75w5",l="index-module--tgKwN";const s=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 4874.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4874],{44874:(n,e,i)=>{i.r(e),i.d(e,{default:()=>x});var t=i(84658),o=i(34988),r=i(50747),d=i.n(r),a=i(87363),l=i(88683),s=i(44353),p=i(47514);const x=function UnlockCard(n){var e=n.budgetTotal,i=n.leadBonus,r=n.leadKeyActive,x=n.onSubmit,u=n.onSuccess,m=(0,l.useTranslation)().t,c=(0,a.useState)(""),h=(0,o.Z)(c,2),g=h[0],b=h[1],v=(0,a.useState)(r||i<=0?"exhausted":"form"),f=(0,o.Z)(v,2),w=f[0],y=f[1],S=(0,a.useState)(""),k=(0,o.Z)(S,2),Z=k[0],z=k[1],M=function(){var n=(0,t.Z)(d().mark((function _callee(){var n,e,i,t;return d().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return y("loading"),z(""),o.next=4,x(g);case 4:null!=(n=o.sent)&&n.success?(y("success"),setTimeout((function(){return u()}),2500)):"LEAD_KEY_BONUS_EXHAUSTED"===(null==n?void 0:n.reason)?(z(null!==(e=null==n?void 0:n.message)&&void 0!==e?e:""),y("leadBonusExhausted")):"EMAIL_ALREADY_USED"===(null==n?void 0:n.reason)?(z(null!==(i=null==n?void 0:n.message)&&void 0!==i?i:""),y("emailAlreadyUsed")):(z(null!==(t=null==n?void 0:n.message)&&void 0!==t?t:""),y("error"));case 6:case"end":return o.stop()}}),_callee)})));return function handleSubmit(){return n.apply(this,arguments)}}();return"success"===w?(0,p.jsxs)("div",{className:"".concat(s.JK," ").concat(s.J2),children:[(0,p.jsx)("span",{className:s.JZ,children:"✓"}),(0,p.jsx)("p",{className:s.nP,children:m("configurator.inspiration.unlockSuccess","Erfolgreich freigeschaltet – jetzt weiter generieren!")})]}):"exhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.exhaustedTitle","Sie haben heute alle Raumbilder genutzt")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.exhaustedText","Ihr Kontingent ist für heute aufgebraucht. Kommen Sie morgen wieder – dann stehen Ihnen neue Raumbilder zur Verfügung.")})]}):"emailAlreadyUsed"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.emailAlreadyUsedTitle","Diese E-Mail-Adresse wurde bereits verwendet")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.emailAlreadyUsedText","Die Freischaltung zusätzlicher Raumbilder ist pro E-Mail-Adresse nur einmal möglich.")})]}):"leadBonusExhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.leadKeyBonusExhaustedTitle","Bonus-Kontingent aufgebraucht")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.leadKeyBonusExhaustedText","Für diese E-Mail-Adresse sind alle zusätzlichen Raumbilder bereits verbraucht. Es können keine weiteren Bilder mehr freigeschaltet werden.")})]}):(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.unlockTitle","Gefällt Ihnen, was Sie sehen?")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.unlockTextLead",{budgetTotal:e,leadBonus:i})}),(0,p.jsx)("input",{type:"email",className:s.eZ,value:g,onChange:function onChange(n){return b(n.target.value)},placeholder:m("configurator.inspiration.emailPlaceholder","ihre.email@beispiel.de"),disabled:"loading"===w}),"error"===w&&Z&&(0,p.jsx)("p",{className:s._x,children:Z}),(0,p.jsxs)("button",{type:"button",className:s.by,disabled:"loading"===w||!l.DivaUtils.validateEmail(g),onClick:M,children:["loading"===w?m("configurator.inspiration.unlocking","Wird freigeschaltet…"):m("configurator.inspiration.unlockButton","".concat(i," weitere Raumbilder freischalten")),"loading"!==w&&(0,p.jsx)("span",{className:s.Sm,children:"→"})]})]})}},41996:(n,e,i)=>{i.d(e,{J2:()=>j,JK:()=>z,JZ:()=>B,M3:()=>v,MZ:()=>V,N1:()=>S,N3:()=>Z,RF:()=>y,Se:()=>s,Sm:()=>N,Te:()=>g,Xf:()=>x,YO:()=>E,Yh:()=>_,ZP:()=>C,Zg:()=>b,_g:()=>T,_x:()=>A,a9:()=>f,bx:()=>q,by:()=>K,ch:()=>c,eZ:()=>F,fQ:()=>u,fU:()=>R,fh:()=>k,is:()=>m,mY:()=>p,nC:()=>a,nP:()=>P,pl:()=>w,tS:()=>l,w:()=>h,zP:()=>M});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([n.id,".index-module--wzL3X {\n  padding-top: 16px;\n  padding-left: 12px;\n}\n\n.mobile .index-module--wzL3X {\n  padding-left: 0px;\n}\n\n.index-module--HfhVm {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0;\n}\n\n.index-module--vyBko {\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 1.3;\n  letter-spacing: inherit;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 8px;\n}\n\n.index-module--gveXM {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 16px;\n}\n\n.mobile .index-module--gveXM {\n  margin: 0 0 8px;\n}\n\n.index-module--G6Rna {\n  margin-bottom: 16px;\n}\n\n.index-module--bdezP {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0;\n}\n\n.mobile .index-module--bdezP {\n  font-size: 12px;\n}\n\n.index-module--aZSKq {\n  margin-bottom: 16px;\n  min-height: 60px;\n  overflow: visible;\n}\n\n.index-module--aZSKq .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 6px 0;\n  z-index: 1;\n}\n\n.index-module--aZSKq .swiper-wrapper {\n  position: relative;\n  width: calc(100% - 24px);\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  justify-content: center;\n  padding: 12px;\n}\n\n.index-module--G6Rna .index-module--aZSKq .swiper-slide {\n  flex-shrink: 0;\n  width: 18%;\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  overflow: visible;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  width: 24px;\n  height: 24px;\n  margin-top: -12px;\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n.index-module--aZSKq .swiper-button-prev svg,\n.index-module--aZSKq .swiper-button-next svg {\n  display: none;\n}\n\n.index-module--aZSKq .swiper-button-prev:focus,\n.index-module--aZSKq .swiper-button-prev:active,\n.index-module--aZSKq .swiper-button-next:focus,\n.index-module--aZSKq .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aZSKq .swiper-button-prev::before,\n.index-module--aZSKq .swiper-button-next::before {\n  display: none !important;\n}\n\n.index-module--aZSKq .swiper-button-prev:after,\n.index-module--aZSKq .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 24px;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-rtl .swiper-button-next {\n  left: 4px;\n  right: auto;\n}\n\n.index-module--aZSKq .swiper-button-next,\n.index-module--aZSKq .swiper-rtl .swiper-button-prev {\n  right: 4px;\n  left: auto;\n}\n\n.index-module--aZSKq .swiper-button-disabled {\n  display: none;\n}\n\n.index-module--pFM1x {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  padding: 0;\n  border: none;\n  border-radius: 50%;\n  overflow: hidden;\n  cursor: pointer;\n  background: none;\n  transition:\n    opacity 0.2s,\n    box-shadow 0.2s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--pFM1x:hover {\n  opacity: 0.8;\n}\n\n.index-module--pFM1x:focus,\n.index-module--pFM1x:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--xmg3Q {\n  box-shadow: 0 0 0 3px var(--diva-theme-palette-primary-main);\n  outline-offset: 2px;\n}\n\n.index-module--lU5QC {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--ZbFvM {\n  text-align: center;\n}\n\n.index-module--G1goE {\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 8px;\n}\n\n.index-module--Mm_Ad {\n  margin-bottom: 16px;\n}\n\n.index-module--fP54b {\n  width: calc(100% - 28px);\n  padding: 10px 14px;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  background: var(--settingsBackgroundColor);\n}\n\n.index-module--fP54b:focus {\n  outline: none;\n  border-color: var(--diva-theme-palette-primary-main);\n  box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--fP54b::-moz-placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--fP54b::placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--NybYq {\n  margin-bottom: 24px;\n}\n\n.index-module--aFhln {\n  width: calc(100% - 48px);\n  padding: 14px 24px;\n  font-size: 16px;\n  font-weight: 300;\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  background: var(--diva-theme-palette-primary-main);\n  border: none;\n  border-radius: var(--buttons-border-radius);\n  cursor: pointer;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  box-shadow: var(--boxShadowHover, 0 4px 6px rgba(0, 0, 0, 0.1));\n  transition:\n    background 0.2s,\n    box-shadow 0.2s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--aFhln:focus,\n.index-module--aFhln:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aFhln:hover:not(:disabled) {\n  background: var(--diva-theme-palette-primary-dark);\n  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n  box-shadow: var(--boxShadowActive, 0 6px 12px rgba(0, 0, 0, 0.15));\n}\n\n.index-module--aFhln:disabled {\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.index-module--kSA5W {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  text-align: center;\n  margin: 8px 0 0;\n}\n\n.index-module--YivLn {\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #d32f2f;\n  color: var(--diva-theme-palette-error-main, #d32f2f);\n  background: color-mix(in srgb, #d32f2f 8%, transparent);\n  background: color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 8%, transparent);\n  border: 1px solid color-mix(in srgb, #d32f2f 25%, transparent);\n  border: 1px solid color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 25%, transparent);\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  padding: 10px 14px;\n  margin: 12px 0 0;\n  text-align: center;\n}\n\n.index-module--P1E7G {\n  padding: 24px 20px;\n  border: 2px solid color-mix(in srgb, var(--diva-theme-palette-primary-main) 20%, transparent);\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  background: var(--settingsBackgroundColor);\n  text-align: center;\n}\n\n.index-module--gbyhE {\n  font-size: 18px;\n  font-weight: 300;\n\n  color: var(--diva-theme-palette-primary-main);\n  margin: 0 0 12px;\n}\n\n.index-module--T4neK {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.6;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 16px;\n}\n\n.index-module--SVhBo {\n  width: calc(100% - 28px);\n  padding: 12px 14px;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  background: var(--settingsBackgroundColor);\n  margin-bottom: 12px;\n}\n\n.index-module--SVhBo:focus {\n  outline: none;\n  border-color: var(--diva-theme-palette-primary-main);\n  box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--SVhBo::-moz-placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--SVhBo::placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--jsuNR {\n  width: calc(100% - 48px);\n  padding: 14px 24px;\n  font-size: 14px;\n  font-weight: 400;\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  background: var(--diva-theme-palette-primary-main);\n  border: none;\n  border-radius: var(--buttons-border-radius);\n  cursor: pointer;\n  transition:\n    background 0.2s,\n    box-shadow 0.2s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n.index-module--jsuNR:focus,\n.index-module--jsuNR:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--jsuNR:hover:not(:disabled) {\n  background: var(--diva-theme-palette-primary-dark);\n  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n  box-shadow: var(--boxShadowActive, 0 6px 12px rgba(0, 0, 0, 0.15));\n}\n\n.index-module--jsuNR:disabled {\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.index-module--DBkmW {\n  font-size: 18px;\n  line-height: 1;\n}\n\n.index-module--ZuwzE {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-height: 120px;\n}\n\n.index-module--cFEvx {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: var(--diva-theme-palette-primary-main);\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  font-size: 20px;\n  line-height: 1;\n}\n\n.index-module--mT13P {\n  font-size: 15px;\n  font-weight: 400;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0;\n}\n\n.index-module--Q2H7T {\n  display: block;\n  margin: 12px auto 24px;\n  padding: 0;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-primary-main);\n  text-decoration: underline;\n  text-underline-offset: 3px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  transition: color 0.15s;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--Q2H7T:hover {\n  color: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--mwN_Y {\n  margin-top: 24px;\n}\n\n.index-module--keDwN {\n  font-size: 12px;\n  font-weight: 300;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 12px;\n}\n\n.index-module--MFAVd {\n  padding-bottom: 8px;\n}\n\n.index-module--MFAVd .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n\n.index-module--MFAVd .swiper-wrapper {\n  position: relative;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  padding: 12px;\n}\n\n.index-module--mwN_Y .index-module--MFAVd .swiper-slide {\n  flex-shrink: 0;\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  width: 24px;\n  height: 24px;\n  margin-top: -12px;\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--MFAVd .swiper-button-prev svg,\n.index-module--MFAVd .swiper-button-next svg {\n  display: none;\n}\n\n.index-module--MFAVd .swiper-button-prev:focus,\n.index-module--MFAVd .swiper-button-prev:active,\n.index-module--MFAVd .swiper-button-next:focus,\n.index-module--MFAVd .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--MFAVd .swiper-button-prev::before,\n.index-module--MFAVd .swiper-button-next::before {\n  display: none !important;\n}\n\n.index-module--MFAVd .swiper-button-prev:after,\n.index-module--MFAVd .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 24px;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-rtl .swiper-button-next {\n  left: 4px;\n  right: auto;\n}\n\n.index-module--MFAVd .swiper-button-next,\n.index-module--MFAVd .swiper-rtl .swiper-button-prev {\n  right: 4px;\n  left: auto;\n}\n\n.index-module--MFAVd .swiper-button-prev:after {\n  content: 'prev';\n}\n\n.index-module--MFAVd .swiper-button-next:after {\n  content: 'next';\n}\n\n.index-module--MFAVd .swiper-button-disabled {\n  display: none;\n}\n\n.index-module--ZSu4D {\n  width: 80px;\n  height: 80px;\n  flex-shrink: 0;\n  overflow: hidden;\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  border: 2px solid #e8e3da;\n  border: 2px solid var(--galleryItemBorderColor, #e8e3da);\n  cursor: pointer;\n  transition:\n    border-color 0.2s,\n    box-shadow 0.2s;\n}\n\n.index-module--ZSu4D:hover {\n  border-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--IIB9r {\n  border-color: var(--diva-theme-palette-primary-main);\n  box-shadow: 0 0 0 2px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--ZSu4D img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n",""]);var a="index-module--wzL3X",l="index-module--HfhVm",s="index-module--vyBko",p="index-module--gveXM",x="index-module--G6Rna",u="index-module--bdezP",m="index-module--aZSKq",c="index-module--pFM1x",h="index-module--xmg3Q",g="index-module--lU5QC",b="index-module--ZbFvM",v="index-module--G1goE",f="index-module--Mm_Ad",w="index-module--fP54b",y="index-module--NybYq",S="index-module--aFhln",k="index-module--kSA5W",Z="index-module--YivLn",z="index-module--P1E7G",M="index-module--gbyhE",A="index-module--T4neK",F="index-module--SVhBo",K="index-module--jsuNR",N="index-module--DBkmW",j="index-module--ZuwzE",B="index-module--cFEvx",P="index-module--mT13P",V="index-module--Q2H7T",E="index-module--mwN_Y",R="index-module--keDwN",T="index-module--MFAVd",q="index-module--ZSu4D",_="index-module--IIB9r";const C=d},44353:(n,e,i)=>{i.d(e,{J2:()=>h.J2,JK:()=>h.JK,JZ:()=>h.JZ,M3:()=>h.M3,MZ:()=>h.MZ,N1:()=>h.N1,N3:()=>h.N3,RF:()=>h.RF,Se:()=>h.Se,Sm:()=>h.Sm,Te:()=>h.Te,Xf:()=>h.Xf,YO:()=>h.YO,Yh:()=>h.Yh,Zg:()=>h.Zg,_g:()=>h._g,_x:()=>h._x,a9:()=>h.a9,bx:()=>h.bx,by:()=>h.by,ch:()=>h.ch,eZ:()=>h.eZ,fQ:()=>h.fQ,fU:()=>h.fU,fh:()=>h.fh,is:()=>h.is,mY:()=>h.mY,nC:()=>h.nC,nP:()=>h.nP,pl:()=>h.pl,tS:()=>h.tS,w:()=>h.w,zP:()=>h.zP});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),a=i(90569),l=i.n(a),s=i(3565),p=i.n(s),x=i(19216),u=i.n(x),m=i(44589),c=i.n(m),h=i(41996),g={};g.styleTagTransform=c(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=u();o()(h.ZP,g),h.ZP&&h.ZP.locals&&h.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4874],{44874:(n,e,i)=>{i.r(e),i.d(e,{default:()=>x});var t=i(84658),o=i(34988),r=i(50747),d=i.n(r),a=i(87363),l=i(88683),s=i(44353),p=i(47514);const x=function UnlockCard(n){var e=n.budgetTotal,i=n.leadBonus,r=n.leadKeyActive,x=n.onSubmit,u=n.onSuccess,m=(0,l.useTranslation)().t,c=(0,a.useState)(""),h=(0,o.Z)(c,2),g=h[0],b=h[1],v=(0,a.useState)(r||i<=0?"exhausted":"form"),f=(0,o.Z)(v,2),w=f[0],y=f[1],S=(0,a.useState)(""),k=(0,o.Z)(S,2),Z=k[0],z=k[1],M=function(){var n=(0,t.Z)(d().mark((function _callee(){var n,e,i,t;return d().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return y("loading"),z(""),o.next=4,x(g);case 4:null!=(n=o.sent)&&n.success?(y("success"),setTimeout((function(){return u()}),2500)):"LEAD_KEY_BONUS_EXHAUSTED"===(null==n?void 0:n.reason)?(z(null!==(e=null==n?void 0:n.message)&&void 0!==e?e:""),y("leadBonusExhausted")):"EMAIL_ALREADY_USED"===(null==n?void 0:n.reason)?(z(null!==(i=null==n?void 0:n.message)&&void 0!==i?i:""),y("emailAlreadyUsed")):(z(null!==(t=null==n?void 0:n.message)&&void 0!==t?t:""),y("error"));case 6:case"end":return o.stop()}}),_callee)})));return function handleSubmit(){return n.apply(this,arguments)}}();return"success"===w?(0,p.jsxs)("div",{className:"".concat(s.JK," ").concat(s.J2),children:[(0,p.jsx)("span",{className:s.JZ,children:"✓"}),(0,p.jsx)("p",{className:s.nP,children:m("configurator.inspiration.unlockSuccess","Erfolgreich freigeschaltet – jetzt weiter generieren!")})]}):"exhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.exhaustedTitle","Sie haben heute alle Raumbilder genutzt")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.exhaustedText","Ihr Kontingent ist für heute aufgebraucht. Kommen Sie morgen wieder – dann stehen Ihnen neue Raumbilder zur Verfügung.")})]}):"emailAlreadyUsed"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.emailAlreadyUsedTitle","Diese E-Mail-Adresse wurde bereits verwendet")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.emailAlreadyUsedText","Die Freischaltung zusätzlicher Raumbilder ist pro E-Mail-Adresse nur einmal möglich.")})]}):"leadBonusExhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.leadKeyBonusExhaustedTitle","Bonus-Kontingent aufgebraucht")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.leadKeyBonusExhaustedText","Für diese E-Mail-Adresse sind alle zusätzlichen Raumbilder bereits verbraucht. Es können keine weiteren Bilder mehr freigeschaltet werden.")})]}):(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.unlockTitle","Gefällt Ihnen, was Sie sehen?")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.unlockTextLead",{budgetTotal:e,leadBonus:i})}),(0,p.jsx)("input",{type:"email",className:s.eZ,value:g,onChange:function onChange(n){return b(n.target.value)},placeholder:m("configurator.inspiration.emailPlaceholder","ihre.email@beispiel.de"),disabled:"loading"===w}),"error"===w&&Z&&(0,p.jsx)("p",{className:s._x,children:Z}),(0,p.jsxs)("button",{type:"button",className:s.by,disabled:"loading"===w||!l.DivaUtils.validateEmail(g),onClick:M,children:["loading"===w?m("configurator.inspiration.unlocking","Wird freigeschaltet…"):m("configurator.inspiration.unlockButton","".concat(i," weitere Raumbilder freischalten")),"loading"!==w&&(0,p.jsx)("span",{className:s.Sm,children:"→"})]})]})}},41996:(n,e,i)=>{i.d(e,{J2:()=>j,JK:()=>z,JZ:()=>B,M3:()=>v,MZ:()=>V,N1:()=>S,N3:()=>Z,RF:()=>y,Se:()=>s,Sm:()=>N,Te:()=>g,Xf:()=>x,YO:()=>E,Yh:()=>_,ZP:()=>C,Zg:()=>b,_g:()=>T,_x:()=>A,a9:()=>f,bx:()=>q,by:()=>K,ch:()=>c,eZ:()=>F,fQ:()=>u,fU:()=>R,fh:()=>k,is:()=>m,mY:()=>p,nC:()=>a,nP:()=>P,pl:()=>w,tS:()=>l,w:()=>h,zP:()=>M});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([n.id,".index-module--wzL3X {\n  padding-top: 16px;\n  padding-left: 12px;\n}\n\n.mobile .index-module--wzL3X {\n  padding-left: 0px;\n}\n\n.index-module--HfhVm {\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0;\n}\n\n.index-module--vyBko {\n  font-size: 18px;\n  font-weight: 300;\n  line-height: 1.3;\n  letter-spacing: inherit;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 8px;\n}\n\n.index-module--gveXM {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 16px;\n}\n\n.mobile .index-module--gveXM {\n  margin: 0 0 8px;\n}\n\n.index-module--G6Rna {\n  margin-bottom: 16px;\n}\n\n.index-module--bdezP {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.5;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0;\n}\n\n.mobile .index-module--bdezP {\n  font-size: 12px;\n}\n\n.index-module--aZSKq {\n  margin-bottom: 16px;\n  min-height: 60px;\n  overflow: visible;\n}\n\n.index-module--aZSKq .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 6px 0;\n  z-index: 1;\n}\n\n.index-module--aZSKq .swiper-wrapper {\n  position: relative;\n  width: calc(100% - 24px);\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  justify-content: center;\n  padding: 12px;\n}\n\n.index-module--G6Rna .index-module--aZSKq .swiper-slide {\n  flex-shrink: 0;\n  width: 18%;\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  overflow: visible;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  width: 24px;\n  height: 24px;\n  margin-top: -12px;\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n.index-module--aZSKq .swiper-button-prev svg,\n.index-module--aZSKq .swiper-button-next svg {\n  display: none;\n}\n\n.index-module--aZSKq .swiper-button-prev:focus,\n.index-module--aZSKq .swiper-button-prev:active,\n.index-module--aZSKq .swiper-button-next:focus,\n.index-module--aZSKq .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aZSKq .swiper-button-prev::before,\n.index-module--aZSKq .swiper-button-next::before {\n  display: none !important;\n}\n\n.index-module--aZSKq .swiper-button-prev:after,\n.index-module--aZSKq .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 24px;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-rtl .swiper-button-next {\n  left: 4px;\n  right: auto;\n}\n\n.index-module--aZSKq .swiper-button-next,\n.index-module--aZSKq .swiper-rtl .swiper-button-prev {\n  right: 4px;\n  left: auto;\n}\n\n.index-module--aZSKq .swiper-button-disabled {\n  display: none;\n}\n\n.index-module--pFM1x {\n  width: 100%;\n  height: 100%;\n  min-width: 0;\n  padding: 0;\n  border: none;\n  border-radius: 50%;\n  overflow: hidden;\n  cursor: pointer;\n  background: none;\n  transition:\n    opacity 0.2s,\n    box-shadow 0.2s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--pFM1x:hover {\n  opacity: 0.8;\n}\n\n.index-module--pFM1x:focus,\n.index-module--pFM1x:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--xmg3Q {\n  box-shadow: 0 0 0 3px var(--diva-theme-palette-primary-main);\n  outline-offset: 2px;\n}\n\n.index-module--lU5QC {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--ZbFvM {\n  text-align: center;\n}\n\n.index-module--G1goE {\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0 0 8px;\n}\n\n.index-module--Mm_Ad {\n  margin-bottom: 16px;\n}\n\n.index-module--fP54b {\n  width: calc(100% - 28px);\n  padding: 10px 14px;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  background: var(--settingsBackgroundColor);\n}\n\n.index-module--fP54b:focus {\n  outline: none;\n  border-color: var(--diva-theme-palette-primary-main);\n  box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--fP54b::-moz-placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--fP54b::placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--NybYq {\n  margin-bottom: 24px;\n}\n\n.index-module--aFhln {\n  width: calc(100% - 48px);\n  padding: 14px 24px;\n  font-size: 16px;\n  font-weight: 300;\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  background: var(--diva-theme-palette-primary-main);\n  border: none;\n  border-radius: var(--buttons-border-radius);\n  cursor: pointer;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  box-shadow: var(--boxShadowHover, 0 4px 6px rgba(0, 0, 0, 0.1));\n  transition:\n    background 0.2s,\n    box-shadow 0.2s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--aFhln:focus,\n.index-module--aFhln:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aFhln:hover:not(:disabled) {\n  background: var(--diva-theme-palette-primary-dark);\n  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n  box-shadow: var(--boxShadowActive, 0 6px 12px rgba(0, 0, 0, 0.15));\n}\n\n.index-module--aFhln:disabled {\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.index-module--kSA5W {\n  font-size: 12px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-secondary);\n  text-align: center;\n  margin: 8px 0 0;\n}\n\n.index-module--YivLn {\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.5;\n  color: #d32f2f;\n  color: var(--diva-theme-palette-error-main, #d32f2f);\n  background: color-mix(in srgb, #d32f2f 8%, transparent);\n  background: color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 8%, transparent);\n  border: 1px solid color-mix(in srgb, #d32f2f 25%, transparent);\n  border: 1px solid color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 25%, transparent);\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  padding: 10px 14px;\n  margin: 12px 0 0;\n  text-align: center;\n}\n\n.index-module--P1E7G {\n  padding: 24px 20px;\n  border: 2px solid color-mix(in srgb, var(--diva-theme-palette-primary-main) 20%, transparent);\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  background: var(--settingsBackgroundColor);\n  text-align: center;\n}\n\n.index-module--gbyhE {\n  font-size: 18px;\n  font-weight: 300;\n\n  color: var(--diva-theme-palette-primary-main);\n  margin: 0 0 12px;\n}\n\n.index-module--T4neK {\n  font-size: 14px;\n  font-weight: 300;\n  line-height: 1.6;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 16px;\n}\n\n.index-module--SVhBo {\n  width: calc(100% - 28px);\n  padding: 12px 14px;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-text-primary);\n  border: 1px solid #e8e3da;\n  border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  background: var(--settingsBackgroundColor);\n  margin-bottom: 12px;\n}\n\n.index-module--SVhBo:focus {\n  outline: none;\n  border-color: var(--diva-theme-palette-primary-main);\n  box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--SVhBo::-moz-placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--SVhBo::placeholder {\n  color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--jsuNR {\n  width: calc(100% - 48px);\n  padding: 14px 24px;\n  font-size: 14px;\n  font-weight: 400;\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  background: var(--diva-theme-palette-primary-main);\n  border: none;\n  border-radius: var(--buttons-border-radius);\n  cursor: pointer;\n  transition:\n    background 0.2s,\n    box-shadow 0.2s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n.index-module--jsuNR:focus,\n.index-module--jsuNR:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--jsuNR:hover:not(:disabled) {\n  background: var(--diva-theme-palette-primary-dark);\n  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n  box-shadow: var(--boxShadowActive, 0 6px 12px rgba(0, 0, 0, 0.15));\n}\n\n.index-module--jsuNR:disabled {\n  cursor: not-allowed;\n  opacity: 0.7;\n}\n\n.index-module--DBkmW {\n  font-size: 18px;\n  line-height: 1;\n}\n\n.index-module--ZuwzE {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-height: 120px;\n}\n\n.index-module--cFEvx {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: var(--diva-theme-palette-primary-main);\n  color: #fff;\n  color: var(--diva-theme-palette-primary-contrast-text, #fff);\n  font-size: 20px;\n  line-height: 1;\n}\n\n.index-module--mT13P {\n  font-size: 15px;\n  font-weight: 400;\n  color: var(--diva-theme-palette-text-primary);\n  margin: 0;\n}\n\n.index-module--Q2H7T {\n  display: block;\n  margin: 12px auto 24px;\n  padding: 0;\n  font-size: 14px;\n  font-weight: 300;\n  color: var(--diva-theme-palette-primary-main);\n  text-decoration: underline;\n  text-underline-offset: 3px;\n  background: none;\n  border: none;\n  cursor: pointer;\n  transition: color 0.15s;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--Q2H7T:hover {\n  color: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--mwN_Y {\n  margin-top: 24px;\n}\n\n.index-module--keDwN {\n  font-size: 12px;\n  font-weight: 300;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--diva-theme-palette-text-secondary);\n  margin: 0 0 12px;\n}\n\n.index-module--MFAVd {\n  padding-bottom: 8px;\n}\n\n.index-module--MFAVd .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n\n.index-module--MFAVd .swiper-wrapper {\n  position: relative;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  padding: 12px;\n}\n\n.index-module--mwN_Y .index-module--MFAVd .swiper-slide {\n  flex-shrink: 0;\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  width: 24px;\n  height: 24px;\n  margin-top: -12px;\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--MFAVd .swiper-button-prev svg,\n.index-module--MFAVd .swiper-button-next svg {\n  display: none;\n}\n\n.index-module--MFAVd .swiper-button-prev:focus,\n.index-module--MFAVd .swiper-button-prev:active,\n.index-module--MFAVd .swiper-button-next:focus,\n.index-module--MFAVd .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--MFAVd .swiper-button-prev::before,\n.index-module--MFAVd .swiper-button-next::before {\n  display: none !important;\n}\n\n.index-module--MFAVd .swiper-button-prev:after,\n.index-module--MFAVd .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 24px;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-rtl .swiper-button-next {\n  left: 4px;\n  right: auto;\n}\n\n.index-module--MFAVd .swiper-button-next,\n.index-module--MFAVd .swiper-rtl .swiper-button-prev {\n  right: 4px;\n  left: auto;\n}\n\n.index-module--MFAVd .swiper-button-prev:after {\n  content: 'prev';\n}\n\n.index-module--MFAVd .swiper-button-next:after {\n  content: 'next';\n}\n\n.index-module--MFAVd .swiper-button-disabled {\n  display: none;\n}\n\n.index-module--ZSu4D {\n  width: 80px;\n  height: 80px;\n  flex-shrink: 0;\n  overflow: hidden;\n  border-radius: 4px;\n  border-radius: var(--globalBorderRadius, 4px);\n  border: 2px solid #e8e3da;\n  border: 2px solid var(--galleryItemBorderColor, #e8e3da);\n  cursor: pointer;\n  transition:\n    border-color 0.2s,\n    box-shadow 0.2s;\n}\n\n.index-module--ZSu4D:hover {\n  border-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--IIB9r {\n  border-color: var(--diva-theme-palette-primary-main);\n  box-shadow: 0 0 0 2px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--ZSu4D img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n",""]);var a="index-module--wzL3X",l="index-module--HfhVm",s="index-module--vyBko",p="index-module--gveXM",x="index-module--G6Rna",u="index-module--bdezP",m="index-module--aZSKq",c="index-module--pFM1x",h="index-module--xmg3Q",g="index-module--lU5QC",b="index-module--ZbFvM",v="index-module--G1goE",f="index-module--Mm_Ad",w="index-module--fP54b",y="index-module--NybYq",S="index-module--aFhln",k="index-module--kSA5W",Z="index-module--YivLn",z="index-module--P1E7G",M="index-module--gbyhE",A="index-module--T4neK",F="index-module--SVhBo",K="index-module--jsuNR",N="index-module--DBkmW",j="index-module--ZuwzE",B="index-module--cFEvx",P="index-module--mT13P",V="index-module--Q2H7T",E="index-module--mwN_Y",R="index-module--keDwN",T="index-module--MFAVd",q="index-module--ZSu4D",_="index-module--IIB9r";const C=d},44353:(n,e,i)=>{i.d(e,{J2:()=>h.J2,JK:()=>h.JK,JZ:()=>h.JZ,M3:()=>h.M3,MZ:()=>h.MZ,N1:()=>h.N1,N3:()=>h.N3,RF:()=>h.RF,Se:()=>h.Se,Sm:()=>h.Sm,Te:()=>h.Te,Xf:()=>h.Xf,YO:()=>h.YO,Yh:()=>h.Yh,Zg:()=>h.Zg,_g:()=>h._g,_x:()=>h._x,a9:()=>h.a9,bx:()=>h.bx,by:()=>h.by,ch:()=>h.ch,eZ:()=>h.eZ,fQ:()=>h.fQ,fU:()=>h.fU,fh:()=>h.fh,is:()=>h.is,mY:()=>h.mY,nC:()=>h.nC,nP:()=>h.nP,pl:()=>h.pl,tS:()=>h.tS,w:()=>h.w,zP:()=>h.zP});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),a=i(90569),l=i.n(a),s=i(3565),p=i.n(s),x=i(19216),u=i.n(x),m=i(44589),c=i.n(m),h=i(41996),g={};g.styleTagTransform=c(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=u();o()(h.ZP,g),h.ZP&&h.ZP.locals&&h.ZP.locals}}]);