@crystaldesign/diva-web-planner-react 25.8.0-beta.2 → 25.8.0-beta.21

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3590.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3590,5103],{45103:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});var o=i(34988),t=i(23987),r=i(87363),l=i(93379),d=i.n(l),a=i(7795),s=i.n(a),x=i(90569),u=i.n(x),c=i(3565),p=i.n(c),m=i(19216),b=i.n(m),v=i(44589),h=i.n(v),w=i(84887),g={};g.styleTagTransform=h(),g.setAttributes=p(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=b();d()(w.Z,g);w.Z&&w.Z.locals&&w.Z.locals;var f=i(47514);const y=function MetaData(e){var n=e.style,i=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,o.Z)(d,2),s=a[0],x=a[1],u=(0,t.NP)(),c=(0,r.useState)(""),p=(0,o.Z)(c,2),m=p[0],b=p[1],v=u.getViewConfig().displayMetaDatas,h=null==i?void 0:i.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var t=null==i?void 0:i.find((function(e){return e.codex===v[o]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)o(t)}b(e),x(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:w.B,children:m}):(0,f.jsx)(f.Fragment,{})}},13590:(e,n,i)=>{i.r(n),i.d(n,{default:()=>N});var o=i(80248),t=i(34988),r=i(65515),l=i.n(r),d=i(23987),a=i(9420),s=i(87363),x=i(93379),u=i.n(x),c=i(7795),p=i.n(c),m=i(90569),b=i.n(m),v=i(3565),h=i.n(v),w=i(19216),g=i.n(w),f=i(44589),y=i.n(f),C=i(2532),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=b().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();u()(C.ZP,P);C.ZP&&C.ZP.locals&&C.ZP.locals;var k=i(13838),j=i(46770),H=i(95519),S=i(45103),O=i(88683),z=i(65069),Z=i(23042),I=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,o.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const N=(0,a.Pi)((function Option(e){var n,i,o=e.item,r=e.type,a=e.paletteId,x=e.hidePricePreview,u=o,c=(0,d.NP)(),p=(0,s.useState)(""),m=(0,t.Z)(p,2),b=m[0],v=m[1],h=(0,O.useDivaCore)().state.dimensions,w=h.isMobile,g=h.isTablet,f={},y={},P=void 0,N=!1,D={},V=(0,j.XI)({delayEnter:600,hideOnScroll:!0}),q=(0,j.sJ)({isOpen:V[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});return w||g||c.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(N=V[0],D=V[1],f=q.triggerProps,y=q.layerProps,P=q.renderLayer),(0,I.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:l()("small"==r?C.yG:void 0,"big"==r?C.Eb:void 0,C.CA,u.sel?C.pA:void 0),onClick:function onClick(){c.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},f),D),{},{children:[(0,I.jsxs)("div",{className:l()(C.be),children:[u.vCodex&&(0,I.jsx)("div",{className:l()(C.rq),children:u.vCodex}),u.image?(0,I.jsx)("img",{className:l()(C.K5),src:u.image}):(0,I.jsx)("div",{className:l()(C.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,I.jsx)(z.default,{item:u},u.codex)]}),(0,I.jsx)("div",{className:C.TN,dangerouslySetInnerHTML:{__html:u.text}}),u.doShowFav&&(0,I.jsx)("div",{className:u.isFav?k.Md:k.Hq,onClick:function onClick(){return c.paletteViewHandler.clickedOnFavIcon(u)}}),(0,I.jsx)(S.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[b,v]},u.codex),!x&&void 0!==u.pricePreviewPromise&&(0,I.jsx)(Z.default,{asyncPricePreview:u.pricePreviewPromise,sel:u.sel,style:"small"==r?{fontSize:9}:void 0}),N&&(null===(i=P)||void 0===i?void 0:i((0,I.jsx)(H.default,{text:u.text+(u.freeText?u.freeText:""),hexColor:u.hexColor,desciption:b,pricePreviewPromise:u.pricePreviewPromise,image:u.image,layerProps:y},u.codex)))]}))}))},84887:(e,n,i)=>{i.d(n,{B:()=>d,Z:()=>a});var o=i(8081),t=i.n(o),r=i(23645),l=i.n(r)()(t());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",""]);var d="index-module--hpPAb";const a=l},2532:(e,n,i)=>{i.d(n,{CA:()=>d,Eb:()=>m,K5:()=>c,TN:()=>p,ZP:()=>b,be:()=>x,pA:()=>s,rq:()=>a,yG:()=>u});var o=i(8081),t=i.n(o),r=i(23645),l=i.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--oVeI6 {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--oVeI6:active,\n.index-module--oVeI6:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--HNqaV {\n  position: absolute;\n  line-height: 104px;\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--oVeI6:hover .index-module--HNqaV,\n.index-module--HH4bC .index-module--HNqaV {\n  display: block;\n}\n\n.index-module--w3B5Z {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--w3B5Z:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--HH4bC .index-module--w3B5Z:hover,\n.index-module--LGUqD.index-module--HH4bC .index-module--w3B5Z:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--HH4bC .index-module--w3B5Z,\n.index-module--LGUqD.index-module--HH4bC .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--GBYub {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--HH4bC .index-module--GBYub,\n.index-module--LGUqD.index-module--HH4bC .index-module--GBYub {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--MITx9 {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--XCWcg {\n  margin-top: 4px;\n  text-align: center;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  width: 100%;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  z-index: 400;\n}\n\n.index-module--oVeI6:hover .index-module--XCWcg,\n.index-module--LGUqD .index-module--oVeI6:hover .index-module--XCWcg {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  z-index: 200;\n}\n\n/* Size Small */\n\n.index-module--LGUqD .index-module--HNqaV {\n  line-height: 58px;\n  font-size: 12px;\n}\n\n.index-module--LGUqD .index-module--XCWcg {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.index-module--oC_wa .index-module--HNqaV {\n  line-height: 48px;\n  font-size: 10px;\n}\n\n.index-module--oC_wa .index-module--XCWcg {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.index-module--ktipL .index-module--HNqaV {\n  line-height: 158px;\n  font-size: 15px;\n}\n\n.index-module--ktipL .index-module--XCWcg {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n",""]);var d="index-module--oVeI6",a="index-module--HNqaV",s="index-module--HH4bC",x="index-module--w3B5Z",u="index-module--LGUqD",c="index-module--GBYub",p="index-module--XCWcg",m="index-module--ktipL";const b=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3590,5103],{45103:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});var o=i(34988),t=i(33923),r=i(87363),l=i(93379),d=i.n(l),a=i(7795),s=i.n(a),x=i(90569),u=i.n(x),c=i(3565),p=i.n(c),m=i(19216),b=i.n(m),v=i(44589),h=i.n(v),w=i(84887),g={};g.styleTagTransform=h(),g.setAttributes=p(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=b();d()(w.Z,g);w.Z&&w.Z.locals&&w.Z.locals;var f=i(47514);const y=function MetaData(e){var n=e.style,i=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,o.Z)(d,2),s=a[0],x=a[1],u=(0,t.NP)(),c=(0,r.useState)(""),p=(0,o.Z)(c,2),m=p[0],b=p[1],v=u.getViewConfig().displayMetaDatas,h=null==i?void 0:i.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var t=null==i?void 0:i.find((function(e){return e.codex===v[o]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)o(t)}b(e),x(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:w.B,children:m}):(0,f.jsx)(f.Fragment,{})}},13590:(e,n,i)=>{i.r(n),i.d(n,{default:()=>N});var o=i(80248),t=i(34988),r=i(65515),l=i.n(r),d=i(33923),a=i(9420),s=i(87363),x=i(93379),u=i.n(x),c=i(7795),p=i.n(c),m=i(90569),b=i.n(m),v=i(3565),h=i.n(v),w=i(19216),g=i.n(w),f=i(44589),y=i.n(f),C=i(2532),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=b().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();u()(C.ZP,P);C.ZP&&C.ZP.locals&&C.ZP.locals;var k=i(13838),j=i(46770),H=i(95519),S=i(45103),O=i(88683),z=i(65069),Z=i(23042),I=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,o.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const N=(0,a.Pi)((function Option(e){var n,i,o=e.item,r=e.type,a=e.paletteId,x=e.hidePricePreview,u=o,c=(0,d.NP)(),p=(0,s.useState)(""),m=(0,t.Z)(p,2),b=m[0],v=m[1],h=(0,O.useDivaCore)().state.dimensions,w=h.isMobile,g=h.isTablet,f={},y={},P=void 0,N=!1,D={},V=(0,j.XI)({delayEnter:600,hideOnScroll:!0}),q=(0,j.sJ)({isOpen:V[0],auto:!0,placement:c.getViewConfig().tooltipPosition||"left-center"});return w||g||c.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(N=V[0],D=V[1],f=q.triggerProps,y=q.layerProps,P=q.renderLayer),(0,I.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:l()("small"==r?C.yG:void 0,"big"==r?C.Eb:void 0,C.CA,u.sel?C.pA:void 0),onClick:function onClick(){c.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},f),D),{},{children:[(0,I.jsxs)("div",{className:l()(C.be),children:[u.vCodex&&(0,I.jsx)("div",{className:l()(C.rq),children:u.vCodex}),u.image?(0,I.jsx)("img",{className:l()(C.K5),src:u.image}):(0,I.jsx)("div",{className:l()(C.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,I.jsx)(z.default,{item:u},u.codex)]}),(0,I.jsx)("div",{className:C.TN,dangerouslySetInnerHTML:{__html:u.text}}),u.doShowFav&&(0,I.jsx)("div",{className:u.isFav?k.Md:k.Hq,onClick:function onClick(){return c.paletteViewHandler.clickedOnFavIcon(u)}}),(0,I.jsx)(S.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[b,v]},u.codex),!x&&void 0!==u.pricePreviewPromise&&(0,I.jsx)(Z.default,{asyncPricePreview:u.pricePreviewPromise,sel:u.sel,style:"small"==r?{fontSize:9}:void 0}),N&&(null===(i=P)||void 0===i?void 0:i((0,I.jsx)(H.default,{text:u.text+(u.freeText?u.freeText:""),hexColor:u.hexColor,desciption:b,pricePreviewPromise:u.pricePreviewPromise,image:u.image,layerProps:y},u.codex)))]}))}))},84887:(e,n,i)=>{i.d(n,{B:()=>d,Z:()=>a});var o=i(8081),t=i.n(o),r=i(23645),l=i.n(r)()(t());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",""]);var d="index-module--hpPAb";const a=l},2532:(e,n,i)=>{i.d(n,{CA:()=>d,Eb:()=>m,K5:()=>c,TN:()=>p,ZP:()=>b,be:()=>x,pA:()=>s,rq:()=>a,yG:()=>u});var o=i(8081),t=i.n(o),r=i(23645),l=i.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--oVeI6 {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--oVeI6:active,\n.index-module--oVeI6:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--HNqaV {\n  position: absolute;\n  line-height: 104px;\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--oVeI6:hover .index-module--HNqaV,\n.index-module--HH4bC .index-module--HNqaV {\n  display: block;\n}\n\n.index-module--w3B5Z {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--w3B5Z:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--HH4bC .index-module--w3B5Z:hover,\n.index-module--LGUqD.index-module--HH4bC .index-module--w3B5Z:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--HH4bC .index-module--w3B5Z,\n.index-module--LGUqD.index-module--HH4bC .index-module--w3B5Z {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--GBYub {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--HH4bC .index-module--GBYub,\n.index-module--LGUqD.index-module--HH4bC .index-module--GBYub {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--MITx9 {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--XCWcg {\n  margin-top: 4px;\n  text-align: center;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  width: 100%;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  z-index: 400;\n}\n\n.index-module--oVeI6:hover .index-module--XCWcg,\n.index-module--LGUqD .index-module--oVeI6:hover .index-module--XCWcg {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  z-index: 200;\n}\n\n/* Size Small */\n\n.index-module--LGUqD .index-module--HNqaV {\n  line-height: 58px;\n  font-size: 12px;\n}\n\n.index-module--LGUqD .index-module--XCWcg {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.index-module--oC_wa .index-module--HNqaV {\n  line-height: 48px;\n  font-size: 10px;\n}\n\n.index-module--oC_wa .index-module--XCWcg {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.index-module--ktipL .index-module--HNqaV {\n  line-height: 158px;\n  font-size: 15px;\n}\n\n.index-module--ktipL .index-module--XCWcg {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n",""]);var d="index-module--oVeI6",a="index-module--HNqaV",s="index-module--HH4bC",x="index-module--w3B5Z",u="index-module--LGUqD",c="index-module--GBYub",p="index-module--XCWcg",m="index-module--ktipL";const b=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3666.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3666,3338],{83666:(n,e,d)=>{d.r(e),d.d(e,{default:()=>k});var i=d(9420),o=d(23987),r=(d(87363),d(93379)),l=d.n(r),t=d(7795),s=d.n(t),a=d(90569),x=d.n(a),m=d(3565),u=d.n(m),c=d(19216),h=d.n(c),p=d(44589),b=d.n(p),v=d(93973),g={};g.styleTagTransform=b(),g.setAttributes=u(),g.insert=x().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=h();l()(v.Z,g);v.Z&&v.Z.locals&&v.Z.locals;var S=d(23338),f=d(47514);const k=(0,i.Pi)((function RoomListSelection(n){var e=(0,o.NP)(),d=e.paletteViewHandler.getRoomList();return e.uiState.ViewConfig.roomListInProduct?(0,f.jsx)("div",{className:v.n,hidden:!e.settingsState.roomListInitialized,children:d.map((function(n,d){return(0,f.jsx)(S.default,{item:n,from:e.settingsState.roomListInitialized},n.codex)}))}):(0,f.jsx)(f.Fragment,{})}))},23338:(n,e,d)=>{d.r(e),d.d(e,{default:()=>w});var i=d(65515),o=d.n(i),r=d(23987),l=d(9420),t=(d(87363),d(88683)),s=d(93379),a=d.n(s),x=d(7795),m=d.n(x),u=d(90569),c=d.n(u),h=d(3565),p=d.n(h),b=d(19216),v=d.n(b),g=d(44589),S=d.n(g),f=d(40582),k={};k.styleTagTransform=S(),k.setAttributes=p(),k.insert=c().bind(null,"head"),k.domAPI=m(),k.insertStyleElement=v();a()(f.ZP,k);f.ZP&&f.ZP.locals&&f.ZP.locals;var N=d(47514);const w=(0,l.Pi)((function Room(n){var e=n.item,d=n.from,i=e,l=(0,r.NP)(),s=(0,t.useTranslation)().t;return(0,N.jsx)("div",{className:f.CA,onClick:function onClick(){return l.paletteViewHandler.clickedOnStaticRoomPalette(i,!!d)},children:(0,N.jsx)("div",{className:o()(i.sel?f.pA:void 0),children:(0,N.jsxs)("div",{className:o()(f.be),children:[(0,N.jsx)("div",{className:o()(f.ro),children:(0,N.jsx)("div",{className:f.K5,style:{backgroundImage:"url(".concat(i.url,")")}})}),(0,N.jsx)("div",{className:o()(f.TN,i.url?void 0:f.dd),children:s("configurator."+i.N)})]})})})}))},93973:(n,e,d)=>{d.d(e,{Z:()=>s,n:()=>t});var i=d(8081),o=d.n(i),r=d(23645),l=d.n(r)()(o());l.push([n.id,".index-module--dxvwp {\n  position: absolute;\n  bottom: 0;\n  left: 0px;\n  z-index: 1000;\n}\n",""]);var t="index-module--dxvwp";const s=l},40582:(n,e,d)=>{d.d(e,{CA:()=>t,K5:()=>m,TN:()=>u,ZP:()=>h,be:()=>s,dd:()=>c,pA:()=>a,ro:()=>x});var i=d(8081),o=d.n(i),r=d(23645),l=d.n(r)()(o());l.push([n.id,"/*Size Normal */\n\n.index-module--ScqfF {\n  border-radius: var(--globalBorderRadius);\n  margin: 0.2125rem;\n  position: relative;\n  float: left;\n  width: 96px;\n  height: 96px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--ScqfF:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--ScqfF:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--bQmSN {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 94px;\n  height: 94px;\n  transition: 0.15s ease;\n  border-style: double;\n}\n.index-module--bQmSN:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--vohAL .index-module--bQmSN:hover,\n.index-module--AS8zG.index-module--vohAL .index-module--bQmSN:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--vohAL .index-module--bQmSN,\n.index-module--AS8zG.index-module--vohAL .index-module--bQmSN {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--m6zkg {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 86px;\n  height: 86px;\n  transition: 0.15s ease;\n  background-color: #c2c2c2;\n}\n\n.index-module--vohAL .index-module--m6zkg,\n.index-module--bQmSN:hover {\n  background-color: #404040;\n}\n\n.index-module--vohAL .index-module--m6zkg {\n  border: 4px var(--primaryColor) solid;\n}\n\n.index-module--k7rbV {\n  width: 100%;\n  height: 86px;\n  border-radius: 50%;\n  background-size: cover;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--vohAL .index-module--k7rbV,\n.index-module--AS8zG.index-module--vohAL .index-module--k7rbV,\n.index-module--bQmSN:hover .index-module--k7rbV {\n  opacity: 0.5;\n}\n\n.index-module--QSr1R {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n  line-height: 96px;\n  display: none;\n  position: absolute;\n  top: 0;\n  z-index: 400;\n  color: #fff;\n  font-weight: 600;\n}\n\n.index-module--bQmSN:hover .index-module--QSr1R,\n.index-module--gW15v,\n.index-module--vohAL .index-module--QSr1R {\n  display: block;\n}\n\n@media all and (max-width: 1800px) {\n  .index-module--ScqfF {\n    width: 81px;\n    height: 81px;\n  }\n  .index-module--bQmSN {\n    width: 79px;\n    height: 79px;\n  }\n  .index-module--m6zkg {\n    width: 71px;\n    height: 71px;\n  }\n  .index-module--k7rbV {\n    height: 71px;\n  }\n  .index-module--QSr1R {\n    line-height: 81px;\n    font-size: 12px;\n  }\n}\n",""]);var t="index-module--ScqfF",s="index-module--bQmSN",a="index-module--vohAL",x="index-module--m6zkg",m="index-module--k7rbV",u="index-module--QSr1R",c="index-module--gW15v";const h=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3666,3338],{83666:(n,e,d)=>{d.r(e),d.d(e,{default:()=>k});var i=d(9420),o=d(33923),r=(d(87363),d(93379)),l=d.n(r),t=d(7795),s=d.n(t),a=d(90569),x=d.n(a),m=d(3565),u=d.n(m),c=d(19216),h=d.n(c),p=d(44589),b=d.n(p),v=d(93973),g={};g.styleTagTransform=b(),g.setAttributes=u(),g.insert=x().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=h();l()(v.Z,g);v.Z&&v.Z.locals&&v.Z.locals;var S=d(23338),f=d(47514);const k=(0,i.Pi)((function RoomListSelection(n){var e=(0,o.NP)(),d=e.paletteViewHandler.getRoomList();return e.uiState.ViewConfig.roomListInProduct?(0,f.jsx)("div",{className:v.n,hidden:!e.settingsState.roomListInitialized,children:d.map((function(n,d){return(0,f.jsx)(S.default,{item:n,from:e.settingsState.roomListInitialized},n.codex)}))}):(0,f.jsx)(f.Fragment,{})}))},23338:(n,e,d)=>{d.r(e),d.d(e,{default:()=>w});var i=d(65515),o=d.n(i),r=d(33923),l=d(9420),t=(d(87363),d(88683)),s=d(93379),a=d.n(s),x=d(7795),m=d.n(x),u=d(90569),c=d.n(u),h=d(3565),p=d.n(h),b=d(19216),v=d.n(b),g=d(44589),S=d.n(g),f=d(40582),k={};k.styleTagTransform=S(),k.setAttributes=p(),k.insert=c().bind(null,"head"),k.domAPI=m(),k.insertStyleElement=v();a()(f.ZP,k);f.ZP&&f.ZP.locals&&f.ZP.locals;var N=d(47514);const w=(0,l.Pi)((function Room(n){var e=n.item,d=n.from,i=e,l=(0,r.NP)(),s=(0,t.useTranslation)().t;return(0,N.jsx)("div",{className:f.CA,onClick:function onClick(){return l.paletteViewHandler.clickedOnStaticRoomPalette(i,!!d)},children:(0,N.jsx)("div",{className:o()(i.sel?f.pA:void 0),children:(0,N.jsxs)("div",{className:o()(f.be),children:[(0,N.jsx)("div",{className:o()(f.ro),children:(0,N.jsx)("div",{className:f.K5,style:{backgroundImage:"url(".concat(i.url,")")}})}),(0,N.jsx)("div",{className:o()(f.TN,i.url?void 0:f.dd),children:s("configurator."+i.N)})]})})})}))},93973:(n,e,d)=>{d.d(e,{Z:()=>s,n:()=>t});var i=d(8081),o=d.n(i),r=d(23645),l=d.n(r)()(o());l.push([n.id,".index-module--dxvwp {\n  position: absolute;\n  bottom: 0;\n  left: 0px;\n  z-index: 1000;\n}\n",""]);var t="index-module--dxvwp";const s=l},40582:(n,e,d)=>{d.d(e,{CA:()=>t,K5:()=>m,TN:()=>u,ZP:()=>h,be:()=>s,dd:()=>c,pA:()=>a,ro:()=>x});var i=d(8081),o=d.n(i),r=d(23645),l=d.n(r)()(o());l.push([n.id,"/*Size Normal */\n\n.index-module--ScqfF {\n  border-radius: var(--globalBorderRadius);\n  margin: 0.2125rem;\n  position: relative;\n  float: left;\n  width: 96px;\n  height: 96px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--ScqfF:active {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--ScqfF:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--bQmSN {\n  border-radius: 50%;\n  border: 1px transparent solid;\n  width: 94px;\n  height: 94px;\n  transition: 0.15s ease;\n  border-style: double;\n}\n.index-module--bQmSN:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--vohAL .index-module--bQmSN:hover,\n.index-module--AS8zG.index-module--vohAL .index-module--bQmSN:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--vohAL .index-module--bQmSN,\n.index-module--AS8zG.index-module--vohAL .index-module--bQmSN {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--m6zkg {\n  border-radius: 50%;\n  border: 4px white solid;\n  width: 86px;\n  height: 86px;\n  transition: 0.15s ease;\n  background-color: #c2c2c2;\n}\n\n.index-module--vohAL .index-module--m6zkg,\n.index-module--bQmSN:hover {\n  background-color: #404040;\n}\n\n.index-module--vohAL .index-module--m6zkg {\n  border: 4px var(--primaryColor) solid;\n}\n\n.index-module--k7rbV {\n  width: 100%;\n  height: 86px;\n  border-radius: 50%;\n  background-size: cover;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--vohAL .index-module--k7rbV,\n.index-module--AS8zG.index-module--vohAL .index-module--k7rbV,\n.index-module--bQmSN:hover .index-module--k7rbV {\n  opacity: 0.5;\n}\n\n.index-module--QSr1R {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n  line-height: 96px;\n  display: none;\n  position: absolute;\n  top: 0;\n  z-index: 400;\n  color: #fff;\n  font-weight: 600;\n}\n\n.index-module--bQmSN:hover .index-module--QSr1R,\n.index-module--gW15v,\n.index-module--vohAL .index-module--QSr1R {\n  display: block;\n}\n\n@media all and (max-width: 1800px) {\n  .index-module--ScqfF {\n    width: 81px;\n    height: 81px;\n  }\n  .index-module--bQmSN {\n    width: 79px;\n    height: 79px;\n  }\n  .index-module--m6zkg {\n    width: 71px;\n    height: 71px;\n  }\n  .index-module--k7rbV {\n    height: 71px;\n  }\n  .index-module--QSr1R {\n    line-height: 81px;\n    font-size: 12px;\n  }\n}\n",""]);var t="index-module--ScqfF",s="index-module--bQmSN",a="index-module--vohAL",x="index-module--m6zkg",m="index-module--k7rbV",u="index-module--QSr1R",c="index-module--gW15v";const h=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3695.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3695],{59165:(e,n,t)=>{t.d(n,{_l:()=>r,gc:()=>JsonView});var l=t(87363);const isDate=e=>!!e&&e instanceof Date;function quoteString(e,n){return void 0===n&&(n=!1),!e||n?`"${e}"`:e}function ExpandableObject(e){let{field:n,value:t,data:a,lastElement:o,openBracket:r,closeBracket:i,level:s,style:d,shouldExpandNode:c,clickToExpandNode:u,outerRef:p}=e;const m=(0,l.useRef)(!1),[b,g,f]=function useBool(e){const[n,t]=(0,l.useState)(e());return[n,()=>t((e=>!e)),t]}((()=>c(s,t,n))),x=(0,l.useRef)(null);(0,l.useEffect)((()=>{m.current?f(c(s,t,n)):m.current=!0}),[c]);const _=b?d.collapseIcon:d.expandIcon,h=b?"collapse JSON":"expand JSON",k=(0,l.useId)(),v=s+1,E=a.length-1,onKeyDown=e=>{if("ArrowRight"===e.key||"ArrowLeft"===e.key)e.preventDefault(),f("ArrowRight"===e.key);else if("ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const n="ArrowUp"===e.key?-1:1;if(!p.current)return;const t=p.current.querySelectorAll("[role=button]");let l=-1;for(let e=0;e<t.length;e++)if(0===t[e].tabIndex){l=e;break}if(l<0)return;const a=(l+n+t.length)%t.length;t[l].tabIndex=-1,t[a].tabIndex=0,t[a].focus()}},onClick=()=>{var e;g();const n=x.current;if(!n)return;const t=null===(e=p.current)||void 0===e?void 0:e.querySelector('[role=button][tabindex="0"]');t&&(t.tabIndex=-1),n.tabIndex=0,n.focus()};return(0,l.createElement)("div",{className:d.basicChildStyle,role:"treeitem","aria-expanded":b,"aria-selected":void 0},(0,l.createElement)("span",{className:_,onClick,onKeyDown,role:"button","aria-label":h,"aria-expanded":b,"aria-controls":b?k:void 0,ref:x,tabIndex:0===s?0:-1}),(n||""===n)&&(u?(0,l.createElement)("span",{className:d.clickableLabel,onClick,onKeyDown},quoteString(n,d.quotesForFieldNames),":"):(0,l.createElement)("span",{className:d.label},quoteString(n,d.quotesForFieldNames),":")),(0,l.createElement)("span",{className:d.punctuation},r),b?(0,l.createElement)("ul",{id:k,role:"group"},a.map(((e,n)=>(0,l.createElement)(DataRender,{key:e[0]||n,field:e[0],value:e[1],style:d,lastElement:n===E,level:v,shouldExpandNode:c,clickToExpandNode:u,outerRef:p})))):(0,l.createElement)("span",{className:d.collapsedContent,onClick,onKeyDown}),(0,l.createElement)("span",{className:d.punctuation},i),!o&&(0,l.createElement)("span",{className:d.punctuation},","))}function EmptyObject(e){let{field:n,openBracket:t,closeBracket:a,lastElement:o,style:r}=e;return(0,l.createElement)("div",{className:r.basicChildStyle,role:"treeitem","aria-selected":void 0},(n||""===n)&&(0,l.createElement)("span",{className:r.label},quoteString(n,r.quotesForFieldNames),":"),(0,l.createElement)("span",{className:r.punctuation},t),(0,l.createElement)("span",{className:r.punctuation},a),!o&&(0,l.createElement)("span",{className:r.punctuation},","))}function JsonObject(e){let{field:n,value:t,style:l,lastElement:a,shouldExpandNode:o,clickToExpandNode:r,level:i,outerRef:s}=e;return 0===Object.keys(t).length?EmptyObject({field:n,openBracket:"{",closeBracket:"}",lastElement:a,style:l}):ExpandableObject({field:n,value:t,lastElement:a||!1,level:i,openBracket:"{",closeBracket:"}",style:l,shouldExpandNode:o,clickToExpandNode:r,data:Object.keys(t).map((e=>[e,t[e]])),outerRef:s})}function JsonArray(e){let{field:n,value:t,style:l,lastElement:a,level:o,shouldExpandNode:r,clickToExpandNode:i,outerRef:s}=e;return 0===t.length?EmptyObject({field:n,openBracket:"[",closeBracket:"]",lastElement:a,style:l}):ExpandableObject({field:n,value:t,lastElement:a||!1,level:o,openBracket:"[",closeBracket:"]",style:l,shouldExpandNode:r,clickToExpandNode:i,data:t.map((e=>[void 0,e])),outerRef:s})}function JsonPrimitiveValue(e){let n,{field:t,value:a,style:o,lastElement:r}=e,i=o.otherValue;var s;return null===a?(n="null",i=o.nullValue):void 0===a?(n="undefined",i=o.undefinedValue):"string"==typeof(s=a)||s instanceof String?(n=quoteString(a,!o.noQuotesForStringValues),i=o.stringValue):(e=>"boolean"==typeof e||e instanceof Boolean)(a)?(n=a?"true":"false",i=o.booleanValue):(e=>"number"==typeof e||e instanceof Number)(a)?(n=a.toString(),i=o.numberValue):(e=>"bigint"==typeof e||e instanceof BigInt)(a)?(n=`${a.toString()}n`,i=o.numberValue):n=isDate(a)?a.toISOString():a.toString(),(0,l.createElement)("div",{className:o.basicChildStyle,role:"treeitem","aria-selected":void 0},(t||""===t)&&(0,l.createElement)("span",{className:o.label},quoteString(t,o.quotesForFieldNames),":"),(0,l.createElement)("span",{className:i},n),!r&&(0,l.createElement)("span",{className:o.punctuation},","))}function DataRender(e){const n=e.value;return t=n,Array.isArray(t)?(0,l.createElement)(JsonArray,Object.assign({},e)):(e=>e instanceof Object&&null!==e)(n)&&!isDate(n)?(0,l.createElement)(JsonObject,Object.assign({},e)):(0,l.createElement)(JsonPrimitiveValue,Object.assign({},e));var t}var a="_2bkNM";const o={container:"_2IvMF _GzYRV",basicChildStyle:a,label:"_1MGIk",clickableLabel:"_2YKJg _1MGIk _1MFti",nullValue:"_2T6PJ",undefinedValue:"_1Gho6",stringValue:"_vGjyY",booleanValue:"_3zQKs",numberValue:"_1bQdo",otherValue:"_1xvuR",punctuation:"_3uHL6 _3eOF8",collapseIcon:"_oLqym _f10Tu _1MFti _1LId0",expandIcon:"_2AXVT _f10Tu _1MFti _1UmXx",collapsedContent:"_2KJWg _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1},r={container:"_11RoI _GzYRV",basicChildStyle:a,label:"_2bSDX",clickableLabel:"_1RQEj _2bSDX _1MFti",nullValue:"_LaAZe",undefinedValue:"_GTKgm",stringValue:"_Chy1W",booleanValue:"_2vRm-",numberValue:"_2bveF",otherValue:"_1prJR",punctuation:"_gsbQL _3eOF8",collapseIcon:"_3QHg2 _f10Tu _1MFti _1LId0",expandIcon:"_17H2C _f10Tu _1MFti _1UmXx",collapsedContent:"_3fDAz _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1},allExpanded=()=>!0,JsonView=e=>{let{data:n,style:t=o,shouldExpandNode:a=allExpanded,clickToExpandNode:r=!1,...i}=e;const s=(0,l.useRef)(null);return(0,l.createElement)("div",Object.assign({"aria-label":"JSON view"},i,{className:t.container,ref:s,role:"tree"}),(0,l.createElement)(DataRender,{value:n,style:t,lastElement:!0,level:0,shouldExpandNode:a,clickToExpandNode:r,outerRef:s}))}},23695:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var l=t(72874),a=(t(87363),t(9420)),o=t(92349),r=t(65515),i=t.n(r),s=t(59165),d=(t(76839),t(23987)),c=t(47514),u=["json","isExpanded","collapsed"];const p=(0,a.Pi)((function JsonViewer(e){var n=e.json,t=e.isExpanded,a=(e.collapsed,(0,l.Z)(e,u),(0,d.NP)());return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("div",{className:i()(o.YS,t?o.rp:void 0),style:{zIndex:9999},children:(0,c.jsx)(s.gc,{data:n,style:s._l},a.settingsState.configChanged)})})}))},62860:(e,n,t)=>{t.d(n,{BZ:()=>i,Jf:()=>p,Od:()=>s,Uj:()=>f,Ux:()=>u,YS:()=>b,ZP:()=>_,_D:()=>x,l1:()=>m,qk:()=>d,rp:()=>g,tX:()=>c});var l=t(8081),a=t.n(l),o=t(23645),r=t.n(o)()(a());r.push([e.id,".index-module--d56lH {\n  width: 25%;\n  border: 1px solid;\n  border-radius: var(--globalBorderRadius);\n  background-color: white;\n  max-width: 90px;\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.index-module--d56lH p {\n  line-break: anywhere;\n}\n.index-module--TipV7 {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--d56lH:hover {\n  box-shadow: inset 5px 5px 100px 5px rgba(0,0,0,0.24706);\n  cursor: pointer;\n  transition: box-shadow 0.5s;\n}\n.index-module--F8fkE {\n  display: flex;\n  padding-left: 60px;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  gap: 2.5%;\n  min-height: 135px;\n  overflow: auto;\n  background-color: #31383d;\n}\n.index-module--_cMQA {\n  width: auto;\n  height: auto;\n  max-width: 95%;\n  max-height: 90px;\n  margin-left: 2.5%;\n  margin-right: 2.5%;\n}\n.index-module--LpnAj {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: rgb(28, 32, 35);\n  color: black;\n  margin: 5% 0% 0% 1%;\n  cursor: pointer;\n}\n.index-module--Sj8he {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.index-module--FqwmN {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.index-module--cGqPx {\n  position: relative;\n  margin-left: 50px;\n  height: 78.6vh;\n  width: 96%;\n  overflow: auto;\n  background-color: rgb(28, 32, 35);\n  transition: height 0.5s;\n}\n.index-module--HI_ql {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.index-module--kIX5J {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.index-module--kIX5J * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.index-module--x1F61 {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n",""]);var i="index-module--d56lH",s="index-module--TipV7",d="index-module--F8fkE",c="index-module--_cMQA",u="index-module--LpnAj",p="index-module--Sj8he",m="index-module--FqwmN",b="index-module--cGqPx",g="index-module--HI_ql",f="index-module--kIX5J",x="index-module--x1F61";const _=r},72035:(e,n,t)=>{t.d(n,{Z:()=>i});var l=t(8081),a=t.n(l),o=t(23645),r=t.n(o)()(a());r.push([e.id,"/* base styles */\n\n._GzYRV {\n  line-height: 1.2;\n  white-space: pre-wrap;\n  white-space: -moz-pre-wrap;\n  white-space: -pre-wrap;\n  white-space: -o-pre-wrap;\n  word-wrap: break-word;\n}\n\n._3eOF8 {\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n  margin-left: -5px;\n}\n\n._1MFti {\n  cursor: pointer;\n}\n\n._f10Tu {\n  font-size: 1.2em;\n  margin-right: 5px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n._1UmXx::after {\n  content: '\\25B8';\n}\n\n._1LId0::after {\n  content: '\\25BE';\n}\n\n._1pNG9 {\n  margin-right: 5px;\n}\n\n._1pNG9::after {\n  content: '...';\n  font-size: 0.8em;\n}\n\n._2IvMF {\n  background: #eee;\n}\n\n._2bkNM {\n  margin: 0 10px;\n  padding: 0;\n}\n\n._2bkNM > ul {\n  margin: 0;\n  padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n  font-weight: 600;\n  margin-right: 5px;\n  color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n  color: #000000;\n}\n\n._2T6PJ {\n  color: #df113a;\n}\n\n._1Gho6 {\n  color: #df113a;\n}\n\n._vGjyY {\n  color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n  color: #0b75f5;\n}\n\n._3zQKs {\n  color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n  color: #43413d;\n}\n\n._oLqym {\n  color: #000000;\n}\n\n._2AXVT {\n  color: #000000;\n}\n\n._2KJWg {\n  color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n  background: rgb(0, 43, 54);\n}\n\n._17H2C {\n  color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n  color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n  color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n  font-weight: bolder;\n  margin-right: 5px;\n  color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n  color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n  color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n  color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n  color: rgb(203, 75, 22);\n}\n\n._2bveF {\n  color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n  color: rgb(174, 129, 255);\n}\n\n._1prJR {\n  color: rgb(38, 139, 210);\n}\n",""]);const i=r},92349:(e,n,t)=>{t.d(n,{BZ:()=>g.BZ,Jf:()=>g.Jf,Od:()=>g.Od,Uj:()=>g.Uj,Ux:()=>g.Ux,YS:()=>g.YS,_D:()=>g._D,l1:()=>g.l1,qk:()=>g.qk,rp:()=>g.rp,tX:()=>g.tX});var l=t(93379),a=t.n(l),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),b=t.n(m),g=t(62860),f={};f.styleTagTransform=b(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();a()(g.ZP,f),g.ZP&&g.ZP.locals&&g.ZP.locals},76839:(e,n,t)=>{var l=t(93379),a=t.n(l),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),b=t.n(m),g=t(72035),f={};f.styleTagTransform=b(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();a()(g.Z,f),g.Z&&g.Z.locals&&g.Z.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3695,9165],{59165:(e,n,t)=>{t.d(n,{_l:()=>r,gc:()=>JsonView});var l=t(87363);const isDate=e=>!!e&&e instanceof Date;function quoteString(e,n){return void 0===n&&(n=!1),!e||n?`"${e}"`:e}function ExpandableObject(e){let{field:n,value:t,data:a,lastElement:o,openBracket:r,closeBracket:i,level:s,style:d,shouldExpandNode:c,clickToExpandNode:u,outerRef:p}=e;const m=(0,l.useRef)(!1),[b,g,f]=function useBool(e){const[n,t]=(0,l.useState)(e());return[n,()=>t((e=>!e)),t]}((()=>c(s,t,n))),x=(0,l.useRef)(null);(0,l.useEffect)((()=>{m.current?f(c(s,t,n)):m.current=!0}),[c]);const _=b?d.collapseIcon:d.expandIcon,h=b?"collapse JSON":"expand JSON",k=(0,l.useId)(),v=s+1,E=a.length-1,onKeyDown=e=>{if("ArrowRight"===e.key||"ArrowLeft"===e.key)e.preventDefault(),f("ArrowRight"===e.key);else if("ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const n="ArrowUp"===e.key?-1:1;if(!p.current)return;const t=p.current.querySelectorAll("[role=button]");let l=-1;for(let e=0;e<t.length;e++)if(0===t[e].tabIndex){l=e;break}if(l<0)return;const a=(l+n+t.length)%t.length;t[l].tabIndex=-1,t[a].tabIndex=0,t[a].focus()}},onClick=()=>{var e;g();const n=x.current;if(!n)return;const t=null===(e=p.current)||void 0===e?void 0:e.querySelector('[role=button][tabindex="0"]');t&&(t.tabIndex=-1),n.tabIndex=0,n.focus()};return(0,l.createElement)("div",{className:d.basicChildStyle,role:"treeitem","aria-expanded":b,"aria-selected":void 0},(0,l.createElement)("span",{className:_,onClick,onKeyDown,role:"button","aria-label":h,"aria-expanded":b,"aria-controls":b?k:void 0,ref:x,tabIndex:0===s?0:-1}),(n||""===n)&&(u?(0,l.createElement)("span",{className:d.clickableLabel,onClick,onKeyDown},quoteString(n,d.quotesForFieldNames),":"):(0,l.createElement)("span",{className:d.label},quoteString(n,d.quotesForFieldNames),":")),(0,l.createElement)("span",{className:d.punctuation},r),b?(0,l.createElement)("ul",{id:k,role:"group"},a.map(((e,n)=>(0,l.createElement)(DataRender,{key:e[0]||n,field:e[0],value:e[1],style:d,lastElement:n===E,level:v,shouldExpandNode:c,clickToExpandNode:u,outerRef:p})))):(0,l.createElement)("span",{className:d.collapsedContent,onClick,onKeyDown}),(0,l.createElement)("span",{className:d.punctuation},i),!o&&(0,l.createElement)("span",{className:d.punctuation},","))}function EmptyObject(e){let{field:n,openBracket:t,closeBracket:a,lastElement:o,style:r}=e;return(0,l.createElement)("div",{className:r.basicChildStyle,role:"treeitem","aria-selected":void 0},(n||""===n)&&(0,l.createElement)("span",{className:r.label},quoteString(n,r.quotesForFieldNames),":"),(0,l.createElement)("span",{className:r.punctuation},t),(0,l.createElement)("span",{className:r.punctuation},a),!o&&(0,l.createElement)("span",{className:r.punctuation},","))}function JsonObject(e){let{field:n,value:t,style:l,lastElement:a,shouldExpandNode:o,clickToExpandNode:r,level:i,outerRef:s}=e;return 0===Object.keys(t).length?EmptyObject({field:n,openBracket:"{",closeBracket:"}",lastElement:a,style:l}):ExpandableObject({field:n,value:t,lastElement:a||!1,level:i,openBracket:"{",closeBracket:"}",style:l,shouldExpandNode:o,clickToExpandNode:r,data:Object.keys(t).map((e=>[e,t[e]])),outerRef:s})}function JsonArray(e){let{field:n,value:t,style:l,lastElement:a,level:o,shouldExpandNode:r,clickToExpandNode:i,outerRef:s}=e;return 0===t.length?EmptyObject({field:n,openBracket:"[",closeBracket:"]",lastElement:a,style:l}):ExpandableObject({field:n,value:t,lastElement:a||!1,level:o,openBracket:"[",closeBracket:"]",style:l,shouldExpandNode:r,clickToExpandNode:i,data:t.map((e=>[void 0,e])),outerRef:s})}function JsonPrimitiveValue(e){let n,{field:t,value:a,style:o,lastElement:r}=e,i=o.otherValue;var s;return null===a?(n="null",i=o.nullValue):void 0===a?(n="undefined",i=o.undefinedValue):"string"==typeof(s=a)||s instanceof String?(n=quoteString(a,!o.noQuotesForStringValues),i=o.stringValue):(e=>"boolean"==typeof e||e instanceof Boolean)(a)?(n=a?"true":"false",i=o.booleanValue):(e=>"number"==typeof e||e instanceof Number)(a)?(n=a.toString(),i=o.numberValue):(e=>"bigint"==typeof e||e instanceof BigInt)(a)?(n=`${a.toString()}n`,i=o.numberValue):n=isDate(a)?a.toISOString():a.toString(),(0,l.createElement)("div",{className:o.basicChildStyle,role:"treeitem","aria-selected":void 0},(t||""===t)&&(0,l.createElement)("span",{className:o.label},quoteString(t,o.quotesForFieldNames),":"),(0,l.createElement)("span",{className:i},n),!r&&(0,l.createElement)("span",{className:o.punctuation},","))}function DataRender(e){const n=e.value;return t=n,Array.isArray(t)?(0,l.createElement)(JsonArray,Object.assign({},e)):(e=>e instanceof Object&&null!==e)(n)&&!isDate(n)?(0,l.createElement)(JsonObject,Object.assign({},e)):(0,l.createElement)(JsonPrimitiveValue,Object.assign({},e));var t}var a="_2bkNM";const o={container:"_2IvMF _GzYRV",basicChildStyle:a,label:"_1MGIk",clickableLabel:"_2YKJg _1MGIk _1MFti",nullValue:"_2T6PJ",undefinedValue:"_1Gho6",stringValue:"_vGjyY",booleanValue:"_3zQKs",numberValue:"_1bQdo",otherValue:"_1xvuR",punctuation:"_3uHL6 _3eOF8",collapseIcon:"_oLqym _f10Tu _1MFti _1LId0",expandIcon:"_2AXVT _f10Tu _1MFti _1UmXx",collapsedContent:"_2KJWg _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1},r={container:"_11RoI _GzYRV",basicChildStyle:a,label:"_2bSDX",clickableLabel:"_1RQEj _2bSDX _1MFti",nullValue:"_LaAZe",undefinedValue:"_GTKgm",stringValue:"_Chy1W",booleanValue:"_2vRm-",numberValue:"_2bveF",otherValue:"_1prJR",punctuation:"_gsbQL _3eOF8",collapseIcon:"_3QHg2 _f10Tu _1MFti _1LId0",expandIcon:"_17H2C _f10Tu _1MFti _1UmXx",collapsedContent:"_3fDAz _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1},allExpanded=()=>!0,JsonView=e=>{let{data:n,style:t=o,shouldExpandNode:a=allExpanded,clickToExpandNode:r=!1,...i}=e;const s=(0,l.useRef)(null);return(0,l.createElement)("div",Object.assign({"aria-label":"JSON view"},i,{className:t.container,ref:s,role:"tree"}),(0,l.createElement)(DataRender,{value:n,style:t,lastElement:!0,level:0,shouldExpandNode:a,clickToExpandNode:r,outerRef:s}))}},23695:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var l=t(72874),a=(t(87363),t(9420)),o=t(92349),r=t(65515),i=t.n(r),s=t(59165),d=(t(76839),t(33923)),c=t(47514),u=["json","isExpanded","collapsed"];const p=(0,a.Pi)((function JsonViewer(e){var n=e.json,t=e.isExpanded,a=(e.collapsed,(0,l.Z)(e,u),(0,d.NP)());return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)("div",{className:i()(o.YS,t?o.rp:void 0),style:{zIndex:9999},children:(0,c.jsx)(s.gc,{data:n,style:s._l},a.settingsState.configChanged)})})}))},62860:(e,n,t)=>{t.d(n,{BZ:()=>i,Jf:()=>p,Od:()=>s,Uj:()=>f,Ux:()=>u,YS:()=>b,ZP:()=>_,_D:()=>x,l1:()=>m,qk:()=>d,rp:()=>g,tX:()=>c});var l=t(8081),a=t.n(l),o=t(23645),r=t.n(o)()(a());r.push([e.id,".index-module--d56lH {\n  width: 25%;\n  border: 1px solid;\n  border-radius: var(--globalBorderRadius);\n  background-color: white;\n  max-width: 90px;\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.index-module--d56lH p {\n  line-break: anywhere;\n}\n.index-module--TipV7 {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--d56lH:hover {\n  box-shadow: inset 5px 5px 100px 5px rgba(0,0,0,0.24706);\n  cursor: pointer;\n  transition: box-shadow 0.5s;\n}\n.index-module--F8fkE {\n  display: flex;\n  padding-left: 60px;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  gap: 2.5%;\n  min-height: 135px;\n  overflow: auto;\n  background-color: #31383d;\n}\n.index-module--_cMQA {\n  width: auto;\n  height: auto;\n  max-width: 95%;\n  max-height: 90px;\n  margin-left: 2.5%;\n  margin-right: 2.5%;\n}\n.index-module--LpnAj {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: rgb(28, 32, 35);\n  color: black;\n  margin: 5% 0% 0% 1%;\n  cursor: pointer;\n}\n.index-module--Sj8he {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.index-module--FqwmN {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.index-module--cGqPx {\n  position: relative;\n  margin-left: 50px;\n  height: 78.6vh;\n  width: 96%;\n  overflow: auto;\n  background-color: rgb(28, 32, 35);\n  transition: height 0.5s;\n}\n.index-module--HI_ql {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.index-module--kIX5J {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.index-module--kIX5J * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.index-module--x1F61 {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n",""]);var i="index-module--d56lH",s="index-module--TipV7",d="index-module--F8fkE",c="index-module--_cMQA",u="index-module--LpnAj",p="index-module--Sj8he",m="index-module--FqwmN",b="index-module--cGqPx",g="index-module--HI_ql",f="index-module--kIX5J",x="index-module--x1F61";const _=r},72035:(e,n,t)=>{t.d(n,{Z:()=>i});var l=t(8081),a=t.n(l),o=t(23645),r=t.n(o)()(a());r.push([e.id,"/* base styles */\n\n._GzYRV {\n  line-height: 1.2;\n  white-space: pre-wrap;\n  white-space: -moz-pre-wrap;\n  white-space: -pre-wrap;\n  white-space: -o-pre-wrap;\n  word-wrap: break-word;\n}\n\n._3eOF8 {\n  margin-right: 5px;\n  font-weight: bold;\n}\n\n._3eOF8 + ._3eOF8 {\n  margin-left: -5px;\n}\n\n._1MFti {\n  cursor: pointer;\n}\n\n._f10Tu {\n  font-size: 1.2em;\n  margin-right: 5px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n._1UmXx::after {\n  content: '\\25B8';\n}\n\n._1LId0::after {\n  content: '\\25BE';\n}\n\n._1pNG9 {\n  margin-right: 5px;\n}\n\n._1pNG9::after {\n  content: '...';\n  font-size: 0.8em;\n}\n\n._2IvMF {\n  background: #eee;\n}\n\n._2bkNM {\n  margin: 0 10px;\n  padding: 0;\n}\n\n._2bkNM > ul {\n  margin: 0;\n  padding: 0;\n}\n\n/* default light style */\n._1MGIk {\n  font-weight: 600;\n  margin-right: 5px;\n  color: #000000;\n}\n\n._2YKJg {\n}\n\n._3uHL6 {\n  color: #000000;\n}\n\n._2T6PJ {\n  color: #df113a;\n}\n\n._1Gho6 {\n  color: #df113a;\n}\n\n._vGjyY {\n  color: rgb(42, 63, 60);\n}\n\n._1bQdo {\n  color: #0b75f5;\n}\n\n._3zQKs {\n  color: rgb(70, 144, 56);\n}\n\n._1xvuR {\n  color: #43413d;\n}\n\n._oLqym {\n  color: #000000;\n}\n\n._2AXVT {\n  color: #000000;\n}\n\n._2KJWg {\n  color: #000000;\n}\n\n/* default dark style */\n._11RoI {\n  background: rgb(0, 43, 54);\n}\n\n._17H2C {\n  color: rgb(253, 246, 227);\n}\n\n._3QHg2 {\n  color: rgb(253, 246, 227);\n}\n\n._3fDAz {\n  color: rgb(253, 246, 227);\n}\n\n._2bSDX {\n  font-weight: bolder;\n  margin-right: 5px;\n  color: rgb(253, 246, 227);\n}\n\n._1RQEj {\n}\n\n._gsbQL {\n  color: rgb(253, 246, 227);\n}\n\n._LaAZe {\n  color: rgb(129, 181, 172);\n}\n\n._GTKgm {\n  color: rgb(129, 181, 172);\n}\n\n._Chy1W {\n  color: rgb(203, 75, 22);\n}\n\n._2bveF {\n  color: rgb(211, 54, 130);\n}\n\n._2vRm- {\n  color: rgb(174, 129, 255);\n}\n\n._1prJR {\n  color: rgb(38, 139, 210);\n}\n",""]);const i=r},92349:(e,n,t)=>{t.d(n,{BZ:()=>g.BZ,Jf:()=>g.Jf,Od:()=>g.Od,Uj:()=>g.Uj,Ux:()=>g.Ux,YS:()=>g.YS,_D:()=>g._D,l1:()=>g.l1,qk:()=>g.qk,rp:()=>g.rp,tX:()=>g.tX});var l=t(93379),a=t.n(l),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),b=t.n(m),g=t(62860),f={};f.styleTagTransform=b(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();a()(g.ZP,f),g.ZP&&g.ZP.locals&&g.ZP.locals},76839:(e,n,t)=>{var l=t(93379),a=t.n(l),o=t(7795),r=t.n(o),i=t(90569),s=t.n(i),d=t(3565),c=t.n(d),u=t(19216),p=t.n(u),m=t(44589),b=t.n(m),g=t(72035),f={};f.styleTagTransform=b(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=p();a()(g.Z,f),g.Z&&g.Z.locals&&g.Z.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3703.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3703,5103,7880],{45103:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});var t=i(34988),o=i(23987),r=i(87363),d=i(93379),l=i.n(d),a=i(7795),s=i.n(a),x=i(90569),c=i.n(x),u=i(3565),m=i.n(u),p=i(19216),b=i.n(p),g=i(44589),h=i.n(g),I=i(84887),j={};j.styleTagTransform=h(),j.setAttributes=m(),j.insert=c().bind(null,"head"),j.domAPI=s(),j.insertStyleElement=b();l()(I.Z,j);I.Z&&I.Z.locals&&I.Z.locals;var M=i(47514);const v=function MetaData(e){var n=e.style,i=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,t.Z)(l,2),s=a[0],x=a[1],c=(0,o.NP)(),u=(0,r.useState)(""),m=(0,t.Z)(u,2),p=m[0],b=m[1],g=c.getViewConfig().displayMetaDatas,h=null==i?void 0:i.find((function(e){return null==g?void 0:g.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===g[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<g.length;o++)t(o)}b(e),x(e)}}),[]),s?(0,M.jsx)("div",{style:n,className:I.B,children:p}):(0,M.jsx)(M.Fragment,{})}},13703:(e,n,i)=>{i.r(n),i.d(n,{default:()=>M});var t=i(80248),o=i(34988),r=i(65515),d=i.n(r),l=i(23987),a=i(9420),s=i(87363),x=i(94873),c=i(13838),u=i(88683),m=i(86587),p=i(46770),b=i(45103),g=i(95519),h=i(65069),I=i(23042),j=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const M=(0,a.Pi)((function Option(e){var n,i=e.item,t=e.paletteId,r=e.hidePricePreview,a=i,M=(0,l.NP)(),v=(0,u.useTranslation)().t,y=(0,u.useDivaCore)().state.dimensions,w=y.isMobile,f=y.isTablet,N=(0,s.useState)(""),L=(0,o.Z)(N,2),C=L[0],z=L[1],P={},O={},S=void 0,A=!1,T={},k=(0,p.XI)({delayEnter:600,hideOnScroll:!0}),Z=(0,p.sJ)({isOpen:k[0],auto:!0,placement:M.getViewConfig().tooltipPosition||"left-center"});return w||f||M.getViewConfig().hideTooltip||!a.image&&!a.hexColor||a.contentItemId||(A=k[0],T=k[1],P=Z.triggerProps,O=Z.layerProps,S=Z.renderLayer),(0,j.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:a.codex,"data-test-id":"plannerPaletteItem",className:d()(x.CA,a.sel?x.pA:void 0),onClick:function onClick(){a.doShowFav&&M.paletteViewHandler.clickedOnFavIcon(a),M.paletteViewHandler.clickedOnConfigPalette(a,void 0,t)}},P),T),{},{children:[(0,j.jsxs)("div",{className:d()(x.iZ,x.NC),children:[a.sel&&(0,j.jsx)(m.default,{listenToOptionVariables:!0}),a.contentItemId&&(0,j.jsx)(h.default,{item:a,style:{bottom:8}},a.codex),"TEXT"==a.layout&&(0,j.jsx)("div",{className:x.$l}),!("TEXT"==a.layout)&&(0,j.jsx)("div",{className:x.K5,style:{backgroundImage:"url(".concat(a.image,")")}}),(0,j.jsxs)("div",{className:d()(x.AR,"TEXT"==a.layout?x.Eb:void 0),children:[(0,j.jsx)("div",{className:d()(x.db,""!==C?x.Bm:void 0),dangerouslySetInnerHTML:{__html:a.text}}),(0,j.jsx)(b.default,{style:{position:"relative",float:"left"},metaData:a.metaData,visible:[C,z]},a.codex)]}),A&&(null===(n=S)||void 0===n?void 0:n((0,j.jsx)(g.default,{text:a.text+(a.freeText?a.freeText:""),desciption:C,image:a.image,hexColor:a.hexColor,pricePreviewPromise:a.pricePreviewPromise,layerProps:O},a.codex))),a.doShowFav&&(0,j.jsx)("div",{className:a.isFav?c.Md:c.Hq})]}),!r&&void 0!==a.pricePreviewPromise&&(0,j.jsx)(I.default,{asyncPricePreview:a.pricePreviewPromise,sel:a.sel}),a.disabledByConstructionRule&&(0,j.jsx)("div",{className:d()(x.ox),title:v("configurator."+a.disabledByConstructionRule)})]}))}))},86587:(e,n,i)=>{i.r(n),i.d(n,{default:()=>d});var t=i(80248),o=(i(87363),i(2765)),r=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const d=function IsActive(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,i)=>{i.d(n,{B:()=>l,Z:()=>a});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.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",""]);var l="index-module--hpPAb";const a=d},6284:(e,n,i)=>{i.d(n,{$l:()=>h,AR:()=>j,Bm:()=>y,CA:()=>u,Eb:()=>M,K5:()=>I,NC:()=>g,ZP:()=>f,db:()=>v,iZ:()=>p,ox:()=>w,pA:()=>m,vc:()=>b});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r),l=i(61667),a=i.n(l),s=new URL(i(63173),i.b),x=d()(o()),c=a()(s);x.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--xFLJI {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--xFLJI:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--xFLJI:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--xFLJI .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--xFLJI.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--xFLJI .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--xFLJI .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--xFLJI .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--xFLJI .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--xFLJI .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--xFLJI.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--xFLJI .index-module--Z8KXz {\n  float: left;\n\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--xFLJI.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--xFLJI .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.index-module--xFLJI .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--xFLJI .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--xFLJI .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+c+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var u="index-module--xFLJI",m="index-module--zZnWk",p="index-module--pQje2",b="index-module--CcpMC",g="index-module--II_8j",h="index-module--dUy8g",I="index-module--Z8KXz",j="index-module--m9VzR",M="index-module--Y5eRx",v="index-module--mZh26",y="index-module--NabGm",w="index-module--2NJnv";const f=x},94873:(e,n,i)=>{i.d(n,{$l:()=>b.$l,AR:()=>b.AR,Bm:()=>b.Bm,CA:()=>b.CA,Eb:()=>b.Eb,K5:()=>b.K5,NC:()=>b.NC,db:()=>b.db,iZ:()=>b.iZ,ox:()=>b.ox,pA:()=>b.pA,vc:()=>b.vc});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),a=i.n(l),s=i(3565),x=i.n(s),c=i(19216),u=i.n(c),m=i(44589),p=i.n(m),b=i(6284),g={};g.styleTagTransform=p(),g.setAttributes=x(),g.insert=a().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=u();o()(b.ZP,g),b.ZP&&b.ZP.locals&&b.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3703,5103,7880],{45103:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});var t=i(34988),o=i(33923),r=i(87363),d=i(93379),l=i.n(d),a=i(7795),s=i.n(a),x=i(90569),c=i.n(x),u=i(3565),m=i.n(u),p=i(19216),b=i.n(p),g=i(44589),h=i.n(g),I=i(84887),j={};j.styleTagTransform=h(),j.setAttributes=m(),j.insert=c().bind(null,"head"),j.domAPI=s(),j.insertStyleElement=b();l()(I.Z,j);I.Z&&I.Z.locals&&I.Z.locals;var M=i(47514);const v=function MetaData(e){var n=e.style,i=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,t.Z)(l,2),s=a[0],x=a[1],c=(0,o.NP)(),u=(0,r.useState)(""),m=(0,t.Z)(u,2),p=m[0],b=m[1],g=c.getViewConfig().displayMetaDatas,h=null==i?void 0:i.find((function(e){return null==g?void 0:g.includes(e.codex)}));return(0,r.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var o=null==i?void 0:i.find((function(e){return e.codex===g[t]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<g.length;o++)t(o)}b(e),x(e)}}),[]),s?(0,M.jsx)("div",{style:n,className:I.B,children:p}):(0,M.jsx)(M.Fragment,{})}},13703:(e,n,i)=>{i.r(n),i.d(n,{default:()=>M});var t=i(80248),o=i(34988),r=i(65515),d=i.n(r),l=i(33923),a=i(9420),s=i(87363),x=i(94873),c=i(13838),u=i(88683),m=i(86587),p=i(46770),b=i(45103),g=i(95519),h=i(65069),I=i(23042),j=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const M=(0,a.Pi)((function Option(e){var n,i=e.item,t=e.paletteId,r=e.hidePricePreview,a=i,M=(0,l.NP)(),v=(0,u.useTranslation)().t,y=(0,u.useDivaCore)().state.dimensions,w=y.isMobile,f=y.isTablet,N=(0,s.useState)(""),L=(0,o.Z)(N,2),C=L[0],z=L[1],P={},O={},S=void 0,A=!1,T={},k=(0,p.XI)({delayEnter:600,hideOnScroll:!0}),Z=(0,p.sJ)({isOpen:k[0],auto:!0,placement:M.getViewConfig().tooltipPosition||"left-center"});return w||f||M.getViewConfig().hideTooltip||!a.image&&!a.hexColor||a.contentItemId||(A=k[0],T=k[1],P=Z.triggerProps,O=Z.layerProps,S=Z.renderLayer),(0,j.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:a.codex,"data-test-id":"plannerPaletteItem",className:d()(x.CA,a.sel?x.pA:void 0),onClick:function onClick(){a.doShowFav&&M.paletteViewHandler.clickedOnFavIcon(a),M.paletteViewHandler.clickedOnConfigPalette(a,void 0,t)}},P),T),{},{children:[(0,j.jsxs)("div",{className:d()(x.iZ,x.NC),children:[a.sel&&(0,j.jsx)(m.default,{listenToOptionVariables:!0}),a.contentItemId&&(0,j.jsx)(h.default,{item:a,style:{bottom:8}},a.codex),"TEXT"==a.layout&&(0,j.jsx)("div",{className:x.$l}),!("TEXT"==a.layout)&&(0,j.jsx)("div",{className:x.K5,style:{backgroundImage:"url(".concat(a.image,")")}}),(0,j.jsxs)("div",{className:d()(x.AR,"TEXT"==a.layout?x.Eb:void 0),children:[(0,j.jsx)("div",{className:d()(x.db,""!==C?x.Bm:void 0),dangerouslySetInnerHTML:{__html:a.text}}),(0,j.jsx)(b.default,{style:{position:"relative",float:"left"},metaData:a.metaData,visible:[C,z]},a.codex)]}),A&&(null===(n=S)||void 0===n?void 0:n((0,j.jsx)(g.default,{text:a.text+(a.freeText?a.freeText:""),desciption:C,image:a.image,hexColor:a.hexColor,pricePreviewPromise:a.pricePreviewPromise,layerProps:O},a.codex))),a.doShowFav&&(0,j.jsx)("div",{className:a.isFav?c.Md:c.Hq})]}),!r&&void 0!==a.pricePreviewPromise&&(0,j.jsx)(I.default,{asyncPricePreview:a.pricePreviewPromise,sel:a.sel}),a.disabledByConstructionRule&&(0,j.jsx)("div",{className:d()(x.ox),title:v("configurator."+a.disabledByConstructionRule)})]}))}))},86587:(e,n,i)=>{i.r(n),i.d(n,{default:()=>d});var t=i(80248),o=(i(87363),i(2765)),r=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const d=function IsActive(e){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,i)=>{i.d(n,{B:()=>l,Z:()=>a});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.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",""]);var l="index-module--hpPAb";const a=d},6284:(e,n,i)=>{i.d(n,{$l:()=>h,AR:()=>j,Bm:()=>y,CA:()=>u,Eb:()=>M,K5:()=>I,NC:()=>g,ZP:()=>f,db:()=>v,iZ:()=>p,ox:()=>w,pA:()=>m,vc:()=>b});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r),l=i(61667),a=i.n(l),s=new URL(i(63173),i.b),x=d()(o()),c=a()(s);x.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--xFLJI {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--xFLJI:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--xFLJI:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--xFLJI .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.index-module--xFLJI.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--xFLJI .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--xFLJI .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--xFLJI .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--xFLJI .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--xFLJI .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--xFLJI.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--xFLJI .index-module--Z8KXz {\n  float: left;\n\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--xFLJI.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--xFLJI .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.index-module--xFLJI .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--xFLJI .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--xFLJI .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+c+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var u="index-module--xFLJI",m="index-module--zZnWk",p="index-module--pQje2",b="index-module--CcpMC",g="index-module--II_8j",h="index-module--dUy8g",I="index-module--Z8KXz",j="index-module--m9VzR",M="index-module--Y5eRx",v="index-module--mZh26",y="index-module--NabGm",w="index-module--2NJnv";const f=x},94873:(e,n,i)=>{i.d(n,{$l:()=>b.$l,AR:()=>b.AR,Bm:()=>b.Bm,CA:()=>b.CA,Eb:()=>b.Eb,K5:()=>b.K5,NC:()=>b.NC,db:()=>b.db,iZ:()=>b.iZ,ox:()=>b.ox,pA:()=>b.pA,vc:()=>b.vc});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),a=i.n(l),s=i(3565),x=i.n(s),c=i(19216),u=i.n(c),m=i(44589),p=i.n(m),b=i(6284),g={};g.styleTagTransform=p(),g.setAttributes=x(),g.insert=a().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=u();o()(b.ZP,g),b.ZP&&b.ZP.locals&&b.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3731.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3731,4514,486],{33731:(e,n,t)=>{t.r(n),t.d(n,{default:()=>L});var r=t(84658),o=t(34988),a=t(50747),i=t.n(a),l=t(23987),s=t(87363),c=t(9420),d=t(88683),u=t(70318),p=t.n(u),g=t(62383),v=t(93379),A=t.n(v),w=t(7795),f=t.n(w),b=t(90569),h=t.n(b),m=t(3565),y=t.n(m),C=t(19216),S=t.n(C),D=t(44589),R=t.n(D),I=t(42044),P={};P.styleTagTransform=R(),P.setAttributes=y(),P.insert=h().bind(null,"head"),P.domAPI=f(),P.insertStyleElement=S();A()(I.Z,P);I.Z&&I.Z.locals&&I.Z.locals;var x=t(14514),k=t(47514);const L=(0,c.Pi)((function Planner3D(){var e,n,t,a=(0,l.NP)(),c=(0,s.useRef)(),u=(0,s.useRef)(null),v=(0,d.useTranslation)().t,A=(0,s.useState)(!1),w=(0,o.Z)(A,2),f=w[0],b=w[1],h=(0,s.useState)(),m=(0,o.Z)(h,2),y=m[0],C=m[1],S=(0,s.useRef)(),D=(0,s.useState)([]),R=(0,o.Z)(D,2),I=R[0],P=R[1],L=(0,s.useRef)(!0),j=a.viewPlannerHandler.getPlannerViewConfig(),E=(0,d.useDivaCore)(),T=E.actions,U=E.state,K=U.apiConfig,X=U.isMobile,O=U.jwt,Y=U.isFirefox,W=U.dimensions,F=W.isTablet,B=W.isMobile||F,G=B&&a.uiState.AllConfig.arViewerIframe,J=a.uiState.AllConfig.arViewerUrl+"?arObject=1";return(0,s.useEffect)((function(){T.loadModelViewer();var e=function messageListener(e){u.current&&"AR_CLOSE"===e.data.type&&(a.productState.setDoShowARQRCode(!1),u.current.style.zIndex="0",u.current.style.position="absolute",u.current.src=J,b(!1))};return window.addEventListener("message",e),function(){window.removeEventListener("message",e)}}),[]),(0,s.useEffect)((function(){if(G&&a.productState.doShowARQRCode&&S.current){u.current.style.zIndex="10000",u.current.style.position="fixed";var e=new FileReader;e.readAsDataURL(S.current),e.onloadend=function(){var n,t=e.result;null===(n=u.current)||void 0===n||null===(n=n.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:t},"*")}}}),[a.productState.doShowARQRCode]),(0,s.useEffect)((function(){var e=[];a.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){"PosNr"!=n.type&&"BoxCopyLeft"!=n.type&&"BoxCopyRight"!=n.type&&"BoxCopyTop"!=n.type||e.push({setId:n.setId,elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr,callback:function callback(){},type:n.type})})),JSON.stringify(e)!=JSON.stringify(I)&&P(e)}),[a.viewPlannerHandler.plannerUIHandler.uiItems]),(0,s.useEffect)((function(){!a.hqRenderScript&&a.productState.doShow3DComb?(T.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return T.toggleLoading("HQRenderScript",!1,!1)}),5e3)):a.hqRenderScript&&T.toggleLoading("HQRenderScript",!1,!1)}),[a.productState.doShow3DComb,a.hqRenderScript]),!a.productState.doShow3DComb&&!0===L.current||!a.isParentViewVisible?(0,k.jsx)(k.Fragment,{}):(L.current=!1,void 0===a.hqRenderScript?(0,k.jsx)(k.Fragment,{}):(0,k.jsxs)(k.Fragment,{children:[a.productState.doShow3DComb&&!a.uiState.isInMobileView&&(0,k.jsx)(x.default,{}),(0,k.jsx)(p(),{renderjob:a.hqRenderScript,viewpoint:a.camInfo,isMobile:X,elementsInfo:I,actions:T,inBackground:f,viewHandler:a,freePlacesOnGrids:a.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:a.settingsState.plannedPlacesOnGrids,apiConfig:K,jwt:O,renderInBackground:!!G,overlayImage:a.divaWebPlanner.getEnableUnityRtvKombi()?{base64:a.productState.diva3dImgSrc,isStaticBg:a.productState.plannerRenderingIsStaticBG,isStart:a.productState.plannerRenderingIsStart}:void 0,uiConfig:{templateConfig:null!==(e=null===(n=a.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:j.posNumIcon,posTrashIcon:j.posTrashRotIcon,hideUiIcons:null!==(t=a.divaWebPlanner.hidePlannerUiIcons())&&void 0!==t&&t},callbacks:{setGlb:B?function(){var e=(0,r.Z)(i().mark((function _callee(e,n){var t;return i().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:G&&u.current&&n&&((t=new FileReader).readAsDataURL(n),t.onloadend=function(){var e,n=t.result;null===(e=u.current)||void 0===e||null===(e=e.contentWindow)||void 0===e||e.postMessage({type:"SET_AR_OBJECT",payload:n},"*")}),C(e),S.current=n;case 3:case"end":return r.stop()}}),_callee)})));return function(n,t){return e.apply(this,arguments)}}():void 0,onElementSelected:function onElementSelected(e,n){a.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){a.productState.loadRTVForAr&&T.openModal({title:v("configurator.missinggeo_title"),text:v("configurator.missinggeo"),accept:"OK"})},requestNewOverlayImage:function requestNewOverlayImage(e,n){a.productState.setPlannerRenderingIsStart(!1),a.divaWebPlanner.updatePlannerView("3DCOMB",void 0,{focus:n,currentCamera:e})},updateCameraInformation:function updateCameraInformation(e){return a.divaWebPlanner.updateCameraInformation(e)}}},"3dviewer"),G&&(0,k.jsx)("iframe",{src:J,ref:u,allow:"xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",allowFullScreen:!0,style:{position:"absolute",height:"100%",width:"100%",zIndex:1,top:"0px",background:"white"}}),y&&!G&&(0,k.jsx)("div",{id:"ar-viewer",children:(0,k.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,t;c.current=e,document.addEventListener("visibilitychange",(function(){var e=document.getElementById("DivaCore");e&&(e.style.position="absolute",requestAnimationFrame((function(){e.style.position="relative"})))})),null===(n=c.current)||void 0===n||n.addEventListener("ar-status",(function(e){var n;a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?b(!1):b(!0)})),null===(t=c.current)||void 0===t||t.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()}))}))},src:y,ar:!0,"ar-scale":"fixed","ar-modes":Y?"":"webxr quick-look scene-viewer","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",zIndex:1,top:"0px",background:"white"},children:[(0,k.jsx)("div",{id:"ar-prompt",children:(0,k.jsx)("img",{src:g})}),(0,k.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}))}))},14514:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(80248),o=(t(87363),t(2765)),a=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}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,r.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 i=function NavBar(e){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductCenter/Planner3DImage/NavBar"}))}},42044:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a),l=t(61667),s=t.n(l),c=new URL(t(62383),t.b),d=i()(o()),u=s()(c);d.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n  display: none;\n}\n\n#ar-viewer model-viewer {\n  background-color: #eee;\n  overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  background-position: 12px 50%;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n  bottom: 132px;\n  padding: 0px 16px 0px 40px;\n  font-size: 14px;\n  color: #4285f4;\n  height: 36px;\n  line-height: 36px;\n  border-radius: 18px;\n  border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n  background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n  outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n  from {\n    transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n  }\n  to {\n    transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n  }\n}\n\n@keyframes elongate {\n  from {\n    transform: translateX(100px);\n  }\n  to {\n    transform: translateX(-100px);\n  }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  animation: elongate 2s infinite ease-in-out alternate;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n  display: block;\n  visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n  animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 175px;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n  display: block;\n}\n\n#ar-viewer .slider {\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  position: absolute;\n  bottom: 16px;\n}\n\n#ar-viewer .slides {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #fff;\n  margin-right: 10px;\n  border-radius: 10px;\n  border: none;\n  display: flex;\n}\n\n#ar-viewer .slide.selected {\n  border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n  outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n  outline: 1px solid #4285f4;\n}\n",""]);const p=d},62383:e=>{e.exports="data:image/png;base64,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"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3731,4514,486],{33731:(e,n,t)=>{t.r(n),t.d(n,{default:()=>L});var r=t(84658),o=t(34988),a=t(50747),i=t.n(a),l=t(33923),s=t(87363),c=t(9420),d=t(88683),u=t(70318),p=t.n(u),g=t(62383),v=t(93379),A=t.n(v),w=t(7795),f=t.n(w),b=t(90569),h=t.n(b),m=t(3565),y=t.n(m),C=t(19216),S=t.n(C),D=t(44589),R=t.n(D),I=t(42044),P={};P.styleTagTransform=R(),P.setAttributes=y(),P.insert=h().bind(null,"head"),P.domAPI=f(),P.insertStyleElement=S();A()(I.Z,P);I.Z&&I.Z.locals&&I.Z.locals;var x=t(14514),k=t(47514);const L=(0,c.Pi)((function Planner3D(){var e,n,t,a=(0,l.NP)(),c=(0,s.useRef)(),u=(0,s.useRef)(null),v=(0,d.useTranslation)().t,A=(0,s.useState)(!1),w=(0,o.Z)(A,2),f=w[0],b=w[1],h=(0,s.useState)(),m=(0,o.Z)(h,2),y=m[0],C=m[1],S=(0,s.useRef)(),D=(0,s.useState)([]),R=(0,o.Z)(D,2),I=R[0],P=R[1],L=(0,s.useRef)(!0),j=a.viewPlannerHandler.getPlannerViewConfig(),E=(0,d.useDivaCore)(),T=E.actions,U=E.state,K=U.apiConfig,X=U.isMobile,O=U.jwt,Y=U.isFirefox,W=U.dimensions,F=W.isTablet,B=W.isMobile||F,G=B&&a.uiState.AllConfig.arViewerIframe,J=a.uiState.AllConfig.arViewerUrl+"?arObject=1";return(0,s.useEffect)((function(){T.loadModelViewer();var e=function messageListener(e){u.current&&"AR_CLOSE"===e.data.type&&(a.productState.setDoShowARQRCode(!1),u.current.style.zIndex="0",u.current.style.position="absolute",u.current.src=J,b(!1))};return window.addEventListener("message",e),function(){window.removeEventListener("message",e)}}),[]),(0,s.useEffect)((function(){if(G&&a.productState.doShowARQRCode&&S.current){u.current.style.zIndex="10000",u.current.style.position="fixed";var e=new FileReader;e.readAsDataURL(S.current),e.onloadend=function(){var n,t=e.result;null===(n=u.current)||void 0===n||null===(n=n.contentWindow)||void 0===n||n.postMessage({type:"SET_AR_OBJECT",payload:t},"*")}}}),[a.productState.doShowARQRCode]),(0,s.useEffect)((function(){var e=[];a.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){"PosNr"!=n.type&&"BoxCopyLeft"!=n.type&&"BoxCopyRight"!=n.type&&"BoxCopyTop"!=n.type||e.push({setId:n.setId,elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr,callback:function callback(){},type:n.type})})),JSON.stringify(e)!=JSON.stringify(I)&&P(e)}),[a.viewPlannerHandler.plannerUIHandler.uiItems]),(0,s.useEffect)((function(){!a.hqRenderScript&&a.productState.doShow3DComb?(T.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return T.toggleLoading("HQRenderScript",!1,!1)}),5e3)):a.hqRenderScript&&T.toggleLoading("HQRenderScript",!1,!1)}),[a.productState.doShow3DComb,a.hqRenderScript]),!a.productState.doShow3DComb&&!0===L.current||!a.isParentViewVisible?(0,k.jsx)(k.Fragment,{}):(L.current=!1,void 0===a.hqRenderScript?(0,k.jsx)(k.Fragment,{}):(0,k.jsxs)(k.Fragment,{children:[a.productState.doShow3DComb&&!a.uiState.isInMobileView&&(0,k.jsx)(x.default,{}),(0,k.jsx)(p(),{renderjob:a.hqRenderScript,viewpoint:a.camInfo,isMobile:X,elementsInfo:I,actions:T,inBackground:f,viewHandler:a,freePlacesOnGrids:a.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:a.settingsState.plannedPlacesOnGrids,apiConfig:K,jwt:O,renderInBackground:!!G,overlayImage:a.divaWebPlanner.getEnableUnityRtvKombi()?{base64:a.productState.diva3dImgSrc,isStaticBg:a.productState.plannerRenderingIsStaticBG,isStart:a.productState.plannerRenderingIsStart}:void 0,uiConfig:{templateConfig:null!==(e=null===(n=a.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:j.posNumIcon,posTrashIcon:j.posTrashRotIcon,hideUiIcons:null!==(t=a.divaWebPlanner.hidePlannerUiIcons())&&void 0!==t&&t},callbacks:{setGlb:B?function(){var e=(0,r.Z)(i().mark((function _callee(e,n){var t;return i().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:G&&u.current&&n&&((t=new FileReader).readAsDataURL(n),t.onloadend=function(){var e,n=t.result;null===(e=u.current)||void 0===e||null===(e=e.contentWindow)||void 0===e||e.postMessage({type:"SET_AR_OBJECT",payload:n},"*")}),C(e),S.current=n;case 3:case"end":return r.stop()}}),_callee)})));return function(n,t){return e.apply(this,arguments)}}():void 0,onElementSelected:function onElementSelected(e,n){a.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){a.productState.loadRTVForAr&&T.openModal({title:v("configurator.missinggeo_title"),text:v("configurator.missinggeo"),accept:"OK"})},requestNewOverlayImage:function requestNewOverlayImage(e,n){a.productState.setPlannerRenderingIsStart(!1),a.divaWebPlanner.updatePlannerView("3DCOMB",void 0,{focus:n,currentCamera:e})},updateCameraInformation:function updateCameraInformation(e){return a.divaWebPlanner.updateCameraInformation(e)}}},"3dviewer"),G&&(0,k.jsx)("iframe",{src:J,ref:u,allow:"xr-spatial-tracking; camera; accelerometer; magnetometer; gyroscope",allowFullScreen:!0,style:{position:"absolute",height:"100%",width:"100%",zIndex:1,top:"0px",background:"white"}}),y&&!G&&(0,k.jsx)("div",{id:"ar-viewer",children:(0,k.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,t;c.current=e,document.addEventListener("visibilitychange",(function(){var e=document.getElementById("DivaCore");e&&(e.style.position="absolute",requestAnimationFrame((function(){e.style.position="relative"})))})),null===(n=c.current)||void 0===n||n.addEventListener("ar-status",(function(e){var n;a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?b(!1):b(!0)})),null===(t=c.current)||void 0===t||t.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&a.productState.setRTVActivateAR(null===(n=c.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=c.current)||void 0===e?void 0:e.activateAR()}))}))},src:y,ar:!0,"ar-scale":"fixed","ar-modes":Y?"":"webxr quick-look scene-viewer","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",zIndex:1,top:"0px",background:"white"},children:[(0,k.jsx)("div",{id:"ar-prompt",children:(0,k.jsx)("img",{src:g})}),(0,k.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}))}))},14514:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var r=t(80248),o=(t(87363),t(2765)),a=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}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,r.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 i=function NavBar(e){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Product/ProductCenter/Planner3DImage/NavBar"}))}},42044:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a),l=t(61667),s=t.n(l),c=new URL(t(62383),t.b),d=i()(o()),u=s()(c);d.push([e.id,"/* This keeps child nodes hidden while the element loads */\n#ar-viewer :not(:defined) > * {\n  display: none;\n}\n\n#ar-viewer model-viewer {\n  background-color: #eee;\n  overflow-x: hidden;\n}\n\n#ar-viewer #ar-button {\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-size: 20px 20px;\n  background-position: 12px 50%;\n  background-color: #fff;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n  bottom: 132px;\n  padding: 0px 16px 0px 40px;\n  font-size: 14px;\n  color: #4285f4;\n  height: 36px;\n  line-height: 36px;\n  border-radius: 18px;\n  border: 1px solid #dadce0;\n}\n\n#ar-viewer #ar-button:active {\n  background-color: #e8eaed;\n}\n\n#ar-viewer #ar-button:focus {\n  outline: none;\n}\n\n#ar-viewer #ar-button.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer #ar-button:focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n@keyframes circle {\n  from {\n    transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg);\n  }\n  to {\n    transform: translateX(-50%) rotate(360deg) translateX(50px) rotate(-360deg);\n  }\n}\n\n@keyframes elongate {\n  from {\n    transform: translateX(100px);\n  }\n  to {\n    transform: translateX(-100px);\n  }\n}\n\n#ar-viewer model-viewer > #ar-prompt {\n  position: absolute;\n  left: 50%;\n  bottom: 0px;\n  animation: elongate 2s infinite ease-in-out alternate;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-status='session-started'] > #ar-prompt {\n  display: block;\n  visibility: visible;\n}\n\n#ar-viewer model-viewer > #ar-prompt > img {\n  animation: circle 4s linear infinite;\n}\n\n#ar-viewer model-viewer > #ar-failure {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  bottom: 175px;\n  display: none;\n}\n\n#ar-viewer model-viewer[ar-tracking='not-tracking'] > #ar-failure {\n  display: block;\n}\n\n#ar-viewer .slider {\n  width: 100%;\n  text-align: center;\n  overflow: hidden;\n  position: absolute;\n  bottom: 16px;\n}\n\n#ar-viewer .slides {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n}\n\n#ar-viewer .slide {\n  scroll-snap-align: start;\n  flex-shrink: 0;\n  width: 100px;\n  height: 100px;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-color: #fff;\n  margin-right: 10px;\n  border-radius: 10px;\n  border: none;\n  display: flex;\n}\n\n#ar-viewer .slide.selected {\n  border: 2px solid #4285f4;\n}\n\n#ar-viewer .slide:focus {\n  outline: none;\n}\n\n#ar-viewer .slide.focus-visible {\n  outline: 1px solid #4285f4;\n}\n\n#ar-viewer .slide:focus-visible {\n  outline: 1px solid #4285f4;\n}\n",""]);const p=d},62383:e=>{e.exports="data:image/png;base64,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"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3756.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3756,2684,7446],{57446:function(r,m,y){var C;r.exports=(C=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var C=m[y]={i:y,l:!1,exports:{}};return r[y].call(C.exports,C,C.exports,n),C.l=!0,C.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var C in r)n.d(y,C,function(m){return r[m]}.bind(null,C));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=C},function(r,m,y){"use strict";var C=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,O,v,x){if(x!==C){var T=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw T.name="Invariant Violation",T}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var C=y(1),O=y.n(C),v=y(0),x=y.n(v),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var C in y)Object.prototype.hasOwnProperty.call(y,C)&&(r[C]=y[C])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var C=m[y];C.enumerable=C.enumerable||!1,C.configurable=!0,"value"in C&&(C.writable=!0),Object.defineProperty(r,C.key,C)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,C=d(r);if(m){var O=d(this).constructor;y=Reflect.construct(C,arguments,O)}else y=C.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var T=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,C,v=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=v.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return O.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",C=this.props.triggerDisabled?"is-disabled":"",v=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,x=this.props.contentContainerTagName,T=this.props.triggerTagName,w=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,P=this.props,S=P.classParentString,j=P.contentOuterClassName,N=P.contentInnerClassName,E="".concat(S,"__trigger ").concat(y," ").concat(C," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),k="".concat(S," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(S,"__contentOuter ").concat(j),I="".concat(S,"__contentInner ").concat(N);return O.a.createElement(x,l({className:k.trim()},this.props.containerElementProps),O.a.createElement(T,l({id:this.triggerId,className:E.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),v),this.renderNonClickableTriggerElement(),O.a.createElement("div",{id:this.contentId,className:_.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},O.a.createElement("div",{className:I.trim()},w)))}}])&&p(m.prototype,y),C&&p(m,C),Object.defineProperty(m,"prototype",{writable:!1}),s}(C.Component);T.propTypes={transitionTime:x.a.number,transitionCloseTime:x.a.number,triggerTagName:x.a.string,easing:x.a.string,open:x.a.bool,containerElementProps:x.a.object,triggerElementProps:x.a.object,contentElementId:x.a.string,classParentString:x.a.string,className:x.a.string,openedClassName:x.a.string,triggerStyle:x.a.object,triggerClassName:x.a.string,triggerOpenedClassName:x.a.string,contentOuterClassName:x.a.string,contentInnerClassName:x.a.string,accordionPosition:x.a.oneOfType([x.a.string,x.a.number]),handleTriggerClick:x.a.func,onOpen:x.a.func,onClose:x.a.func,onOpening:x.a.func,onClosing:x.a.func,onTriggerOpening:x.a.func,onTriggerClosing:x.a.func,trigger:x.a.oneOfType([x.a.string,x.a.element]),triggerWhenOpen:x.a.oneOfType([x.a.string,x.a.element]),triggerDisabled:x.a.bool,lazyRender:x.a.bool,overflowWhenOpen:x.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:x.a.bool,triggerSibling:x.a.oneOfType([x.a.string,x.a.element,x.a.func]),tabIndex:x.a.number,contentContainerTagName:x.a.string,children:x.a.oneOfType([x.a.string,x.a.element])},T.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=T}]))},42684:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>Y});var C=y(84658),O=y(34988),v=y(50747),x=y.n(v),T=y(87363),w=y(9420),P=y(23987),S=y(1463),j=y.n(S),N=y(93379),E=y.n(N),k=y(7795),_=y.n(k),I=y(90569),D=y.n(I),R=y(3565),A=y.n(R),W=y(19216),Z=y.n(W),B=y(44589),H=y.n(B),J=y(89144),M={};M.styleTagTransform=H(),M.setAttributes=A(),M.insert=D().bind(null,"head"),M.domAPI=_(),M.insertStyleElement=Z();E()(J.ZP,M);J.ZP&&J.ZP.locals&&J.ZP.locals;var L=y(59151),U=y(47514);const Y=(0,w.Pi)((function JsonEditor(r){var m=r.json,y=(r.plannerArticles,r.curBox),v=r.divaArticles,w=(0,P.NP)(),S=(0,T.useRef)(null),N=(0,T.useRef)(null),E=(0,T.useState)(null!=m?m:{}),k=(0,O.Z)(E,2),_=k[0],I=k[1],D=(0,T.useState)(!0),R=(0,O.Z)(D,2),A=R[0],W=R[1],Z=(0,T.useState)([]),B=(0,O.Z)(Z,2),H=B[0],M=B[1],Y=v[y],z={mode:"code",onChange:function onChange(){try{var r=N.current,m=(r.get(),r.validate());W(m)}catch(r){return void W(!1)}}};(0,T.useEffect)((function(){I(m)})),(0,T.useEffect)((function(){S.current&&(N.current||(N.current=new(j())(S.current,z)),N.current&&N.current.set(_))}),[_]);var K=function(){var r=(0,C.Z)(x().mark((function _callee(){var r;return x().wrap((function _callee$(m){for(;;)switch(m.prev=m.next){case 0:if((r=N.current).get()&&0!==Object.keys(r.get()).length){m.next=4;break}return alert("Cannot save empty value"),m.abrupt("return");case 4:return Y.catalogArticle.modifiedJ3D=r.get(),Y.resetShelfPlanner(),m.next=8,Y.updateShelfPlannerState({});case 8:w.paletteViewHandler.updateCurPaletteData(!1),setModifiedInfo(),alert("Saved");case 11:case"end":return m.stop()}}),_callee)})));return function onClickSave(){return r.apply(this,arguments)}}();function setModifiedInfo(){var r,m=null===(r=w.divaWebPlanner.getCatalogData())||void 0===r?void 0:r.allCatalogArticles,y=[];for(var C in m)m[C].catalogArticle.modifiedJ3D&&y.push({articleCodex:C,j3d:JSON.stringify(m[C].catalogArticle.modifiedJ3D)});M(y)}return(0,U.jsxs)("div",{className:J.YS,children:[(0,U.jsx)("div",{ref:S,id:"jsoneditor",style:{width:"90%",height:"100%"}}),(0,U.jsxs)("div",{className:J.IU,children:[(0,U.jsx)("button",{className:J.LI,disabled:!A,onClick:function onClick(){return K()},children:"Save"}),(0,U.jsx)("button",{className:J.LI,onClick:function onClick(){return function onClickExport(){if(H&&0!==H.length)for(var r=0;r<H.length;r++)L.ZP.downloadStringAsTxtFile(H[r].j3d,"text/plain",H[r].articleCodex+".txt");else alert("No modified Article found")}()},children:"Export modified J3D"}),(0,U.jsxs)("div",{children:[(0,U.jsx)("h5",{children:"Modified Articles"}),H.map((function(r,m){return(0,U.jsx)("p",{className:J.lI,children:r.articleCodex},m)}))]})]})]})}))},35631:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>w});var C=y(80248),O=y(9420),v=(y(87363),y(72072)),x=y(42684),T=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var C=Object.getOwnPropertySymbols(r);m&&(C=C.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,C)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,C.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const w=(0,O.Pi)((function J3DEditor(r){return(0,T.jsx)(v.default,_objectSpread(_objectSpread({},r),{},{className:r.className,style:{userSelect:"text"},ChildComponent:x.default,settings:[{key:"J3D",name:"J3D Editor"}],title:"Artikel Übersicht"}))}))},89144:(r,m,y)=>{"use strict";y.d(m,{IU:()=>P,LI:()=>w,YS:()=>T,ZP:()=>j,lI:()=>S});var C=y(8081),O=y.n(C),v=y(23645),x=y.n(v)()(O());x.push([r.id,".index-module--B2E8Y {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  /* width: 80%; */\n  height: 750px;\n  margin-left: 51px;\n  margin-right: 10px;\n  gap: 10px;\n}\n\n.index-module--Qe3Dm {\n  min-height: 45px;\n  min-width: 45px;\n  max-width: 60px;\n  width: auto;\n  margin-bottom: 20px;\n}\n.index-module--AG2M4 {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--QweAA {\n  font-size: 10px;\n}\n",""]);var T="index-module--B2E8Y",w="index-module--Qe3Dm",P="index-module--AG2M4",S="index-module--QweAA";const j=x}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3756,2684,7446],{57446:function(r,m,y){var C;r.exports=(C=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var C=m[y]={i:y,l:!1,exports:{}};return r[y].call(C.exports,C,C.exports,n),C.l=!0,C.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var C in r)n.d(y,C,function(m){return r[m]}.bind(null,C));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=C},function(r,m,y){"use strict";var C=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,O,v,x){if(x!==C){var T=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw T.name="Invariant Violation",T}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var C=y(1),O=y.n(C),v=y(0),x=y.n(v),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var C in y)Object.prototype.hasOwnProperty.call(y,C)&&(r[C]=y[C])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var C=m[y];C.enumerable=C.enumerable||!1,C.configurable=!0,"value"in C&&(C.writable=!0),Object.defineProperty(r,C.key,C)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,C=d(r);if(m){var O=d(this).constructor;y=Reflect.construct(C,arguments,O)}else y=C.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var T=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,C,v=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=v.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return O.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",C=this.props.triggerDisabled?"is-disabled":"",v=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,x=this.props.contentContainerTagName,T=this.props.triggerTagName,w=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,P=this.props,S=P.classParentString,j=P.contentOuterClassName,N=P.contentInnerClassName,E="".concat(S,"__trigger ").concat(y," ").concat(C," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),k="".concat(S," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(S,"__contentOuter ").concat(j),I="".concat(S,"__contentInner ").concat(N);return O.a.createElement(x,l({className:k.trim()},this.props.containerElementProps),O.a.createElement(T,l({id:this.triggerId,className:E.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),v),this.renderNonClickableTriggerElement(),O.a.createElement("div",{id:this.contentId,className:_.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},O.a.createElement("div",{className:I.trim()},w)))}}])&&p(m.prototype,y),C&&p(m,C),Object.defineProperty(m,"prototype",{writable:!1}),s}(C.Component);T.propTypes={transitionTime:x.a.number,transitionCloseTime:x.a.number,triggerTagName:x.a.string,easing:x.a.string,open:x.a.bool,containerElementProps:x.a.object,triggerElementProps:x.a.object,contentElementId:x.a.string,classParentString:x.a.string,className:x.a.string,openedClassName:x.a.string,triggerStyle:x.a.object,triggerClassName:x.a.string,triggerOpenedClassName:x.a.string,contentOuterClassName:x.a.string,contentInnerClassName:x.a.string,accordionPosition:x.a.oneOfType([x.a.string,x.a.number]),handleTriggerClick:x.a.func,onOpen:x.a.func,onClose:x.a.func,onOpening:x.a.func,onClosing:x.a.func,onTriggerOpening:x.a.func,onTriggerClosing:x.a.func,trigger:x.a.oneOfType([x.a.string,x.a.element]),triggerWhenOpen:x.a.oneOfType([x.a.string,x.a.element]),triggerDisabled:x.a.bool,lazyRender:x.a.bool,overflowWhenOpen:x.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:x.a.bool,triggerSibling:x.a.oneOfType([x.a.string,x.a.element,x.a.func]),tabIndex:x.a.number,contentContainerTagName:x.a.string,children:x.a.oneOfType([x.a.string,x.a.element])},T.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=T}]))},42684:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>Y});var C=y(84658),O=y(34988),v=y(50747),x=y.n(v),T=y(87363),w=y(9420),P=y(33923),S=y(1463),j=y.n(S),N=y(93379),E=y.n(N),k=y(7795),_=y.n(k),I=y(90569),D=y.n(I),R=y(3565),A=y.n(R),W=y(19216),Z=y.n(W),B=y(44589),H=y.n(B),J=y(89144),M={};M.styleTagTransform=H(),M.setAttributes=A(),M.insert=D().bind(null,"head"),M.domAPI=_(),M.insertStyleElement=Z();E()(J.ZP,M);J.ZP&&J.ZP.locals&&J.ZP.locals;var L=y(59151),U=y(47514);const Y=(0,w.Pi)((function JsonEditor(r){var m=r.json,y=(r.plannerArticles,r.curBox),v=r.divaArticles,w=(0,P.NP)(),S=(0,T.useRef)(null),N=(0,T.useRef)(null),E=(0,T.useState)(null!=m?m:{}),k=(0,O.Z)(E,2),_=k[0],I=k[1],D=(0,T.useState)(!0),R=(0,O.Z)(D,2),A=R[0],W=R[1],Z=(0,T.useState)([]),B=(0,O.Z)(Z,2),H=B[0],M=B[1],Y=v[y],z={mode:"code",onChange:function onChange(){try{var r=N.current,m=(r.get(),r.validate());W(m)}catch(r){return void W(!1)}}};(0,T.useEffect)((function(){I(m)})),(0,T.useEffect)((function(){S.current&&(N.current||(N.current=new(j())(S.current,z)),N.current&&N.current.set(_))}),[_]);var K=function(){var r=(0,C.Z)(x().mark((function _callee(){var r;return x().wrap((function _callee$(m){for(;;)switch(m.prev=m.next){case 0:if((r=N.current).get()&&0!==Object.keys(r.get()).length){m.next=4;break}return alert("Cannot save empty value"),m.abrupt("return");case 4:return Y.catalogArticle.modifiedJ3D=r.get(),Y.resetShelfPlanner(),m.next=8,Y.updateShelfPlannerState({});case 8:w.paletteViewHandler.updateCurPaletteData(!1),setModifiedInfo(),alert("Saved");case 11:case"end":return m.stop()}}),_callee)})));return function onClickSave(){return r.apply(this,arguments)}}();function setModifiedInfo(){var r,m=null===(r=w.divaWebPlanner.getCatalogData())||void 0===r?void 0:r.allCatalogArticles,y=[];for(var C in m)m[C].catalogArticle.modifiedJ3D&&y.push({articleCodex:C,j3d:JSON.stringify(m[C].catalogArticle.modifiedJ3D)});M(y)}return(0,U.jsxs)("div",{className:J.YS,children:[(0,U.jsx)("div",{ref:S,id:"jsoneditor",style:{width:"90%",height:"100%"}}),(0,U.jsxs)("div",{className:J.IU,children:[(0,U.jsx)("button",{className:J.LI,disabled:!A,onClick:function onClick(){return K()},children:"Save"}),(0,U.jsx)("button",{className:J.LI,onClick:function onClick(){return function onClickExport(){if(H&&0!==H.length)for(var r=0;r<H.length;r++)L.ZP.downloadStringAsTxtFile(H[r].j3d,"text/plain",H[r].articleCodex+".txt");else alert("No modified Article found")}()},children:"Export modified J3D"}),(0,U.jsxs)("div",{children:[(0,U.jsx)("h5",{children:"Modified Articles"}),H.map((function(r,m){return(0,U.jsx)("p",{className:J.lI,children:r.articleCodex},m)}))]})]})]})}))},35631:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>w});var C=y(80248),O=y(9420),v=(y(87363),y(72072)),x=y(42684),T=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var C=Object.getOwnPropertySymbols(r);m&&(C=C.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,C)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,C.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const w=(0,O.Pi)((function J3DEditor(r){return(0,T.jsx)(v.default,_objectSpread(_objectSpread({},r),{},{className:r.className,style:{userSelect:"text"},ChildComponent:x.default,settings:[{key:"J3D",name:"J3D Editor"}],title:"Artikel Übersicht"}))}))},89144:(r,m,y)=>{"use strict";y.d(m,{IU:()=>P,LI:()=>w,YS:()=>T,ZP:()=>j,lI:()=>S});var C=y(8081),O=y.n(C),v=y(23645),x=y.n(v)()(O());x.push([r.id,".index-module--B2E8Y {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  /* width: 80%; */\n  height: 750px;\n  margin-left: 51px;\n  margin-right: 10px;\n  gap: 10px;\n}\n\n.index-module--Qe3Dm {\n  min-height: 45px;\n  min-width: 45px;\n  max-width: 60px;\n  width: auto;\n  margin-bottom: 20px;\n}\n.index-module--AG2M4 {\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--QweAA {\n  font-size: 10px;\n}\n",""]);var T="index-module--B2E8Y",w="index-module--Qe3Dm",P="index-module--AG2M4",S="index-module--QweAA";const j=x}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3761.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3761],{33761:(e,n,i)=>{i.r(n),i.d(n,{default:()=>b});i(87363);var a=i(9420),r=i(93379),s=i.n(r),t=i(7795),l=i.n(t),d=i(90569),c=i.n(d),o=i(3565),h=i.n(o),u=i(19216),x=i.n(u),g=i(44589),m=i.n(g),P=i(43501),j={};j.styleTagTransform=m(),j.setAttributes=h(),j.insert=c().bind(null,"head"),j.domAPI=l(),j.insertStyleElement=x();s()(P.ZP,j);P.ZP&&P.ZP.locals&&P.ZP.locals;var v=i(23987),f=i(88683),p=i(47514);const b=(0,a.Pi)((function Price(){var e,n,i=(0,v.NP)(),a=i.divaWebPlanner.getDivaArticles();if(!a)return(0,p.jsx)(p.Fragment,{});var r=null!==(e=a[i.settingsState.getSelectedBasketIds[0]])&&void 0!==e?e:a[Object.keys(a)[0]],s=null==r?void 0:r.getConfigPriceData(r.getVariantBasketData());return void 0===s?(0,p.jsx)(p.Fragment,{}):(0,p.jsxs)("div",{className:P.wZ,children:[(0,p.jsx)("a",{children:"Configurations Preise:"}),(0,p.jsx)("br",{}),s.AdditionalPrices.map((function(e){return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("p",{className:P.SY,children:e.Title}),(0,p.jsx)("a",{className:P.F2,children:f.DivaUtils.formatPrice(e.Price)}),(0,p.jsx)("br",{})]})})),(0,p.jsx)("hr",{}),null===(n=s.BasePrices)||void 0===n?void 0:n.map((function(e){return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)("a",{children:["Basispreis: ",e.BasePriceTitle]}),(0,p.jsx)("a",{className:P.F2,children:e.BasePrice?f.DivaUtils.formatPrice(e.BasePrice):"nicht Definiert"}),(0,p.jsx)("br",{})]})})),(0,p.jsx)("hr",{}),(0,p.jsx)("a",{children:"Berechneter Preis: "}),(0,p.jsx)("a",{className:P.F2,children:f.DivaUtils.formatPrice(r.calcPrice())}),(0,p.jsx)("hr",{}),r.hasPartlistArticle&&(0,p.jsx)(p.Fragment,{children:"Katalog hat Stücklisten Artikel! genaue Preise sind dort Sichtbar"})]})}))},43501:(e,n,i)=>{i.d(n,{F2:()=>d,SY:()=>c,ZP:()=>o,wZ:()=>l});var a=i(8081),r=i.n(a),s=i(23645),t=i.n(s)()(r());t.push([e.id,".index-module--un1Y6 {\n  padding-top: 0px;\n  width: 90%;\n  margin-left: 4%;\n  height: 100%;\n  background-color: white;\n  padding-left: 5px;\n  padding-right: 5px;\n  overflow: auto;\n}\n.index-module--gO0bA {\n  float: right;\n}\n.index-module--sy7z4 {\n  max-width: 400px;\n  margin: 0;\n  margin: initial;\n  display: inline;\n}\n",""]);var l="index-module--un1Y6",d="index-module--gO0bA",c="index-module--sy7z4";const o=t}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3761],{33761:(e,n,i)=>{i.r(n),i.d(n,{default:()=>b});i(87363);var a=i(9420),r=i(93379),s=i.n(r),t=i(7795),l=i.n(t),d=i(90569),c=i.n(d),o=i(3565),h=i.n(o),u=i(19216),x=i.n(u),g=i(44589),m=i.n(g),P=i(43501),j={};j.styleTagTransform=m(),j.setAttributes=h(),j.insert=c().bind(null,"head"),j.domAPI=l(),j.insertStyleElement=x();s()(P.ZP,j);P.ZP&&P.ZP.locals&&P.ZP.locals;var v=i(33923),f=i(88683),p=i(47514);const b=(0,a.Pi)((function Price(){var e,n,i=(0,v.NP)(),a=i.divaWebPlanner.getDivaArticles();if(!a)return(0,p.jsx)(p.Fragment,{});var r=null!==(e=a[i.settingsState.getSelectedBasketIds[0]])&&void 0!==e?e:a[Object.keys(a)[0]],s=null==r?void 0:r.getConfigPriceData(r.getVariantBasketData());return void 0===s?(0,p.jsx)(p.Fragment,{}):(0,p.jsxs)("div",{className:P.wZ,children:[(0,p.jsx)("a",{children:"Configurations Preise:"}),(0,p.jsx)("br",{}),s.AdditionalPrices.map((function(e){return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("p",{className:P.SY,children:e.Title}),(0,p.jsx)("a",{className:P.F2,children:f.DivaUtils.formatPrice(e.Price)}),(0,p.jsx)("br",{})]})})),(0,p.jsx)("hr",{}),null===(n=s.BasePrices)||void 0===n?void 0:n.map((function(e){return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)("a",{children:["Basispreis: ",e.BasePriceTitle]}),(0,p.jsx)("a",{className:P.F2,children:e.BasePrice?f.DivaUtils.formatPrice(e.BasePrice):"nicht Definiert"}),(0,p.jsx)("br",{})]})})),(0,p.jsx)("hr",{}),(0,p.jsx)("a",{children:"Berechneter Preis: "}),(0,p.jsx)("a",{className:P.F2,children:f.DivaUtils.formatPrice(r.calcPrice())}),(0,p.jsx)("hr",{}),r.hasPartlistArticle&&(0,p.jsx)(p.Fragment,{children:"Katalog hat Stücklisten Artikel! genaue Preise sind dort Sichtbar"})]})}))},43501:(e,n,i)=>{i.d(n,{F2:()=>d,SY:()=>c,ZP:()=>o,wZ:()=>l});var a=i(8081),r=i.n(a),s=i(23645),t=i.n(s)()(r());t.push([e.id,".index-module--un1Y6 {\n  padding-top: 0px;\n  width: 90%;\n  margin-left: 4%;\n  height: 100%;\n  background-color: white;\n  padding-left: 5px;\n  padding-right: 5px;\n  overflow: auto;\n}\n.index-module--gO0bA {\n  float: right;\n}\n.index-module--sy7z4 {\n  max-width: 400px;\n  margin: 0;\n  margin: initial;\n  display: inline;\n}\n",""]);var l="index-module--un1Y6",d="index-module--gO0bA",c="index-module--sy7z4";const o=t}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3777.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3777],{13777:(e,n,i)=>{i.r(n),i.d(n,{default:()=>H});var d=i(80248),t=i(34988),o=i(84658),r=i(50747),l=i.n(r),a=i(65515),c=i.n(a),u=i(23987),s=i(9420),x=i(87363),p=i(93379),m=i.n(p),h=i(7795),f=i.n(h),g=i(90569),b=i.n(g),v=i(3565),w=i.n(v),P=i(19216),y=i.n(P),k=i(44589),S=i.n(k),C=i(50978),O={};O.styleTagTransform=S(),O.setAttributes=w(),O.insert=b().bind(null,"head"),O.domAPI=f(),O.insertStyleElement=y();m()(C.ZP,O);C.ZP&&C.ZP.locals&&C.ZP.locals;var j=i(88683),z=i(46770),_=i(45103),q=i(95519),T=i(29419),I=i(65069),N=i(23042),Q=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);n&&(d=d.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,d)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,d.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const H=(0,s.Pi)((function AccessoiresStandard(e){var n,i,d=e.item,r=e.wrapper,a=e.wcAccInfoContainerClass,s=void 0===a?C.TX:a,p=e.wcConfiguratorSettingsTitleClass,m=void 0===p?C.db:p,h=e.hidePrice,f=e.hideSize,g=d,b=(0,u.NP)(),v=(0,j.useDivaCore)().state,w=v.hidePrices,P=v.dimensions,y=P.isMobile,k=P.isTablet,S=!1,O=b.getViewConfig().dontShowBasePrice||w||h,H=function(){var e=(0,o.Z)(l().mark((function _callee(){var e;return l().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!S){n.next=2;break}return n.abrupt("return");case 2:return S=!0,n.next=5,b.paletteViewHandler.clickedOnAccessoirePaletteWrapper(g,"plus");case 5:"AccessorieNoFreeSpace"==(e=n.sent)&&b.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","NO_DOCKINGPOINT_FOR_ELEMENT",!0),"MaxQuantityReached"==e&&b.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","MAX_QUANTITY_REACHED",!0),S=!1;case 9:case"end":return n.stop()}}),_callee)})));return function onPlusClick(){return e.apply(this,arguments)}}(),R=function(){var e=(0,o.Z)(l().mark((function _callee2(){return l().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:if(!S){e.next=2;break}return e.abrupt("return");case 2:return S=!0,e.next=5,b.paletteViewHandler.clickedOnAccessoirePaletteWrapper(g,"minus");case 5:S=!1;case 6:case"end":return e.stop()}}),_callee2)})));return function onMinusClick(){return e.apply(this,arguments)}}(),A={};if(g.configStepKeys)for(var F=function _loop(){var e=g.configStepKeys[D],n=b.settingsState.itemPaletteArr.find((function(n){var i=(0,t.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;A[e.basketId]||(A[e.basketId]={}),A[e.basketId][n[0]]=n[1]},D=0;D<g.configStepKeys.length;D++)F();var E=(0,x.useState)(""),V=(0,t.Z)(E,2),K=V[0],M=V[1],W={},Z={},B=void 0,G=!1,L={},$=(0,z.XI)({delayEnter:600,hideOnScroll:!0}),X=(0,z.sJ)({isOpen:$[0],auto:!0,placement:b.getViewConfig().tooltipPosition||"left-center"});return y||k||b.getViewConfig().hideTooltip||(G=$[0],L=$[1],W=X.triggerProps,Z=X.layerProps,B=X.renderLayer),(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:c()(C.RV,r,b.uiState.isMobilePortrait?C.KJ:void 0,b.uiState.isMobileLandscape?C.mp:void 0)},W),L),{},{children:[(0,Q.jsxs)("div",{className:c()(C.iZ,C.vc),children:[(0,Q.jsx)("div",{className:c()(C.K5),onClick:H,style:{backgroundImage:"url(".concat(g.image,")")}}),(0,Q.jsxs)("div",{className:c()(s),children:[(0,Q.jsx)("div",{className:c()(m,""!==K?C.Bm:void 0),children:g.name}),(0,Q.jsx)(_.default,{metaData:g.metaData,visible:[K,M]},g.articleCodex),!f&&(0,Q.jsx)("div",{className:c()(C.WN),children:g.formattedSize})]}),(0,Q.jsxs)("div",{className:c()(C.W0),children:[g.contentItemId&&(0,Q.jsx)(I.default,{item:g,style:{left:-32,bottom:b.getIsInMobileView()?26:12}},g.articleCodex),(0,Q.jsx)("div",{onClick:R,className:c()(C.Uz,0==g.actQuantity?C.h$:void 0),children:"-"}),(0,Q.jsx)("div",{className:c()(C.Wi),children:g.actQuantity}),(0,Q.jsx)("div",{onClick:H,className:c()(C.vg,g.maxQuantity==g.actQuantity&&0!=g.maxQuantity?C.h$:void 0),children:"+"})]})]}),!O&&!!g.price&&(0,Q.jsx)(N.default,{price:g.price,style:{paddingTop:6}})]})),G&&(null===(n=B)||void 0===n?void 0:n((0,Q.jsx)(q.default,{text:null!==(i=g.longDescription)&&void 0!==i?i:g.name,desciption:K,codex:g.articleCodex,pricePreviewPromise:g.pricePreviewPromise,image:g.image,layerProps:Z},g.articleCodex))),!!Object.keys(A).length&&(0,Q.jsx)(T.default,{itemPalettesOfArticle:A})]})}))},50978:(e,n,i)=>{i.d(n,{Bm:()=>p,K5:()=>u,KJ:()=>P,RV:()=>l,TX:()=>s,Uz:()=>f,W0:()=>h,WN:()=>m,Wi:()=>v,ZP:()=>y,db:()=>x,h$:()=>b,iZ:()=>a,mp:()=>w,vc:()=>c,vg:()=>g});var d=i(8081),t=i.n(d),o=i(23645),r=i.n(o)()(t());r.push([e.id,"/* Accessoires*/\n\n.index-module--Pc7de {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  white-space: pre-line;\n}\n\n.index-module--Pc7de:hover {\n  z-index: 200;\n}\n\n.index-module--Pc7de .index-module--kbpcW {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--Pc7de .index-module--wHVmF {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--xq6Iu {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--Pc7de .index-module--wHVmF .index-module--nLQC8 {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--nLQC8 {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--_yxqS {\n  float: left;\n  width: calc(100% - 203.2px);\n  position: relative;\n  height: calc(100% - 12px);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.index-module--Pc7de .index-module--_yxqS {\n  width: calc(100% - 181.2px);\n}\n\n.index-module--Pc7de .index-module--eOv3D {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--Pc7de .index-module--eOv3D.index-module--FAF9I {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--Pc7de .index-module--grnCR {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: calc(100% - 32px);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 200;\n  position: relative;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--Pc7de .index-module--wHVmF {\n    height: 80px;\n  }\n\n  .index-module--Pc7de .index-module--wHVmF img {\n    height: 80px;\n  }\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  width: 100px;\n  height: 32px;\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  font-size: 18px;\n  line-height: 20px;\n  color: var(--secondaryColor);\n  text-align: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--Pc7de .index-module--oT5tq,\n.index-module--Pc7de .index-module--o4vHn {\n  font-weight: 300;\n  height: 21px;\n  width: 21px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 21px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n}\n\n.index-module--Pc7de .index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--o4vHn:hover {\n  background: #d9d9d9;\n  color: #424242;\n  cursor: pointer;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn {\n  background: #f7f7f7;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn:hover {\n  background: #f7f7f7;\n  color: var(--secondaryColor);\n  cursor: inherit;\n}\n\n.index-module--Pc7de .index-module--BFe7r {\n  float: left;\n  width: 40px;\n  height: 16px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-text-stroke: 0.4px;\n}\n\n.index-module--Pc7de .index-module--oT5tq {\n  line-height: 19px;\n}\n\n.index-module--S_PGz .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 80px;\n  height: 48px;\n}\n\n.index-module--S_PGz .index-module--oT5tq {\n  line-height: 30px;\n}\n\n.index-module--S_PGz .index-module--oT5tq,\n.index-module--S_PGz .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n  border-radius: 50%;\n}\n.index-module--S_PGz .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n\n.index-module--zuQkq .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 104px;\n  height: 48px;\n}\n\n.index-module--zuQkq .index-module--oT5tq {\n  line-height: 32px;\n}\n\n.index-module--zuQkq .index-module--oT5tq,\n.index-module--zuQkq .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n\n  border-radius: 50%;\n}\n.index-module--zuQkq .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n",""]);var l="index-module--Pc7de",a="index-module--kbpcW",c="index-module--wHVmF",u="index-module--nLQC8",s="index-module--_yxqS",x="index-module--eOv3D",p="index-module--FAF9I",m="index-module--grnCR",h="index-module--e7Riz",f="index-module--oT5tq",g="index-module--o4vHn",b="index-module--QpnHk",v="index-module--BFe7r",w="index-module--S_PGz",P="index-module--zuQkq";const y=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3777],{13777:(e,n,i)=>{i.r(n),i.d(n,{default:()=>H});var d=i(80248),t=i(34988),o=i(84658),r=i(50747),l=i.n(r),a=i(65515),c=i.n(a),u=i(33923),s=i(9420),x=i(87363),p=i(93379),m=i.n(p),h=i(7795),f=i.n(h),g=i(90569),b=i.n(g),v=i(3565),w=i.n(v),P=i(19216),y=i.n(P),k=i(44589),S=i.n(k),C=i(50978),O={};O.styleTagTransform=S(),O.setAttributes=w(),O.insert=b().bind(null,"head"),O.domAPI=f(),O.insertStyleElement=y();m()(C.ZP,O);C.ZP&&C.ZP.locals&&C.ZP.locals;var j=i(88683),z=i(46770),_=i(45103),q=i(95519),T=i(29419),I=i(65069),N=i(23042),Q=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);n&&(d=d.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,d)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,d.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const H=(0,s.Pi)((function AccessoiresStandard(e){var n,i,d=e.item,r=e.wrapper,a=e.wcAccInfoContainerClass,s=void 0===a?C.TX:a,p=e.wcConfiguratorSettingsTitleClass,m=void 0===p?C.db:p,h=e.hidePrice,f=e.hideSize,g=d,b=(0,u.NP)(),v=(0,j.useDivaCore)().state,w=v.hidePrices,P=v.dimensions,y=P.isMobile,k=P.isTablet,S=!1,O=b.getViewConfig().dontShowBasePrice||w||h,H=function(){var e=(0,o.Z)(l().mark((function _callee(){var e;return l().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!S){n.next=2;break}return n.abrupt("return");case 2:return S=!0,n.next=5,b.paletteViewHandler.clickedOnAccessoirePaletteWrapper(g,"plus");case 5:"AccessorieNoFreeSpace"==(e=n.sent)&&b.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","NO_DOCKINGPOINT_FOR_ELEMENT",!0),"MaxQuantityReached"==e&&b.productState.updatePlannerMsgContainer("ACCESSOIRE_MSG",!0,"INFO","MAX_QUANTITY_REACHED",!0),S=!1;case 9:case"end":return n.stop()}}),_callee)})));return function onPlusClick(){return e.apply(this,arguments)}}(),R=function(){var e=(0,o.Z)(l().mark((function _callee2(){return l().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:if(!S){e.next=2;break}return e.abrupt("return");case 2:return S=!0,e.next=5,b.paletteViewHandler.clickedOnAccessoirePaletteWrapper(g,"minus");case 5:S=!1;case 6:case"end":return e.stop()}}),_callee2)})));return function onMinusClick(){return e.apply(this,arguments)}}(),A={};if(g.configStepKeys)for(var F=function _loop(){var e=g.configStepKeys[D],n=b.settingsState.itemPaletteArr.find((function(n){var i=(0,t.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;A[e.basketId]||(A[e.basketId]={}),A[e.basketId][n[0]]=n[1]},D=0;D<g.configStepKeys.length;D++)F();var E=(0,x.useState)(""),V=(0,t.Z)(E,2),K=V[0],M=V[1],W={},Z={},B=void 0,G=!1,L={},$=(0,z.XI)({delayEnter:600,hideOnScroll:!0}),X=(0,z.sJ)({isOpen:$[0],auto:!0,placement:b.getViewConfig().tooltipPosition||"left-center"});return y||k||b.getViewConfig().hideTooltip||(G=$[0],L=$[1],W=X.triggerProps,Z=X.layerProps,B=X.renderLayer),(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({className:c()(C.RV,r,b.uiState.isMobilePortrait?C.KJ:void 0,b.uiState.isMobileLandscape?C.mp:void 0)},W),L),{},{children:[(0,Q.jsxs)("div",{className:c()(C.iZ,C.vc),children:[(0,Q.jsx)("div",{className:c()(C.K5),onClick:H,style:{backgroundImage:"url(".concat(g.image,")")}}),(0,Q.jsxs)("div",{className:c()(s),children:[(0,Q.jsx)("div",{className:c()(m,""!==K?C.Bm:void 0),children:g.name}),(0,Q.jsx)(_.default,{metaData:g.metaData,visible:[K,M]},g.articleCodex),!f&&(0,Q.jsx)("div",{className:c()(C.WN),children:g.formattedSize})]}),(0,Q.jsxs)("div",{className:c()(C.W0),children:[g.contentItemId&&(0,Q.jsx)(I.default,{item:g,style:{left:-32,bottom:b.getIsInMobileView()?26:12}},g.articleCodex),(0,Q.jsx)("div",{onClick:R,className:c()(C.Uz,0==g.actQuantity?C.h$:void 0),children:"-"}),(0,Q.jsx)("div",{className:c()(C.Wi),children:g.actQuantity}),(0,Q.jsx)("div",{onClick:H,className:c()(C.vg,g.maxQuantity==g.actQuantity&&0!=g.maxQuantity?C.h$:void 0),children:"+"})]})]}),!O&&!!g.price&&(0,Q.jsx)(N.default,{price:g.price,style:{paddingTop:6}})]})),G&&(null===(n=B)||void 0===n?void 0:n((0,Q.jsx)(q.default,{text:null!==(i=g.longDescription)&&void 0!==i?i:g.name,desciption:K,codex:g.articleCodex,pricePreviewPromise:g.pricePreviewPromise,image:g.image,layerProps:Z},g.articleCodex))),!!Object.keys(A).length&&(0,Q.jsx)(T.default,{itemPalettesOfArticle:A})]})}))},50978:(e,n,i)=>{i.d(n,{Bm:()=>p,K5:()=>u,KJ:()=>P,RV:()=>l,TX:()=>s,Uz:()=>f,W0:()=>h,WN:()=>m,Wi:()=>v,ZP:()=>y,db:()=>x,h$:()=>b,iZ:()=>a,mp:()=>w,vc:()=>c,vg:()=>g});var d=i(8081),t=i.n(d),o=i(23645),r=i.n(o)()(t());r.push([e.id,"/* Accessoires*/\n\n.index-module--Pc7de {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n  white-space: pre-line;\n}\n\n.index-module--Pc7de:hover {\n  z-index: 200;\n}\n\n.index-module--Pc7de .index-module--kbpcW {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--Pc7de .index-module--wHVmF {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--xq6Iu {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--Pc7de .index-module--wHVmF .index-module--nLQC8 {\n  height: 80px;\n}\n\n.index-module--Pc7de .index-module--nLQC8 {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--_yxqS {\n  float: left;\n  width: calc(100% - 203.2px);\n  position: relative;\n  height: calc(100% - 12px);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.index-module--Pc7de .index-module--_yxqS {\n  width: calc(100% - 181.2px);\n}\n\n.index-module--Pc7de .index-module--eOv3D {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 8px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--Pc7de .index-module--eOv3D.index-module--FAF9I {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--Pc7de .index-module--grnCR {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: calc(100% - 32px);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 200;\n  position: relative;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--Pc7de .index-module--wHVmF {\n    height: 80px;\n  }\n\n  .index-module--Pc7de .index-module--wHVmF img {\n    height: 80px;\n  }\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  width: 100px;\n  height: 32px;\n}\n\n.index-module--Pc7de .index-module--e7Riz {\n  font-size: 18px;\n  line-height: 20px;\n  color: var(--secondaryColor);\n  text-align: center;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n\n.index-module--Pc7de .index-module--oT5tq,\n.index-module--Pc7de .index-module--o4vHn {\n  font-weight: 300;\n  height: 21px;\n  width: 21px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 21px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n}\n\n.index-module--Pc7de .index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--o4vHn:hover {\n  background: #d9d9d9;\n  color: #424242;\n  cursor: pointer;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn {\n  background: #f7f7f7;\n}\n.index-module--Pc7de .index-module--QpnHk.index-module--oT5tq:hover,\n.index-module--Pc7de .index-module--QpnHk.index-module--o4vHn:hover {\n  background: #f7f7f7;\n  color: var(--secondaryColor);\n  cursor: inherit;\n}\n\n.index-module--Pc7de .index-module--BFe7r {\n  float: left;\n  width: 40px;\n  height: 16px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-text-stroke: 0.4px;\n}\n\n.index-module--Pc7de .index-module--oT5tq {\n  line-height: 19px;\n}\n\n.index-module--S_PGz .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 80px;\n  height: 48px;\n}\n\n.index-module--S_PGz .index-module--oT5tq {\n  line-height: 30px;\n}\n\n.index-module--S_PGz .index-module--oT5tq,\n.index-module--S_PGz .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n  border-radius: 50%;\n}\n.index-module--S_PGz .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n\n.index-module--zuQkq .index-module--e7Riz {\n  font-size: 16px;\n  line-height: 30px;\n  width: 104px;\n  height: 48px;\n}\n\n.index-module--zuQkq .index-module--oT5tq {\n  line-height: 32px;\n}\n\n.index-module--zuQkq .index-module--oT5tq,\n.index-module--zuQkq .index-module--o4vHn {\n  height: 30px;\n  width: 30px;\n\n  border-radius: 50%;\n}\n.index-module--zuQkq .index-module--_yxqS {\n  width: calc(100% - 192px);\n}\n",""]);var l="index-module--Pc7de",a="index-module--kbpcW",c="index-module--wHVmF",u="index-module--nLQC8",s="index-module--_yxqS",x="index-module--eOv3D",p="index-module--FAF9I",m="index-module--grnCR",h="index-module--e7Riz",f="index-module--oT5tq",g="index-module--o4vHn",b="index-module--QpnHk",v="index-module--BFe7r",w="index-module--S_PGz",P="index-module--zuQkq";const y=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3812.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3812,9580],{10304:(e,t,n)=>{t.Z=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(87363)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var a="Select...",i=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?a:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,o.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?a:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var o=0,r=t.length;o<r;o++)if("group"===t[o].type){var a=t[o].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var a=e.label||e.value||e,i=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",i),t),l=(0,r.default)(s),u=Object.keys(e.data||{}).reduce((function(t,n){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,_defineProperty({},"data-".concat(n),e.data[n]))}),{});return o.default.createElement("div",_extends({key:n,className:l,onMouseDown:this.setValue.bind(this,n,a),onClick:this.setValue.bind(this,n,a),role:"option","aria-selected":i?"true":"false"},u),a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,t,n,a,i,s=this.props,l=s.baseClassName,u=s.controlClassName,c=s.placeholderClassName,d=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,y=s.className,m=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,y,!!y),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,u,!!u),_defineProperty(t,m,!!m),t)),_=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,c,!!c),_defineProperty(n,"is-selected",this.isValueSelected()),n)),O=(0,r.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,d,!!d),a)),P=(0,r.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),w=o.default.createElement("div",{className:_},v),D=this.state.isOpen?o.default.createElement("div",{className:O,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},w,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:P}))),D)}}]),Dropdown}(o.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.Z=s},73812:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var o=n(34988),r=n(65515),a=n.n(r),i=n(87363),s=n(10304),l=n(20196),u=n(49580),c=n(23987),d=n(47514),p=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT"];const f=function LayoutSelection(e){var t=e.option,n=(0,i.useState)(t.layout),r=(0,o.Z)(n,1)[0],f=(0,i.useState)(),h=(0,o.Z)(f,2),y=h[0],m=h[1],v=(0,c.NP)();(0,i.useEffect)((function(){t.layout=null!=y?y:r,v.paletteViewHandler.updateCurPaletteData(!0)}),[y]),(0,i.useEffect)((function(){return function(){t.layout=r,v.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var b=(0,d.jsx)(u.default,{onClick:function onClick(){return m(void 0)},open:!1,iconAsDelete:!!y});return(0,d.jsxs)("div",{className:l.YS,children:["Layout:",(0,d.jsx)(s.Z,{className:a()(l.oF),controlClassName:l.x_,options:p,value:y,onChange:function onChange(e){return m(e.value)},placeholder:r,arrowClosed:b,arrowOpen:b})]})}},49580:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var o=n(72874),r=(n(87363),n(93379)),a=n.n(r),i=n(7795),s=n.n(i),l=n(90569),u=n.n(l),c=n(3565),d=n.n(c),p=n(19216),f=n.n(p),h=n(44589),y=n.n(h),m=n(8368),v={};v.styleTagTransform=y(),v.setAttributes=d(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=n(65515),g=n.n(b),_=n(47514),O=["onClick","iconAsDelete","open"];const P=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,r=e.open,a=(0,o.Z)(e,O);return(0,_.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(m.xX,n?m.zl:void 0,n?void 0:r?m.h1:m.Oe,a.className)})}},95044:(e,t,n)=>{n.d(t,{YS:()=>s,ZP:()=>c,oF:()=>l,x_:()=>u});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a)()(r());i.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var s="index-module--cA3b1",l="index-module--CJSAc",u="index-module--h2JpC";const c=i},8368:(e,t,n)=>{n.d(t,{Oe:()=>v,ZP:()=>b,h1:()=>m,xX:()=>h,zl:()=>y});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a),s=n(61667),l=n.n(s),u=new URL(n(49797),n.b),c=new URL(n(24827),n.b),d=i()(r()),p=l()(u),f=l()(c);d.push([e.id,".index-module--kpDq_ {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+f+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+f+");\n}\n",""]);var h="index-module--kpDq_",y="index-module--qA_2S",m="index-module--GLLUM",v="index-module--ctBIw";const b=d},20196:(e,t,n)=>{n.d(t,{YS:()=>y.YS,oF:()=>y.oF,x_:()=>y.x_});var o=n(93379),r=n.n(o),a=n(7795),i=n.n(a),s=n(90569),l=n.n(s),u=n(3565),c=n.n(u),d=n(19216),p=n.n(d),f=n(44589),h=n.n(f),y=n(95044),m={};m.styleTagTransform=h(),m.setAttributes=c(),m.insert=l().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=p();r()(y.ZP,m),y.ZP&&y.ZP.locals&&y.ZP.locals},49797:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3812,9580],{10304:(e,t,n)=>{t.Z=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(87363)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var a="Select...",i=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?a:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,o.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?a:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var o=0,r=t.length;o<r;o++)if("group"===t[o].type){var a=t[o].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var a=e.label||e.value||e,i=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",i),t),l=(0,r.default)(s),u=Object.keys(e.data||{}).reduce((function(t,n){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,_defineProperty({},"data-".concat(n),e.data[n]))}),{});return o.default.createElement("div",_extends({key:n,className:l,onMouseDown:this.setValue.bind(this,n,a),onClick:this.setValue.bind(this,n,a),role:"option","aria-selected":i?"true":"false"},u),a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,t,n,a,i,s=this.props,l=s.baseClassName,u=s.controlClassName,c=s.placeholderClassName,d=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,y=s.className,m=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,y,!!y),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,u,!!u),_defineProperty(t,m,!!m),t)),_=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,c,!!c),_defineProperty(n,"is-selected",this.isValueSelected()),n)),O=(0,r.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,d,!!d),a)),P=(0,r.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),w=o.default.createElement("div",{className:_},v),D=this.state.isOpen?o.default.createElement("div",{className:O,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},w,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:P}))),D)}}]),Dropdown}(o.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.Z=s},73812:(e,t,n)=>{n.r(t),n.d(t,{default:()=>f});var o=n(34988),r=n(65515),a=n.n(r),i=n(87363),s=n(10304),l=n(20196),u=n(49580),c=n(33923),d=n(47514),p=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT"];const f=function LayoutSelection(e){var t=e.option,n=(0,i.useState)(t.layout),r=(0,o.Z)(n,1)[0],f=(0,i.useState)(),h=(0,o.Z)(f,2),y=h[0],m=h[1],v=(0,c.NP)();(0,i.useEffect)((function(){t.layout=null!=y?y:r,v.paletteViewHandler.updateCurPaletteData(!0)}),[y]),(0,i.useEffect)((function(){return function(){t.layout=r,v.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var b=(0,d.jsx)(u.default,{onClick:function onClick(){return m(void 0)},open:!1,iconAsDelete:!!y});return(0,d.jsxs)("div",{className:l.YS,children:["Layout:",(0,d.jsx)(s.Z,{className:a()(l.oF),controlClassName:l.x_,options:p,value:y,onChange:function onChange(e){return m(e.value)},placeholder:r,arrowClosed:b,arrowOpen:b})]})}},49580:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var o=n(72874),r=(n(87363),n(93379)),a=n.n(r),i=n(7795),s=n.n(i),l=n(90569),u=n.n(l),c=n(3565),d=n.n(c),p=n(19216),f=n.n(p),h=n(44589),y=n.n(h),m=n(8368),v={};v.styleTagTransform=y(),v.setAttributes=d(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=n(65515),g=n.n(b),_=n(47514),O=["onClick","iconAsDelete","open"];const P=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,r=e.open,a=(0,o.Z)(e,O);return(0,_.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(m.xX,n?m.zl:void 0,n?void 0:r?m.h1:m.Oe,a.className)})}},95044:(e,t,n)=>{n.d(t,{YS:()=>s,ZP:()=>c,oF:()=>l,x_:()=>u});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a)()(r());i.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var s="index-module--cA3b1",l="index-module--CJSAc",u="index-module--h2JpC";const c=i},8368:(e,t,n)=>{n.d(t,{Oe:()=>v,ZP:()=>b,h1:()=>m,xX:()=>h,zl:()=>y});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a),s=n(61667),l=n.n(s),u=new URL(n(49797),n.b),c=new URL(n(24827),n.b),d=i()(r()),p=l()(u),f=l()(c);d.push([e.id,".index-module--kpDq_ {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+f+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+f+");\n}\n",""]);var h="index-module--kpDq_",y="index-module--qA_2S",m="index-module--GLLUM",v="index-module--ctBIw";const b=d},20196:(e,t,n)=>{n.d(t,{YS:()=>y.YS,oF:()=>y.oF,x_:()=>y.x_});var o=n(93379),r=n.n(o),a=n(7795),i=n.n(a),s=n(90569),l=n.n(s),u=n(3565),c=n.n(u),d=n(19216),p=n.n(d),f=n(44589),h=n.n(f),y=n(95044),m={};m.styleTagTransform=h(),m.setAttributes=c(),m.insert=l().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=p();r()(y.ZP,m),y.ZP&&y.ZP.locals&&y.ZP.locals},49797:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);