npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.12.0-beta.1 → 26.12.0-beta.2 - Mend

@crystaldesign/diva-web-planner-react 26.12.0-beta.1 → 26.12.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (437) hide show

package/build/umd/9638.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 9638.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9638],{59638:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});var s=i(84658),a=i(34988),r=i(50747),t=i.n(r),o=i(9420),l=i(87363),c=i(37707),u=i(74635),d=i(9204),m=i(88683),g=i(44353),p=i(44874),h=i(47514);const v=(0,o.Pi)((function StyleConsultant(e){e.item;var n,i,r,o,v,f,x,j,N,y,k,C,b,S,w=(0,m.useTranslation)().t,P=(0,d.NP)(),R=P.aiState,A=(0,l.useState)(!1),G=(0,a.Z)(A,2),I=G[0],E=G[1],V=(0,l.useState)(null),B=(0,a.Z)(V,2),H=B[0],T=B[1],_=(0,l.useState)(!1),L=(0,a.Z)(_,2),O=L[0],Z=L[1];if(null===(n=P.getViewConfig())||void 0===n||!n.showStyleConsultant||null===(i=R.enrichedAiRoomRenderings())||void 0===i||!i.length)return(0,h.jsx)("div",{className:g.nC,children:(0,h.jsx)("p",{className:g.tS,children:w("configurator.roomRendering.noStylesAvailable","Keine Stilwelten verfügbar.")})});var z=R.enrichedAiRoomRenderings(),F=null!==(r=z.find((function(e){return e.key===R.selectedRoom})))&&void 0!==r?r:z[0],M=R.usageBudget,K=null!==(o=null==M?void 0:M.remaining)&&void 0!==o?o:0,W=null!==(v=null===(f=P.settingsState.organizationAISettings)||void 0===f?void 0:f.leadRewardBonus)&&void 0!==v?v:0,q=(null!==(x=null===(j=P.getViewConfig())||void 0===j?void 0:j.aiPromptExamples)&&void 0!==x?x:[]).map((function(e){return w(e)})),Y=R.generatedImageHistory,D=null===(N=R.aiGenerationErrors[null!==(y=null==F?void 0:F.key)&&void 0!==y?y:""])||void 0===N?void 0:N[R.setHash],U=Y.some((function(e){return e.key===(null==F?void 0:F.key)&&e.hash===R.setHash&&(e.customPrompt||"")===(R.customPromptInput||"")}));return(0,l.useEffect)((function(){Z(!1)}),[Y.length]),(0,h.jsxs)("div",{className:g.nC,children:[(0,h.jsx)("h1",{className:g.Se,children:w("configurator.inspiration.headline")}),Y.length>0?(0,h.jsxs)("div",{className:g.YO,children:[(0,h.jsx)("h4",{className:g.fU,children:w("configurator.inspiration.sceneHistory")}),(0,h.jsx)("div",{className:g._g,children:(0,h.jsxs)(c.tq,{modules:[u.W_],spaceBetween:8,slidesPerView:"auto",navigation:!0,wrapperClass:"no-swiping",resizeObserver:!0,children:[(0,h.jsx)(c.o5,{onClick:function onClick(){R.isAnyGenerationInProgress&&R.focusLoadingSlide()},children:(0,h.jsxs)("div",{className:"".concat(g.X4," ").concat(O||R.isLoadingSlideActive?g.tj:""),children:[O&&null!=F&&F.image?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("img",{src:F.image,alt:F.name,className:g.p5}),F.name&&(0,h.jsx)("span",{className:g.cM,children:F.name})]}):(0,h.jsx)("span",{className:g.tg,children:"✨"}),R.isAnyGenerationInProgress&&(0,h.jsx)("div",{className:g.lH,children:(0,h.jsx)("span",{className:g.fF})})]})},"placeholder"),Y.map((function(e,n){var i,s,a=null===(i=z.find((function(n){return n.key===e.key})))||void 0===i?void 0:i.name,r=!O&&!R.isLoadingSlideActive&&(null===(s=R.currentlyVisibleRoom)||void 0===s?void 0:s.src)===e.src;return(0,h.jsx)(c.o5,{onClick:function onClick(){Z(!1),R.useAiGeneratedRoom(e.key,e.hash,!1,e.src)},children:(0,h.jsxs)("div",{className:"".concat(g.bx," ").concat(r?g.Yh:""),children:[(0,h.jsx)("img",{src:e.src}),a&&(0,h.jsx)("span",{className:g.cM,children:a})]})},"".concat(e.key,"-").concat(e.hash,"-").concat(n))}))]})})]}):(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("p",{className:g.mY,children:w("configurator.inspiration.subheadline")}),(0,h.jsxs)("div",{className:g.Mt,children:[(0,h.jsx)("img",{src:null==F?void 0:F.image,alt:null==F?void 0:F.name,className:g.aH}),F&&(0,h.jsxs)("div",{className:g.sG,children:[(0,h.jsx)("h3",{className:g.cU,children:F.name}),!!F.description&&(0,h.jsx)("p",{className:g.Nz,children:F.description})]})]})]}),(0,h.jsx)("div",{className:g.Xf,children:(0,h.jsx)("div",{className:g.is,children:(0,h.jsx)(c.tq,{modules:[u.W_],spaceBetween:10,slidesPerView:"auto",navigation:!0,wrapperClass:"no-swiping",resizeObserver:!0,onSwiper:T,children:z.map((function(e,n){return(0,h.jsx)(c.o5,{children:(0,h.jsxs)("button",{type:"button",className:"".concat(g.ch," ").concat(R.selectedRoom===e.key?g.w:""),onClick:function onClick(){R.setSelectedRoom(e.key),Z(!0),null==H||H.slideTo(n)},disabled:R.isAnyGenerationInProgress,title:e.name,children:[(0,h.jsx)("img",{src:e.image,alt:e.name,className:g.Te}),(0,h.jsx)("span",{className:g.lr,children:e.name})]})},e.key)}))})})}),(0,h.jsx)("div",{className:g.RF,children:K>0&&!I?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)("button",{type:"button",className:g.N1,onClick:function onClick(){return F&&R.handleGenerate(F.key,!0)},disabled:!F||R.isAnyGenerationInProgress||null!==(k=null==M?void 0:M.isLimitReached)&&void 0!==k&&k||U,children:[(0,h.jsx)("span",{children:U?w("configurator.inspiration.generated"):R.isAnyGenerationInProgress?w("configurator.inspiration.generating"):w(D?"configurator.inspiration.retry":"configurator.inspiration.generate")}),!U&&!R.isAnyGenerationInProgress&&(0,h.jsx)("span",{className:g.L_,children:w("configurator.inspiration.generateTime","(ca. 20 Sek.)")})]}),D&&(0,h.jsx)("p",{className:g.N3,children:w(D,w("configurator.roomRendering.aiGenerationError.imageSafety"===D?"configurator.inspiration.imageSafetyError":"configurator.roomRendering.aiGenerationError.resourceExhausted"===D?"configurator.inspiration.resourceExhaustedError":"configurator.inspiration.unknownError"))}),(0,h.jsx)("p",{className:g.fh,children:1===K?w("configurator.inspiration.remainingOne"):w("configurator.inspiration.remaining",{scenesRemaining:K})})]}):(0,h.jsx)(p.default,{budgetTotal:null!==(C=null==M?void 0:M.total)&&void 0!==C?C:3,leadBonus:W,leadKeyActive:null!==(b=null==M?void 0:M.leadKeyActive)&&void 0!==b&&b,onSubmit:function(){var e=(0,s.Z)(t().mark((function _callee(e){var n;return t().wrap((function _callee$(i){for(;;)switch(i.prev=i.next){case 0:return E(!0),i.next=3,R.createLeadKey(e);case 3:return n=i.sent,i.abrupt("return",null!=n?n:{success:!1});case 5:case"end":return i.stop()}}),_callee)})));return function(n){return e.apply(this,arguments)}}(),onSuccess:function onSuccess(){return E(!1)}})}),K>0&&!I&&(0,h.jsxs)("div",{className:g.a9,children:[(0,h.jsx)("p",{className:g.fQ,children:w("configurator.inspiration.customPromptToggle","Optional: Bild personalisieren")}),(0,h.jsx)("input",{type:"text",className:g.pl,value:null!==(S=R.customPromptInput)&&void 0!==S?S:"",onChange:function onChange(e){return R.setCustomPromptInput(e.target.value)},placeholder:w("configurator.inspiration.customPlaceholder")}),q.length>0&&(0,h.jsx)("div",{className:g.fZ,children:(0,h.jsx)(c.tq,{spaceBetween:8,slidesPerView:"auto",wrapperClass:"no-swiping",resizeObserver:!0,children:q.map((function(e){return(0,h.jsx)(c.o5,{children:(0,h.jsx)("button",{type:"button",className:g.HM,onClick:function onClick(){return R.setCustomPromptInput(e)},children:e})},e)}))})})]}),(0,h.jsx)("button",{type:"button",className:g.MZ,onClick:function onClick(){var e=P.tabGroupState.firstVisibleConfigStep;e&&P.navigateToConfigStep(e.key)},children:w("configurator.inspiration.tryVariant")})]})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9638],{59638:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});var s=i(84658),a=i(34988),r=i(50747),t=i.n(r),o=i(9420),l=i(87363),c=i(37707),u=i(74635),d=i(75327),m=i(88683),g=i(44353),p=i(44874),h=i(47514);const v=(0,o.Pi)((function StyleConsultant(e){e.item;var n,i,r,o,v,f,x,j,N,y,k,C,b,S,w=(0,m.useTranslation)().t,P=(0,d.NP)(),R=P.aiState,A=(0,l.useState)(!1),G=(0,a.Z)(A,2),I=G[0],E=G[1],V=(0,l.useState)(null),B=(0,a.Z)(V,2),H=B[0],T=B[1],_=(0,l.useState)(!1),L=(0,a.Z)(_,2),O=L[0],Z=L[1];if(null===(n=P.getViewConfig())||void 0===n||!n.showStyleConsultant||null===(i=R.enrichedAiRoomRenderings())||void 0===i||!i.length)return(0,h.jsx)("div",{className:g.nC,children:(0,h.jsx)("p",{className:g.tS,children:w("configurator.roomRendering.noStylesAvailable","Keine Stilwelten verfügbar.")})});var z=R.enrichedAiRoomRenderings(),F=null!==(r=z.find((function(e){return e.key===R.selectedRoom})))&&void 0!==r?r:z[0],M=R.usageBudget,K=null!==(o=null==M?void 0:M.remaining)&&void 0!==o?o:0,W=null!==(v=null===(f=P.settingsState.organizationAISettings)||void 0===f?void 0:f.leadRewardBonus)&&void 0!==v?v:0,q=(null!==(x=null===(j=P.getViewConfig())||void 0===j?void 0:j.aiPromptExamples)&&void 0!==x?x:[]).map((function(e){return w(e)})),Y=R.generatedImageHistory,D=null===(N=R.aiGenerationErrors[null!==(y=null==F?void 0:F.key)&&void 0!==y?y:""])||void 0===N?void 0:N[R.setHash],U=Y.some((function(e){return e.key===(null==F?void 0:F.key)&&e.hash===R.setHash&&(e.customPrompt||"")===(R.customPromptInput||"")}));return(0,l.useEffect)((function(){Z(!1)}),[Y.length]),(0,h.jsxs)("div",{className:g.nC,children:[(0,h.jsx)("h1",{className:g.Se,children:w("configurator.inspiration.headline")}),Y.length>0?(0,h.jsxs)("div",{className:g.YO,children:[(0,h.jsx)("h4",{className:g.fU,children:w("configurator.inspiration.sceneHistory")}),(0,h.jsx)("div",{className:g._g,children:(0,h.jsxs)(c.tq,{modules:[u.W_],spaceBetween:8,slidesPerView:"auto",navigation:!0,wrapperClass:"no-swiping",resizeObserver:!0,children:[(0,h.jsx)(c.o5,{onClick:function onClick(){R.isAnyGenerationInProgress&&R.focusLoadingSlide()},children:(0,h.jsxs)("div",{className:"".concat(g.X4," ").concat(O||R.isLoadingSlideActive?g.tj:""),children:[O&&null!=F&&F.image?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("img",{src:F.image,alt:F.name,className:g.p5}),F.name&&(0,h.jsx)("span",{className:g.cM,children:F.name})]}):(0,h.jsx)("span",{className:g.tg,children:"✨"}),R.isAnyGenerationInProgress&&(0,h.jsx)("div",{className:g.lH,children:(0,h.jsx)("span",{className:g.fF})})]})},"placeholder"),Y.map((function(e,n){var i,s,a=null===(i=z.find((function(n){return n.key===e.key})))||void 0===i?void 0:i.name,r=!O&&!R.isLoadingSlideActive&&(null===(s=R.currentlyVisibleRoom)||void 0===s?void 0:s.src)===e.src;return(0,h.jsx)(c.o5,{onClick:function onClick(){Z(!1),R.useAiGeneratedRoom(e.key,e.hash,!1,e.src)},children:(0,h.jsxs)("div",{className:"".concat(g.bx," ").concat(r?g.Yh:""),children:[(0,h.jsx)("img",{src:e.src}),a&&(0,h.jsx)("span",{className:g.cM,children:a})]})},"".concat(e.key,"-").concat(e.hash,"-").concat(n))}))]})})]}):(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("p",{className:g.mY,children:w("configurator.inspiration.subheadline")}),(0,h.jsxs)("div",{className:g.Mt,children:[(0,h.jsx)("img",{src:null==F?void 0:F.image,alt:null==F?void 0:F.name,className:g.aH}),F&&(0,h.jsxs)("div",{className:g.sG,children:[(0,h.jsx)("h3",{className:g.cU,children:F.name}),!!F.description&&(0,h.jsx)("p",{className:g.Nz,children:F.description})]})]})]}),(0,h.jsx)("div",{className:g.Xf,children:(0,h.jsx)("div",{className:g.is,children:(0,h.jsx)(c.tq,{modules:[u.W_],spaceBetween:10,slidesPerView:"auto",navigation:!0,wrapperClass:"no-swiping",resizeObserver:!0,onSwiper:T,children:z.map((function(e,n){return(0,h.jsx)(c.o5,{children:(0,h.jsxs)("button",{type:"button",className:"".concat(g.ch," ").concat(R.selectedRoom===e.key?g.w:""),onClick:function onClick(){R.setSelectedRoom(e.key),Z(!0),null==H||H.slideTo(n)},disabled:R.isAnyGenerationInProgress,title:e.name,children:[(0,h.jsx)("img",{src:e.image,alt:e.name,className:g.Te}),(0,h.jsx)("span",{className:g.lr,children:e.name})]})},e.key)}))})})}),(0,h.jsx)("div",{className:g.RF,children:K>0&&!I?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)("button",{type:"button",className:g.N1,onClick:function onClick(){return F&&R.handleGenerate(F.key,!0)},disabled:!F||R.isAnyGenerationInProgress||null!==(k=null==M?void 0:M.isLimitReached)&&void 0!==k&&k||U,children:[(0,h.jsx)("span",{children:U?w("configurator.inspiration.generated"):R.isAnyGenerationInProgress?w("configurator.inspiration.generating"):w(D?"configurator.inspiration.retry":"configurator.inspiration.generate")}),!U&&!R.isAnyGenerationInProgress&&(0,h.jsx)("span",{className:g.L_,children:w("configurator.inspiration.generateTime","(ca. 20 Sek.)")})]}),D&&(0,h.jsx)("p",{className:g.N3,children:w(D,w("configurator.roomRendering.aiGenerationError.imageSafety"===D?"configurator.inspiration.imageSafetyError":"configurator.roomRendering.aiGenerationError.resourceExhausted"===D?"configurator.inspiration.resourceExhaustedError":"configurator.inspiration.unknownError"))}),(0,h.jsx)("p",{className:g.fh,children:1===K?w("configurator.inspiration.remainingOne"):w("configurator.inspiration.remaining",{scenesRemaining:K})})]}):(0,h.jsx)(p.default,{budgetTotal:null!==(C=null==M?void 0:M.total)&&void 0!==C?C:3,leadBonus:W,leadKeyActive:null!==(b=null==M?void 0:M.leadKeyActive)&&void 0!==b&&b,onSubmit:function(){var e=(0,s.Z)(t().mark((function _callee(e){var n;return t().wrap((function _callee$(i){for(;;)switch(i.prev=i.next){case 0:return E(!0),i.next=3,R.createLeadKey(e);case 3:return n=i.sent,i.abrupt("return",null!=n?n:{success:!1});case 5:case"end":return i.stop()}}),_callee)})));return function(n){return e.apply(this,arguments)}}(),onSuccess:function onSuccess(){return E(!1)}})}),K>0&&!I&&(0,h.jsxs)("div",{className:g.a9,children:[(0,h.jsx)("p",{className:g.fQ,children:w("configurator.inspiration.customPromptToggle","Optional: Bild personalisieren")}),(0,h.jsx)("input",{type:"text",className:g.pl,value:null!==(S=R.customPromptInput)&&void 0!==S?S:"",onChange:function onChange(e){return R.setCustomPromptInput(e.target.value)},placeholder:w("configurator.inspiration.customPlaceholder")}),q.length>0&&(0,h.jsx)("div",{className:g.fZ,children:(0,h.jsx)(c.tq,{spaceBetween:8,slidesPerView:"auto",wrapperClass:"no-swiping",resizeObserver:!0,children:q.map((function(e){return(0,h.jsx)(c.o5,{children:(0,h.jsx)("button",{type:"button",className:g.HM,onClick:function onClick(){return R.setCustomPromptInput(e)},children:e})},e)}))})})]}),(0,h.jsx)("button",{type:"button",className:g.MZ,onClick:function onClick(){var e=P.tabGroupState.firstVisibleConfigStep;e&&P.navigateToConfigStep(e.key)},children:w("configurator.inspiration.tryVariant")})]})}))}}]);

package/build/umd/9693.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 9693.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9693],{59693:(n,e,i)=>{i.r(e),i.d(e,{default:()=>w});i(87363);var a=i(9420),t=i(9204),l=i(88683),d=i(65515),o=i.n(d),r=i(93379),s=i.n(r),x=i(7795),p=i.n(x),u=i(90569),c=i.n(u),m=i(3565),f=i.n(m),g=i(19216),b=i.n(g),h=i(44589),v=i.n(h),y=i(91642),S={};S.styleTagTransform=v(),S.setAttributes=f(),S.insert=c().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=b();s()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var k=i(47514);const w=(0,a.Pi)((function StyleIndicator(){var n,e=(0,l.useTranslation)().t,i=(0,t.NP)(),a=i.aiState,d=i.configuratorStructureHandler.getConfigStepByKey("STYLE_CONSULTANT"),r=a.aiStyleKeyInitializedByEvent?null===(n=a.enrichedAiRoomRenderings())||void 0===n?void 0:n.find((function(n){return n.key===a.aiSelectedStyleKey})):void 0;if(!r||!d)return(0,k.jsx)(k.Fragment,{});var s=i.getIsInMobileView()&&!i.uiState.isTablet;return(0,k.jsxs)("li",{className:o()(y.H3,s?y.ai:void 0),onClick:function onClick(){return i.navigateToConfigStep(d.configStep.key)},children:[(0,k.jsx)("div",{className:y.vz,children:(0,k.jsx)("img",{src:r.image,alt:r.name})}),(0,k.jsxs)("div",{className:y.R1,children:[(0,k.jsx)("span",{className:y.QR,children:e("configurator.inspiration.yourStyle","Dein Stil")}),(0,k.jsx)("span",{className:y.ZS,children:r.name})]})]})}))},91642:(n,e,i)=>{i.d(e,{H3:()=>o,QR:()=>x,R1:()=>s,ZP:()=>c,ZS:()=>p,ai:()=>r,vz:()=>u});var a=i(8081),t=i.n(a),l=i(23645),d=i.n(l)()(t());d.push([n.id,".index-module--L4Wxb {\n  border-radius: 14px !important;\n}\n\n.index-module--L4Wxb {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px 8px 8px;\n  background: rgba(255, 255, 255, 0.9);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  -webkit-backdrop-filter: blur(8px);\n          backdrop-filter: blur(8px);\n  list-style: none;\n  cursor: default;\n  animation: index-module--HaA1b 0.5s ease-out;\n}\n\n.index-module--aGBXl {\n  border-radius: 10px !important;\n}\n\n.index-module--aGBXl {\n  gap: 8px;\n  padding: 6px 12px 6px 6px;\n}\n\n.index-module--aGBXl .index-module--DlwB4 {\n  gap: 0;\n}\n\n.index-module--aGBXl .index-module--SQ18S {\n  font-size: 8px;\n}\n\n.index-module--aGBXl .index-module--qGOOk {\n  font-size: 11px;\n}\n\n.index-module--_kJVt {\n  width: 52px;\n  height: 40px;\n  border-radius: 6px;\n  overflow: hidden;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.index-module--aGBXl .index-module--_kJVt {\n  width: 36px;\n  height: 28px;\n}\n\n.index-module--_kJVt img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--DlwB4 {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.index-module--SQ18S {\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  color: #999;\n  color: var(--diva-theme-palette-text-secondary, #999);\n  white-space: nowrap;\n}\n\n.index-module--qGOOk {\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--globalColor);\n  white-space: nowrap;\n}\n\n@keyframes index-module--HaA1b {\n  0% {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  60% {\n    transform: scale(1.05);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n",""]);var o="index-module--L4Wxb",r="index-module--aGBXl",s="index-module--DlwB4",x="index-module--SQ18S",p="index-module--qGOOk",u="index-module--_kJVt";const c=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9693],{59693:(n,e,i)=>{i.r(e),i.d(e,{default:()=>w});i(87363);var a=i(9420),t=i(75327),l=i(88683),d=i(65515),o=i.n(d),r=i(93379),s=i.n(r),x=i(7795),p=i.n(x),u=i(90569),c=i.n(u),m=i(3565),f=i.n(m),g=i(19216),b=i.n(g),h=i(44589),v=i.n(h),y=i(91642),S={};S.styleTagTransform=v(),S.setAttributes=f(),S.insert=c().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=b();s()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var k=i(47514);const w=(0,a.Pi)((function StyleIndicator(){var n,e=(0,l.useTranslation)().t,i=(0,t.NP)(),a=i.aiState,d=i.configuratorStructureHandler.getConfigStepByKey("STYLE_CONSULTANT"),r=a.aiStyleKeyInitializedByEvent?null===(n=a.enrichedAiRoomRenderings())||void 0===n?void 0:n.find((function(n){return n.key===a.aiSelectedStyleKey})):void 0;if(!r||!d)return(0,k.jsx)(k.Fragment,{});var s=i.getIsInMobileView()&&!i.uiState.isTablet;return(0,k.jsxs)("li",{className:o()(y.H3,s?y.ai:void 0),onClick:function onClick(){return i.navigateToConfigStep(d.configStep.key)},children:[(0,k.jsx)("div",{className:y.vz,children:(0,k.jsx)("img",{src:r.image,alt:r.name})}),(0,k.jsxs)("div",{className:y.R1,children:[(0,k.jsx)("span",{className:y.QR,children:e("configurator.inspiration.yourStyle","Dein Stil")}),(0,k.jsx)("span",{className:y.ZS,children:r.name})]})]})}))},91642:(n,e,i)=>{i.d(e,{H3:()=>o,QR:()=>x,R1:()=>s,ZP:()=>c,ZS:()=>p,ai:()=>r,vz:()=>u});var a=i(8081),t=i.n(a),l=i(23645),d=i.n(l)()(t());d.push([n.id,".index-module--L4Wxb {\n  border-radius: 14px !important;\n}\n\n.index-module--L4Wxb {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 8px 16px 8px 8px;\n  background: rgba(255, 255, 255, 0.9);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  -webkit-backdrop-filter: blur(8px);\n          backdrop-filter: blur(8px);\n  list-style: none;\n  cursor: default;\n  animation: index-module--HaA1b 0.5s ease-out;\n}\n\n.index-module--aGBXl {\n  border-radius: 10px !important;\n}\n\n.index-module--aGBXl {\n  gap: 8px;\n  padding: 6px 12px 6px 6px;\n}\n\n.index-module--aGBXl .index-module--DlwB4 {\n  gap: 0;\n}\n\n.index-module--aGBXl .index-module--SQ18S {\n  font-size: 8px;\n}\n\n.index-module--aGBXl .index-module--qGOOk {\n  font-size: 11px;\n}\n\n.index-module--_kJVt {\n  width: 52px;\n  height: 40px;\n  border-radius: 6px;\n  overflow: hidden;\n  flex-shrink: 0;\n  border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.index-module--aGBXl .index-module--_kJVt {\n  width: 36px;\n  height: 28px;\n}\n\n.index-module--_kJVt img {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n\n.index-module--DlwB4 {\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.index-module--SQ18S {\n  font-size: 10px;\n  font-weight: 400;\n  letter-spacing: 0.5px;\n  text-transform: uppercase;\n  color: #999;\n  color: var(--diva-theme-palette-text-secondary, #999);\n  white-space: nowrap;\n}\n\n.index-module--qGOOk {\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--globalColor);\n  white-space: nowrap;\n}\n\n@keyframes index-module--HaA1b {\n  0% {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  60% {\n    transform: scale(1.05);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n",""]);var o="index-module--L4Wxb",r="index-module--aGBXl",s="index-module--DlwB4",x="index-module--SQ18S",p="index-module--qGOOk",u="index-module--_kJVt";const c=d}}]);

package/build/umd/9696.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 9696.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9696],{9696:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(9204),l=t(9420),a=(t(87363),t(88683)),o=t(93379),s=t.n(o),g=t(7795),d=t.n(g),r=t(90569),f=t.n(r),c=t(3565),u=t.n(c),h=t(19216),x=t.n(h),p=t(44589),m=t.n(p),S=t(18939),C={};C.styleTagTransform=m(),C.setAttributes=u(),C.insert=f().bind(null,"head"),C.domAPI=d(),C.insertStyleElement=x();s()(S.ZP,C);S.ZP&&S.ZP.locals&&S.ZP.locals;var P=t(85092),v=t(47514);const w=(0,l.Pi)((function SettingsConfigSingle(n){var e=(0,i.NP)(),t=(0,a.useTranslation)().t;return(0,v.jsx)("div",{className:S.jl,id:"wcConfigSingleCheckbox",title:e.settingsState.doConfigSingle?t("configurator.configSingleExplanation"):t("configurator.configAllExplanation"),children:(0,v.jsx)(P.default,{onChange:function configSingleIsChanged(){e.paletteViewHandler.configSingleIsChanged()},state:!e.settingsState.doConfigSingle,width:76,height:25,handleDiameter:20,off:t("configurator.single"),on:t("configurator.all"),toggleTextClassName:S.fL})})}))},18939:(n,e,t)=>{t.d(e,{ZP:()=>d,fL:()=>g,jl:()=>s});var i=t(8081),l=t.n(i),a=t(23645),o=t.n(a)()(l());o.push([n.id,".index-module--uljig {\n  min-height: 26px;\n  margin-top: 2px;\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--q2WSH {\n  font-size: 11px;\n  font-weight: 200;\n  color: #fff;\n  line-height: 26px;\n  width: 46px;\n}\n\n.index-module--q2WSH#yes {\n  padding-left: 22px;\n}\n\n.index-module--q2WSH#no {\n  transform: translateX(-12px);\n}\n",""]);var s="index-module--uljig",g="index-module--q2WSH";const d=o}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9696],{9696:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(75327),l=t(9420),a=(t(87363),t(88683)),o=t(93379),s=t.n(o),g=t(7795),d=t.n(g),r=t(90569),f=t.n(r),c=t(3565),u=t.n(c),h=t(19216),x=t.n(h),p=t(44589),m=t.n(p),S=t(18939),C={};C.styleTagTransform=m(),C.setAttributes=u(),C.insert=f().bind(null,"head"),C.domAPI=d(),C.insertStyleElement=x();s()(S.ZP,C);S.ZP&&S.ZP.locals&&S.ZP.locals;var P=t(85092),v=t(47514);const w=(0,l.Pi)((function SettingsConfigSingle(n){var e=(0,i.NP)(),t=(0,a.useTranslation)().t;return(0,v.jsx)("div",{className:S.jl,id:"wcConfigSingleCheckbox",title:e.settingsState.doConfigSingle?t("configurator.configSingleExplanation"):t("configurator.configAllExplanation"),children:(0,v.jsx)(P.default,{onChange:function configSingleIsChanged(){e.paletteViewHandler.configSingleIsChanged()},state:!e.settingsState.doConfigSingle,width:76,height:25,handleDiameter:20,off:t("configurator.single"),on:t("configurator.all"),toggleTextClassName:S.fL})})}))},18939:(n,e,t)=>{t.d(e,{ZP:()=>d,fL:()=>g,jl:()=>s});var i=t(8081),l=t.n(i),a=t(23645),o=t.n(a)()(l());o.push([n.id,".index-module--uljig {\n  min-height: 26px;\n  margin-top: 2px;\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--q2WSH {\n  font-size: 11px;\n  font-weight: 200;\n  color: #fff;\n  line-height: 26px;\n  width: 46px;\n}\n\n.index-module--q2WSH#yes {\n  padding-left: 22px;\n}\n\n.index-module--q2WSH#no {\n  transform: translateX(-12px);\n}\n",""]);var s="index-module--uljig",g="index-module--q2WSH";const d=o}}]);

package/build/umd/9715.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 9715.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9715,6011,3407,4514,7663,1912,6132,5576,7476],{96011:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});var i=t(9204),o=t(9420),r=t(87363),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),p=t(3565),m=t.n(p),g=t(19216),x=t.n(g),f=t(44589),b=t.n(f),h=t(89460),w={};w.styleTagTransform=b(),w.setAttributes=m(),w.insert=c().bind(null,"head"),w.domAPI=l(),w.insertStyleElement=x();d()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514),j=!1;const y=(0,o.Pi)((function Planner2DGrid(n){var e=(0,i.NP)(),t=(0,i._w)(),o=(0,r.useRef)(null);(0,r.useEffect)((function(){o&&e.productState.setPlanner2DGridElement(o.current)}),[o]);var a=function on2DPlannerBGClick(n){e.viewPlannerHandler.onClearElementSelection(),n.stopPropagation()};return(0,v.jsxs)("div",{ref:o,className:h.NK,id:"wcConfigurator-grid-container",style:{width:"100%",height:"100%",zIndex:2,visibility:e.productState.doShowGrid?"visible":"hidden"},onClick:a,onTouchStart:function onTouchStart(){j=!1},onTouchMove:function onTouchMove(){j=!0},onTouchEnd:function onTouchEnd(n){j||a(n),j=!1},children:[(0,v.jsx)("canvas",{className:h.Ff,id:"wcConfigurator-grid-2D-canvas"}),(0,v.jsx)("div",{className:h.Dn,style:{zoom:t.get2DGridBackgroundState().zoom,backgroundPosition:t.get2DGridBackgroundState().position.x+"px "+t.get2DGridBackgroundState().position.y+"px"}})]})}))},23407:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(9420),o=t(9204),r=(t(87363),t(88683)),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),p=t(3565),m=t.n(p),g=t(19216),x=t.n(g),f=t(44589),b=t.n(f),h=t(19662),w={};w.styleTagTransform=b(),w.setAttributes=m(),w.insert=c().bind(null,"head"),w.domAPI=l(),w.insertStyleElement=x();d()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(65515),j=t.n(v),y=t(47514);const I=(0,i.Pi)((function Logo(n){var e=(0,o.NP)(),t=(0,r.useDivaCore)().state.organization.logoUrl;return(e.uiState.isInMobileView||e.uiState.ViewConfig.showLogoInProductDesktop)&&e.uiState.ViewConfig.showLogoInProduct&&t?(0,y.jsx)("img",{className:j()(h.jY,e.getIsInMobileView()?h.ai:void 0,e.productState.orbitHidden||e.uiState.isMobilePortrait||e.uiState.isMobileLandscape?h.Oj:h.al),src:t}):(0,y.jsx)(y.Fragment,{})}))},14514:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavBar(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/Planner3DImage/NavBar"}))}},27663:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function OrbitInteraction(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/Planner3DImage/OrbitInteraction"}))}},61912:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var i=t(9204),o=t(9420),r=(t(87363),t(14514)),a=t(86924),d=t(47514);const s=(0,o.Pi)((function Planner3DImage(n){var e=(0,i.NP)();return(0,d.jsxs)("div",{ref:function ref(n){return e.productState.setImage3DElement(n)},className:a.pI,id:"3DImage-Container",style:{visibility:e.productState.doShowRenderImage?"visible":"hidden"},children:[(0,d.jsx)(r.default,{}),(0,d.jsx)("img",{className:e.productState.plannerRenderingIsStaticBG?a.Y6:a.Y0,id:"diva3dImg",draggable:"false",src:e.productState.diva3dImgSrc})]})}))},6132:(n,e,t)=>{t.r(e),t.d(e,{default:()=>A});var i=t(34988),o=t(9204),r=t(9420),a=t(87363),d=t(37707),s=t(74635),l=t(88683),u=t(93379),c=t.n(u),p=t(7795),m=t.n(p),g=t(90569),x=t.n(g),f=t(3565),b=t.n(f),h=t(19216),w=t.n(h),v=t(44589),j=t.n(v),y=t(19723),I={};I.styleTagTransform=j(),I.setAttributes=b(),I.insert=x().bind(null,"head"),I.domAPI=m(),I.insertStyleElement=w();c()(y.ZP,I);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=t(47514),P={de:["Lichter werden eingerichtet…","Kamera wird positioniert…","Möbel werden platziert…","Stoffe werden ausgewählt…","Schatten werden angepasst…","Accessoires werden gestylt…","Wände werden gestrichen…","Letzte Details werden hinzugefügt…","Raum wird arrangiert…","Szene wird perfektioniert…","Oberflächen werden poliert…","Ambiente wird abgestimmt…"],en:["Setting up lights…","Positioning camera…","Placing furniture…","Choosing fabrics…","Adjusting shadows…","Styling accessories…","Painting the walls…","Adding final touches…","Arranging the room…","Perfecting the scene…","Polishing surfaces…","Tuning the ambiance…"],fr:["Installation des lumières…","Positionnement de la caméra…","Placement des meubles…","Choix des tissus…","Ajustement des ombres…","Mise en place des accessoires…","Peinture des murs…","Ajout des touches finales…","Aménagement de la pièce…","Perfectionnement de la scène…","Polissage des surfaces…","Réglage de l’ambiance…"],it:["Preparazione delle luci…","Posizionamento della fotocamera…","Disposizione dei mobili…","Scelta dei tessuti…","Regolazione delle ombre…","Allestimento degli accessori…","Pittura delle pareti…","Aggiunta dei dettagli finali…","Organizzazione della stanza…","Perfezionamento della scena…","Lucidatura delle superfici…","Sintonizzazione dell’atmosfera…"]};const A=(0,r.Pi)((function PlannerAIRoom(){var n,e,t=(0,o.NP)(),r=t.aiState,u=(0,l.useTranslation)(),c=u.i18n,p=u.t,m=(0,a.useRef)(null),g=(0,a.useState)(0),x=(0,i.Z)(g,2),f=x[0],b=x[1],h=(0,a.useState)(0),w=(0,i.Z)(h,2),v=w[0],j=w[1],I=(0,a.useRef)(0),A=(null!==(n=c.language)&&void 0!==n?n:"de").toLowerCase().slice(0,2),D=null!==(e=P[A])&&void 0!==e?e:P.de,O=r.isAnyGenerationInProgress,N=r.generatedImageHistory,Z=t.productState.doShowAIRoom,z=N.length>0,E=N.length+(O?1:0),M=O?1:0,k=O&&0===v;return(0,a.useEffect)((function(){var n=N[v-M];n&&r.setCurrentlyVisibleRoom({key:n.key,hash:n.hash,src:n.src})}),[v,M]),(0,a.useEffect)((function(){if(O){var n=setInterval((function(){b((function(n){return(n+1)%D.length}))}),3e3);return function(){return clearInterval(n)}}b(0)}),[O]),(0,a.useEffect)((function(){if(N.length>I.current&&m.current){var n=O?1:0;m.current.params.loop?m.current.slideToLoop(n,300):m.current.slideTo(n,300)}I.current=N.length}),[N.length]),(0,a.useEffect)((function(){if(r.currentlyVisibleRoom&&m.current){var n=N.findIndex((function(n){var e;return n.src===(null===(e=r.currentlyVisibleRoom)||void 0===e?void 0:e.src)}));if(!(n<0)){var e=n+M;e!==m.current.realIndex&&(m.current.params.loop?m.current.slideToLoop(e,300):m.current.slideTo(e,300))}}}),[r.currentlyVisibleRoom,N,M]),(0,a.useEffect)((function(){O&&m.current&&(m.current.params.loop?m.current.slideToLoop(0,300):m.current.slideTo(0,300))}),[O,r.loadingSlideFocusRequest]),(0,a.useEffect)((function(){return r.setLoadingSlideActive(k),function(){return r.setLoadingSlideActive(!1)}}),[k]),(0,S.jsxs)("div",{className:y.Cp,id:"ai-room-container",style:{visibility:Z?"visible":"hidden",pointerEvents:Z?"auto":"none"},children:[z||O?(0,S.jsxs)("div",{className:y.nl,children:[(0,S.jsxs)(d.tq,{modules:[s.W_],navigation:!0,slidesPerView:1,onSwiper:function onSwiper(n){m.current=n},onSlideChange:function onSlideChange(n){return j(n.realIndex)},loop:E>1,children:[O&&(0,S.jsx)(d.o5,{children:(0,S.jsxs)("div",{className:"".concat(y.Rc," ").concat(y.B7),children:[(0,S.jsx)("div",{className:y.lY}),(0,S.jsx)("p",{className:y.w4,children:D[f]},f)]})},"loading-slide"),N.map((function(n,e){return(0,S.jsx)(d.o5,{children:(0,S.jsx)("div",{className:y.Rc,children:(0,S.jsx)("img",{className:y.ZG,src:n.src,alt:"AI Generated Room",draggable:!1})})},"".concat(n.key,"-").concat(n.hash,"-").concat(e))}))]}),N.length>1&&!k&&(0,S.jsxs)("div",{className:y.mm,children:[v-M+1," / ",N.length]})]}):r.currentlyVisibleRoom&&(0,S.jsx)("div",{className:y.Rc,children:(0,S.jsx)("img",{className:y.ZG,src:r.currentlyVisibleRoom.src,alt:"AI Generated Room",draggable:!1})}),z&&!O&&(0,S.jsx)("div",{className:y.bg,children:p("configurator.roomRendering.aiGenerated")})]})}))},82458:(n,e,t)=>{t.r(e),t.d(e,{default:()=>c});var i=t(88291),o=t(65515),r=t.n(o),a=t(9204),d=t(9420),s=(t(87363),t(98881)),l=t(70144),u=t(47514);const c=(0,d.Pi)((function PlannerMsgContainer(n){(0,i.Z)(n);var e=(0,a.NP)();return(0,u.jsx)("div",{className:r()(l.C1,e.uiState.configSettingsIsExpanded?l.zh:void 0,e.uiState.isInMobileView?l.ai:void 0),children:e.productState.plannerMessagesArr.map((function(n){return(0,u.jsx)(s.default,{item:n[1],codex:n[0]},n[0])}))})}))},5576:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});t(87363);var i=t(2765),o=t(47514);const r=function PlannerUIVariant(){return(0,o.jsx)(i.ZP,{componentName:"Product/ProductCenter/PlannerUI/PlannerUIVariants"})}},37476:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});t(87363);var i=t(93379),o=t.n(i),r=t(7795),a=t.n(r),d=t(90569),s=t.n(d),l=t(3565),u=t.n(l),c=t(19216),p=t.n(c),m=t(44589),g=t.n(m),x=t(80292),f={};f.styleTagTransform=g(),f.setAttributes=u(),f.insert=s().bind(null,"head"),f.domAPI=a(),f.insertStyleElement=p();o()(x.ZP,f);x.ZP&&x.ZP.locals&&x.ZP.locals;var b=t(9204),h=t(65515),w=t.n(h),v=t(9420),j=t(88683),y=t(47514);const I=(0,v.Pi)((function RotateInfo(n){var e=(0,b.NP)(),t=(0,j.useTranslation)().t;return!e.uiState.isMobileLandscape||e.uiState.isMobilePortrait||e.uiState.ViewConfig.disableLandscape?(0,y.jsx)(y.Fragment,{}):(0,y.jsxs)("div",{className:w()(x.nC,e.productState.orbitHidden?x.Oj:x.al),children:[(0,y.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2LjQ4IDIuNTJjMy4yNyAxLjU1IDUuNjEgNC43MiA1Ljk3IDguNDhoMS41QzIzLjQ0IDQuODQgMTguMjkgMCAxMiAwbC0uNjYuMDMgMy44MSAzLjgxIDEuMzMtMS4zMnptLTYuMjUtLjc3Yy0uNTktLjU5LTEuNTQtLjU5LTIuMTIgMEwxLjc1IDguMTFjLS41OS41OS0uNTkgMS41NCAwIDIuMTJsMTIuMDIgMTIuMDJjLjU5LjU5IDEuNTQuNTkgMi4xMiAwbDYuMzYtNi4zNmMuNTktLjU5LjU5LTEuNTQgMC0yLjEyTDEwLjIzIDEuNzV6bTQuNiAxOS40NEwyLjgxIDkuMTdsNi4zNi02LjM2IDEyLjAyIDEyLjAyLTYuMzYgNi4zNnptLTcuMzEuMjlDNC4yNSAxOS45NCAxLjkxIDE2Ljc2IDEuNTUgMTNILjA1Qy41NiAxOS4xNiA1LjcxIDI0IDEyIDI0bC42Ni0uMDMtMy44MS0zLjgxLTEuMzMgMS4zMnoiLz48L3N2Zz4="}),(0,y.jsx)("div",{className:x.fL,children:t("configurator.rotate_mobile")})]})}))},19715:(n,e,t)=>{t.r(e),t.d(e,{default:()=>A});var i=t(80248),o=t(9204),r=t(9420),a=t(87363),d=t.n(a),s=t(96011),l=t(61912),u=t(6132),c=t(86924),p=t(65515),m=t.n(p),g=t(82458),x=t(5576),f=t(37476),b=t(27663),h=t(16028),w=t(23407),v=t(71442),j=t(62052),y=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}var I=d().lazy((function(){return t.e(1810).then(t.bind(t,91375))})),S=d().lazy((function(){return t.e(2485).then(t.bind(t,82485))})),P=d().lazy((function(){return(0,j.JB)("rtv: lazy chunk requested"),t.e(7118).then(t.bind(t,57118)).then((function(n){return(0,j.JB)("rtv: lazy chunk loaded"),n}))}));const A=(0,r.Pi)((function ProductCenter(n){var e=n.style,t=(0,o.NP)(),i=!t.uiState.ViewConfig.dontShowOrbitInMobile||!t.getIsInMobileView(),r=t.productState.useRtvNext||v.j4||"CREATE_IMAGE"===t.configState.initMode;return(0,y.jsxs)("div",{style:_objectSpread(_objectSpread({},e),t.productState.isARIframeVisible?{zIndex:1e6}:{}),className:m()(c.i5,t.uiState.isMobilePortrait?c.tW:void 0,t.uiState.isMobileLandscape?c.rK:void 0,t.productState.doShowGrid?c.VR:void 0,c.Gr),onMouseDown:function onMouseDown(){t.productState.roomListExpanded&&t.productState.setRoomListExpanded(!1)},onTouchStart:function onTouchStart(){t.productState.roomListExpanded&&t.productState.setRoomListExpanded(!1)},children:[(0,y.jsx)(g.default,{}),(0,y.jsx)(l.default,{}),(0,y.jsx)(w.default,{}),t.productState.allow3DComb&&!r&&(0,y.jsx)(a.Suspense,{fallback:(0,y.jsx)(y.Fragment,{}),children:(0,y.jsx)(I,{})}),(t.productState.allowRTV||t.productState.allowQRCodeAR)&&!r&&(0,y.jsx)(a.Suspense,{fallback:(0,y.jsx)(y.Fragment,{}),children:(0,y.jsx)(S,{})}),!r&&(0,y.jsx)(s.default,{}),r&&(0,y.jsx)(a.Suspense,{fallback:(0,y.jsx)(y.Fragment,{}),children:(0,y.jsx)(P,{})}),i&&(0,y.jsx)(b.default,{}),(0,y.jsx)(u.default,{}),t.uiState.isInMobileView&&(0,y.jsx)(h.default,{}),(0,y.jsx)(f.default,{}),!t.productState.hidePlannerUiIcons&&!(t.productState.doShowRTV||t.productState.doShow3DComb)&&!r&&(0,y.jsx)(x.default,{}),"No"==t.productState.plannerMode&&(0,y.jsx)("div",{className:c.Eg,children:t.productState.articleImage&&(0,y.jsx)("img",{src:t.productState.articleImage,className:c.be})})]})}))},89460:(n,e,t)=>{t.d(e,{Dn:()=>g,Ff:()=>m,NK:()=>p,ZP:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(47129),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--e25H_ {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--R7_8F {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute !important;\n}\n\n.index-module--R7_8F {\n  z-index: 5;\n}\n\n.index-module--Dws3z {\n  background-repeat: repeat;\n  width: 100%;\n  height: 100%;\n  left: 0px;\n  top: 0px;\n  position: absolute;\n  background-image: url("+c+');\n  /*background-image: url("images/Standard/grid_standard.png");*/\n  background-size: 100px 100px;\n  z-index: 0;\n  /* zoom: 200%;*/\n}\n',""]);var p="index-module--e25H_",m="index-module--R7_8F",g="index-module--Dws3z";const x=u},19662:(n,e,t)=>{t.d(e,{Oj:()=>l,ZP:()=>c,ai:()=>u,al:()=>s,jY:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--id3ze {\n  right: 0px;\n  bottom: 0px;\n  position: absolute;\n  z-index: 600;\n  opacity: 1;\n  max-width: 180px;\n  max-height: 64px;\n  margin-bottom: 4px;\n  margin-right: 20px;\n}\n\n.index-module--aig60 {\n  opacity: 0;\n}\n\n.index-module--GcdrL {\n  transition: opacity 0.5s;\n}\n\n.index-module--CRC06.index-module--id3ze {\n  right: 10px;\n  bottom: 10px;\n  max-height: 34px;\n  margin: 0;\n  margin: initial;\n  max-width: 150px;\n}\n",""]);var d="index-module--id3ze",s="index-module--aig60",l="index-module--GcdrL",u="index-module--CRC06";const c=a},19723:(n,e,t)=>{t.d(e,{B7:()=>p,Cp:()=>d,Rc:()=>l,ZG:()=>u,ZP:()=>f,bg:()=>x,lY:()=>m,mm:()=>c,nl:()=>s,w4:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--K4sxz {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 990;\n  display: flex;\n  background-color: #fff;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n/* ── Gallery ────────────────────────────────────────────── */\n\n.index-module--d9Zip {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.index-module--d9Zip .swiper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  z-index: 1;\n}\n\n.index-module--d9Zip .swiper-wrapper {\n  position: relative;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n}\n\n.index-module--d9Zip .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n}\n\n.index-module--BE8L5 {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition:\n    filter 0.8s cubic-bezier(0.4, 0, 0.2, 1),\n    transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: filter, transform;\n}\n\n.index-module--_fRU1 {\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n/* ── Navigation arrows ──────────────────────────────────── */\n\n.index-module--d9Zip .swiper-button-prev,\n.index-module--d9Zip .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  width: 44px;\n  height: 44px;\n  margin-top: -22px;\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.35);\n  border-radius: 50%;\n  color: #fff;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  transition:\n    background 0.2s,\n    transform 0.15s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--d9Zip .swiper-button-prev:hover,\n.index-module--d9Zip .swiper-button-next:hover {\n  background: rgba(0, 0, 0, 0.55);\n  transform: scale(1.06);\n}\n\n.index-module--d9Zip .swiper-button-prev:active,\n.index-module--d9Zip .swiper-button-next:active {\n  transform: scale(0.96);\n}\n\n.index-module--d9Zip .swiper-button-prev:focus,\n.index-module--d9Zip .swiper-button-prev:active,\n.index-module--d9Zip .swiper-button-next:focus,\n.index-module--d9Zip .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--d9Zip .swiper-button-prev::before,\n.index-module--d9Zip .swiper-button-next::before {\n  display: none !important;\n}\n\n.index-module--d9Zip .swiper-button-prev:after,\n.index-module--d9Zip .swiper-button-next:after {\n  text-transform: none !important;\n}\n\n.index-module--d9Zip .swiper-button-prev:after,\n.index-module--d9Zip .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 18px;\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n\n.index-module--d9Zip .swiper-button-prev {\n  left: 16px;\n}\n\n.index-module--d9Zip .swiper-button-next {\n  right: 16px;\n}\n\n.index-module--d9Zip .swiper-button-prev:after {\n  content: 'prev';\n}\n\n.index-module--d9Zip .swiper-button-next:after {\n  content: 'next';\n}\n\n.index-module--d9Zip .swiper-button-disabled {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--d9Zip .swiper-button-prev svg,\n.index-module--d9Zip .swiper-button-next svg {\n  display: none;\n}\n\n/* ── Slide counter ──────────────────────────────────────── */\n\n.index-module--PG_Iw {\n  position: absolute;\n  bottom: 84px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 5;\n  padding: 5px 14px;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.04em;\n  color: rgba(255, 255, 255, 0.92);\n  background: rgba(0, 0, 0, 0.38);\n  border-radius: 20px;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.mobile .index-module--PG_Iw {\n  bottom: 20px;\n}\n\n/* ── Loading slide (rendered inside the gallery swiper) ── */\n\n.index-module--FLZ8x {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.25);\n  animation: index-module--fkhc0 0.6s ease both;\n}\n\n@keyframes index-module--fkhc0 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.index-module--ULtbB {\n  width: 52px;\n  height: 52px;\n  border: 3px solid rgba(255, 255, 255, 0.25);\n  border-top-color: #fff;\n  border-radius: 50%;\n  animation: index-module--WvcJk 0.9s linear infinite;\n}\n\n@keyframes index-module--WvcJk {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.index-module--K3jOc {\n  margin-top: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  color: #fff;\n  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);\n  animation: index-module--VEQvP 0.5s ease both;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n@keyframes index-module--VEQvP {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* ── Warning badge ──────────────────────────────────────── */\n\n.index-module--Blsq3 {\n  position: absolute;\n  bottom: 16px;\n  right: 16px;\n  padding: 6px 12px;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 12px;\n  border-radius: 4px;\n  pointer-events: none;\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  font-weight: 500;\n  z-index: 5;\n}\n\n.mobile .index-module--Blsq3 {\n  font-size: 11px;\n}\n",""]);var d="index-module--K4sxz",s="index-module--d9Zip",l="index-module--BE8L5",u="index-module--_fRU1",c="index-module--PG_Iw",p="index-module--FLZ8x",m="index-module--ULtbB",g="index-module--K3jOc",x="index-module--Blsq3";const f=a},80292:(n,e,t)=>{t.d(e,{Oj:()=>l,ZP:()=>c,al:()=>s,fL:()=>u,nC:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--N2P6A {\n  bottom: 32px;\n  left: 0px;\n  position: absolute;\n  z-index: 990;\n  margin-left: 20px;\n  margin-bottom: 20px;\n  opacity: 1;\n  display: flex;\n  align-items: center;\n}\n\n.index-module--WXb38 {\n  opacity: 0;\n}\n\n.index-module--HLqXb {\n  transition: opacity 0.5s;\n}\n.index-module--kwrRG {\n  margin-left: 10px;\n  font-size: 13px;\n}\n",""]);var d="index-module--N2P6A",s="index-module--WXb38",l="index-module--HLqXb",u="index-module--kwrRG";const c=a},109:(n,e,t)=>{t.d(e,{Eg:()=>m,Gr:()=>l,VR:()=>c,Y0:()=>x,Y6:()=>f,ZP:()=>b,be:()=>g,i5:()=>d,pI:()=>p,rK:()=>s,tW:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--vorE_ {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  transform: translateZ(0);\n}\n\n.index-module--gB2ft.index-module--vorE_ {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.index-module--gB2ft.index-module--vorE_ {\n  width: 45%;\n}\n\n.index-module--rUFyU.index-module--gB2ft.index-module--vorE_ {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.index-module--oczb9.index-module--vorE_ {\n  width: 100%;\n  height: 100%;\n}\n.index-module--oczb9.index-module--XIBwe.index-module--vorE_ {\n  height: calc(100% - 62px);\n  top: 62px;\n}\n\n.index-module--ns190 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--k9Dtu {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.index-module--k9Dtu .index-module--M16ih {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.index-module--bGZ75 {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--J4_kY {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n",""]);var d="index-module--vorE_",s="index-module--gB2ft",l="index-module--rUFyU",u="index-module--oczb9",c="index-module--XIBwe",p="index-module--ns190",m="index-module--k9Dtu",g="index-module--M16ih",x="index-module--bGZ75",f="index-module--J4_kY";const b=a},86924:(n,e,t)=>{t.d(e,{Eg:()=>x.Eg,Gr:()=>x.Gr,VR:()=>x.VR,Y0:()=>x.Y0,Y6:()=>x.Y6,be:()=>x.be,i5:()=>x.i5,pI:()=>x.pI,rK:()=>x.rK,tW:()=>x.tW});var i=t(93379),o=t.n(i),r=t(7795),a=t.n(r),d=t(90569),s=t.n(d),l=t(3565),u=t.n(l),c=t(19216),p=t.n(c),m=t(44589),g=t.n(m),x=t(109),f={};f.styleTagTransform=g(),f.setAttributes=u(),f.insert=s().bind(null,"head"),f.domAPI=a(),f.insertStyleElement=p();o()(x.ZP,f),x.ZP&&x.ZP.locals&&x.ZP.locals},47129:n=>{n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfdDAUQEiovM6IXAAAAGnRFWHRTb2Z0d2FyZQBQYWludC5ORVQgdjMuNS4xMUfzQjcAAAP7SURBVHhe7ZzZbtsKEEP7/38Yf0JWZEGWJxc0MMVAGFMUwN6rynw4DeA5kSkRUTBO7V8/Pz/nNZ6ensbHlzi97+9vyfv6+rp4W9xp1nF65eB8pnnndDqdU8hAChlIIQQlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQq5QFwZf11BOwu19fn5evC3uNOs4vXJwPtO8cykE8hG4v78fH98Lr6+vq9zd3eWWNbHrWxZQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXwAFxYIa63dbxpllH9ep5t7jTrOP0ysH5TPPOpRDIR2Dvm/rb29u4nXeyqV/B6ZUj/4RMgyVKOOD0UghBCQecXgohKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vZstBN/AqE1zmnXU7Va90KpXz/v4+DjOO2pGp1eOXAjkI/Dw8DA+vhewqa+RTf0KTq8c+SdkGixRwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXqAOuoZyE26tNGIvhNO9kU/8P2fum/v7+fv74+KDklnWF//WWNQ2WKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vRRCUMIBp5dCCEo44PRuthB8A6M2zWnWUbdb9UKrXj3vFneadZxeOXIhkMPf5+XlZZVLIdOg8/z8fHlZYpp1VA/hVA//k2SagT5XTxq+4tXLMNOss8XD9ZlmnUP9DsH7Q6Z5p9xp1nF65ci3rGmwRAkHnN7WQra406yTQgZSCEEJB5xeCiEo4YDTSyEEJRxweimEoIQDTi+FEJRwwOmlkCvUhcHXNZSTcHt56WSn1Ba+V6YPClhyqFsWXp6Y5p1D3LKAEg44va2FbHGnWSeFDKQQghIOOL0UQlDCAaeXQghKOOD0UghBCQecXgohKOGA07vZQiCugQPiwAx1u63jTbOO6tXzbnGnWcfplYPzmeady/vUIR+B+vv2XsEHA0zbeedQt6xs6gNOb2shW9xp1kkhAymEoIQDTi+FEJRwwOmlEIISDji9FEJQwgGnl0IISjjg9G62EHwDozbNadZRt1v1QqtePa+yh6gZnV45SiGH2tT3/jf15cf5TeSWdQWnV458y5oGS5RwwOmlEIISDji9FEJQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6N1sIxDXqgGsoJ+H2ahNW3oWbTT38IR/xN/BP3LKmwRIlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQghKOOD0UghBCQec3s0Wgn/CXjidfwOJNZK+WhRfKgAAAABJRU5ErkJggg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9715,6011,3407,4514,7663,1912,6132,5576,7476],{96011:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});var i=t(75327),o=t(9420),r=t(87363),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),p=t(3565),m=t.n(p),g=t(19216),x=t.n(g),f=t(44589),b=t.n(f),h=t(89460),w={};w.styleTagTransform=b(),w.setAttributes=m(),w.insert=c().bind(null,"head"),w.domAPI=l(),w.insertStyleElement=x();d()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514),j=!1;const y=(0,o.Pi)((function Planner2DGrid(n){var e=(0,i.NP)(),t=(0,i._w)(),o=(0,r.useRef)(null);(0,r.useEffect)((function(){o&&e.productState.setPlanner2DGridElement(o.current)}),[o]);var a=function on2DPlannerBGClick(n){e.viewPlannerHandler.onClearElementSelection(),n.stopPropagation()};return(0,v.jsxs)("div",{ref:o,className:h.NK,id:"wcConfigurator-grid-container",style:{width:"100%",height:"100%",zIndex:2,visibility:e.productState.doShowGrid?"visible":"hidden"},onClick:a,onTouchStart:function onTouchStart(){j=!1},onTouchMove:function onTouchMove(){j=!0},onTouchEnd:function onTouchEnd(n){j||a(n),j=!1},children:[(0,v.jsx)("canvas",{className:h.Ff,id:"wcConfigurator-grid-2D-canvas"}),(0,v.jsx)("div",{className:h.Dn,style:{zoom:t.get2DGridBackgroundState().zoom,backgroundPosition:t.get2DGridBackgroundState().position.x+"px "+t.get2DGridBackgroundState().position.y+"px"}})]})}))},23407:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(9420),o=t(75327),r=(t(87363),t(88683)),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),p=t(3565),m=t.n(p),g=t(19216),x=t.n(g),f=t(44589),b=t.n(f),h=t(19662),w={};w.styleTagTransform=b(),w.setAttributes=m(),w.insert=c().bind(null,"head"),w.domAPI=l(),w.insertStyleElement=x();d()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(65515),j=t.n(v),y=t(47514);const I=(0,i.Pi)((function Logo(n){var e=(0,o.NP)(),t=(0,r.useDivaCore)().state.organization.logoUrl;return(e.uiState.isInMobileView||e.uiState.ViewConfig.showLogoInProductDesktop)&&e.uiState.ViewConfig.showLogoInProduct&&t?(0,y.jsx)("img",{className:j()(h.jY,e.getIsInMobileView()?h.ai:void 0,e.productState.orbitHidden||e.uiState.isMobilePortrait||e.uiState.isMobileLandscape?h.Oj:h.al),src:t}):(0,y.jsx)(y.Fragment,{})}))},14514:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavBar(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/Planner3DImage/NavBar"}))}},27663:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function OrbitInteraction(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductCenter/Planner3DImage/OrbitInteraction"}))}},61912:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var i=t(75327),o=t(9420),r=(t(87363),t(14514)),a=t(86924),d=t(47514);const s=(0,o.Pi)((function Planner3DImage(n){var e=(0,i.NP)();return(0,d.jsxs)("div",{ref:function ref(n){return e.productState.setImage3DElement(n)},className:a.pI,id:"3DImage-Container",style:{visibility:e.productState.doShowRenderImage?"visible":"hidden"},children:[(0,d.jsx)(r.default,{}),(0,d.jsx)("img",{className:e.productState.plannerRenderingIsStaticBG?a.Y6:a.Y0,id:"diva3dImg",draggable:"false",src:e.productState.diva3dImgSrc})]})}))},6132:(n,e,t)=>{t.r(e),t.d(e,{default:()=>A});var i=t(34988),o=t(75327),r=t(9420),a=t(87363),d=t(37707),s=t(74635),l=t(88683),u=t(93379),c=t.n(u),p=t(7795),m=t.n(p),g=t(90569),x=t.n(g),f=t(3565),b=t.n(f),h=t(19216),w=t.n(h),v=t(44589),j=t.n(v),y=t(19723),I={};I.styleTagTransform=j(),I.setAttributes=b(),I.insert=x().bind(null,"head"),I.domAPI=m(),I.insertStyleElement=w();c()(y.ZP,I);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=t(47514),P={de:["Lichter werden eingerichtet…","Kamera wird positioniert…","Möbel werden platziert…","Stoffe werden ausgewählt…","Schatten werden angepasst…","Accessoires werden gestylt…","Wände werden gestrichen…","Letzte Details werden hinzugefügt…","Raum wird arrangiert…","Szene wird perfektioniert…","Oberflächen werden poliert…","Ambiente wird abgestimmt…"],en:["Setting up lights…","Positioning camera…","Placing furniture…","Choosing fabrics…","Adjusting shadows…","Styling accessories…","Painting the walls…","Adding final touches…","Arranging the room…","Perfecting the scene…","Polishing surfaces…","Tuning the ambiance…"],fr:["Installation des lumières…","Positionnement de la caméra…","Placement des meubles…","Choix des tissus…","Ajustement des ombres…","Mise en place des accessoires…","Peinture des murs…","Ajout des touches finales…","Aménagement de la pièce…","Perfectionnement de la scène…","Polissage des surfaces…","Réglage de l’ambiance…"],it:["Preparazione delle luci…","Posizionamento della fotocamera…","Disposizione dei mobili…","Scelta dei tessuti…","Regolazione delle ombre…","Allestimento degli accessori…","Pittura delle pareti…","Aggiunta dei dettagli finali…","Organizzazione della stanza…","Perfezionamento della scena…","Lucidatura delle superfici…","Sintonizzazione dell’atmosfera…"]};const A=(0,r.Pi)((function PlannerAIRoom(){var n,e,t=(0,o.NP)(),r=t.aiState,u=(0,l.useTranslation)(),c=u.i18n,p=u.t,m=(0,a.useRef)(null),g=(0,a.useState)(0),x=(0,i.Z)(g,2),f=x[0],b=x[1],h=(0,a.useState)(0),w=(0,i.Z)(h,2),v=w[0],j=w[1],I=(0,a.useRef)(0),A=(null!==(n=c.language)&&void 0!==n?n:"de").toLowerCase().slice(0,2),D=null!==(e=P[A])&&void 0!==e?e:P.de,O=r.isAnyGenerationInProgress,N=r.generatedImageHistory,Z=t.productState.doShowAIRoom,z=N.length>0,E=N.length+(O?1:0),M=O?1:0,k=O&&0===v;return(0,a.useEffect)((function(){var n=N[v-M];n&&r.setCurrentlyVisibleRoom({key:n.key,hash:n.hash,src:n.src})}),[v,M]),(0,a.useEffect)((function(){if(O){var n=setInterval((function(){b((function(n){return(n+1)%D.length}))}),3e3);return function(){return clearInterval(n)}}b(0)}),[O]),(0,a.useEffect)((function(){if(N.length>I.current&&m.current){var n=O?1:0;m.current.params.loop?m.current.slideToLoop(n,300):m.current.slideTo(n,300)}I.current=N.length}),[N.length]),(0,a.useEffect)((function(){if(r.currentlyVisibleRoom&&m.current){var n=N.findIndex((function(n){var e;return n.src===(null===(e=r.currentlyVisibleRoom)||void 0===e?void 0:e.src)}));if(!(n<0)){var e=n+M;e!==m.current.realIndex&&(m.current.params.loop?m.current.slideToLoop(e,300):m.current.slideTo(e,300))}}}),[r.currentlyVisibleRoom,N,M]),(0,a.useEffect)((function(){O&&m.current&&(m.current.params.loop?m.current.slideToLoop(0,300):m.current.slideTo(0,300))}),[O,r.loadingSlideFocusRequest]),(0,a.useEffect)((function(){return r.setLoadingSlideActive(k),function(){return r.setLoadingSlideActive(!1)}}),[k]),(0,S.jsxs)("div",{className:y.Cp,id:"ai-room-container",style:{visibility:Z?"visible":"hidden",pointerEvents:Z?"auto":"none"},children:[z||O?(0,S.jsxs)("div",{className:y.nl,children:[(0,S.jsxs)(d.tq,{modules:[s.W_],navigation:!0,slidesPerView:1,onSwiper:function onSwiper(n){m.current=n},onSlideChange:function onSlideChange(n){return j(n.realIndex)},loop:E>1,children:[O&&(0,S.jsx)(d.o5,{children:(0,S.jsxs)("div",{className:"".concat(y.Rc," ").concat(y.B7),children:[(0,S.jsx)("div",{className:y.lY}),(0,S.jsx)("p",{className:y.w4,children:D[f]},f)]})},"loading-slide"),N.map((function(n,e){return(0,S.jsx)(d.o5,{children:(0,S.jsx)("div",{className:y.Rc,children:(0,S.jsx)("img",{className:y.ZG,src:n.src,alt:"AI Generated Room",draggable:!1})})},"".concat(n.key,"-").concat(n.hash,"-").concat(e))}))]}),N.length>1&&!k&&(0,S.jsxs)("div",{className:y.mm,children:[v-M+1," / ",N.length]})]}):r.currentlyVisibleRoom&&(0,S.jsx)("div",{className:y.Rc,children:(0,S.jsx)("img",{className:y.ZG,src:r.currentlyVisibleRoom.src,alt:"AI Generated Room",draggable:!1})}),z&&!O&&(0,S.jsx)("div",{className:y.bg,children:p("configurator.roomRendering.aiGenerated")})]})}))},82458:(n,e,t)=>{t.r(e),t.d(e,{default:()=>c});var i=t(88291),o=t(65515),r=t.n(o),a=t(75327),d=t(9420),s=(t(87363),t(98881)),l=t(70144),u=t(47514);const c=(0,d.Pi)((function PlannerMsgContainer(n){(0,i.Z)(n);var e=(0,a.NP)();return(0,u.jsx)("div",{className:r()(l.C1,e.uiState.configSettingsIsExpanded?l.zh:void 0,e.uiState.isInMobileView?l.ai:void 0),children:e.productState.plannerMessagesArr.map((function(n){return(0,u.jsx)(s.default,{item:n[1],codex:n[0]},n[0])}))})}))},5576:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});t(87363);var i=t(2765),o=t(47514);const r=function PlannerUIVariant(){return(0,o.jsx)(i.ZP,{componentName:"Product/ProductCenter/PlannerUI/PlannerUIVariants"})}},37476:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});t(87363);var i=t(93379),o=t.n(i),r=t(7795),a=t.n(r),d=t(90569),s=t.n(d),l=t(3565),u=t.n(l),c=t(19216),p=t.n(c),m=t(44589),g=t.n(m),x=t(80292),f={};f.styleTagTransform=g(),f.setAttributes=u(),f.insert=s().bind(null,"head"),f.domAPI=a(),f.insertStyleElement=p();o()(x.ZP,f);x.ZP&&x.ZP.locals&&x.ZP.locals;var b=t(75327),h=t(65515),w=t.n(h),v=t(9420),j=t(88683),y=t(47514);const I=(0,v.Pi)((function RotateInfo(n){var e=(0,b.NP)(),t=(0,j.useTranslation)().t;return!e.uiState.isMobileLandscape||e.uiState.isMobilePortrait||e.uiState.ViewConfig.disableLandscape?(0,y.jsx)(y.Fragment,{}):(0,y.jsxs)("div",{className:w()(x.nC,e.productState.orbitHidden?x.Oj:x.al),children:[(0,y.jsx)("img",{src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTAgMGgyNHYyNEgwVjB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE2LjQ4IDIuNTJjMy4yNyAxLjU1IDUuNjEgNC43MiA1Ljk3IDguNDhoMS41QzIzLjQ0IDQuODQgMTguMjkgMCAxMiAwbC0uNjYuMDMgMy44MSAzLjgxIDEuMzMtMS4zMnptLTYuMjUtLjc3Yy0uNTktLjU5LTEuNTQtLjU5LTIuMTIgMEwxLjc1IDguMTFjLS41OS41OS0uNTkgMS41NCAwIDIuMTJsMTIuMDIgMTIuMDJjLjU5LjU5IDEuNTQuNTkgMi4xMiAwbDYuMzYtNi4zNmMuNTktLjU5LjU5LTEuNTQgMC0yLjEyTDEwLjIzIDEuNzV6bTQuNiAxOS40NEwyLjgxIDkuMTdsNi4zNi02LjM2IDEyLjAyIDEyLjAyLTYuMzYgNi4zNnptLTcuMzEuMjlDNC4yNSAxOS45NCAxLjkxIDE2Ljc2IDEuNTUgMTNILjA1Qy41NiAxOS4xNiA1LjcxIDI0IDEyIDI0bC42Ni0uMDMtMy44MS0zLjgxLTEuMzMgMS4zMnoiLz48L3N2Zz4="}),(0,y.jsx)("div",{className:x.fL,children:t("configurator.rotate_mobile")})]})}))},19715:(n,e,t)=>{t.r(e),t.d(e,{default:()=>A});var i=t(80248),o=t(75327),r=t(9420),a=t(87363),d=t.n(a),s=t(96011),l=t(61912),u=t(6132),c=t(86924),p=t(65515),m=t.n(p),g=t(82458),x=t(5576),f=t(37476),b=t(27663),h=t(16028),w=t(23407),v=t(71442),j=t(62052),y=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}var I=d().lazy((function(){return t.e(1810).then(t.bind(t,91375))})),S=d().lazy((function(){return t.e(2485).then(t.bind(t,82485))})),P=d().lazy((function(){return(0,j.JB)("rtv: lazy chunk requested"),t.e(7118).then(t.bind(t,57118)).then((function(n){return(0,j.JB)("rtv: lazy chunk loaded"),n}))}));const A=(0,r.Pi)((function ProductCenter(n){var e=n.style,t=(0,o.NP)(),i=!t.uiState.ViewConfig.dontShowOrbitInMobile||!t.getIsInMobileView(),r=t.productState.useRtvNext||v.j4||"CREATE_IMAGE"===t.configState.initMode;return(0,y.jsxs)("div",{style:_objectSpread(_objectSpread({},e),t.productState.isARIframeVisible?{zIndex:1e6}:{}),className:m()(c.i5,t.uiState.isMobilePortrait?c.tW:void 0,t.uiState.isMobileLandscape?c.rK:void 0,t.productState.doShowGrid?c.VR:void 0,c.Gr),onMouseDown:function onMouseDown(){t.productState.roomListExpanded&&t.productState.setRoomListExpanded(!1)},onTouchStart:function onTouchStart(){t.productState.roomListExpanded&&t.productState.setRoomListExpanded(!1)},children:[(0,y.jsx)(g.default,{}),(0,y.jsx)(l.default,{}),(0,y.jsx)(w.default,{}),t.productState.allow3DComb&&!r&&(0,y.jsx)(a.Suspense,{fallback:(0,y.jsx)(y.Fragment,{}),children:(0,y.jsx)(I,{})}),(t.productState.allowRTV||t.productState.allowQRCodeAR)&&!r&&(0,y.jsx)(a.Suspense,{fallback:(0,y.jsx)(y.Fragment,{}),children:(0,y.jsx)(S,{})}),!r&&(0,y.jsx)(s.default,{}),r&&(0,y.jsx)(a.Suspense,{fallback:(0,y.jsx)(y.Fragment,{}),children:(0,y.jsx)(P,{})}),i&&(0,y.jsx)(b.default,{}),(0,y.jsx)(u.default,{}),t.uiState.isInMobileView&&(0,y.jsx)(h.default,{}),(0,y.jsx)(f.default,{}),!t.productState.hidePlannerUiIcons&&!(t.productState.doShowRTV||t.productState.doShow3DComb)&&!r&&(0,y.jsx)(x.default,{}),"No"==t.productState.plannerMode&&(0,y.jsx)("div",{className:c.Eg,children:t.productState.articleImage&&(0,y.jsx)("img",{src:t.productState.articleImage,className:c.be})})]})}))},89460:(n,e,t)=>{t.d(e,{Dn:()=>g,Ff:()=>m,NK:()=>p,ZP:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(47129),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--e25H_ {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--R7_8F {\n  width: 100% !important;\n  height: 100% !important;\n  position: absolute !important;\n}\n\n.index-module--R7_8F {\n  z-index: 5;\n}\n\n.index-module--Dws3z {\n  background-repeat: repeat;\n  width: 100%;\n  height: 100%;\n  left: 0px;\n  top: 0px;\n  position: absolute;\n  background-image: url("+c+');\n  /*background-image: url("images/Standard/grid_standard.png");*/\n  background-size: 100px 100px;\n  z-index: 0;\n  /* zoom: 200%;*/\n}\n',""]);var p="index-module--e25H_",m="index-module--R7_8F",g="index-module--Dws3z";const x=u},19662:(n,e,t)=>{t.d(e,{Oj:()=>l,ZP:()=>c,ai:()=>u,al:()=>s,jY:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--id3ze {\n  right: 0px;\n  bottom: 0px;\n  position: absolute;\n  z-index: 600;\n  opacity: 1;\n  max-width: 180px;\n  max-height: 64px;\n  margin-bottom: 4px;\n  margin-right: 20px;\n}\n\n.index-module--aig60 {\n  opacity: 0;\n}\n\n.index-module--GcdrL {\n  transition: opacity 0.5s;\n}\n\n.index-module--CRC06.index-module--id3ze {\n  right: 10px;\n  bottom: 10px;\n  max-height: 34px;\n  margin: 0;\n  margin: initial;\n  max-width: 150px;\n}\n",""]);var d="index-module--id3ze",s="index-module--aig60",l="index-module--GcdrL",u="index-module--CRC06";const c=a},19723:(n,e,t)=>{t.d(e,{B7:()=>p,Cp:()=>d,Rc:()=>l,ZG:()=>u,ZP:()=>f,bg:()=>x,lY:()=>m,mm:()=>c,nl:()=>s,w4:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--K4sxz {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 990;\n  display: flex;\n  background-color: #fff;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n}\n\n/* ── Gallery ────────────────────────────────────────────── */\n\n.index-module--d9Zip {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.index-module--d9Zip .swiper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  z-index: 1;\n}\n\n.index-module--d9Zip .swiper-wrapper {\n  position: relative;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n}\n\n.index-module--d9Zip .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n}\n\n.index-module--BE8L5 {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition:\n    filter 0.8s cubic-bezier(0.4, 0, 0.2, 1),\n    transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: filter, transform;\n}\n\n.index-module--_fRU1 {\n  max-width: 100%;\n  max-height: 100%;\n  width: auto;\n  height: auto;\n  -o-object-fit: contain;\n     object-fit: contain;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n/* ── Navigation arrows ──────────────────────────────────── */\n\n.index-module--d9Zip .swiper-button-prev,\n.index-module--d9Zip .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  width: 44px;\n  height: 44px;\n  margin-top: -22px;\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.35);\n  border-radius: 50%;\n  color: #fff;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  transition:\n    background 0.2s,\n    transform 0.15s;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n}\n\n.index-module--d9Zip .swiper-button-prev:hover,\n.index-module--d9Zip .swiper-button-next:hover {\n  background: rgba(0, 0, 0, 0.55);\n  transform: scale(1.06);\n}\n\n.index-module--d9Zip .swiper-button-prev:active,\n.index-module--d9Zip .swiper-button-next:active {\n  transform: scale(0.96);\n}\n\n.index-module--d9Zip .swiper-button-prev:focus,\n.index-module--d9Zip .swiper-button-prev:active,\n.index-module--d9Zip .swiper-button-next:focus,\n.index-module--d9Zip .swiper-button-next:active {\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--d9Zip .swiper-button-prev::before,\n.index-module--d9Zip .swiper-button-next::before {\n  display: none !important;\n}\n\n.index-module--d9Zip .swiper-button-prev:after,\n.index-module--d9Zip .swiper-button-next:after {\n  text-transform: none !important;\n}\n\n.index-module--d9Zip .swiper-button-prev:after,\n.index-module--d9Zip .swiper-button-next:after {\n  font-family: swiper-icons;\n  font-size: 18px;\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n\n.index-module--d9Zip .swiper-button-prev {\n  left: 16px;\n}\n\n.index-module--d9Zip .swiper-button-next {\n  right: 16px;\n}\n\n.index-module--d9Zip .swiper-button-prev:after {\n  content: 'prev';\n}\n\n.index-module--d9Zip .swiper-button-next:after {\n  content: 'next';\n}\n\n.index-module--d9Zip .swiper-button-disabled {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.index-module--d9Zip .swiper-button-prev svg,\n.index-module--d9Zip .swiper-button-next svg {\n  display: none;\n}\n\n/* ── Slide counter ──────────────────────────────────────── */\n\n.index-module--PG_Iw {\n  position: absolute;\n  bottom: 84px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 5;\n  padding: 5px 14px;\n  font-size: 13px;\n  font-weight: 500;\n  letter-spacing: 0.04em;\n  color: rgba(255, 255, 255, 0.92);\n  background: rgba(0, 0, 0, 0.38);\n  border-radius: 20px;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.mobile .index-module--PG_Iw {\n  bottom: 20px;\n}\n\n/* ── Loading slide (rendered inside the gallery swiper) ── */\n\n.index-module--FLZ8x {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.25);\n  animation: index-module--fkhc0 0.6s ease both;\n}\n\n@keyframes index-module--fkhc0 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n.index-module--ULtbB {\n  width: 52px;\n  height: 52px;\n  border: 3px solid rgba(255, 255, 255, 0.25);\n  border-top-color: #fff;\n  border-radius: 50%;\n  animation: index-module--WvcJk 0.9s linear infinite;\n}\n\n@keyframes index-module--WvcJk {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.index-module--K3jOc {\n  margin-top: 20px;\n  font-size: 15px;\n  font-weight: 400;\n  letter-spacing: 0.02em;\n  color: #fff;\n  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);\n  animation: index-module--VEQvP 0.5s ease both;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n@keyframes index-module--VEQvP {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* ── Warning badge ──────────────────────────────────────── */\n\n.index-module--Blsq3 {\n  position: absolute;\n  bottom: 16px;\n  right: 16px;\n  padding: 6px 12px;\n  background-color: rgba(0, 0, 0, 0.4);\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 12px;\n  border-radius: 4px;\n  pointer-events: none;\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n  font-weight: 500;\n  z-index: 5;\n}\n\n.mobile .index-module--Blsq3 {\n  font-size: 11px;\n}\n",""]);var d="index-module--K4sxz",s="index-module--d9Zip",l="index-module--BE8L5",u="index-module--_fRU1",c="index-module--PG_Iw",p="index-module--FLZ8x",m="index-module--ULtbB",g="index-module--K3jOc",x="index-module--Blsq3";const f=a},80292:(n,e,t)=>{t.d(e,{Oj:()=>l,ZP:()=>c,al:()=>s,fL:()=>u,nC:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--N2P6A {\n  bottom: 32px;\n  left: 0px;\n  position: absolute;\n  z-index: 990;\n  margin-left: 20px;\n  margin-bottom: 20px;\n  opacity: 1;\n  display: flex;\n  align-items: center;\n}\n\n.index-module--WXb38 {\n  opacity: 0;\n}\n\n.index-module--HLqXb {\n  transition: opacity 0.5s;\n}\n.index-module--kwrRG {\n  margin-left: 10px;\n  font-size: 13px;\n}\n",""]);var d="index-module--N2P6A",s="index-module--WXb38",l="index-module--HLqXb",u="index-module--kwrRG";const c=a},109:(n,e,t)=>{t.d(e,{Eg:()=>m,Gr:()=>l,VR:()=>c,Y0:()=>x,Y6:()=>f,ZP:()=>b,be:()=>g,i5:()=>d,pI:()=>p,rK:()=>s,tW:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--vorE_ {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  width: 100%;\n  transform: translateZ(0);\n}\n\n.index-module--gB2ft.index-module--vorE_ {\n  height: calc(100% - 54.4px);\n  top: 54.4px;\n}\n\n.index-module--gB2ft.index-module--vorE_ {\n  width: 45%;\n}\n\n.index-module--rUFyU.index-module--gB2ft.index-module--vorE_ {\n  width: 100%;\n  top: 0px;\n  height: 100%;\n}\n\n.index-module--oczb9.index-module--vorE_ {\n  width: 100%;\n  height: 100%;\n}\n.index-module--oczb9.index-module--XIBwe.index-module--vorE_ {\n  height: calc(100% - 62px);\n  top: 62px;\n}\n\n.index-module--ns190 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}\n\n.index-module--k9Dtu {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n\n.index-module--k9Dtu .index-module--M16ih {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: auto;\n  height: auto;\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform: translate(-50%, -50%);\n}\n.index-module--bGZ75 {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--J4_kY {\n  box-sizing: inherit;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n",""]);var d="index-module--vorE_",s="index-module--gB2ft",l="index-module--rUFyU",u="index-module--oczb9",c="index-module--XIBwe",p="index-module--ns190",m="index-module--k9Dtu",g="index-module--M16ih",x="index-module--bGZ75",f="index-module--J4_kY";const b=a},86924:(n,e,t)=>{t.d(e,{Eg:()=>x.Eg,Gr:()=>x.Gr,VR:()=>x.VR,Y0:()=>x.Y0,Y6:()=>x.Y6,be:()=>x.be,i5:()=>x.i5,pI:()=>x.pI,rK:()=>x.rK,tW:()=>x.tW});var i=t(93379),o=t.n(i),r=t(7795),a=t.n(r),d=t(90569),s=t.n(d),l=t(3565),u=t.n(l),c=t(19216),p=t.n(c),m=t(44589),g=t.n(m),x=t(109),f={};f.styleTagTransform=g(),f.setAttributes=u(),f.insert=s().bind(null,"head"),f.domAPI=a(),f.insertStyleElement=p();o()(x.ZP,f),x.ZP&&x.ZP.locals&&x.ZP.locals},47129:n=>{n.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfdDAUQEiovM6IXAAAAGnRFWHRTb2Z0d2FyZQBQYWludC5ORVQgdjMuNS4xMUfzQjcAAAP7SURBVHhe7ZzZbtsKEEP7/38Yf0JWZEGWJxc0MMVAGFMUwN6rynw4DeA5kSkRUTBO7V8/Pz/nNZ6ensbHlzi97+9vyfv6+rp4W9xp1nF65eB8pnnndDqdU8hAChlIIQQlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQq5QFwZf11BOwu19fn5evC3uNOs4vXJwPtO8cykE8hG4v78fH98Lr6+vq9zd3eWWNbHrWxZQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXwAFxYIa63dbxpllH9ep5t7jTrOP0ysH5TPPOpRDIR2Dvm/rb29u4nXeyqV/B6ZUj/4RMgyVKOOD0UghBCQecXgohKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vZstBN/AqE1zmnXU7Va90KpXz/v4+DjOO2pGp1eOXAjkI/Dw8DA+vhewqa+RTf0KTq8c+SdkGixRwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6KYSghANOL4UQlHDA6d1sIRDXqAOuoZyE26tNGIvhNO9kU/8P2fum/v7+fv74+KDklnWF//WWNQ2WKOGA00shBCUccHophKCEA04vhRCUcMDppRCCEg44vRRCUMIBp5dCCEo44PRuthB8A6M2zWnWUbdb9UKrXj3vFneadZxeOXIhkMPf5+XlZZVLIdOg8/z8fHlZYpp1VA/hVA//k2SagT5XTxq+4tXLMNOss8XD9ZlmnUP9DsH7Q6Z5p9xp1nF65ci3rGmwRAkHnN7WQra406yTQgZSCEEJB5xeCiEo4YDTSyEEJRxweimEoIQDTi+FEJRwwOmlkCvUhcHXNZSTcHt56WSn1Ba+V6YPClhyqFsWXp6Y5p1D3LKAEg44va2FbHGnWSeFDKQQghIOOL0UQlDCAaeXQghKOOD0UghBCQecXgohKOGA07vZQiCugQPiwAx1u63jTbOO6tXzbnGnWcfplYPzmeady/vUIR+B+vv2XsEHA0zbeedQt6xs6gNOb2shW9xp1kkhAymEoIQDTi+FEJRwwOmlEIISDji9FEJQwgGnl0IISjjg9G62EHwDozbNadZRt1v1QqtePa+yh6gZnV45SiGH2tT3/jf15cf5TeSWdQWnV458y5oGS5RwwOmlEIISDji9FEJQwgGnl0IISjjg9FIIQQkHnF4KISjhgNNLIQQlHHB6N1sIxDXqgGsoJ+H2ahNW3oWbTT38IR/xN/BP3LKmwRIlHHB6KYSghANOL4UQlHDA6aUQghIOOL0UQlDCAaeXQghKOOD0UghBCQec3s0Wgn/CXjidfwOJNZK+WhRfKgAAAABJRU5ErkJggg=="}}]);

package/build/umd/9997.diva-web-planner-react.umd.min.js CHANGED Viewed

@@ -1,2 +1,2 @@
 /*! For license information please see 9997.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9997,1868,6474],{11868:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var o=t(80248),i=t(34988),r=t(9420),l=t(87363),a=t(46770),d=t(9204),s=t(55461),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),m=t(90569),f=t.n(m),h=t(3565),g=t.n(h),v=t(19216),b=t.n(v),y=t(44589),w=t.n(y),j=t(48196),I={};I.styleTagTransform=w(),I.setAttributes=g(),I.insert=f().bind(null,"head"),I.domAPI=x(),I.insertStyleElement=b();u()(j.ZP,I);j.ZP&&j.ZP.locals&&j.ZP.locals;var M=t(88683),P=t(65515),C=t.n(P),k=t(56474),O=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}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,o.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 S=(0,r.Pi)((function Item(e){var n,t,o=e.selectedElement,r=e.paletteId,c=(0,d.NP)(),u=(0,M.useTranslation)().t,p=(0,M.useDivaCore)().state.dimensions,x=p.isMobile,m=p.isTablet,f=(0,l.useState)(""),h=(0,i.Z)(f,2),g=h[0],v=h[1],b={},y={},w=void 0,I=!1,P={},S=(0,a.XI)({delayEnter:600,hideOnScroll:!0}),Z=(0,a.sJ)({isOpen:S[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});x||m||c.getViewConfig().hideTooltip||(I=S[0],P=S[1],b=Z.triggerProps,y=Z.layerProps,w=Z.renderLayer);var z=o.codex.includes("OPV_NICHT_RELEVANT"),A=!o.image&&!o.hexColor;return z?(0,O.jsx)(O.Fragment,{}):(0,O.jsxs)("div",{className:C()(j.YS,A?j.aS:void 0),children:[(0,l.createElement)("div",_objectSpread(_objectSpread(_objectSpread({},b),P),{},{key:o.codex,className:C()(j.bG,A?j.uT:void 0),onClick:function onClick(){return c.paletteViewHandler.scrollToOPV(r,o.codex)},title:u("configurator.scroll_there","hier hin scrollen")}),o.image?(0,O.jsx)("img",{className:j.BH,src:o.image}):o.hexColor?(0,O.jsx)("div",{className:j.CO,style:{backgroundColor:"#"+o.hexColor}}):(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:j.fL,children:o.text}),(0,O.jsx)(k.default,{metaData:o.metaData,visible:[g,v]},o.codex)]}),I&&(null===(n=w)||void 0===n?void 0:n((0,O.jsx)(s.default,{text:o.text,codex:null===(t=o.metaData)||void 0===t||null===(t=t.find((function(e){return"codex"===e.codex})))||void 0===t?void 0:t.values[0],image:o.image,hexColor:o.hexColor,layerProps:y},o.codex)))),(0,O.jsx)("div",{onClick:function onClick(){return c.paletteViewHandler.clickedOnConfigPalette(o,void 0,r)},className:j.lM,title:u("configurator.remove_selection","Auswahl entfernen")})]})}))},19997:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});t(87363);var o=t(9420),i=t(93379),r=t.n(i),l=t(7795),a=t.n(l),d=t(90569),s=t.n(d),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),m=t(44589),f=t.n(m),h=t(48835),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=x();r()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;var v=t(11868),b=t(47514);const y=(0,o.Pi)((function SelectedOpv(e){var n=e.item,t=e.selectedElements;return(0,b.jsx)("div",{className:h.Y,style:{marginTop:t.length?16:void 0},children:t.map((function(e,t){return(0,b.jsx)(v.default,{selectedElement:e,paletteId:n.id},e.codex)}))})}))},56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var o=t(34988),i=t(9204),r=t(87363),l=t(93379),a=t.n(l),d=t(7795),s=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),v=t(84887),b={};b.styleTagTransform=g(),b.setAttributes=x(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=f();a()(v.Z,b);v.Z&&v.Z.locals&&v.Z.locals;var y=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,l=e.visible,a=void 0===l?(0,r.useState)(""):l,d=(0,o.Z)(a,2),s=d[0],c=d[1],u=(0,i.NP)(),p=(0,r.useState)(""),x=(0,o.Z)(p,2),m=x[0],f=x[1],h=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var i=null==t?void 0:t.find((function(e){return e.codex===h[o]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<h.length;i++)o(i)}f(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:v.B,children:m}):(0,y.jsx)(y.Fragment,{})}},48196:(e,n,t)=>{t.d(n,{BH:()=>h,CO:()=>g,YS:()=>p,ZP:()=>y,aS:()=>x,bG:()=>m,fL:()=>v,lM:()=>b,uT:()=>f});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r),a=t(61667),d=t.n(a),s=new URL(t(71e3),t.b),c=l()(i()),u=d()(s);c.push([e.id,".index-module--YlwEF {\n  position: relative;\n}\n\n.index-module--fdpVp {\n  width: 48%;\n}\n.index-module--v92M5 {\n  position: relative;\n  display: flex;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  border: 2px solid var(--primaryColor);\n  overflow: hidden;\n  cursor: pointer;\n  background-color: #fff;\n}\n\n.index-module--nu83g {\n  border-radius: 0px;\n  border: 0px solid #fff;\n  width: calc(100% - 26px);\n  margin-top: 5px;\n  height: 64px;\n  flex-direction: column;\n  justify-content: center;\n  padding-left: 26px;\n}\n\n.index-module--oYAKU {\n  width: 100%;\n  height: auto;\n}\n\n.index-module--aQoiU {\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--m0KIY {\n  line-height: 20px;\n  width: 100%;\n  font-size: 15px;\n  white-space: nowrap;\n}\n\n.index-module--ZL1Oz {\n  position: absolute;\n  top: 0px;\n  right: -8px;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  background-color: red;\n  background-repeat: no-repeat;\n  background-size: 80%;\n  background-position: center center;\n  background-image: url("+u+");\n}\n\n.index-module--ZL1Oz:hover {\n  cursor: pointer;\n}\n",""]);var p="index-module--YlwEF",x="index-module--fdpVp",m="index-module--v92M5",f="index-module--nu83g",h="index-module--oYAKU",g="index-module--aQoiU",v="index-module--m0KIY",b="index-module--ZL1Oz";const y=c},48835:(e,n,t)=>{t.d(n,{Y:()=>a,Z:()=>d});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r)()(i());l.push([e.id,".index-module--xpk21 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n",""]);var a="index-module--xpk21";const d=l},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>d});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r)()(i());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var a="index-module--hpPAb";const d=l},71e3:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIC05NjAgOTYwIDk2MCIgd2lkdGg9IjQ4IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMjQ5LTIwNy00Mi00MiAyMzEtMjMxLTIzMS0yMzEgNDItNDIgMjMxIDIzMSAyMzEtMjMxIDQyIDQyLTIzMSAyMzEgMjMxIDIzMS00MiA0Mi0yMzEtMjMxLTIzMSAyMzFaIi8+PC9zdmc+"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9997,1868,6474],{11868:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var o=t(80248),i=t(34988),r=t(9420),l=t(87363),a=t(46770),d=t(75327),s=t(55461),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),m=t(90569),f=t.n(m),h=t(3565),g=t.n(h),v=t(19216),b=t.n(v),y=t(44589),w=t.n(y),j=t(48196),I={};I.styleTagTransform=w(),I.setAttributes=g(),I.insert=f().bind(null,"head"),I.domAPI=x(),I.insertStyleElement=b();u()(j.ZP,I);j.ZP&&j.ZP.locals&&j.ZP.locals;var M=t(88683),P=t(65515),C=t.n(P),k=t(56474),O=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}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,o.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 S=(0,r.Pi)((function Item(e){var n,t,o=e.selectedElement,r=e.paletteId,c=(0,d.NP)(),u=(0,M.useTranslation)().t,p=(0,M.useDivaCore)().state.dimensions,x=p.isMobile,m=p.isTablet,f=(0,l.useState)(""),h=(0,i.Z)(f,2),g=h[0],v=h[1],b={},y={},w=void 0,I=!1,P={},S=(0,a.XI)({delayEnter:600,hideOnScroll:!0}),Z=(0,a.sJ)({isOpen:S[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});x||m||c.getViewConfig().hideTooltip||(I=S[0],P=S[1],b=Z.triggerProps,y=Z.layerProps,w=Z.renderLayer);var z=o.codex.includes("OPV_NICHT_RELEVANT"),A=!o.image&&!o.hexColor;return z?(0,O.jsx)(O.Fragment,{}):(0,O.jsxs)("div",{className:C()(j.YS,A?j.aS:void 0),children:[(0,l.createElement)("div",_objectSpread(_objectSpread(_objectSpread({},b),P),{},{key:o.codex,className:C()(j.bG,A?j.uT:void 0),onClick:function onClick(){return c.paletteViewHandler.scrollToOPV(r,o.codex)},title:u("configurator.scroll_there","hier hin scrollen")}),o.image?(0,O.jsx)("img",{className:j.BH,src:o.image}):o.hexColor?(0,O.jsx)("div",{className:j.CO,style:{backgroundColor:"#"+o.hexColor}}):(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:j.fL,children:o.text}),(0,O.jsx)(k.default,{metaData:o.metaData,visible:[g,v]},o.codex)]}),I&&(null===(n=w)||void 0===n?void 0:n((0,O.jsx)(s.default,{text:o.text,codex:null===(t=o.metaData)||void 0===t||null===(t=t.find((function(e){return"codex"===e.codex})))||void 0===t?void 0:t.values[0],image:o.image,hexColor:o.hexColor,layerProps:y},o.codex)))),(0,O.jsx)("div",{onClick:function onClick(){return c.paletteViewHandler.clickedOnConfigPalette(o,void 0,r)},className:j.lM,title:u("configurator.remove_selection","Auswahl entfernen")})]})}))},19997:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});t(87363);var o=t(9420),i=t(93379),r=t.n(i),l=t(7795),a=t.n(l),d=t(90569),s=t.n(d),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),m=t(44589),f=t.n(m),h=t(48835),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=x();r()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;var v=t(11868),b=t(47514);const y=(0,o.Pi)((function SelectedOpv(e){var n=e.item,t=e.selectedElements;return(0,b.jsx)("div",{className:h.Y,style:{marginTop:t.length?16:void 0},children:t.map((function(e,t){return(0,b.jsx)(v.default,{selectedElement:e,paletteId:n.id},e.codex)}))})}))},56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var o=t(34988),i=t(75327),r=t(87363),l=t(93379),a=t.n(l),d=t(7795),s=t.n(d),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),v=t(84887),b={};b.styleTagTransform=g(),b.setAttributes=x(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=f();a()(v.Z,b);v.Z&&v.Z.locals&&v.Z.locals;var y=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,l=e.visible,a=void 0===l?(0,r.useState)(""):l,d=(0,o.Z)(a,2),s=d[0],c=d[1],u=(0,i.NP)(),p=(0,r.useState)(""),x=(0,o.Z)(p,2),m=x[0],f=x[1],h=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var i=null==t?void 0:t.find((function(e){return e.codex===h[o]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<h.length;i++)o(i)}f(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:v.B,children:m}):(0,y.jsx)(y.Fragment,{})}},48196:(e,n,t)=>{t.d(n,{BH:()=>h,CO:()=>g,YS:()=>p,ZP:()=>y,aS:()=>x,bG:()=>m,fL:()=>v,lM:()=>b,uT:()=>f});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r),a=t(61667),d=t.n(a),s=new URL(t(71e3),t.b),c=l()(i()),u=d()(s);c.push([e.id,".index-module--YlwEF {\n  position: relative;\n}\n\n.index-module--fdpVp {\n  width: 48%;\n}\n.index-module--v92M5 {\n  position: relative;\n  display: flex;\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  border: 2px solid var(--primaryColor);\n  overflow: hidden;\n  cursor: pointer;\n  background-color: #fff;\n}\n\n.index-module--nu83g {\n  border-radius: 0px;\n  border: 0px solid #fff;\n  width: calc(100% - 26px);\n  margin-top: 5px;\n  height: 64px;\n  flex-direction: column;\n  justify-content: center;\n  padding-left: 26px;\n}\n\n.index-module--oYAKU {\n  width: 100%;\n  height: auto;\n}\n\n.index-module--aQoiU {\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--m0KIY {\n  line-height: 20px;\n  width: 100%;\n  font-size: 15px;\n  white-space: nowrap;\n}\n\n.index-module--ZL1Oz {\n  position: absolute;\n  top: 0px;\n  right: -8px;\n  border-radius: 50%;\n  width: 14px;\n  height: 14px;\n  background-color: red;\n  background-repeat: no-repeat;\n  background-size: 80%;\n  background-position: center center;\n  background-image: url("+u+");\n}\n\n.index-module--ZL1Oz:hover {\n  cursor: pointer;\n}\n",""]);var p="index-module--YlwEF",x="index-module--fdpVp",m="index-module--v92M5",f="index-module--nu83g",h="index-module--oYAKU",g="index-module--aQoiU",v="index-module--m0KIY",b="index-module--ZL1Oz";const y=c},48835:(e,n,t)=>{t.d(n,{Y:()=>a,Z:()=>d});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r)()(i());l.push([e.id,".index-module--xpk21 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n",""]);var a="index-module--xpk21";const d=l},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>d});var o=t(8081),i=t.n(o),r=t(23645),l=t.n(r)()(i());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var a="index-module--hpPAb";const d=l},71e3:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIC05NjAgOTYwIDk2MCIgd2lkdGg9IjQ4IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMjQ5LTIwNy00Mi00MiAyMzEtMjMxLTIzMS0yMzEgNDItNDIgMjMxIDIzMSAyMzEtMjMxIDQyIDQyLTIzMSAyMzEgMjMxIDIzMS00MiA0Mi0yMzEtMjMxLTIzMSAyMzFaIi8+PC9zdmc+"}}]);