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

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

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

Files changed (396) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6701.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6701,59,9119],{6701:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>P});var r=t(80248),a=t(34988),i=t(65515),o=t.n(i),s=t(96463),u=t(9420),l=t(87363),d=t(93379),c=t.n(d),p=t(7795),m=t.n(p),g=t(90569),b=t.n(g),x=t(3565),h=t.n(x),v=t(19216),f=t.n(v),y=t(44589),w=t.n(y),j=t(30605),C={};C.styleTagTransform=w(),C.setAttributes=h(),C.insert=b().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=f();c()(j.ZP,C);j.ZP&&j.ZP.locals&&j.ZP.locals;var k=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 P=(0,u.Pi)((function Range(e){var n,t=e.paletteId,r=e.item,i=(0,l.useState)(Number(r.freeText)),u=(0,a.Z)(i,2),d=u[0],c=u[1],p=(0,s.NP)(),m=p.settingsState.itemPalettes.get(t),g=(0,l.useState)(null==m||null===(n=m.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.codex),b=(0,a.Z)(g,2),x=b[0],h=b[1];return(0,l.useEffect)((function(){m&&p.settingsState.itemPalettes.set(t,_objectSpread(_objectSpread({},m),{},{numberInput:d,measureUnit:r.measureUnit}))}),[d]),(0,l.useEffect)((function(){if(m){var e,n=null==m||null===(e=m.selectedElements)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.codex;n&&x!==n?(h(n),c(Number(r.measureMinimum))):m.numberInput&&m.numberInput!=d&&c(m.numberInput)}}),[m]),(0,k.jsx)("div",{className:j.CA,style:{display:"block",width:"99%"},children:(0,k.jsxs)("div",{style:{margin:"10px"},children:[(0,k.jsxs)("div",{style:{width:"100%",height:"1.2rem"},children:[(0,k.jsx)("a",{style:{position:"absolute",left:"10px"},children:r.measureMinimum+" "+r.measureUnit}),(0,k.jsx)("a",{style:{position:"absolute",right:"10px"},children:r.measureMaximum+" "+r.measureUnit})]}),(0,k.jsxs)("div",{style:{width:"100%",height:"2rem"},children:[(0,k.jsx)("div",{className:o()(j.Tq,j.VA),onClick:function onClick(){var e=Number(d)-Number(r.measureStep);e<Number(r.measureMinimum)||(c(e),p.paletteViewHandler.onRangeClickChange(m,r,e.toString(),!0))}}),(0,k.jsx)("input",{type:"range",min:r.measureMinimum,max:r.measureMaximum,step:r.measureStep,value:d,className:j.$i,onChange:function onChange(e){return c(Number(e.target.value))},onMouseUp:function onMouseUp(e){return p.paletteViewHandler.onRangeClickChange(m,r,e.target.value)},onTouchEnd:function onTouchEnd(e){return p.paletteViewHandler.onRangeClickChange(m,r,e.target.value)}}),(0,k.jsx)("div",{className:o()(j.Tq,j.l8),onClick:function onClick(){var e=Number(d)+Number(r.measureStep);e>Number(r.measureMaximum)||(c(e),p.paletteViewHandler.onRangeClickChange(m,r,e.toString()))}})]})]})})}))},30605:(e,n,t)=>{"use strict";t.d(n,{$i:()=>m,CA:()=>p,Tq:()=>g,VA:()=>b,ZP:()=>h,l8:()=>x});var r=t(8081),a=t.n(r),i=t(23645),o=t.n(i),s=t(61667),u=t.n(s),l=new URL(t(27557),t.b),d=o()(a()),c=u()(l);d.push([e.id,".index-module--KrHES {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--KrHES:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--KrHES: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--XrDAa {\n  -webkit-appearance: none;\n  width: calc(100% - 3rem - 4px);\n  height: 25px;\n  background: #d3d3d3;\n  outline: none;\n  opacity: 0.7;\n  transition: opacity 0.2s;\n  border-radius: 12.5px;\n  position: absolute;\n  left: 1.5rem;\n}\n\n.index-module--XrDAa:hover {\n  opacity: 1;\n}\n\n.index-module--XrDAa::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 25px;\n  height: 25px;\n  border-radius: 12.5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--XrDAa::-moz-range-thumb {\n  width: 25px;\n  height: 25px;\n  border-radius: 5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--xvezF {\n  width: 1.5rem;\n  height: 1.5rem;\n  top: 1.92rem;\n  position: absolute;\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center center;\n}\n.index-module--PZiQo {\n  left: 0.15rem;\n}\n.index-module--hD6BU {\n  transform: rotate(180deg);\n  right: 0.15rem;\n}\n",""]);var p="index-module--KrHES",m="index-module--XrDAa",g="index-module--xvezF",b="index-module--PZiQo",x="index-module--hD6BU";const h=d},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},27557:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},65515:(e,n)=>{var t;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(e=appendClass(e,parseValue(t)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var t in e)r.call(e,t)&&e[t]&&(n=appendClass(n,t));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6701,59],{6701:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>P});var r=t(80248),a=t(34988),i=t(65515),o=t.n(i),s=t(96463),u=t(9420),l=t(87363),d=t(93379),c=t.n(d),p=t(7795),m=t.n(p),g=t(90569),b=t.n(g),x=t(3565),h=t.n(x),v=t(19216),f=t.n(v),y=t(44589),w=t.n(y),j=t(30605),C={};C.styleTagTransform=w(),C.setAttributes=h(),C.insert=b().bind(null,"head"),C.domAPI=m(),C.insertStyleElement=f();c()(j.ZP,C);j.ZP&&j.ZP.locals&&j.ZP.locals;var k=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 P=(0,u.Pi)((function Range(e){var n,t=e.paletteId,r=e.item,i=(0,l.useState)(Number(r.freeText)),u=(0,a.Z)(i,2),d=u[0],c=u[1],p=(0,s.NP)(),m=p.settingsState.itemPalettes.get(t),g=(0,l.useState)(null==m||null===(n=m.selectedElements)||void 0===n||null===(n=n[0])||void 0===n?void 0:n.codex),b=(0,a.Z)(g,2),x=b[0],h=b[1];return(0,l.useEffect)((function(){m&&p.settingsState.itemPalettes.set(t,_objectSpread(_objectSpread({},m),{},{numberInput:d,measureUnit:r.measureUnit}))}),[d]),(0,l.useEffect)((function(){if(m){var e,n=null==m||null===(e=m.selectedElements)||void 0===e||null===(e=e[0])||void 0===e?void 0:e.codex;n&&x!==n?(h(n),c(Number(r.measureMinimum))):m.numberInput&&m.numberInput!=d&&c(m.numberInput)}}),[m]),(0,k.jsx)("div",{className:j.CA,style:{display:"block",width:"99%"},children:(0,k.jsxs)("div",{style:{margin:"10px"},children:[(0,k.jsxs)("div",{style:{width:"100%",height:"1.2rem"},children:[(0,k.jsx)("a",{style:{position:"absolute",left:"10px"},children:r.measureMinimum+" "+r.measureUnit}),(0,k.jsx)("a",{style:{position:"absolute",right:"10px"},children:r.measureMaximum+" "+r.measureUnit})]}),(0,k.jsxs)("div",{style:{width:"100%",height:"2rem"},children:[(0,k.jsx)("div",{className:o()(j.Tq,j.VA),onClick:function onClick(){var e=Number(d)-Number(r.measureStep);e<Number(r.measureMinimum)||(c(e),p.paletteViewHandler.onRangeClickChange(m,r,e.toString(),!0))}}),(0,k.jsx)("input",{type:"range",min:r.measureMinimum,max:r.measureMaximum,step:r.measureStep,value:d,className:j.$i,onChange:function onChange(e){return c(Number(e.target.value))},onMouseUp:function onMouseUp(e){return p.paletteViewHandler.onRangeClickChange(m,r,e.target.value)},onTouchEnd:function onTouchEnd(e){return p.paletteViewHandler.onRangeClickChange(m,r,e.target.value)}}),(0,k.jsx)("div",{className:o()(j.Tq,j.l8),onClick:function onClick(){var e=Number(d)+Number(r.measureStep);e>Number(r.measureMaximum)||(c(e),p.paletteViewHandler.onRangeClickChange(m,r,e.toString()))}})]})]})})}))},30605:(e,n,t)=>{"use strict";t.d(n,{$i:()=>m,CA:()=>p,Tq:()=>g,VA:()=>b,ZP:()=>h,l8:()=>x});var r=t(8081),a=t.n(r),i=t(23645),o=t.n(i),s=t(61667),u=t.n(s),l=new URL(t(27557),t.b),d=o()(a()),c=u()(l);d.push([e.id,".index-module--KrHES {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--KrHES:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--KrHES: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--XrDAa {\n  -webkit-appearance: none;\n  width: calc(100% - 3rem - 4px);\n  height: 25px;\n  background: #d3d3d3;\n  outline: none;\n  opacity: 0.7;\n  transition: opacity 0.2s;\n  border-radius: 12.5px;\n  position: absolute;\n  left: 1.5rem;\n}\n\n.index-module--XrDAa:hover {\n  opacity: 1;\n}\n\n.index-module--XrDAa::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 25px;\n  height: 25px;\n  border-radius: 12.5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--XrDAa::-moz-range-thumb {\n  width: 25px;\n  height: 25px;\n  border-radius: 5px;\n  background: var(--primaryColor);\n  cursor: pointer;\n}\n\n.index-module--xvezF {\n  width: 1.5rem;\n  height: 1.5rem;\n  top: 1.92rem;\n  position: absolute;\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-size: contain;\n  background-position: center center;\n}\n.index-module--PZiQo {\n  left: 0.15rem;\n}\n.index-module--hD6BU {\n  transform: rotate(180deg);\n  right: 0.15rem;\n}\n",""]);var p="index-module--KrHES",m="index-module--XrDAa",g="index-module--xvezF",b="index-module--PZiQo",x="index-module--hD6BU";const h=d},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},27557:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAxMyAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFMMC45OTk5OTggMTkuMTgxOEwxMiAzNyIgc3Ryb2tlPSIjNEI0QjRCIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},65515:(e,n)=>{var t;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var t=arguments[n];t&&(e=appendClass(e,parseValue(t)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var t in e)r.call(e,t)&&e[t]&&(n=appendClass(n,t));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(t=function(){return classNames}.apply(n,[]))||(e.exports=t)}()}}]);

package/build/umd/6724.diva-web-planner-react.umd.min.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 6724.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[6724,7020,3356],{57020:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function ProductHeaderFunction(n){return(0,d.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/ProductHeader/Functions"}))}},76724:(n,e,t)=>{t.r(e),t.d(e,{default:()=>b});var i=t(73356),o=t(93379),d=t.n(o),r=t(7795),a=t.n(r),s=t(90569),l=t.n(s),u=t(3565),x=t.n(u),c=t(19216),m=t.n(c),p=t(44589),f=t.n(p),h=t(46718),g={};g.styleTagTransform=f(),g.setAttributes=x(),g.insert=l().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=m();d()(h.Z,g);h.Z&&h.Z.locals&&h.Z.locals;t(87363);var v=t(47514);const b=function ProductHeaderBlue(n){return(0,v.jsx)(i.default,{productClass:h.I})}},73356:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),o=t(65515),d=t.n(o),r=t(96463),a=t(9420),s=t(87363),l=t(88683),u=t(57020),x=t(93379),c=t.n(x),m=t(7795),p=t.n(m),f=t(90569),h=t.n(f),g=t(3565),v=t.n(g),b=t(19216),w=t.n(b),P=t(44589),j=t.n(P),S=t(26876),y={};y.styleTagTransform=j(),y.setAttributes=v(),y.insert=h().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();c()(S.ZP,y);S.ZP&&S.ZP.locals&&S.ZP.locals;var z=t(65436),H=t(16785),D=t(47514);const I=(0,a.Pi)((function ProductHeader(n){var e=n.hidePrice,t=n.productClass,o=(0,r.NP)(),a=(0,l.useTranslation)().t,x=(0,l.useDivaCore)().state,c=x.hidePrices,m=x.dimensions,p=m.isMobile,f=m.isTablet,h=o.getViewConfig().productHeaderContentBox,g=(0,s.useState)(),v=(0,i.Z)(g,2),b=v[0],w=v[1],P=(0,s.useState)(!1),j=(0,i.Z)(P,2),y=j[0],I=j[1],C=o.getViewConfig().hideWebConfiguratorTitle\|\|o.getViewConfig().hideWebConfiguratorTitleInMobile&&o.getIsInMobileView();return(0,s.useEffect)((function(){var n;p&&!f\|\|!o.divaWebPlanner.actSet()\|\|null===(n=o.productState.customDimensions)\|\|void 0===n\|\|n.then((function(n){w(n);var e=n.reduce((function(n,e){return n[e.dimensionId]?n[e.dimensionId].includes(e.dimension)\|\|n[e.dimensionId].push(e.dimension):n[e.dimensionId]=[e.dimension],n}),{});I(!Object.values(e).find((function(n){return n.length>1})))}))}),[o.divaWebPlanner.actSet(),o.settingsState.configChanged]),(0,D.jsxs)("div",{className:d()(S.YS,t,o.uiState.isMobileLandscape?S.rK:void 0,o.uiState.isMobilePortrait?S.tW:void 0,o.uiState.configSettingsIsExpanded?S.zh:void 0,o.uiState.configSettingsIsMaxExpanded?S.Zk:void 0,o.productState.plannerRenderingIsStaticBG?S.Li:void 0,S.Gr),children:[(0,D.jsxs)("div",{className:S.gU,"data-test-id":"configProductHeader",children:[!C&&(0,D.jsx)("h1",{"data-test-id":"productHeaderTitle",children:o.productState.webConifguratorTitle}),(0,D.jsxs)("div",{className:S.NG,children:[!c&&!e&&(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:S.Bm,"data-test-id":"productHeaderPriceInfo",children:[" ",a("configurator.PRICE_INFO")]}),(0,D.jsxs)("span",{className:S.GO,"data-test-id":"productHeaderFormattedPrice",children:[" ",o.productState.formatedCurSetPrice]}),o.productState.formatedBruttoPrice&&!o.getViewConfig().hideRabattPrice&&(0,D.jsxs)("span",{className:S.xk,"data-test-id":"productHeaderFormattedBruttoPrice",children:[" ",o.productState.formatedBruttoPrice]})]}),!(null==b\|\|!b.length)&&b.map((function(n){var e,t;return(0,D.jsxs)("div",{children:[(0,D.jsxs)("span",{className:S.Bm,children:[null!==(e=n.text)&&void 0!==e?e:a("configurator.headerdimension."+n.dimensionId)," ",!y&&"("+n.posNrs.join(",")+")",":"," "]}),(0,D.jsxs)("span",{className:S.GO,children:[null!==(t=n.dimension)&&void 0!==t?t:0," ",n.unit]})]})}))]})]}),(0,D.jsx)("div",{className:S.AJ,children:(0,D.jsx)(u.default,{})}),!o.uiState.isMobileLandscape&&o.productState.currentBanner&&(0,D.jsx)("div",{className:S.az,children:(0,D.jsx)(H.default,{noWrapper:!0,id:o.productState.currentBanner.contentItemId})}),h&&!o.uiState.isMobileLandscape&&!o.productState.currentBanner&&(0,D.jsx)("div",{className:S.az,children:(0,D.jsx)(z.p,{settings:{contentBoxProps:h}})})]})}))},46718:(n,e,t)=>{t.d(e,{I:()=>a,Z:()=>s});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,".index-module--xNNVT {\n font-weight: 300 !important;\n}\n",""]);var a="index-module--xNNVT";const s=r},26876:(n,e,t)=>{t.d(e,{AJ:()=>x,Bm:()=>h,GO:()=>g,Gr:()=>b,Li:()=>w,NG:()=>f,YS:()=>a,ZP:()=>P,Zk:()=>p,az:()=>m,gU:()=>s,rK:()=>c,tW:()=>l,xk:()=>v,zh:()=>u});var i=t(8081),o=t.n(i),d=t(23645),r=t.n(d)()(o());r.push([n.id,"/* Productdaten */\n\n.index-module--HKQKa {\n display: flex;\n flex-direction: row;\n height: 70px;\n z-index: 112;\n transition:\n width 0.2s ease-in-out,\n opacity 0.5s ease-in-out;\n opacity: 1;\n justify-content: space-between;\n align-items: flex-start;\n}\n\n.index-module--vRGHL {\n flex-basis: 50%;\n justify-self: flex-start;\n z-index: 300;\n margin: 16px 0 16px 16px;\n pointer-events: none;\n}\n.index-module--f5D1B .index-module--vRGHL {\n margin: 12px 0 16px 16px;\n}\n\n.index-module--gHGCU .index-module--vRGHL {\n flex-basis: 100%;\n}\n.index-module--MvVu6 {\n flex-basis: 50%;\n}\n\n.index-module--MvVu6 {\n flex-basis: 100%;\n position: relative;\n z-index: 112;\n margin: 16px;\n}\n.index-module--f5D1B .index-module--MvVu6 {\n margin: 6px 12px;\n}\n\n.index-module--DePmU .index-module--MvVu6 {\n margin: 8px 12px 0px 0px;\n}\n\n.index-module--lRnbu {\n z-index: 112;\n}\n\n.index-module--gHGCU.index-module--HKQKa {\n width: calc(55% - 40px - 24px);\n}\n\n.index-module--aRkML.index-module--HKQKa,\n.index-module--Dq9vA.index-module--HKQKa {\n opacity: 0;\n}\n\n.index-module--HKQKa h1 {\n font-weight: 300;\n font-size: 24px;\n line-height: 27.2px;\n text-transform: uppercase;\n letter-spacing: 0.2px;\n color: var(--secondaryColor);\n margin: 0 0 10px;\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 white-space: nowrap;\n\n border-radius: 100px;\n width: -moz-fit-content;\n width: fit-content;\n}\n.index-module--cN5ML {\n border-radius: 0px 0px 12px 0px;\n padding: 0px 12px 6px 16px;\n position: absolute;\n width: -moz-fit-content;\n width: fit-content;\n white-space: nowrap;\n left: 0px;\n}\n\n.index-module--f5D1B .index-module--cN5ML {\n margin-top: 5px;\n\n background-color: transparent;\n}\n\n.index-module--gHGCU.index-module--HKQKa h1 {\n max-width: 300px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.index-module--nPYHz {\n color: var(--secondaryColor);\n font-size: 14px;\n font-size: var(--priceInfoFontSize, 14px);\n font-weight: 300;\n -webkit-text-stroke: 0.4px;\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\n.index-module--vYIA1 {\n color: var(--secondaryColor);\n font-size: 14px;\n font-size: var(--priceInfoFontSize, 14px);\n -webkit-text-stroke: 0.4px;\n margin: 0px;\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\n.index-module--uuqou {\n position: relative;\n color: var(--secondaryColor);\n font-size: 14px;\n font-size: var(--priceInfoFontSize, 14px);\n -webkit-text-stroke: 0.4px;\n margin: 0px 10px;\n}\n\n.index-module--uuqou:before {\n position: absolute;\n content: '';\n left: 0;\n top: 50%;\n right: 0;\n border-top: 1px solid;\n border-color: inherit;\n\n transform: rotate(5deg);\n}\n\n.index-module--DePmU.index-module--HKQKa {\n margin-left: 2rem;\n width: calc(100% - 1rem);\n height: 54.4px;\n}\n\n.index-module--Jnc8i.index-module--DePmU.index-module--HKQKa {\n left: 50px;\n top: 0px;\n margin-left: 0.5rem;\n margin-top: 4px;\n width: calc(100% - 1rem);\n height: 24.4px;\n}\n\n.index-module--DePmU h1 {\n margin: 0px;\n margin-top: 14.4px;\n font-size: 22.4px;\n line-height: 18px;\n width: 67%;\n}\n.index-module--DePmU h2 {\n margin: 0;\n margin: initial;\n font-weight: 100;\n width: 67%;\n line-height: 0.65;\n -webkit-text-stroke: 0.3px;\n}\n.index-module--DePmU .index-module--nPYHz {\n font-size: 15.6px;\n}\n\n.index-module--DePmU .index-module--vYIA1 {\n font-size: 15.6px;\n}\n\n.index-module--f5D1B.index-module--HKQKa {\n height: 54.4px;\n width: calc(100% - 4px);\n}\n\n.index-module--f5D1B h1 {\n margin: 0px;\n font-size: 17px;\n line-height: 20px;\n}\n\n.index-module--f5D1B.index-module--v_hgu h1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu h1 {\n color: var(--secondaryColor);\n text-shadow: 3px 4px 15px #000000;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n}\n\n.index-module--f5D1B.index-module--v_hgu .index-module--nPYHz,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--nPYHz,\n.index-module--f5D1B.index-module--v_hgu .index-module--vYIA1,\n.index-module--DePmU.index-module--Jnc8i.index-module--v_hgu .index-module--vYIA1 {\n color: white;\n}\n\n.index-module--f5D1B h2 {\n margin: 0;\n margin: initial;\n font-weight: 100;\n width: 67%;\n line-height: 0.65;\n}\n",""]);var a="index-module--HKQKa",s="index-module--vRGHL",l="index-module--f5D1B",u="index-module--gHGCU",x="index-module--MvVu6",c="index-module--DePmU",m="index-module--lRnbu",p="index-module--aRkML",f="index-module--cN5ML",h="index-module--nPYHz",g="index-module--vYIA1",v="index-module--uuqou",b="index-module--Jnc8i",w="index-module--v_hgu";const P=r}}]);

package/build/umd/6724.diva-web-planner-react.umd.min.js.LICENSE.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ /! filename:6724 /

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6772.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6772,59,9119],{26772:(i,e,n)=>{"use strict";n.r(e),n.d(e,{default:()=>L});var l=n(96463),t=(n(87363),n(65515)),d=n.n(t),c=n(9420),a=n(88683),I=n(93379),s=n.n(I),M=n(7795),u=n.n(M),o=n(90569),r=n.n(o),g=n(3565),x=n.n(g),z=n(19216),m=n.n(z),j=n(44589),N=n.n(j),Z=n(99446),b={};b.styleTagTransform=N(),b.setAttributes=x(),b.insert=r().bind(null,"head"),b.domAPI=u(),b.insertStyleElement=m();s()(Z.ZP,b);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var D=n(47514);const L=(0,c.Pi)((function DockFilter(){var i=(0,l.NP)(),e=(0,a.useTranslation)().t;if(!i.paletteViewHandler.plannerItems.doShowFilterTypes())return(0,D.jsx)(D.Fragment,{});var n=function onSelectConfigFilter(e,n,l){i.paletteViewHandler.onSelectFilter(e,n,l)};return(0,D.jsxs)("ul",{style:{float:i.getIsInMobileView()?"left":"none"},className:d()(Z.on,i.uiState.configSettingsIsExpanded?Z.EX:void 0,i.uiState.configSettingsIsMaxExpanded?Z.uL:void 0,i.getIsInMobileView()?Z.ai:void 0),children:[i.settingsState.plannerFilter.curFilteredTypes.DockL&&(0,D.jsx)("li",{className:Z._H,onClick:function onClick(){return n(1,"DockL","DockFilter")},children:(0,D.jsx)("span",{className:d()(Z.sl,Z.kn,i.settingsState.plannerFilter.dockFilter.DockL?Z.zh:void 0),title:e("configurator.LEFT_ELEMENTS")})}),i.settingsState.plannerFilter.curFilteredTypes.DockLR&&(0,D.jsx)("li",{className:Z._H,onClick:function onClick(){return n(1,"DockLR","DockFilter")},children:(0,D.jsx)("span",{className:d()(Z.sl,Z.qv,i.settingsState.plannerFilter.dockFilter.DockLR?Z.zh:void 0),title:e("configurator.MIDDLE_ELEMENTS")})}),i.settingsState.plannerFilter.curFilteredTypes.DockR&&(0,D.jsx)("li",{className:Z._H,onClick:function onClick(){return n(1,"DockR","DockFilter")},children:(0,D.jsx)("span",{className:d()(Z.sl,Z.vP,i.settingsState.plannerFilter.dockFilter.DockR?Z.zh:void 0),title:e("configurator.RIGHT_ELEMENTS")})}),i.settingsState.plannerFilter.curFilteredTypes.DockNone&&(0,D.jsx)("li",{className:Z._H,onClick:function onClick(){return n(1,"DockNone","DockFilter")},children:(0,D.jsx)("span",{className:d()(Z.sl,Z.Ry,i.settingsState.plannerFilter.dockFilter.DockNone?Z.zh:void 0),title:e("configurator.SOLO_ELEMENTS")})}),i.settingsState.plannerFilter.curFilteredTypes.Accessoire&&(0,D.jsx)("li",{className:Z._H,onClick:function onClick(){return n(1,"Accessoire","DockFilter")},children:(0,D.jsx)("span",{className:d()(Z.sl,Z.rv,i.settingsState.plannerFilter.dockFilter.Accessoire?Z.zh:void 0),title:e("configurator.ACCESSOIRE_ELEMENTS")})})]})}))},99446:(i,e,n)=>{"use strict";n.d(e,{EX:()=>U,Ry:()=>w,ZP:()=>E,_H:()=>R,ai:()=>h,kn:()=>T,on:()=>v,qv:()=>C,rv:()=>V,sl:()=>W,uL:()=>H,vP:()=>F,zh:()=>Y});var l=n(8081),t=n.n(l),d=n(23645),c=n.n(d),a=n(61667),I=n.n(a),s=new URL(n(81539),n.b),M=new URL(n(40627),n.b),u=new URL(n(22017),n.b),o=new URL(n(78454),n.b),r=new URL(n(84226),n.b),g=new URL(n(17501),n.b),x=new URL(n(47408),n.b),z=new URL(n(17490),n.b),m=new URL(n(90469),n.b),j=new URL(n(875),n.b),N=c()(t()),Z=I()(s),b=I()(M),D=I()(u),L=I()(o),k=I()(r),S=I()(g),y=I()(x),G=I()(z),P=I()(m),p=I()(j);N.push([i.id,"/*DOCKFilter*/\n.index-module--LkI7v {\n  margin: 0;\n  padding: 0;\n  padding: initial;\n}\n\n@media all and (max-width: 730px) and (orientation: landscape) {\n  .index-module--LkI7v {\n    display: none;\n  }\n}\n\n.index-module--UsFra {\n  height: 25px;\n  width: 25px;\n  background-repeat: no-repeat;\n  background-size: auto 20px;\n  display: inline-block;\n  font-size: 0;\n  text-align: center;\n  z-index: 99;\n  margin-top: 5px;\n  cursor: pointer;\n  transition: 0.35s ease;\n}\n\n.index-module--FUTQS .index-module--UsFra,\n.index-module--wisXd .index-module--UsFra {\n  height: 30px;\n  width: 30px;\n  background-size: auto 25px;\n}\n.index-module--NBhys {\n  display: inline-block;\n  list-style: none outside none;\n  padding: 0 0.3em;\n  cursor: pointer;\n  height: 32px;\n}\n.index-module--UPX4e .index-module--UsFra {\n  height: 22px;\n  width: 22px;\n  background-size: auto 18px;\n}\n\n.index-module--UPX4e .index-module--NBhys {\n  height: 30px;\n  padding: 0 4px;\n}\n\n.index-module--atVxP {\n  background-image: url("+Z+");\n}\n.index-module--atVxP.index-module--sch3W {\n  background-image: url("+b+");\n}\n\n.index-module--TF2Th {\n  background-image: url("+D+");\n}\n.index-module--TF2Th.index-module--sch3W {\n  background-image: url("+L+");\n}\n\n.index-module--cSi6z {\n  background-image: url("+k+");\n}\n.index-module--cSi6z.index-module--sch3W {\n  background-image: url("+S+");\n}\n\n.index-module--Z1w4C {\n  background-image: url("+y+");\n}\n.index-module--Z1w4C.index-module--sch3W {\n  background-image: url("+G+");\n}\n\n.index-module--N61Si {\n  background-image: url("+P+");\n}\n.index-module--N61Si.index-module--sch3W {\n  background-image: url("+p+");\n}\n",""]);var v="index-module--LkI7v",W="index-module--UsFra",U="index-module--FUTQS",H="index-module--wisXd",R="index-module--NBhys",h="index-module--UPX4e",T="index-module--atVxP",Y="index-module--sch3W",C="index-module--TF2Th",F="index-module--cSi6z",w="index-module--Z1w4C",V="index-module--N61Si";const E=N},61667:i=>{"use strict";i.exports=function(i,e){return e||(e={}),i?(i=String(i.__esModule?i.default:i),/^['"].*['"]$/.test(i)&&(i=i.slice(1,-1)),e.hash&&(i+=e.hash),/["'() \t\n]|(%20)/.test(i)||e.needQuotes?'"'.concat(i.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):i):i}},90469:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0My4wNSA0My4xIj48dGl0bGU+UGx1czwvdGl0bGU+PGcgaWQ9IkViZW5lXzIiIGRhdGEtbmFtZT0iRWJlbmUgMiI+PGcgaWQ9IkViZW5lXzMiIGRhdGEtbmFtZT0iRWJlbmUgMyI+PHBhdGggZD0iTTI0Ljc5LDI0Ljc5VjQzLjFIMTguMThWMjQuNzlIMFYxOC4xOEgxOC4xOFYwaDYuNjFWMTguMThINDMuMDV2Ni42MVoiLz48L2c+PC9nPjwvc3ZnPg=="},875:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0My4wNSA0My4xIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2U3NzAzMTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkFkZEFjY2Vzc29pcmVPcmFuZ2U8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV8yLTIiIGRhdGEtbmFtZT0iRWJlbmUgMiI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjQuNzksMjQuNzlWNDMuMUgxOC4xOFYyNC43OUgwVjE4LjE4SDE4LjE4VjBoNi42MVYxOC4xOEg0My4wNXY2LjYxWiIvPjwvZz48L2c+PC9zdmc+"},81539:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MS4xMiA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja0w8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV82IiBkYXRhLW5hbWU9IkViZW5lIDYiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy41IiB5PSIzLjUiIHdpZHRoPSIzOC41IiBoZWlnaHQ9IjM4LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1LjUgNDUuNSkgcm90YXRlKDE4MCkiLz48cG9seWdvbiBwb2ludHM9IjM1IDYuNSA1MS4xMyAyMi42MyAzNSAzOC43NSAzNSAyMi42MyAzNSA2LjUiLz48L2c+PC9nPjwvc3ZnPg=="},40627:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MS4xMiA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O30uY2xzLTJ7ZmlsbDojZTc3MDMxO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja0w8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV82IiBkYXRhLW5hbWU9IkViZW5lIDYiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy41IiB5PSIzLjUiIHdpZHRoPSIzOC41IiBoZWlnaHQ9IjM4LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1LjUgNDUuNSkgcm90YXRlKDE4MCkiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMzUgNi41IDUxLjEzIDIyLjYzIDM1IDM4Ljc1IDM1IDIyLjYzIDM1IDYuNSIvPjwvZz48L2c+PC9zdmc+"},22017:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ny4yNSA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja0xSPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfNiIgZGF0YS1uYW1lPSJFYmVuZSA2Ij48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjkuNjIiIHk9IjMuNSIgd2lkdGg9IjM4LjUiIGhlaWdodD0iMzguNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTcuNzUgNDUuNSkgcm90YXRlKDE4MCkiLz48cG9seWdvbiBwb2ludHM9IjE2LjEzIDM4Ljc1IDAgMjIuNjMgMTYuMTMgNi41IDE2LjEzIDIyLjYzIDE2LjEzIDM4Ljc1Ii8+PHBvbHlnb24gcG9pbnRzPSI0MS4xMyA2LjUgNTcuMjUgMjIuNjMgNDEuMTMgMzguNzUgNDEuMTMgMjIuNjMgNDEuMTMgNi41Ii8+PC9nPjwvZz48L3N2Zz4="},78454:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ny4yNSA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O30uY2xzLTJ7ZmlsbDojZTc3MDMxO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja0xSPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfNiIgZGF0YS1uYW1lPSJFYmVuZSA2Ij48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjkuNjIiIHk9IjMuNSIgd2lkdGg9IjM4LjUiIGhlaWdodD0iMzguNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTcuNzUgNDUuNSkgcm90YXRlKDE4MCkiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMTYuMTMgMzguNzUgMCAyMi42MyAxNi4xMyA2LjUgMTYuMTMgMjIuNjMgMTYuMTMgMzguNzUiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iNDEuMTMgNi41IDU3LjI1IDIyLjYzIDQxLjEzIDM4Ljc1IDQxLjEzIDIyLjYzIDQxLjEzIDYuNSIvPjwvZz48L2c+PC9zdmc+"},47408:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NS41IDQ1LjUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZDNkM2QzO3N0cm9rZTojZDNkM2QzO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDo3cHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Eb2NrTm9uZTwvdGl0bGU+PGcgaWQ9IkViZW5lXzIiIGRhdGEtbmFtZT0iRWJlbmUgMiI+PGcgaWQ9IkViZW5lXzYiIGRhdGEtbmFtZT0iRWJlbmUgNiI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjUiIHk9IjMuNSIgd2lkdGg9IjM4LjUiIGhlaWdodD0iMzguNSIvPjxyZWN0IHg9IjExLjUiIHk9IjExIiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiLz48L2c+PC9nPjwvc3ZnPg=="},17490:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NS41IDQ1LjUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZDNkM2QzO3N0cm9rZTojZDNkM2QzO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDo3cHg7fS5jbHMtMntmaWxsOiNlNzcwMzE7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Eb2NrTm9uZU9yYW5nZTwvdGl0bGU+PGcgaWQ9IkViZW5lXzIiIGRhdGEtbmFtZT0iRWJlbmUgMiI+PGcgaWQ9IkViZW5lXzYiIGRhdGEtbmFtZT0iRWJlbmUgNiI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjUiIHk9IjMuNSIgd2lkdGg9IjM4LjUiIGhlaWdodD0iMzguNSIvPjxyZWN0IGNsYXNzPSJjbHMtMiIgeD0iMTEuNSIgeT0iMTEiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIvPjwvZz48L2c+PC9zdmc+"},84226:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MS4xMiA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja1I8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV82IiBkYXRhLW5hbWU9IkViZW5lIDYiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iOS4xMiIgeT0iMy41IiB3aWR0aD0iMzguNSIgaGVpZ2h0PSIzOC41Ii8+PHBvbHlnb24gcG9pbnRzPSIxNi4xMyAzOS4yNSAwIDIzLjEzIDE2LjEzIDcgMTYuMTMgMjMuMTMgMTYuMTMgMzkuMjUiLz48L2c+PC9nPjwvc3ZnPg=="},17501:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MS4xMiA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O30uY2xzLTJ7ZmlsbDojZTc3MDMxO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja1I8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV82IiBkYXRhLW5hbWU9IkViZW5lIDYiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iOS4xMiIgeT0iMy41IiB3aWR0aD0iMzguNSIgaGVpZ2h0PSIzOC41Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjE2LjEzIDM5LjI1IDAgMjMuMTMgMTYuMTMgNyAxNi4xMyAyMy4xMyAxNi4xMyAzOS4yNSIvPjwvZz48L2c+PC9zdmc+"},65515:(i,e)=>{var n;!function(){"use strict";var l={}.hasOwnProperty;function classNames(){for(var i="",e=0;e<arguments.length;e++){var n=arguments[e];n&&(i=appendClass(i,parseValue(n)))}return i}function parseValue(i){if("string"==typeof i||"number"==typeof i)return i;if("object"!=typeof i)return"";if(Array.isArray(i))return classNames.apply(null,i);if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]"))return i.toString();var e="";for(var n in i)l.call(i,n)&&i[n]&&(e=appendClass(e,n));return e}function appendClass(i,e){return e?i?i+" "+e:i+e:i}i.exports?(classNames.default=classNames,i.exports=classNames):void 0===(n=function(){return classNames}.apply(e,[]))||(i.exports=n)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6772,59],{26772:(i,e,n)=>{"use strict";n.r(e),n.d(e,{default:()=>L});var l=n(96463),t=(n(87363),n(65515)),d=n.n(t),c=n(9420),a=n(88683),I=n(93379),s=n.n(I),M=n(7795),u=n.n(M),o=n(90569),r=n.n(o),g=n(3565),x=n.n(g),z=n(19216),m=n.n(z),j=n(44589),N=n.n(j),Z=n(99446),b={};b.styleTagTransform=N(),b.setAttributes=x(),b.insert=r().bind(null,"head"),b.domAPI=u(),b.insertStyleElement=m();s()(Z.ZP,b);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var D=n(47514);const L=(0,c.Pi)((function DockFilter(){var i=(0,l.NP)(),e=(0,a.useTranslation)().t;if(!i.paletteViewHandler.plannerItems.doShowFilterTypes())return(0,D.jsx)(D.Fragment,{});var n=function onSelectConfigFilter(e,n,l){i.paletteViewHandler.onSelectFilter(e,n,l)};return(0,D.jsxs)("ul",{style:{float:i.getIsInMobileView()?"left":"none"},className:d()(Z.on,i.uiState.configSettingsIsExpanded?Z.EX:void 0,i.uiState.configSettingsIsMaxExpanded?Z.uL:void 0,i.getIsInMobileView()?Z.ai:void 0),children:[i.settingsState.plannerFilter.curFilteredTypes.DockL&&(0,D.jsx)("li",{className:Z._H,onClick:function onClick(){return n(1,"DockL","DockFilter")},children:(0,D.jsx)("span",{className:d()(Z.sl,Z.kn,i.settingsState.plannerFilter.dockFilter.DockL?Z.zh:void 0),title:e("configurator.LEFT_ELEMENTS")})}),i.settingsState.plannerFilter.curFilteredTypes.DockLR&&(0,D.jsx)("li",{className:Z._H,onClick:function onClick(){return n(1,"DockLR","DockFilter")},children:(0,D.jsx)("span",{className:d()(Z.sl,Z.qv,i.settingsState.plannerFilter.dockFilter.DockLR?Z.zh:void 0),title:e("configurator.MIDDLE_ELEMENTS")})}),i.settingsState.plannerFilter.curFilteredTypes.DockR&&(0,D.jsx)("li",{className:Z._H,onClick:function onClick(){return n(1,"DockR","DockFilter")},children:(0,D.jsx)("span",{className:d()(Z.sl,Z.vP,i.settingsState.plannerFilter.dockFilter.DockR?Z.zh:void 0),title:e("configurator.RIGHT_ELEMENTS")})}),i.settingsState.plannerFilter.curFilteredTypes.DockNone&&(0,D.jsx)("li",{className:Z._H,onClick:function onClick(){return n(1,"DockNone","DockFilter")},children:(0,D.jsx)("span",{className:d()(Z.sl,Z.Ry,i.settingsState.plannerFilter.dockFilter.DockNone?Z.zh:void 0),title:e("configurator.SOLO_ELEMENTS")})}),i.settingsState.plannerFilter.curFilteredTypes.Accessoire&&(0,D.jsx)("li",{className:Z._H,onClick:function onClick(){return n(1,"Accessoire","DockFilter")},children:(0,D.jsx)("span",{className:d()(Z.sl,Z.rv,i.settingsState.plannerFilter.dockFilter.Accessoire?Z.zh:void 0),title:e("configurator.ACCESSOIRE_ELEMENTS")})})]})}))},99446:(i,e,n)=>{"use strict";n.d(e,{EX:()=>U,Ry:()=>w,ZP:()=>E,_H:()=>R,ai:()=>h,kn:()=>T,on:()=>v,qv:()=>C,rv:()=>V,sl:()=>W,uL:()=>H,vP:()=>F,zh:()=>Y});var l=n(8081),t=n.n(l),d=n(23645),c=n.n(d),a=n(61667),I=n.n(a),s=new URL(n(81539),n.b),M=new URL(n(40627),n.b),u=new URL(n(22017),n.b),o=new URL(n(78454),n.b),r=new URL(n(84226),n.b),g=new URL(n(17501),n.b),x=new URL(n(47408),n.b),z=new URL(n(17490),n.b),m=new URL(n(90469),n.b),j=new URL(n(875),n.b),N=c()(t()),Z=I()(s),b=I()(M),D=I()(u),L=I()(o),k=I()(r),S=I()(g),y=I()(x),G=I()(z),P=I()(m),p=I()(j);N.push([i.id,"/*DOCKFilter*/\n.index-module--LkI7v {\n  margin: 0;\n  padding: 0;\n  padding: initial;\n}\n\n@media all and (max-width: 730px) and (orientation: landscape) {\n  .index-module--LkI7v {\n    display: none;\n  }\n}\n\n.index-module--UsFra {\n  height: 25px;\n  width: 25px;\n  background-repeat: no-repeat;\n  background-size: auto 20px;\n  display: inline-block;\n  font-size: 0;\n  text-align: center;\n  z-index: 99;\n  margin-top: 5px;\n  cursor: pointer;\n  transition: 0.35s ease;\n}\n\n.index-module--FUTQS .index-module--UsFra,\n.index-module--wisXd .index-module--UsFra {\n  height: 30px;\n  width: 30px;\n  background-size: auto 25px;\n}\n.index-module--NBhys {\n  display: inline-block;\n  list-style: none outside none;\n  padding: 0 0.3em;\n  cursor: pointer;\n  height: 32px;\n}\n.index-module--UPX4e .index-module--UsFra {\n  height: 22px;\n  width: 22px;\n  background-size: auto 18px;\n}\n\n.index-module--UPX4e .index-module--NBhys {\n  height: 30px;\n  padding: 0 4px;\n}\n\n.index-module--atVxP {\n  background-image: url("+Z+");\n}\n.index-module--atVxP.index-module--sch3W {\n  background-image: url("+b+");\n}\n\n.index-module--TF2Th {\n  background-image: url("+D+");\n}\n.index-module--TF2Th.index-module--sch3W {\n  background-image: url("+L+");\n}\n\n.index-module--cSi6z {\n  background-image: url("+k+");\n}\n.index-module--cSi6z.index-module--sch3W {\n  background-image: url("+S+");\n}\n\n.index-module--Z1w4C {\n  background-image: url("+y+");\n}\n.index-module--Z1w4C.index-module--sch3W {\n  background-image: url("+G+");\n}\n\n.index-module--N61Si {\n  background-image: url("+P+");\n}\n.index-module--N61Si.index-module--sch3W {\n  background-image: url("+p+");\n}\n",""]);var v="index-module--LkI7v",W="index-module--UsFra",U="index-module--FUTQS",H="index-module--wisXd",R="index-module--NBhys",h="index-module--UPX4e",T="index-module--atVxP",Y="index-module--sch3W",C="index-module--TF2Th",F="index-module--cSi6z",w="index-module--Z1w4C",V="index-module--N61Si";const E=N},61667:i=>{"use strict";i.exports=function(i,e){return e||(e={}),i?(i=String(i.__esModule?i.default:i),/^['"].*['"]$/.test(i)&&(i=i.slice(1,-1)),e.hash&&(i+=e.hash),/["'() \t\n]|(%20)/.test(i)||e.needQuotes?'"'.concat(i.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):i):i}},90469:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0My4wNSA0My4xIj48dGl0bGU+UGx1czwvdGl0bGU+PGcgaWQ9IkViZW5lXzIiIGRhdGEtbmFtZT0iRWJlbmUgMiI+PGcgaWQ9IkViZW5lXzMiIGRhdGEtbmFtZT0iRWJlbmUgMyI+PHBhdGggZD0iTTI0Ljc5LDI0Ljc5VjQzLjFIMTguMThWMjQuNzlIMFYxOC4xOEgxOC4xOFYwaDYuNjFWMTguMThINDMuMDV2Ni42MVoiLz48L2c+PC9nPjwvc3ZnPg=="},875:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0My4wNSA0My4xIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2U3NzAzMTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkFkZEFjY2Vzc29pcmVPcmFuZ2U8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV8yLTIiIGRhdGEtbmFtZT0iRWJlbmUgMiI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjQuNzksMjQuNzlWNDMuMUgxOC4xOFYyNC43OUgwVjE4LjE4SDE4LjE4VjBoNi42MVYxOC4xOEg0My4wNXY2LjYxWiIvPjwvZz48L2c+PC9zdmc+"},81539:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MS4xMiA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja0w8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV82IiBkYXRhLW5hbWU9IkViZW5lIDYiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy41IiB5PSIzLjUiIHdpZHRoPSIzOC41IiBoZWlnaHQ9IjM4LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1LjUgNDUuNSkgcm90YXRlKDE4MCkiLz48cG9seWdvbiBwb2ludHM9IjM1IDYuNSA1MS4xMyAyMi42MyAzNSAzOC43NSAzNSAyMi42MyAzNSA2LjUiLz48L2c+PC9nPjwvc3ZnPg=="},40627:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MS4xMiA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O30uY2xzLTJ7ZmlsbDojZTc3MDMxO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja0w8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV82IiBkYXRhLW5hbWU9IkViZW5lIDYiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iMy41IiB5PSIzLjUiIHdpZHRoPSIzOC41IiBoZWlnaHQ9IjM4LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ1LjUgNDUuNSkgcm90YXRlKDE4MCkiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMzUgNi41IDUxLjEzIDIyLjYzIDM1IDM4Ljc1IDM1IDIyLjYzIDM1IDYuNSIvPjwvZz48L2c+PC9zdmc+"},22017:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ny4yNSA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja0xSPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfNiIgZGF0YS1uYW1lPSJFYmVuZSA2Ij48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjkuNjIiIHk9IjMuNSIgd2lkdGg9IjM4LjUiIGhlaWdodD0iMzguNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTcuNzUgNDUuNSkgcm90YXRlKDE4MCkiLz48cG9seWdvbiBwb2ludHM9IjE2LjEzIDM4Ljc1IDAgMjIuNjMgMTYuMTMgNi41IDE2LjEzIDIyLjYzIDE2LjEzIDM4Ljc1Ii8+PHBvbHlnb24gcG9pbnRzPSI0MS4xMyA2LjUgNTcuMjUgMjIuNjMgNDEuMTMgMzguNzUgNDEuMTMgMjIuNjMgNDEuMTMgNi41Ii8+PC9nPjwvZz48L3N2Zz4="},78454:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ny4yNSA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O30uY2xzLTJ7ZmlsbDojZTc3MDMxO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja0xSPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfNiIgZGF0YS1uYW1lPSJFYmVuZSA2Ij48cmVjdCBjbGFzcz0iY2xzLTEiIHg9IjkuNjIiIHk9IjMuNSIgd2lkdGg9IjM4LjUiIGhlaWdodD0iMzguNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTcuNzUgNDUuNSkgcm90YXRlKDE4MCkiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMTYuMTMgMzguNzUgMCAyMi42MyAxNi4xMyA2LjUgMTYuMTMgMjIuNjMgMTYuMTMgMzguNzUiLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iNDEuMTMgNi41IDU3LjI1IDIyLjYzIDQxLjEzIDM4Ljc1IDQxLjEzIDIyLjYzIDQxLjEzIDYuNSIvPjwvZz48L2c+PC9zdmc+"},47408:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NS41IDQ1LjUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZDNkM2QzO3N0cm9rZTojZDNkM2QzO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDo3cHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Eb2NrTm9uZTwvdGl0bGU+PGcgaWQ9IkViZW5lXzIiIGRhdGEtbmFtZT0iRWJlbmUgMiI+PGcgaWQ9IkViZW5lXzYiIGRhdGEtbmFtZT0iRWJlbmUgNiI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjUiIHk9IjMuNSIgd2lkdGg9IjM4LjUiIGhlaWdodD0iMzguNSIvPjxyZWN0IHg9IjExLjUiIHk9IjExIiB3aWR0aD0iMjMiIGhlaWdodD0iMjMiLz48L2c+PC9nPjwvc3ZnPg=="},17490:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NS41IDQ1LjUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZDNkM2QzO3N0cm9rZTojZDNkM2QzO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDo3cHg7fS5jbHMtMntmaWxsOiNlNzcwMzE7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5Eb2NrTm9uZU9yYW5nZTwvdGl0bGU+PGcgaWQ9IkViZW5lXzIiIGRhdGEtbmFtZT0iRWJlbmUgMiI+PGcgaWQ9IkViZW5lXzYiIGRhdGEtbmFtZT0iRWJlbmUgNiI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzLjUiIHk9IjMuNSIgd2lkdGg9IjM4LjUiIGhlaWdodD0iMzguNSIvPjxyZWN0IGNsYXNzPSJjbHMtMiIgeD0iMTEuNSIgeT0iMTEiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIvPjwvZz48L2c+PC9zdmc+"},84226:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MS4xMiA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja1I8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV82IiBkYXRhLW5hbWU9IkViZW5lIDYiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iOS4xMiIgeT0iMy41IiB3aWR0aD0iMzguNSIgaGVpZ2h0PSIzOC41Ii8+PHBvbHlnb24gcG9pbnRzPSIxNi4xMyAzOS4yNSAwIDIzLjEzIDE2LjEzIDcgMTYuMTMgMjMuMTMgMTYuMTMgMzkuMjUiLz48L2c+PC9nPjwvc3ZnPg=="},17501:i=>{"use strict";i.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MS4xMiA0NS41Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2QzZDNkMztzdHJva2U6I2QzZDNkMztzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6N3B4O30uY2xzLTJ7ZmlsbDojZTc3MDMxO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RG9ja1I8L3RpdGxlPjxnIGlkPSJFYmVuZV8yIiBkYXRhLW5hbWU9IkViZW5lIDIiPjxnIGlkPSJFYmVuZV82IiBkYXRhLW5hbWU9IkViZW5lIDYiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iOS4xMiIgeT0iMy41IiB3aWR0aD0iMzguNSIgaGVpZ2h0PSIzOC41Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjE2LjEzIDM5LjI1IDAgMjMuMTMgMTYuMTMgNyAxNi4xMyAyMy4xMyAxNi4xMyAzOS4yNSIvPjwvZz48L2c+PC9zdmc+"},65515:(i,e)=>{var n;!function(){"use strict";var l={}.hasOwnProperty;function classNames(){for(var i="",e=0;e<arguments.length;e++){var n=arguments[e];n&&(i=appendClass(i,parseValue(n)))}return i}function parseValue(i){if("string"==typeof i||"number"==typeof i)return i;if("object"!=typeof i)return"";if(Array.isArray(i))return classNames.apply(null,i);if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]"))return i.toString();var e="";for(var n in i)l.call(i,n)&&i[n]&&(e=appendClass(e,n));return e}function appendClass(i,e){return e?i?i+" "+e:i+e:i}i.exports?(classNames.default=classNames,i.exports=classNames):void 0===(n=function(){return classNames}.apply(e,[]))||(i.exports=n)}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7242.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7242,3812,7810,59,3046,304,9119],{10304:(e,t,n)=>{"use strict";t.Z=void 0;var r=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={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var a=r?Object.getOwnPropertyDescriptor(e,o):null;a&&(a.get||a.set)?Object.defineProperty(n,o,a):n[o]=e[o]}n.default=e,t&&t.set(e,n);return n}(n(87363)),o=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 r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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 r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}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,r.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 r=0,o=t.length;r<o;r++)if("group"===t[r].type){var a=t[r].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[r].value&&t[r].value===e&&(n=t[r]);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,o.default)(s),c=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 r.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"},c),a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,o=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=r.default.createElement("div",{className:"".concat(o,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return r.default.createElement("div",{className:"".concat(o,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:r.default.createElement("div",{className:"".concat(o,"-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,c=s.controlClassName,u=s.placeholderClassName,d=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,y=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,o.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,o.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,c,!!c),_defineProperty(t,y,!!y),t)),O=(0,o.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,u,!!u),_defineProperty(n,"is-selected",this.isValueSelected()),n)),x=(0,o.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,d,!!d),a)),P=(0,o.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),_=r.default.createElement("div",{className:O},v),w=this.state.isOpen?r.default.createElement("div",{className:x,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:b},r.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},_,r.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:r.default.createElement("span",{className:P}))),w)}}]),Dropdown}(r.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.Z=s},73812:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f});var r=n(34988),o=n(65515),a=n.n(o),i=n(87363),s=n(10304),l=n(20196),c=n(73046),u=n(96463),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),o=(0,r.Z)(n,1)[0],f=(0,i.useState)(),h=(0,r.Z)(f,2),m=h[0],y=h[1],v=(0,u.NP)();(0,i.useEffect)((function(){t.layout=null!=m?m:o,v.paletteViewHandler.updateCurPaletteData(!0)}),[m]),(0,i.useEffect)((function(){return function(){t.layout=o,v.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var b=(0,d.jsx)(c.default,{onClick:function onClick(){return y(void 0)},open:!1,iconAsDelete:!!m});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:m,onChange:function onChange(e){return y(e.value)},placeholder:o,arrowClosed:b,arrowOpen:b})]})}},27810:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>u});var r=n(65515),o=n.n(r),a=n(9420),i=(n(87363),n(10304)),s=n(20196),l=n(73046),c=n(47514);const u=(0,a.Pi)((function OptionsSelector(e){var t=e.options,n=e.optionState,r=(0,c.jsx)(l.default,{onClick:function onClick(){return n[1](void 0)},open:!1,iconAsDelete:!!n[0]});return(0,c.jsx)("div",{className:s.YS,children:(0,c.jsx)(i.Z,{className:o()(s.oF),controlClassName:s.x_,options:t.map((function(e){return{label:e.name,value:e.codex}})),value:n[0],onChange:function onChange(e){return n[1](e.value)},placeholder:"Option",arrowClosed:r,arrowOpen:r})})}))},47242:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>E});var r=n(80248),o=n(84658),a=n(34988),i=n(50747),s=n.n(i),l=n(65515),c=n.n(l),u=n(9420),d=n(96463),p=n(87363),f=n(93379),h=n.n(f),m=n(7795),y=n.n(m),v=n(90569),b=n.n(v),g=n(3565),O=n.n(g),x=n(19216),P=n.n(x),_=n(44589),w=n.n(_),C=n(7046),D={};D.styleTagTransform=w(),D.setAttributes=O(),D.insert=b().bind(null,"head"),D.domAPI=y(),D.insertStyleElement=P();h()(C.ZP,D);C.ZP&&C.ZP.locals&&C.ZP.locals;var S=n(27810),k=n(73812),N=n(88683),j=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const E=(0,u.Pi)((function CatalogMakeup(e){var t=(0,d.NP)(),n=(0,p.useState)([]),r=(0,a.Z)(n,2),i=r[0],l=r[1],u=(0,p.useState)(),f=(0,a.Z)(u,2),h=f[0],m=f[1],y=null==i?void 0:i.find((function(e){return e.codex===h}));(0,p.useEffect)((function(){var e=t.divaWebPlanner.actSet(),n=null==e?void 0:e.CatalogData.getOptions();null!=n&&n.length&&l(n)}),[t.settingsState.configChanged]),(0,p.useEffect)((function(){var e=null==i?void 0:i.find((function(e){return e.codex===h}));e&&v(e)}),[h]);var v=function(){var e=(0,o.Z)(s().mark((function _callee(e){var n;return s().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:if(!(n=t.configuratorStructureHandler.getFirstConfigStepByOptionCodex(e.codex))){r.next=7;break}return t.configuratorStructureHandler.navigateToConfigStepByConfigStepKey(null==n?void 0:n.key),t.updateConfiguratorState(!0),r.next=6,N.DivaUtils.Sleep(100);case 6:t.paletteViewHandler.scrollToConfigStepByPosNr(n.posNr,!0);case 7:case"end":return r.stop()}}),_callee)})));return function naviagateToOption(t){return e.apply(this,arguments)}}();return(0,j.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:c()(e.className,C.fm),children:(0,j.jsxs)("div",{className:C.YS,children:[(0,j.jsx)("a",{className:C.Fs,children:"CatalogMakeup"}),(0,j.jsxs)("div",{className:C.nC,children:[(0,j.jsx)(S.default,{options:i,optionState:[h,m]}),y&&(0,j.jsx)(k.default,{option:y},y.codex)]})]})}))}))},73046:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>P});var r=n(72874),o=(n(87363),n(93379)),a=n.n(o),i=n(7795),s=n.n(i),l=n(90569),c=n.n(l),u=n(3565),d=n.n(u),p=n(19216),f=n.n(p),h=n(44589),m=n.n(h),y=n(8368),v={};v.styleTagTransform=m(),v.setAttributes=d(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=n(65515),g=n.n(b),O=n(47514),x=["onClick","iconAsDelete","open"];const P=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,o=e.open,a=(0,r.Z)(e,x);return(0,O.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(y.xX,n?y.zl:void 0,n?void 0:o?y.h1:y.Oe,a.className)})}},95044:(e,t,n)=>{"use strict";n.d(t,{YS:()=>s,ZP:()=>u,oF:()=>l,x_:()=>c});var r=n(8081),o=n.n(r),a=n(23645),i=n.n(a)()(o());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",c="index-module--h2JpC";const u=i},7046:(e,t,n)=>{"use strict";n.d(t,{Fs:()=>c,YS:()=>s,ZP:()=>d,fm:()=>l,nC:()=>u});var r=n(8081),o=n.n(r),a=n(23645),i=n.n(a)()(o());i.push([e.id,".index-module--tlOAN {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: #fff;\n}\n.index-module--Y4cLX {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--mAsES {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n.index-module--Ool1Y {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n",""]);var s="index-module--tlOAN",l="index-module--Y4cLX",c="index-module--mAsES",u="index-module--Ool1Y";const d=i},8368:(e,t,n)=>{"use strict";n.d(t,{Oe:()=>v,ZP:()=>b,h1:()=>y,xX:()=>h,zl:()=>m});var r=n(8081),o=n.n(r),a=n(23645),i=n.n(a),s=n(61667),l=n.n(s),c=new URL(n(49797),n.b),u=new URL(n(24827),n.b),d=i()(o()),p=l()(c),f=l()(u);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_",m="index-module--qA_2S",y="index-module--GLLUM",v="index-module--ctBIw";const b=d},61667:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},20196:(e,t,n)=>{"use strict";n.d(t,{YS:()=>m.YS,oF:()=>m.oF,x_:()=>m.x_});var r=n(93379),o=n.n(r),a=n(7795),i=n.n(a),s=n(90569),l=n.n(s),c=n(3565),u=n.n(c),d=n(19216),p=n.n(d),f=n(44589),h=n.n(f),m=n(95044),y={};y.styleTagTransform=h(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=i(),y.insertStyleElement=p();o()(m.ZP,y),m.ZP&&m.ZP.locals&&m.ZP.locals},49797:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},65515:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=appendClass(e,parseValue(n)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=appendClass(t,n));return t}function appendClass(e,t){return t?e?e+" "+t:e+t:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7242,3812,7810,3046,304,59],{10304:(e,t,n)=>{"use strict";t.Z=void 0;var r=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={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var a=r?Object.getOwnPropertyDescriptor(e,o):null;a&&(a.get||a.set)?Object.defineProperty(n,o,a):n[o]=e[o]}n.default=e,t&&t.set(e,n);return n}(n(87363)),o=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 r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}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 r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}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,r.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 r=0,o=t.length;r<o;r++)if("group"===t[r].type){var a=t[r].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[r].value&&t[r].value===e&&(n=t[r]);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,o.default)(s),c=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 r.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"},c),a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,o=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=r.default.createElement("div",{className:"".concat(o,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return r.default.createElement("div",{className:"".concat(o,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:r.default.createElement("div",{className:"".concat(o,"-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,c=s.controlClassName,u=s.placeholderClassName,d=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,y=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,o.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,o.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,c,!!c),_defineProperty(t,y,!!y),t)),O=(0,o.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,u,!!u),_defineProperty(n,"is-selected",this.isValueSelected()),n)),x=(0,o.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,d,!!d),a)),P=(0,o.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),_=r.default.createElement("div",{className:O},v),w=this.state.isOpen?r.default.createElement("div",{className:x,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:b},r.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},_,r.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:r.default.createElement("span",{className:P}))),w)}}]),Dropdown}(r.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.Z=s},73812:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>f});var r=n(34988),o=n(65515),a=n.n(o),i=n(87363),s=n(10304),l=n(20196),c=n(73046),u=n(96463),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),o=(0,r.Z)(n,1)[0],f=(0,i.useState)(),h=(0,r.Z)(f,2),m=h[0],y=h[1],v=(0,u.NP)();(0,i.useEffect)((function(){t.layout=null!=m?m:o,v.paletteViewHandler.updateCurPaletteData(!0)}),[m]),(0,i.useEffect)((function(){return function(){t.layout=o,v.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var b=(0,d.jsx)(c.default,{onClick:function onClick(){return y(void 0)},open:!1,iconAsDelete:!!m});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:m,onChange:function onChange(e){return y(e.value)},placeholder:o,arrowClosed:b,arrowOpen:b})]})}},27810:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>u});var r=n(65515),o=n.n(r),a=n(9420),i=(n(87363),n(10304)),s=n(20196),l=n(73046),c=n(47514);const u=(0,a.Pi)((function OptionsSelector(e){var t=e.options,n=e.optionState,r=(0,c.jsx)(l.default,{onClick:function onClick(){return n[1](void 0)},open:!1,iconAsDelete:!!n[0]});return(0,c.jsx)("div",{className:s.YS,children:(0,c.jsx)(i.Z,{className:o()(s.oF),controlClassName:s.x_,options:t.map((function(e){return{label:e.name,value:e.codex}})),value:n[0],onChange:function onChange(e){return n[1](e.value)},placeholder:"Option",arrowClosed:r,arrowOpen:r})})}))},47242:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>E});var r=n(80248),o=n(84658),a=n(34988),i=n(50747),s=n.n(i),l=n(65515),c=n.n(l),u=n(9420),d=n(96463),p=n(87363),f=n(93379),h=n.n(f),m=n(7795),y=n.n(m),v=n(90569),b=n.n(v),g=n(3565),O=n.n(g),x=n(19216),P=n.n(x),_=n(44589),w=n.n(_),C=n(7046),D={};D.styleTagTransform=w(),D.setAttributes=O(),D.insert=b().bind(null,"head"),D.domAPI=y(),D.insertStyleElement=P();h()(C.ZP,D);C.ZP&&C.ZP.locals&&C.ZP.locals;var S=n(27810),k=n(73812),N=n(88683),j=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const E=(0,u.Pi)((function CatalogMakeup(e){var t=(0,d.NP)(),n=(0,p.useState)([]),r=(0,a.Z)(n,2),i=r[0],l=r[1],u=(0,p.useState)(),f=(0,a.Z)(u,2),h=f[0],m=f[1],y=null==i?void 0:i.find((function(e){return e.codex===h}));(0,p.useEffect)((function(){var e=t.divaWebPlanner.actSet(),n=null==e?void 0:e.CatalogData.getOptions();null!=n&&n.length&&l(n)}),[t.settingsState.configChanged]),(0,p.useEffect)((function(){var e=null==i?void 0:i.find((function(e){return e.codex===h}));e&&v(e)}),[h]);var v=function(){var e=(0,o.Z)(s().mark((function _callee(e){var n;return s().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:if(!(n=t.configuratorStructureHandler.getFirstConfigStepByOptionCodex(e.codex))){r.next=7;break}return t.configuratorStructureHandler.navigateToConfigStepByConfigStepKey(null==n?void 0:n.key),t.updateConfiguratorState(!0),r.next=6,N.DivaUtils.Sleep(100);case 6:t.paletteViewHandler.scrollToConfigStepByPosNr(n.posNr,!0);case 7:case"end":return r.stop()}}),_callee)})));return function naviagateToOption(t){return e.apply(this,arguments)}}();return(0,j.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:c()(e.className,C.fm),children:(0,j.jsxs)("div",{className:C.YS,children:[(0,j.jsx)("a",{className:C.Fs,children:"CatalogMakeup"}),(0,j.jsxs)("div",{className:C.nC,children:[(0,j.jsx)(S.default,{options:i,optionState:[h,m]}),y&&(0,j.jsx)(k.default,{option:y},y.codex)]})]})}))}))},73046:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>P});var r=n(72874),o=(n(87363),n(93379)),a=n.n(o),i=n(7795),s=n.n(i),l=n(90569),c=n.n(l),u=n(3565),d=n.n(u),p=n(19216),f=n.n(p),h=n(44589),m=n.n(h),y=n(8368),v={};v.styleTagTransform=m(),v.setAttributes=d(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=n(65515),g=n.n(b),O=n(47514),x=["onClick","iconAsDelete","open"];const P=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,o=e.open,a=(0,r.Z)(e,x);return(0,O.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(y.xX,n?y.zl:void 0,n?void 0:o?y.h1:y.Oe,a.className)})}},95044:(e,t,n)=>{"use strict";n.d(t,{YS:()=>s,ZP:()=>u,oF:()=>l,x_:()=>c});var r=n(8081),o=n.n(r),a=n(23645),i=n.n(a)()(o());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",c="index-module--h2JpC";const u=i},7046:(e,t,n)=>{"use strict";n.d(t,{Fs:()=>c,YS:()=>s,ZP:()=>d,fm:()=>l,nC:()=>u});var r=n(8081),o=n.n(r),a=n(23645),i=n.n(a)()(o());i.push([e.id,".index-module--tlOAN {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: #fff;\n}\n.index-module--Y4cLX {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--mAsES {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n.index-module--Ool1Y {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n",""]);var s="index-module--tlOAN",l="index-module--Y4cLX",c="index-module--mAsES",u="index-module--Ool1Y";const d=i},8368:(e,t,n)=>{"use strict";n.d(t,{Oe:()=>v,ZP:()=>b,h1:()=>y,xX:()=>h,zl:()=>m});var r=n(8081),o=n.n(r),a=n(23645),i=n.n(a),s=n(61667),l=n.n(s),c=new URL(n(49797),n.b),u=new URL(n(24827),n.b),d=i()(o()),p=l()(c),f=l()(u);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_",m="index-module--qA_2S",y="index-module--GLLUM",v="index-module--ctBIw";const b=d},61667:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},20196:(e,t,n)=>{"use strict";n.d(t,{YS:()=>m.YS,oF:()=>m.oF,x_:()=>m.x_});var r=n(93379),o=n.n(r),a=n(7795),i=n.n(a),s=n(90569),l=n.n(s),c=n(3565),u=n.n(c),d=n(19216),p=n.n(d),f=n(44589),h=n.n(f),m=n(95044),y={};y.styleTagTransform=h(),y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=i(),y.insertStyleElement=p();o()(m.ZP,y),m.ZP&&m.ZP.locals&&m.ZP.locals},49797:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{"use strict";e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="},65515:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=appendClass(e,parseValue(n)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=appendClass(t,n));return t}function appendClass(e,t){return t?e?e+" "+t:e+t:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7282.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7282,9001,9360,4190],{3827:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(96463),i=t(9420),r=(t(87363),t(93379)),d=t.n(r),a=t(7795),l=t.n(a),s=t(90569),u=t.n(s),c=t(3565),x=t.n(c),p=t(19216),m=t.n(p),g=t(44589),b=t.n(g),f=t(38921),h={};h.styleTagTransform=b(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=m();d()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=t(65515),v=t.n(y),w=t(88683),j=t(47514);const S=(0,i.Pi)((function BasketActionStandard(n){var e=n.buttonTextClassName,t=void 0===e?f.UU:e,i=n.buttonPriceClassName,r=void 0===i?f.QD:i,d=n.containerClassName,a=n.price,l=(0,o.NP)(),s=(0,w.useDivaCore)().state.hidePrices,u=(0,w.useTranslation)().t;return(0,j.jsx)("div",{className:v()(f.tM,d),children:(0,j.jsxs)("div",{className:f.m2,onClick:function onClick(){return l.actionButtonState.onClickAddToBasket()},id:"wcConfigurator-action-tobasket",children:[(0,j.jsx)("div",{className:t,children:u("configurator.ADD_TO_BASKET")}),!s&&"horizontal"==l.tabGroupState.curTabGroupType&&a&&(0,j.jsx)("div",{className:r,children:a})]})})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=t(88291),r=(t(87363),t(96463)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,d.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket()}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39360:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BarrierActions(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"GlobalElements/BarrierActions"}))}},78328:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(84658),i=t(88291),r=t(50747),d=t.n(r),a=t(96463),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),m=t(90569),g=t.n(m),b=t(3565),f=t.n(b),h=t(19216),y=t.n(h),v=t(44589),w=t.n(v),j=t(39545),S={};S.styleTagTransform=w(),S.setAttributes=f(),S.insert=g().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=y();c()(j.ZP,S);j.ZP&&j.ZP.locals&&j.ZP.locals;var I=t(47514);const O=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,a.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(d().mark((function _callee(){return d().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:j.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:j.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:j.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:j.vX,onClick:s})]})]})})}))},87282:(n,e,t)=>{t.r(e),t.d(e,{default:()=>L});var o=t(88291),i=t(65515),r=t.n(i),d=t(96463),a=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),m=t(3565),g=t.n(m),b=t(19216),f=t.n(b),h=t(44589),y=t.n(h),v=t(52284),w={};w.styleTagTransform=y(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();s()(v.ZP,w);v.ZP&&v.ZP.locals&&v.ZP.locals;var j=t(78328),S=t(34190),I=t(77974),O=t(89112),P=t(69001),k=t(88683),N=t(3827),M=t(9420),C=t(68063),B=t(45411),D=t(39360),Z=t(47514),E={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5; ","--globalBorderRadius":"3px","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--articlePosNrFontSize":"1.1rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--lineHeight1":"20.8px","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"11.2px 0 0 0","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"5px","--settingsScrollerPaddingLeft":"5px","--foldArrowMarginRight":"calc(50% - 8px)","--configuratorActionHeight":"50px","--configuratorActionWidthForthBackSpacer":"6px","--configuratorActionForthWidth":"calc((100% - 53px) - (var(--configuratorActionWidthForthBackSpacer) / 2))","--configuratorActionBackWidth":"calc(53px - (var(--configuratorActionWidthForthBackSpacer) / 2))"};const L=(0,M.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,k.useDivaCore)().state,i=t.headerInfos,l=t.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(E)}),[]),(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:r()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.configSettingsIsFoldedUp?v.BC:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0,e.uiState.configSettingsIsHidden?v.U7:void 0,e.uiState.configSettingsIsMinExpanded?v.m7:void 0,e.uiState.configSettingsIsMaxExpanded?v.Zk:void 0,e.actionButtonState.isOnLastStep?v.Is:void 0,l?v.E9:void 0),children:[(0,Z.jsx)(S.default,{className:v.kL}),!e.uiState.isInMobileView&&(0,Z.jsxs)("div",{className:v.g6,children:[(0,Z.jsx)(O.default,{className:v.x6}),(0,Z.jsx)(I.default,{className:v.vt}),(0,Z.jsx)(P.default,{className:v.jl}),(0,Z.jsx)(N.default,{containerClassName:v.tM})]}),e.uiState.isInMobileView&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(O.default,{className:r()(v.x6,i.onlyBurgerVisibles||l?v.wj:void 0),showCloseButtonInMobile:l?"left":void 0}),e.uiState.isInMobileView&&(0,Z.jsx)(B.default,{className:v.qT}),(0,Z.jsx)(I.default,{className:v.vt}),(0,Z.jsx)(P.default,{className:r()(v.jl)}),(0,Z.jsx)(N.default,{containerClassName:v.tM}),(0,Z.jsx)(C.default,{className:v.HE})]})]}),(0,Z.jsx)(D.default,{}),e.settingsState.inputBoxVisible&&(0,Z.jsx)(j.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},45411:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var o=t(80248),i=t(88291),r=t(96463),d=(t(87363),t(9420)),a=t(93379),l=t.n(a),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),p=t(3565),m=t.n(p),g=t(19216),b=t.n(g),f=t(44589),h=t.n(f),y=t(29390),v={};v.styleTagTransform=h(),v.setAttributes=m(),v.insert=x().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=b();l()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const j=(0,d.Pi)((function ProgressBar(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)(),o=t.configuratorStructureHandler.lastConfigStep,d=t.tabGroupState.curConfigStep;if(!o||!d)return(0,w.jsx)(w.Fragment,{});var a=d.posNr-1,l=o.posNr-1,s=Math.round(a/l*100),u=100-s;return(0,w.jsxs)("div",_objectSpread(_objectSpread({},e),{},{children:[(0,w.jsx)("div",{className:y.L3,style:{width:s+"%"}}),(0,w.jsx)("div",{className:y.LM,style:{width:u+"%"}})]}))}))},38921:(n,e,t)=>{t.d(e,{QD:()=>m,UU:()=>g,ZP:()=>b,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(2431),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--g_4ro:hover {\n  cursor: pointer;\n  transition: box-shadow 0.3s;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",m="index-module--gle4T",g="index-module--CSmEc";const b=u},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>m,Q_:()=>p,ZP:()=>b,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(38403),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",m="index-module--OZydS",g="index-module--FQDBA";const b=u},52284:(n,e,t)=>{t.d(e,{BC:()=>O,E9:()=>j,HE:()=>C,Is:()=>N,U7:()=>P,ZP:()=>B,Zk:()=>y,g6:()=>f,jl:()=>S,kL:()=>g,m7:()=>b,qT:()=>M,rK:()=>p,tM:()=>I,tW:()=>m,vt:()=>v,wj:()=>k,x6:()=>w,xn:()=>x,zh:()=>h});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(2431),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n  height: 100%;\n  width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n  height: 100%;\n  width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n  position: absolute;\n  width: 63%;\n  max-width: calc(100% - 564px);\n  left: 0px;\n  top: 0;\n  height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n  width: calc(100% - 128px - 16px);\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--MbykI {\n  position: absolute;\n  z-index: 600;\n  height: calc(100% - 32px);\n  width: calc(37% - 16px);\n  min-width: 550px;\n  right: 0;\n  padding: 16px 16px 16px 0;\n  background-color: var(--settingsBackgroundColor);\n  transition: width 0.45s;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n  width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n  width: calc(128px);\n  min-width: 0;\n  min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n  width: calc(100% - 16px);\n  z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n\n  transition: height 0.45s, top 0.45s;\n  overflow-y: hidden;\n  overflow-x: hidden;\n  overflow: visible;\n  z-index: 100;\n  right: calc(128px + 4px + 16px);\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n  position: absolute;\n  z-index: 300;\n  right: 16px;\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n  width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n  top: 80px;\n  height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n  height: 50px;\n  right: calc(128px + 4px + 16px);\n  bottom: 16px;\n  z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n  overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n  position: absolute;\n  width: 128px;\n  height: 50px;\n  right: 16px;\n  bottom: 16px;\n  z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n  width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--y76la .index-module--rbJ1a {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--bAkHK {\n  z-index: 1;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--bAkHK {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 6px);\n  width: 100%;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--rbJ1a {\n  top: 100%;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--rbJ1a {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: calc(100% - 50px);\n  height: 50px;\n}\n\n.index-module--IKL3M .index-module--NOlUe.index-module--xji2x {\n  left: 50px;\n  width: calc(100% - 50px - 50px);\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--NOlUe {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n.index-module--IKL3M.index-module--yl_6d .index-module--ORcZQ,\n.index-module--IKL3M.index-module--EMso2 .index-module--ORcZQ {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n  display: none;\n}\n\n.index-module--IKL3M.index-module--yl_6d .index-module--NnWir {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  display: block;\n}\n\n.index-module--IKL3M .index-module--SfQnk {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--gqEhb {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 50px;\n  height: 50px;\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n  --configuratorActionHeight: 50px;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",m="index-module--IKL3M",g="index-module--bAkHK",b="index-module--_dUy6",f="index-module--MbykI",h="index-module--xeINC",y="index-module--v90g0",v="index-module--rbJ1a",w="index-module--NOlUe",j="index-module--OJH2L",S="index-module--ORcZQ",I="index-module--NnWir",O="index-module--NSK8Y",P="index-module--EMso2",k="index-module--xji2x",N="index-module--yl_6d",M="index-module--SfQnk",C="index-module--gqEhb";const B=u},29390:(n,e,t)=>{t.d(e,{L3:()=>a,LM:()=>l,ZP:()=>s});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--_zSo1 {\n  background: var(--secondaryColor);\n  border-radius: 0 2px 2px 0;\n  transition: width 0.35s ease-in-out;\n}\n\n.index-module--tkNQ6 {\n  background: var(--thirdColor);\n  transition: width 0.35s ease-in-out;\n}\n",""]);var a="index-module--_zSo1",l="index-module--tkNQ6";const s=d},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7282,9001,9360,4190],{3827:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(96463),i=t(9420),r=(t(87363),t(93379)),d=t.n(r),a=t(7795),l=t.n(a),s=t(90569),u=t.n(s),c=t(3565),x=t.n(c),p=t(19216),m=t.n(p),g=t(44589),b=t.n(g),f=t(38921),h={};h.styleTagTransform=b(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=m();d()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=t(65515),v=t.n(y),w=t(88683),j=t(47514);const S=(0,i.Pi)((function BasketActionStandard(n){var e=n.buttonTextClassName,t=void 0===e?f.UU:e,i=n.buttonPriceClassName,r=void 0===i?f.QD:i,d=n.containerClassName,a=n.price,l=(0,o.NP)(),s=(0,w.useDivaCore)().state.hidePrices,u=(0,w.useTranslation)().t;return(0,j.jsx)("div",{className:v()(f.tM,d),children:(0,j.jsxs)("div",{className:f.m2,onClick:function onClick(){return l.actionButtonState.onClickAddToBasket()},id:"wcConfigurator-action-tobasket",children:[(0,j.jsx)("div",{className:t,children:u("configurator.ADD_TO_BASKET")}),!s&&"horizontal"==l.tabGroupState.curTabGroupType&&a&&(0,j.jsx)("div",{className:r,children:a})]})})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=t(88291),r=(t(87363),t(96463)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,d.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket()}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39360:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BarrierActions(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"GlobalElements/BarrierActions"}))}},78328:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(84658),i=t(88291),r=t(50747),d=t.n(r),a=t(96463),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),m=t(90569),g=t.n(m),b=t(3565),f=t.n(b),h=t(19216),y=t.n(h),v=t(44589),w=t.n(v),j=t(39545),S={};S.styleTagTransform=w(),S.setAttributes=f(),S.insert=g().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=y();c()(j.ZP,S);j.ZP&&j.ZP.locals&&j.ZP.locals;var I=t(47514);const O=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,a.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(d().mark((function _callee(){return d().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:j.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:j.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:j.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:j.vX,onClick:s})]})]})})}))},87282:(n,e,t)=>{t.r(e),t.d(e,{default:()=>L});var o=t(88291),i=t(65515),r=t.n(i),d=t(96463),a=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),m=t(3565),g=t.n(m),b=t(19216),f=t.n(b),h=t(44589),y=t.n(h),v=t(52284),w={};w.styleTagTransform=y(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();s()(v.ZP,w);v.ZP&&v.ZP.locals&&v.ZP.locals;var j=t(78328),S=t(34190),I=t(77974),O=t(89112),P=t(69001),k=t(88683),N=t(3827),M=t(9420),C=t(68063),B=t(45411),D=t(39360),Z=t(47514),E={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5; ","--globalBorderRadius":"3px","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--articlePosNrFontSize":"1.1rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--lineHeight1":"20.8px","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"11.2px 0 0 0","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"5px","--settingsScrollerPaddingLeft":"5px","--foldArrowMarginRight":"calc(50% - 8px)","--configuratorActionHeight":"50px","--configuratorActionWidthForthBackSpacer":"6px","--configuratorActionForthWidth":"calc((100% - 53px) - (var(--configuratorActionWidthForthBackSpacer) / 2))","--configuratorActionBackWidth":"calc(53px - (var(--configuratorActionWidthForthBackSpacer) / 2))"};const L=(0,M.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,k.useDivaCore)().state,i=t.headerInfos,l=t.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(E)}),[]),(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:r()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.configSettingsIsFoldedUp?v.BC:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0,e.uiState.configSettingsIsHidden?v.U7:void 0,e.uiState.configSettingsIsMinExpanded?v.m7:void 0,e.uiState.configSettingsIsMaxExpanded?v.Zk:void 0,e.actionButtonState.isOnLastStep?v.Is:void 0,l?v.E9:void 0),children:[(0,Z.jsx)(S.default,{className:v.kL}),!e.uiState.isInMobileView&&(0,Z.jsxs)("div",{className:v.g6,children:[(0,Z.jsx)(O.default,{className:v.x6}),(0,Z.jsx)(I.default,{className:v.vt}),(0,Z.jsx)(P.default,{className:v.jl}),(0,Z.jsx)(N.default,{containerClassName:v.tM})]}),e.uiState.isInMobileView&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(O.default,{className:r()(v.x6,i.onlyBurgerVisibles||l?v.wj:void 0),showCloseButtonInMobile:l?"left":void 0}),e.uiState.isInMobileView&&(0,Z.jsx)(B.default,{className:v.qT}),(0,Z.jsx)(I.default,{className:v.vt}),(0,Z.jsx)(P.default,{className:r()(v.jl)}),(0,Z.jsx)(N.default,{containerClassName:v.tM}),(0,Z.jsx)(C.default,{className:v.HE})]})]}),(0,Z.jsx)(D.default,{}),e.settingsState.inputBoxVisible&&(0,Z.jsx)(j.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},45411:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var o=t(80248),i=t(88291),r=t(96463),d=(t(87363),t(9420)),a=t(93379),l=t.n(a),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),p=t(3565),m=t.n(p),g=t(19216),b=t.n(g),f=t(44589),h=t.n(f),y=t(29390),v={};v.styleTagTransform=h(),v.setAttributes=m(),v.insert=x().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=b();l()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const j=(0,d.Pi)((function ProgressBar(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)(),o=t.configuratorStructureHandler.lastConfigStep,d=t.tabGroupState.curConfigStep;if(!o||!d)return(0,w.jsx)(w.Fragment,{});var a=d.posNr-1,l=o.posNr-1,s=Math.round(a/l*100),u=100-s;return(0,w.jsxs)("div",_objectSpread(_objectSpread({},e),{},{children:[(0,w.jsx)("div",{className:y.L3,style:{width:s+"%"}}),(0,w.jsx)("div",{className:y.LM,style:{width:u+"%"}})]}))}))},38921:(n,e,t)=>{t.d(e,{QD:()=>m,UU:()=>g,ZP:()=>b,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(2431),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: var(--lineHeight1);\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--g_4ro:hover {\n  cursor: pointer;\n  transition: box-shadow 0.3s;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",m="index-module--gle4T",g="index-module--CSmEc";const b=u},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>m,Q_:()=>p,ZP:()=>b,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(38403),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",m="index-module--OZydS",g="index-module--FQDBA";const b=u},52284:(n,e,t)=>{t.d(e,{BC:()=>O,E9:()=>j,HE:()=>C,Is:()=>N,U7:()=>P,ZP:()=>B,Zk:()=>y,g6:()=>f,jl:()=>S,kL:()=>g,m7:()=>b,qT:()=>M,rK:()=>p,tM:()=>I,tW:()=>m,vt:()=>v,wj:()=>k,x6:()=>w,xn:()=>x,zh:()=>h});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(2431),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n  position: relative;\n\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n}\n\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n  height: 100%;\n  width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n  height: 100%;\n  width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n  position: absolute;\n  width: 63%;\n  max-width: calc(100% - 564px);\n  left: 0px;\n  top: 0;\n  height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n  width: calc(100% - 128px - 16px);\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--MbykI {\n  position: absolute;\n  z-index: 600;\n  height: calc(100% - 32px);\n  width: calc(37% - 16px);\n  min-width: 550px;\n  right: 0;\n  padding: 16px 16px 16px 0;\n  background-color: var(--settingsBackgroundColor);\n  transition: width 0.45s;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n  width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n  width: calc(128px);\n  min-width: 0;\n  min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n  width: calc(100% - 16px);\n  z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n\n  transition:\n    height 0.45s,\n    top 0.45s;\n  overflow-y: hidden;\n  overflow-x: hidden;\n  overflow: visible;\n  z-index: 100;\n  right: calc(128px + 4px + 16px);\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n  position: absolute;\n  z-index: 300;\n  right: 16px;\n  top: 16px;\n  height: calc(100% - 32px - 4px - 50px);\n  width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n  top: 80px;\n  height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n  position: absolute;\n  width: calc(100% - 128px - 4px - 16px);\n  height: 50px;\n  right: calc(128px + 4px + 16px);\n  bottom: 16px;\n  z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n  overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n  position: absolute;\n  width: 128px;\n  height: 50px;\n  right: 16px;\n  bottom: 16px;\n  z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n  width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--y76la .index-module--rbJ1a {\n  display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n  top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n  top: 50px;\n  left: 0;\n  height: 40%;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--bAkHK {\n  z-index: 1;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--bAkHK {\n  height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n  left: 0px;\n  top: calc(40% + 50px);\n  height: calc(60% - 50px - var(--configuratorActionHeight) - 6px);\n  width: 100%;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--rbJ1a {\n  top: 100%;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--rbJ1a {\n  top: 2.5rem;\n  height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n  position: absolute;\n  left: 0px;\n  top: 0;\n  width: calc(100% - 50px);\n  height: 50px;\n}\n\n.index-module--IKL3M .index-module--NOlUe.index-module--xji2x {\n  left: 50px;\n  width: calc(100% - 50px - 50px);\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--NOlUe {\n  top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n.index-module--IKL3M.index-module--yl_6d .index-module--ORcZQ,\n.index-module--IKL3M.index-module--EMso2 .index-module--ORcZQ {\n  display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n  display: none;\n}\n\n.index-module--IKL3M.index-module--yl_6d .index-module--NnWir {\n  right: 0px;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  display: block;\n}\n\n.index-module--IKL3M .index-module--SfQnk {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  top: 50px;\n  left: 0;\n  z-index: 1000;\n  display: flex;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--gqEhb {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 50px;\n  height: 50px;\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n  --configuratorActionHeight: 50px;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",m="index-module--IKL3M",g="index-module--bAkHK",b="index-module--_dUy6",f="index-module--MbykI",h="index-module--xeINC",y="index-module--v90g0",v="index-module--rbJ1a",w="index-module--NOlUe",j="index-module--OJH2L",S="index-module--ORcZQ",I="index-module--NnWir",O="index-module--NSK8Y",P="index-module--EMso2",k="index-module--xji2x",N="index-module--yl_6d",M="index-module--SfQnk",C="index-module--gqEhb";const B=u},29390:(n,e,t)=>{t.d(e,{L3:()=>a,LM:()=>l,ZP:()=>s});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--_zSo1 {\n  background: var(--secondaryColor);\n  border-radius: 0 2px 2px 0;\n  transition: width 0.35s ease-in-out;\n}\n\n.index-module--tkNQ6 {\n  background: var(--thirdColor);\n  transition: width 0.35s ease-in-out;\n}\n",""]);var a="index-module--_zSo1",l="index-module--tkNQ6";const s=d},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7327.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7327,59,9119],{4564:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>b});n(87363);var r=n(9420),a=n(93379),s=n.n(a),l=n(7795),i=n.n(l),o=n(90569),u=n.n(o),c=n(3565),p=n.n(c),d=n(19216),f=n.n(d),m=n(44589),g=n.n(m),v=n(48835),x={};x.styleTagTransform=g(),x.setAttributes=p(),x.insert=u().bind(null,"head"),x.domAPI=i(),x.insertStyleElement=f();s()(v.Z,x);v.Z&&v.Z.locals&&v.Z.locals;var h=n(92519),y=n(47514);const b=(0,r.Pi)((function SelectedOpv(e){var t=e.item,n=e.selectedElements;return(0,y.jsx)("div",{className:v.Y,style:{marginTop:n.length?16:void 0},children:n.map((function(e,n){return(0,y.jsx)(h.default,{selectedElement:e,paletteId:t.id},e.codex)}))})}))},48835:(e,t,n)=>{"use strict";n.d(t,{Y:()=>i,Z:()=>o});var r=n(8081),a=n.n(r),s=n(23645),l=n.n(s)()(a());l.push([e.id,".index-module--xpk21 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n",""]);var i="index-module--xpk21";const o=l},61667:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65515:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=appendClass(e,parseValue(n)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=appendClass(t,n));return t}function appendClass(e,t){return t?e?e+" "+t:e+t:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7327,59],{4564:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>b});n(87363);var r=n(9420),a=n(93379),s=n.n(a),l=n(7795),i=n.n(l),o=n(90569),u=n.n(o),c=n(3565),p=n.n(c),d=n(19216),f=n.n(d),m=n(44589),g=n.n(m),v=n(48835),x={};x.styleTagTransform=g(),x.setAttributes=p(),x.insert=u().bind(null,"head"),x.domAPI=i(),x.insertStyleElement=f();s()(v.Z,x);v.Z&&v.Z.locals&&v.Z.locals;var h=n(92519),y=n(47514);const b=(0,r.Pi)((function SelectedOpv(e){var t=e.item,n=e.selectedElements;return(0,y.jsx)("div",{className:v.Y,style:{marginTop:n.length?16:void 0},children:n.map((function(e,n){return(0,y.jsx)(h.default,{selectedElement:e,paletteId:t.id},e.codex)}))})}))},48835:(e,t,n)=>{"use strict";n.d(t,{Y:()=>i,Z:()=>o});var r=n(8081),a=n.n(r),s=n(23645),l=n.n(s)()(a());l.push([e.id,".index-module--xpk21 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n",""]);var i="index-module--xpk21";const o=l},61667:e=>{"use strict";e.exports=function(e,t){return t||(t={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),t.hash&&(e+=t.hash),/["'() \t\n]|(%20)/.test(e)||t.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65515:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=appendClass(e,parseValue(n)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)r.call(e,n)&&e[n]&&(t=appendClass(t,n));return t}function appendClass(e,t){return t?e?e+" "+t:e+t:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(n=function(){return classNames}.apply(t,[]))||(e.exports=n)}()}}]);

package/build/umd/7376.diva-web-planner-react.umd.min.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 7376.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[7376],{42450:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var i=t(80248),o=t(34988),A=t(9420),d=t(96463),l=t(87363),r=t(65515),s=t.n(r),a=t(88683),u=t(93379),c=t.n(u),x=t(7795),m=t.n(x),g=t(90569),h=t.n(g),p=t(3565),E=t.n(p),R=t(19216),b=t.n(R),w=t(44589),y=t.n(w),L=t(68042),v={};v.styleTagTransform=y(),v.setAttributes=E(),v.insert=h().bind(null,"head"),v.domAPI=m(),v.insertStyleElement=b();c()(L.ZP,v);L.ZP&&L.ZP.locals&&L.ZP.locals;var S=t(22976),k=t.n(S),Y=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.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 C=(0,A.Pi)((function DoorPlanner(e){var n=e.item,t=(0,d.NP)(),i=(0,a.useTranslation)().t,A=t.getIsInMobileView()?50:100,r=n.groups[0].items,u=(0,l.useState)({x:0,y:0}),c=(0,o.Z)(u,2),x=c[0],m=c[1],g=(0,l.useState)(void 0),h=(0,o.Z)(g,2),p=h[0],E=h[1],R=(0,l.useRef)(null),b=(0,l.useRef)(null),w=(0,l.useState)(!1),y=(0,o.Z)(w,2),v=y[0],S=y[1],C=function scrollLeftOrRight(e){var n,i,o;if(R.current){var A=null!==(n=e.layerX)&&void 0!==n?n:e.changedTouches[0].clientX-(null!==(i=null===(o=t.settingsState.settingsScrollerElement)\|\|void 0===o?void 0:o.getBoundingClientRect().x)&&void 0!==i?i:0);A<R.current.getBoundingClientRect().width/1005?R.current.scrollTo({left:R.current.scrollLeft-10}):A>R.current.getBoundingClientRect().width/10095&&R.current.scrollTo({left:R.current.scrollLeft+10})}},f=function getEventOffsetX(e){var n,i,o,A,d;return(null!==(n=e.clientX)&&void 0!==n?n:e.changedTouches[0].clientX)-(null!==(i=null===(o=t.settingsState.settingsScrollerElement)\|\|void 0===o?void 0:o.getBoundingClientRect().x)&&void 0!==i?i:0)+(null!==(A=null===(d=R.current)\|\|void 0===d?void 0:d.scrollLeft)&&void 0!==A?A:0)},B={onStart:function handleStart(e){var n=f(e),t=n-n%A;m({y:0,x:t}),E(r[t/A])},onDrag:function handleDrag(e){var n=f(e),t=(n-n%A)/A;t>=0&&t<r.length&&((null==p?void 0:p.key)!=r[t].key&&(null==p?void 0:p.currentDoor.StrictType)===r[t].currentDoor.StrictType?S(!0):S(!1)),C(e)},onStop:function handleStop(e){var n=f(e),i=(n-n%A)/A;v&&p&&i>=0&&i<r.length&&t.paletteViewHandler.moveDoors(p.door,r[i].door),E(void 0),S(!1),m({y:0,x:0})}};return(0,Y.jsxs)(Y.Fragment,{children:[i("configurator.DoorPlanner_Description"),(0,Y.jsx)("div",{ref:R,className:s()(L.nC,"box",t.getIsInMobileView()?L.ai:void 0),children:(0,Y.jsxs)("div",{className:L.YS,children:[(0,Y.jsx)(k(),_objectSpread(_objectSpread({nodeRef:b,bounds:"parent",position:x},B),{},{axis:"x",defaultClassName:L.ts,defaultClassNameDragging:s()(L.sv,v?L.Zn:L.zP),children:(0,Y.jsx)("div",{ref:b,className:"box cursor-x",style:{width:p?A:Ar.length}})})),r.map((function(e,n){return(0,Y.jsxs)("div",{className:s()(L.nw,0==n?L.Ps:void 0,n===r.length-1?L.Z$:void 0),children:["TUER_L"==e.type&&(0,Y.jsx)("div",{className:s()(L.pr,L.F2)}),"TUER_R"==e.type&&(0,Y.jsx)("div",{className:s()(L.pr,L.t$)})]})}))]})})]})}))},68042:(e,n,t)=>{t.d(n,{F2:()=>y,Ps:()=>E,YS:()=>g,Z$:()=>R,ZP:()=>Y,Zn:()=>S,ai:()=>p,nC:()=>m,nw:()=>h,pr:()=>b,sv:()=>v,t$:()=>w,ts:()=>L,zP:()=>k});var i=t(8081),o=t.n(i),A=t(23645),d=t.n(A),l=t(61667),r=t.n(l),s=new URL(t(42495),t.b),a=new URL(t(42087),t.b),u=d()(o()),c=r()(s),x=r()(a);u.push([e.id,".index-module--NzX3M,\n.index-module--NzX3M {\n -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n}\n\n.index-module--NzX3M {\n overflow-x: auto;\n width: calc(100% - 20px);\n height: 100%;\n position: relative;\n padding: 0;\n margin: 10px;\n float: left;\n}\n.index-module--RkNWX {\n width: -moz-max-content;\n width: max-content;\n height: 100%;\n}\n\n.index-module--aqj4f {\n display: inline-block;\n width: 100px;\n word-break: break-word;\n height: 300px;\n background: #eee;\n box-sizing: border-box;\n border: 1px solid black;\n position: relative;\n}\n\n.index-module--EHWt0 .index-module--aqj4f {\n width: 50px;\n height: 150px;\n}\n\n.index-module--SrsAj {\n border-left: 3px solid black;\n}\n\n.index-module--vuiRh {\n border-right: 3px solid black;\n}\n\n.index-module--BhUM_ {\n position: absolute;\n top: 47%;\n left: calc(50% - 32px);\n height: 40px;\n width: 60px;\n pointer-events: none;\n}\n\n.index-module--EHWt0 .index-module--BhUM_ {\n height: 20px;\n width: 30px;\n left: calc(50% - 17px);\n}\n\n.index-module--ypgMv {\n border-left: solid 3px black;\n}\n.index-module--SMdcf {\n border-right: solid 3px black;\n}\n\n.index-module--f8a_9 {\n height: 300px;\n opacity: 0;\n position: absolute;\n z-index: 100;\n}\n\n.index-module--EHWt0 .index-module--f8a_9 {\n height: 150px;\n}\n\n.index-module--FwvZJ {\n opacity: 1;\n border: 1px solid black;\n cursor: ew-resize;\n}\n\n.index-module--Sc12s {\n border: 1px solid green;\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-size: 60%;\n background-position: center 30%;\n}\n\n.index-module--nAXUW {\n border: 1px solid red;\n background-image: url("+x+");\n background-repeat: no-repeat;\n background-size: 60%;\n background-position: center 30%;\n}\n",""]);var m="index-module--NzX3M",g="index-module--RkNWX",h="index-module--aqj4f",p="index-module--EHWt0",E="index-module--SrsAj",R="index-module--vuiRh",b="index-module--BhUM_",w="index-module--ypgMv",y="index-module--SMdcf",L="index-module--f8a_9",v="index-module--FwvZJ",S="index-module--Sc12s",k="index-module--nAXUW";const Y=u},42495:e=>{e.exports="data:image/png;base64,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"},42087:e=>{e.exports="data:image/png;base64,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"}}]);

package/build/umd/7376.diva-web-planner-react.umd.min.js.LICENSE.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ /! filename:7376 /

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

@@ -1,2 +1,2 @@
 /*! For license information please see 743.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[743,1209],{60743:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var r=t(34988),o=t(96463),i=t(87363),a=t(9420),l=t(88683),s=t(70318),d=t.n(s),c=t(43494),u=t(93379),p=t.n(u),A=t(7795),g=t.n(A),v=t(90569),w=t.n(v),h=t(3565),f=t.n(h),b=t(19216),m=t.n(b),C=t(44589),S=t.n(C),D=t(64890),R={};R.styleTagTransform=S(),R.setAttributes=f(),R.insert=w().bind(null,"head"),R.domAPI=g(),R.insertStyleElement=m();p()(D.Z,R);D.Z&&D.Z.locals&&D.Z.locals;var T=t(47514);window.customElements.get("model-viewer")||Promise.all([t.e(7881),t.e(963)]).then(t.bind(t,70963));const k=(0,a.Pi)((function PlannerRTV(){var e,n,t=(0,o.NP)(),a=(0,i.useRef)(),s=(0,l.useTranslation)().t,u=(0,i.useState)(!1),p=(0,r.Z)(u,2),A=p[0],g=p[1],v=(0,i.useState)([]),w=(0,r.Z)(v,2),h=w[0],f=w[1],b=(0,i.useRef)(!0),m=t.viewPlannerHandler.getPlannerViewConfig(),C=(0,l.useDivaCore)(),S=C.actions,D=C.state,R=D.apiConfig,k=D.isMobile,L=D.isFirefox,U=D.jwt,y=D.dimensions.isTablet,x=k||y;return(0,i.useEffect)((function(){var e=[];t.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){e.push({elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr})})),JSON.stringify(e)!=JSON.stringify(h)&&f(e)}),[t.viewPlannerHandler.plannerUIHandler.uiItems]),(0,i.useEffect)((function(){!t.hqRenderScript&&t.productState.doShowRTV?(S.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return S.toggleLoading("HQRenderScript",!1,!1)}),5e3)):t.hqRenderScript&&S.toggleLoading("HQRenderScript",!1,!1)}),[t.productState.doShowRTV,t.hqRenderScript]),(0,i.useEffect)((function(){t.productState.glbUrl=void 0,t.productState.allow3DComb||(t.productState.activateAR=void 0)}),[t.settingsState.configChanged]),!t.productState.doShowRTV&&!0===b.current||!t.isParentViewVisible?(0,T.jsx)(T.Fragment,{}):(b.current=!1,void 0!==t.hqRenderScript&&t.productState.browserSupportAR?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(d(),{renderjob:t.hqRenderScript,isMobile:x,elementsInfo:h,actions:S,inBackground:A,viewHandler:t,freePlacesOnGrids:t.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:t.settingsState.plannedPlacesOnGrids,apiConfig:R,jwt:U,renderInBackground:!1,uiConfig:{templateConfig:null!==(e=null===(n=t.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:m.posNumIcon,posTrashIcon:m.posTrashRotIcon},callbacks:{setGlb:x?function(e){return t.productState.glbUrl=e}:void 0,onElementSelected:function onElementSelected(e,n){t.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){t.productState.loadRTVForAr&&S.openModal({title:s("configurator.missinggeo_title"),text:s("configurator.missinggeo"),accept:"OK"})}}},"real-time-renderer"),t.productState.glbUrl&&(0,T.jsx)("div",{id:"ar-viewer",children:(0,T.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,r;a.current=e,null===(n=a.current)||void 0===n||n.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&t.productState.setRTVActivateAR(null===(n=a.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=a.current)||void 0===e?void 0:e.activateAR()}))})),null===(r=a.current)||void 0===r||r.addEventListener("ar-status",(function(e){var n;t.productState.setRTVActivateAR(null===(n=a.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=a.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?g(!1):g(!0)}))},src:t.productState.glbUrl,ar:!0,"ar-scale":"fixed","ar-modes":L?"":"webxr quick-look","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",top:"0px",background:"white"},children:[(0,T.jsx)("div",{id:"ar-prompt",children:(0,T.jsx)("img",{src:c})}),(0,T.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]}):(0,T.jsx)(T.Fragment,{}))}))},64890:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i),l=t(61667),s=t.n(l),d=new URL(t(43494),t.b),c=a()(o()),u=s()(d);c.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=c},61667:e=>{e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},43494:e=>{e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAbvElEQVR4nO2dC3hU1bWA1zyTTCaZvECeIiJiUVpitOhtrkq1YGm9ohbls/ioVouC2gqFYiuCl4JWwOptqi0olVuRglfxirag9cW95eWg1RSwgDwC8g4JkEkySWb6rWGduLOZ95yZ81r/982XcybnnNl7n7POfqwXMAzDMAzDMAzDMAzDMAzDMAzDMAzDMAzDMAzDMIzOuQAAfgsAnwFAEADCJv10AMB+AHgFAP4DAGz8YDLxcALAPHpwzCoU8T7vAUBPfkKYaODbc5lFBUP8fA4APYz+hHBXqD6TAGAuXtXtdsP06dOhuroaCgsLIz/U3t4eDgaD7eKvdnR0hEKhEP4vhPuhUAiPCbW1tYWUY/Lz8115eXkuubRtbW3tCJ4TCAQa3W532OPx5DudToeTiFXDcDgcpF4uLRwOR15eXl6Bw+FwYL0WLFjQvnDhQrGMfwWAq3R2f1KCBURdigCgDgB85eXl8Oqrr3YKhlV45plnDi1cuLC7UN1vA8BfjFp9uw7KYCZGo3BgfbDnsJpwIPfcc0/3YcOGNQtf3aphcTKGBURdLlGu5vF4wiapU8rMnTvXVlpaqpx2qXFKfjosIOpSoVzNZrOFcvSbugPnQMXFxUqxuhun5KcTcwLHpIVDb81Gk//IggGyZ88e2L9/P/h8PjjvvPOy8psdHR3huro6ZX6ruzZJBRaQLBEOZz7C+vzzz3G40rnf0tIC9fX1kYc+GZqbm6GhoQF69uwJK1asALvdDo8//jisW7cucjZee/jw4ao3AJYv2TLqHRaQLIAPYmlpacYS8sUXX8D69eszLuC+ffsin759+3YR3KNHj2Z87Wh0dKS9cqw7WECyAL49u3XrlvH8ThkWZQIKa2VlJVRUnJoe9e7dG5T5gTCRVpXm5uawWVQIrAdRl5cB4Aa84ttvv91eWlqa8QuoqakpreXiQCAQmXvk5+erImipUFdX1z569Gil7q2o58xpAVSEe5As4XA4VHn5pKtL8Xg82a+kBeBl3izhcrm4dzYBLCBZAMf9drudBcQEsIBkARze5OXlsYCYABaQLGBFGyyzwgKSBWw27jzMAgtIFjhx4oTp6pQKalgR6AUWkCyAuovm5mbLGivW19c3J3GYIWAByRJWHma1tbWZxtaEBSR78ETEBLCAZAmHw9BW3hkRMospLwsIkw1aWlpazdKwLCBZwsZrvaaABSRLsHyYAxaQLLF7927LLvNiTC4dFEMVWECyRGNjo2WjmvTo0aNEB8VQBRYQRnXcbrdpnisWEEZ18vLyTPNcsUdh+pxJof77AcBxAPgbKwdP4fV6WUAsDPpXP4FRNqPEfLLsvEMkyRU8PGgw5VDphhYqGLYLANYCQEPOCpsAFpDUKACAPwPA5THO4h4kMRcBwF0AcB0JhgwKynIA+DkA7NK6sDwHSY1nogjHfrqpXcDogjquhxZgu30AABsB4O4YwoFg+oSbAeATAPiu1oVmAUkeDON/m3D0FwDwDQDoRYlinhevVFtbywJyCjuFQ8KsU/+ewnlFlNLtm9ksXCJYQJIDh06PC0eirdEompgj9QBwJwD8Rjlg6dKlLgwVykR6hBukZkBz+DcA4AcAMBAXvgAAo9l9iwRJAc99kf6nCSwgyTECAIYIR2LA3L9HOROzS23GjcOHD8OcOXPazBSGM1ni1BkzWj1NK384fPoDAGyn79EN823qMRYJ52DvfJ9WdWEBSY6JwlEBStAZDbzR05XvV65c6fr0008b9Ved7NLU1BTNzOavtGL1AIYLjlOAMK0Q7hC+G6tVXVhAEoM5Ar4jHPVHADgW56wV2IEoOw8++OCHVhtqHT58WHS5DdMLBnMVbkvyEq3Uzgq4HJzb+KkEC0hiHhOWb/HNOD/BGR00VIjQ2Ng4tLa2NvMQ7QaiublZXNXDXrUmjdKLvQw+p5rEUmIBic+NAHCtcAS+1T5L4rxPhe3y2trah3NZaJPQT6hGO81Rcg4LSGzOB4AFwn/RnGRakuceEnfy8/Orc1BeszFKqE8tCUnOYQGJzlmkMReXFyeR7iMZulgolJeXX6htdXJLMBgMZviD+EKpFPbf1KouLCCng+vy7wNAX+E/SwBgYQrX6CXuFBcXn5GlsuqS9vb2TNa2bWTrpoDXek6rerKAdKWalH9nCt+i8dwPU7zOAGG7vn///pVxjjUdNpstk+fqATGdNr2cPteqjVhAvmQ8rdVXCN99REu8qUYK/Kqy4fF4dpSVlVnKKLR3797p5na7WLJYOJHCvC8rsICcsvl5kQwRxbX2NaTVjafziHW9wcrOww8/fJbTaS2j6TQ9CvuQDkm8Bz9JoFTMOlYXkH8DgI/JelTkBVJspeOXUK34iWBuwMsuuyyW1SrzJdhrr5bmbku0nHsoWFVAsN4Pk/n12cL3LTTUup0UXOlwtXLOzJkzI0k0mbiU09D2K8JBG9OY92UFKzpMedHYVjIfATIyHCsp+VLFRo5AEaqrWf2RgJ4A8BbpnBS2kyGjLiLEW60H8QHAO5JwhMnCtCpD4QAaXkWWh8vLyznTbHwGAcD/S8JxkO7NoXQumA2s1IM4aBJ4sfAdTsBvId8ENbhDuUZBQUHOK6gXMIlpAq4AgP8BgDLhMFTCXgkA/9RVXXRQhlzxU7oxCujvPExF4cCbfZOy061bt/16bYhs4/P54r14f0QTclE4dpC34Va91cUqAoJDq4eEfTRHH56C+XUyjKegDhFuvvlmy2byjJH6IY9s254lT0GFDbSaqJkyMB5WEZDvkX5CYaLKETMKZK+3gQMH5ql4fUOBy9uSkJxNFgryytQr9KLSzZxDxioC8m1hu47CyqjJj8g1tJPS0lLLhlRC4ejZs6eyi73FJgAQDTZxYWQmvbgC2pQyOaxwE90UDEDhzyoHePPK5hC4euX1eq2bYqordhriKjTQwshKnZQvLlboQa6WzNbVvjFoBt9d/CKJVRyr8iEtZBRSr4vb5+q5LazQg9whbDfSCopa9KLVsS5YOT9hDMI0GcfefFWUQ1BJ+yRFM9FVGBizv+p6SUrBpRQQQC0el3ylT4LFdSAx+Jj0T7HM/gfTCtcGvfUoZheQ8VIvmYrTUyIuA4BxwjGfGGVcrQGVST5rF5L/zVC9FNzMAlJA8ZUUNtAYWA3ctJ4vcp/ehgc6BA1AZ5A5jp0c0yaRiYlCGVk8aBZNUcTMAnKH5Pz0axWvPUWyPn2BLIOZ2GwnT0Fc3t1L85I6CqP0FWlu0k9S7GqGWQXERQ+xwm4VdR9oZPcLYb9enqgXFlpWiR4hFAphPDDxq7co7cFHMU45RlbQYkil8ZSLRVPMKiC3Sn7lT6gUNsZG8xhRSz5JjKSICEoyS7Jq1So4caIzjNXrtFCSKAQrmrfPEvZ9ZLyoKWYUEDc5QykcUNEz7V4yaVd4iwIwdyEctm7mAwza/cgjjyi7W8nH5rT8KTF4jaJXKlyao2LHxIwCcpcUle8x8hTMFDQlmS1co4kSwZzGrl2aJ0bSjPnz54vR3X+coikJdjs7hf1ztK6P2QTEI80P0OH/dypd+5fSykrMFGH79u3D+LSW60ZwWLV6dacedo/f74+mFEyEOFzVPN+62QRksmQ0+J8q9R4DpOxSfxeT5UQjyUSWpuLw4cPi8CjdgN26eibNJCA9pNWkbSrOPe6XMtpOTqTzsGLinAMHDogCkq7DmBiFMtWQS6pjJgGZRZa1CtNUXLm6SdjfIKY3iIUV06/h8q5AOm+IYmn1cWecY3OCWQSkkvLdKfwf+TyrwUDprbY4yWtaMSW0OO/yxjkuFldJ7ebPTjGTxywC8l9CXcIUkU8tekvX2ZTMda04B7HZbGIX0j3OobF4UPi+jSLQaIoZBORWSses8AcVba4gyhq+K8ZxlsfhcIhD2oEptsePpfu4gucgmYPa1l8JV0Ft7c9U/g05mEBVtitlVAoKCsQh1qCqqipfklUZLyVGxfnLo3poBqMLyBxpfjA9CwEAvpAmi99V+fqmYfDgwV6fr1MmcNVvdIK6dRcCh4vP4izKKqU5RhaQS8ltU+HjNJNFJoPo53EFhcyMSzAYtJyi0OVywUMPPSTOQ34eI/lmbxKC7VECh79EFr+6wKgC4iajQaX8ITL7yJby4U/Ctj2ZvN379++Plivc9FRXV9uFdA84D3mX2usq8s/Bl80eEp6iKO2B1tJf00s7GVVAHhFzcNAq1sYs/t7fpGGW/NZjCIxmv3jxYrH3vJh6BTTs/C1Z9sZ77i6kmL1X6aFNjSggXweAqcL+LnobZZMwjZUVLpKCLjMCgwYNsj333HPJ9KAHKfXBe2T8qeAhPdaA+KdnH6MJiJu89xSzD3xw75QaN1v8UbquLvJX6JWhQ4faX3jhhVhD3jcoe1dP6imGkxvuK8IxxdTjaIrRBAQNBs8T9mtyqEz6jIZaCj+IMYZmiO7du8vxj7C3H0krge9KmnfUedwouS6PkKLx5xyjCcidwvY+aaiVC8RVMl8sfxDmlOPUmDFjxJZYQslN48Ulwx5ngiQ4t2jZnEYSkAqafygs1CCu63IKOKAwSXK/ZQDg+PHjEeE4eTISJixE7fR9cohKRK3UU4/Qsk2NJCDVkiGbWnk9UqGNonAo9JQiN1qepqYmTP2g+KSHyBRofort8q6wfa6YViLXGElALhK2W+JEyMg26KF4RPiNn0q+Ipalvb0dpkyZgjogpQkekFb/kmW7cJxNyn6bU4wkIKLeY7NKvh7pEJBibPUHgDHqXd64bNy4EdatW6eU/yW/3x/X6zIOcoZhzWJIG0lARAf+z+IclwtqpPH0ZI3LoznNzc0weXJnMzSSF2a6yDomzdLZGUlAxEglWnuaNUjuvFVSOCDLsXbtWtGL8lm/338kzTawST3yFpz3a9WeRhEQrxRRZG+cY3PF01IMp3t1UCZNwLnHnDlzxJ9+KYNy3ChFeFfLMzQtjCIgsnfaAY3KIbJTWkm7HtOja1+s3HPw4MGO+vp65XebKdJ9Ovgkv5DWKEHCc4pRBER+8NLtvtXm98L18vRiYJdr8vPzRa/LY36/Px1Tfxsl0BFdnGtIIawZRhEQ2TOtQaNyyPxFCt1vycSdwWBQXLBIN23BbApgrbCLrLY1xSgCIje6ZpM2iXbJV8SSeDwecS7mraqqSjVk6AzJVTpIPiQntW5PI03SRXJhvZssy3RUFk0oKioqEZykkGuSLIeDhlFyT3F3BpEZVcUoAiLnidBTbu210fzgGxoatFJk5hy73Z5XVlYmar/vraqqSjTcPIMMF+XVv8nk0qCPuumgDMkgGwSqmYgzU0LRMreeccYZlsoFPXv2bDHo9DlSCgoZjFT5KfmEKITJNGVenPNyjlFuolvYDukwF+BpJtxebzqBBY1LZWXlpSNGjBDjWE2vqqqaL0SdwQa5gaJeYrbhblJl20nh2l9PjWAUARGDtelx6PKu/EVIClRrBWbNmlVQUVEhLvH+hHRWx+nzshQcTsRFlr9o7n67XprLKAIillOPD94+itTRSUVFheWWfB0OR/6SJUv29+nTR75HRTFiFbdEuZ8e0odMzGJRk8YoAiI2rl7fzGvFHYfDYcXg1VBeXt7rtddes992222xlmjD5N8/iPw8CinSiZwl+Necgi15xG5brw+eVv4puqSysjJawLgN9NCjG+0/6TvsRd4EgMul5V5cAn5S67rpZhgwe/bsmP+TovXZ4x0b4/wMSpY0H4sHNjU1hQoKCiy1kgWUOGjBggX4EV9k9aQIXCi97GQepWBz4+j7YQAwhFa8NMEoN7AD0wnQx07ltuusN/mHuNPa2mq5STr6hEyaNCkiIAKvkrPbggTCoSAHrU4YxTKbGEFAbHa7PYTCYbfb8eOkns9J3bBDJ/XYqzMFZk4JBAIwduxYWLNmjfKzAYpCc71kr5aIbVL6ilFa1kvvAoLlc7jd7pDD4cCJLwZItjU0NBSS8jCPlgcVYdG6R9mhbAQCAcskKWxtbYVx48bB3r2dbjpoaHiJ3+9/Ps1LvilsD4liSZEz9CwgdnroXR6PB9xudyTuK36am5u7kYWvl1ZC9CIknWmhjxw5YgkBaWtrgwkTJsDu3buVrz4h4chk3rBZ2HYkE00/W+hVQGyKcODbw+fz2VBAgsEgJmnBngQTPfa02+0up9PZNG3atKaioqJgSUlJuKyszD5y5EhQPjmmTvm5nTt3unP947kmHA7D3Llz4aOPOhfwtgLAlX6/P5UhVTTk51Kz+ZxelVl2KhsOobwVFRXuY8eORXyeUUHtcrnOtdvtK6dOndrZp0+cODGsmKAsX77cPmDAAC0atfPBWLZsmRvjQ5mZzZs3w8svv6zUEDXl12Tgiy4yTNgOUhIjTdBjD6L0Hk4ae5ZUVFQUYHIWoGVEt9u9d+rUqXtiXWDMmDEhjYZaR5UNfLuaGfRDnzmzS56bn/n9/u0qVLmMYjArrI2SJzJn6E1AbMISrovmF8WlpaUFeXlfGvS6XK7Nca9yKql9tssaDT35qWSVbdu2te/Y0bkmsZ+WcdUA/UNKhOukO9FXBb32IEovglJR5PV685QeBJd6nU5nwkyzo0aN0uIVLgc8My1Lly4VTUne8fv9ahiRzpD0HrUU9Foz9DoHEYXEnZeX51Dyjvfq1QuFRK+hPi0TgnT16tXiHC/TwAp4cx8DgCnCd0FKMaGp9bbe9SCRibfL5QpQpPBIDxLW7wDf9CtXCkVFReK8IJPg0qUA8JokHHh/71I5331a6FFAwopg0OSs2eFwHEFlFIJRw1tbWxP2fMuXL9dikl6SxDGm4LrrrhOfnQvSrNMI0puIPuxhyhGyWA/tpDcBEYWjnSw9G10u1x5cNYFTvt7Q2NiYTIA2LQRELJepfdJHjRpVKuxWV1VVpaLMQy/D/yZX5T7C9wEKO/qMikXNCD33IG0Upa/R6/XuUuYgOLo6dOiQHGmxC6gH2b59uxbDsL7Kht1uPxb/UGPTr18/5x13dKZGwUWTXyVRITQRmkb2VuOk/20h/YemoUZl9DpJ76AeoFkRYq/XGygoKPD4fD60+Yk51l+0aJHtwIED4ZEjR2ohIGcpGw6HoyGK37WpGD9+fGQ5/c03I6ZT46qqqlBZONXv98vOUueRbuOuKFEyQxTn+CG637pCjwKiPNjKHAS73Y7W1tZjdrvdg+m9YqUHXrRokR1v2MiRI7UyTehMMIraf43KkDPQeHT69OnYo8OHH0bm0/eSoKyhUEg4DBsqvjgk/HTOBr3WUc+rWCEax+PsPNDS0nIMTaoxxdfRo0cHzJs3r1O4a2pqHDU1NU6NhaMn5VGMMGTIkHRDcBoK1E89/fTT8I1vdMZiKCYXWlyiHR1DOOro/1/Xs3CAjodYSi8Sou1QW1tbxIwD5yLt7e1lwWDQNWfOHJtwXEhD4UAuFHes0IMooJUDGi3OmDEDVq06LUSYCHpd/oYm6IZQquo98kbncCsUCnUawYVCIR81cFg4Lpzg5mSbLuFsevfubRkBQdDaetasWTgv6XjvvfdannrqKdEnHdN1r5TM2A2BETwKIw9/KBRqwhUs/IRCIZfYuyTpypltLhevX15ebrnEnqjEPfPMMx3Dhw+XI2HON6JwgMHC9TsEBXpYJ0KhUCKZaENJSYklw/4gZgpWYaSK6Dm64ijZDquwsNCyAuLxeFhANEAc0+rNrPx78hfo+WhVsO79++sqxG7aGOkt9z4AXEbbr1K0DD1QQv4QXQILoF5A0f6ny6ZNm+DJJ5+MWDAXF3ddNcbhJtqlAYXbwW3UEaFRJ7omo/cl/k0FnEMMGjQInn322YyDb9fU1MDzz3e6criManpjpDmIqJU+Gue4XDNWFo4rrrgiY+FAUAGHbq34yQXozrxlyxbAhJyZCsgFF6Rrv6gvjCQgov3V4TjH5Zrx8u9hFBY1iPaQ4rVLS0ujXh17EjTqxL8YbSQR2GPgb+BHEehzzjkH+vbtm/DcRPTp0yezC+gEowhIgWTDo4c86UBLu1+Tv6ytrY0MgTLtRaqrq8Hv92d0DQSHXXI2BixbUVFRxteOBdrMmQGjCIhsrlAX47hcM1X4vQ4KMFC9Z8+eSKTBwsJo8ZtzjxbJfKSXg2EjWBhlFWuQtL9No3LIfEvYXyrG51UcvJiIha5hg+gZRUDEGV+7GOJTY16in6+ngAOds2mcYDMR/mHkZjCKgIjj/C1axkmSuI3Khub3GBPqdWU4UVenl1GgNmzdulX53f81cj2MYi80j2LxArlprtC4PCIHyTUYaSCfkAtwoo5zkY6OjpM+n6/e6XRiz+ekyXuXATquOOGQLBAIhPEvppA+cuRIS0NDQ5vyOX78OA5TnKFQyIY5ydVYRs4GWJf169fD/fffr7THLXp0hEoWIygK+0r5/+7Vk89yFLqTI1DO1zlxafWSSy457XuMur5u3bq456KCcMiQIRn9PioqP/jgg4iSknpS1BEty+iiTEJuFYwT8fNVAzTZuTTkClv0gyr8H+rgPliCJcJDdthA5jFFFAztmIWEpIP8PozwEksKvT9sTsG3GUhYvq9xmVIFHacuAoCzNUwE86iUY2MuAHym4vU7aC62UWdWDqZnpPSGusnqDZIGd0tt+L7hasDEZLFwYwOUUYpJnvPR0kRqw3O5/cxBMfl9KDeXV0NSo5gyPom9x31GqgATnwnSzdU026nBcJK+SGy/1w3m/8PEwU6TSOXm7jaY96OWoBAskoRju7DQwZiAMdINnsI3NSlslKFJbLsGSuTPmAQHGbgpN7hRMDNhYuOgdGWicKBK+5vcZubiTukm/9LqDZIEhWQUKLYbarOv1X3JmZQoJYWTcpOP8dg5IRg+5KMoPQcLhwl5TrrRD1q9QRJwLfmiiG2G4e+v1HWpmbT4jnSjaw0WVCKXoJ3X76LYQu0ykx0U8yW9yeZKNHq7lNsnKteQ+b8sHO+YPWGPVUEDvvXSzX7M6o0ShYGCx6L4aSd3X8sFy7YCdjIhEW/4eikOr9XpTinKglGEA5Wpp3tIMabAEUXje0ALTzydgnHA5mDm6yiCEaTlb63M55kc8CfppgfkFAIWpRf5a5yMIhj4eSNKGCTGZPSIsm5/tcVvMs4xfk9tEU0wNgHAVTooJ5MDHLSMG6YhxAgLN/oQ6k07YgjGJwBwA1viWg8f5dXoZ9H69yKHsFAMwUD31etYMBgrcicZYUYTjLdZE85YFQ+FK5WFIkRJgS7mJ4OxKmh0uS6KcKwBgCp+Khgrg/7hH0ZZ1p7AcwzG6qDB5WpJODAB0FCrNwzDIE9EsbiVEwIxjCW5WlrGPcpxqRjmFGWUHlo04WdNOMMQL7JvPcNE53pJOPxsws8wp+gueUe2SjkWGcbSvCL1Hr+weoMwjMLtUYZWHHiCYSjT7XHJx+V8bhiGOcUaqfd4gNuFYb4kILnFso0VwwhMoWAKOO+o4IZhmNPh2FQMwzAMY3kYhmEYhmEYhmEYhmEYhmEYhmEYhrEiAPAvMC2jj4+Dp4sAAAAASUVORK5CYII="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[743,1209],{60743:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var r=t(34988),o=t(96463),i=t(87363),a=t(9420),l=t(88683),s=t(70318),d=t.n(s),c=t(43494),u=t(93379),p=t.n(u),A=t(7795),g=t.n(A),v=t(90569),w=t.n(v),h=t(3565),f=t.n(h),b=t(19216),m=t.n(b),C=t(44589),S=t.n(C),D=t(64890),R={};R.styleTagTransform=S(),R.setAttributes=f(),R.insert=w().bind(null,"head"),R.domAPI=g(),R.insertStyleElement=m();p()(D.Z,R);D.Z&&D.Z.locals&&D.Z.locals;var T=t(47514);window.customElements.get("model-viewer")||Promise.all([t.e(7881),t.e(963)]).then(t.bind(t,70963));const k=(0,a.Pi)((function PlannerRTV(){var e,n,t=(0,o.NP)(),a=(0,i.useRef)(),s=(0,l.useTranslation)().t,u=(0,i.useState)(!1),p=(0,r.Z)(u,2),A=p[0],g=p[1],v=(0,i.useState)([]),w=(0,r.Z)(v,2),h=w[0],f=w[1],b=(0,i.useRef)(!0),m=t.viewPlannerHandler.getPlannerViewConfig(),C=(0,l.useDivaCore)(),S=C.actions,D=C.state,R=D.apiConfig,k=D.isMobile,y=D.isFirefox,L=D.jwt,U=D.dimensions.isTablet,x=k||U;return(0,i.useEffect)((function(){!t.hqRenderScript&&t.productState.doShowRTV?(S.toggleLoading("HQRenderScript",!1,!0),setTimeout((function(){return S.toggleLoading("HQRenderScript",!1,!1)}),5e3)):t.hqRenderScript&&S.toggleLoading("HQRenderScript",!1,!1)}),[t.productState.doShowRTV,t.hqRenderScript]),(0,i.useEffect)((function(){t.productState.glbUrl=void 0,t.productState.allow3DComb||(t.productState.activateAR=void 0)}),[t.settingsState.configChanged]),!t.productState.doShowRTV&&!0===b.current||!t.isParentViewVisible?(0,T.jsx)(T.Fragment,{}):(b.current=!1,void 0!==t.hqRenderScript&&t.productState.browserSupportAR?((0,i.useEffect)((function(){var e=[];t.viewPlannerHandler.plannerUIHandler.uiItems.forEach((function(n){"PosNr"==n.type&&e.push({setId:n.setId,elementId:Number(n.elementId),active:"selected"==n.elemState,selectable:"unselectable"!=n.elemState,posNr:n.posNr,type:n.type})})),JSON.stringify(e)!=JSON.stringify(h)&&f(e)}),[t.viewPlannerHandler.plannerUIHandler.uiItems]),(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(d(),{renderjob:t.hqRenderScript,isMobile:x,elementsInfo:h,actions:S,inBackground:A,viewHandler:t,freePlacesOnGrids:t.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:t.settingsState.plannedPlacesOnGrids,apiConfig:R,jwt:L,renderInBackground:!1,uiConfig:{templateConfig:null!==(e=null===(n=t.uiState.templateConfig)||void 0===n?void 0:n["Product/ProductCenter/PlannerUI/PlannerUIVariants"])&&void 0!==e?e:"standard",posNumIcon:m.posNumIcon,posTrashIcon:m.posTrashRotIcon},callbacks:{setGlb:x?function(e){return t.productState.glbUrl=e}:void 0,onElementSelected:function onElementSelected(e,n){t.viewPlannerHandler.onElementSelected(e,n)},onMissingGeo:function onMissingGeo(){t.productState.loadRTVForAr&&S.openModal({title:s("configurator.missinggeo_title"),text:s("configurator.missinggeo"),accept:"OK"})}}},"real-time-renderer"),t.productState.glbUrl&&(0,T.jsx)("div",{id:"ar-viewer",children:(0,T.jsxs)("model-viewer",{id:"model-viewer",ref:function ref(e){var n,r;a.current=e,null===(n=a.current)||void 0===n||n.addEventListener("model-visibility",(function(e){var n;e.detail.visible&&t.productState.setRTVActivateAR(null===(n=a.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=a.current)||void 0===e?void 0:e.activateAR()}))})),null===(r=a.current)||void 0===r||r.addEventListener("ar-status",(function(e){var n;t.productState.setRTVActivateAR(null===(n=a.current)||void 0===n?void 0:n.canActivateAR,(function(){var e;return null===(e=a.current)||void 0===e?void 0:e.activateAR()})),"failed"===e.detail.status||"not-presenting"==e.detail.status?g(!1):g(!0)}))},src:t.productState.glbUrl,ar:!0,"ar-scale":"fixed","ar-modes":y?"":"webxr quick-look","shadow-intensity":"1","camera-controls":!0,"touch-action":"pan-y",style:{position:"absolute",height:"100%",width:"100%",top:"0px",background:"white"},children:[(0,T.jsx)("div",{id:"ar-prompt",children:(0,T.jsx)("img",{src:c})}),(0,T.jsx)("button",{id:"ar-failure",children:"AR is not tracking!"})]})})]})):(0,T.jsx)(T.Fragment,{}))}))},64890:(e,n,t)=>{t.d(n,{Z:()=>p});var r=t(8081),o=t.n(r),i=t(23645),a=t.n(i),l=t(61667),s=t.n(l),d=new URL(t(43494),t.b),c=a()(o()),u=s()(d);c.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=c},61667:e=>{e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},43494:e=>{e.exports="data:image/png;base64,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"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7449.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7449,59,9119,3115],{23115:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>w});var o=i(34988),t=i(96463),d=i(87363),r=i(93379),l=i.n(r),a=i(7795),s=i.n(a),x=i(90569),u=i.n(x),p=i(3565),c=i.n(p),m=i(19216),h=i.n(m),v=i(44589),b=i.n(v),g=i(84887),y={};y.styleTagTransform=b(),y.setAttributes=c(),y.insert=u().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=h();l()(g.Z,y);g.Z&&g.Z.locals&&g.Z.locals;var f=i(47514);const w=function MetaData(e){var n=e.style,i=e.metaData,r=e.visible,l=void 0===r?(0,d.useState)(""):r,a=(0,o.Z)(l,2),s=a[0],x=a[1],u=(0,t.NP)(),p=(0,d.useState)(""),c=(0,o.Z)(p,2),m=c[0],h=c[1],v=u.getViewConfig().displayMetaDatas,b=null==i?void 0:i.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,d.useEffect)((function(){if(b){for(var e="",n=0;n<b.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)}h(e),x(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:g.B,children:m}):(0,f.jsx)(f.Fragment,{})}},3286:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>N});var o=i(80248),t=i(34988),d=i(65515),r=i.n(d),l=i(96463),a=i(9420),s=i(87363),x=i(93379),u=i.n(x),p=i(7795),c=i.n(p),m=i(90569),h=i.n(m),v=i(3565),b=i.n(v),g=i(19216),y=i.n(g),f=i(44589),w=i.n(f),P=i(94896),O={};O.styleTagTransform=w(),O.setAttributes=b(),O.insert=h().bind(null,"head"),O.domAPI=c(),O.insertStyleElement=y();u()(P.ZP,O);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(13838),k=i(46770),j=i(63662),C=i(23115),D=i(88683),Z=i(41834),A=i(18606),z=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,d=e.type,a=e.paletteId,x=e.hidePricePreview,u=o,p=(0,l.NP)(),c=(0,s.useState)(""),m=(0,t.Z)(c,2),h=m[0],v=m[1],b=(0,D.useDivaCore)().state.dimensions,g=b.isMobile,y=b.isTablet,f={},w={},O=void 0,N=!1,Y={},K=(0,k.XI)({delayEnter:600,hideOnScroll:!0}),V=(0,k.sJ)({isOpen:K[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return g||y||p.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(N=K[0],Y=K[1],f=V.triggerProps,w=V.layerProps,O=V.renderLayer),(0,z.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:r()("small"==d?P.yG:void 0,"big"==d?P.Eb:void 0,P.CA,u.sel?P.pA:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},f),Y),{},{children:[(0,z.jsxs)("div",{className:r()(P.be),children:[u.vCodex&&(0,z.jsx)("div",{className:r()(P.rq),children:u.vCodex}),u.image?(0,z.jsx)("img",{className:r()(P.K5),src:u.image}):(0,z.jsx)("div",{className:r()(P.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,z.jsx)(Z.default,{item:u})]}),(0,z.jsx)("div",{className:P.TN,dangerouslySetInnerHTML:{__html:u.text}}),u.doShowFav&&(0,z.jsx)("div",{className:u.isFav?S.Md:S.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(u)}}),(0,z.jsx)(C.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[h,v]},u.codex),!x&&void 0!==u.pricePreviewPromise&&(0,z.jsx)(A.default,{asyncPricePreview:u.pricePreviewPromise}),N&&(null===(i=O)||void 0===i?void 0:i((0,z.jsx)(j.default,{text:u.text+(u.freeText?u.freeText:""),hexColor:u.hexColor,desciption:h,image:u.image,pricePreviewPromise:u.pricePreviewPromise,layerProps:w},u.codex)))]}))}))},84887:(e,n,i)=>{"use strict";i.d(n,{B:()=>l,Z:()=>a});var o=i(8081),t=i.n(o),d=i(23645),r=i.n(d)()(t());r.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}\n",""]);var l="index-module--hpPAb";const a=r},94896:(e,n,i)=>{"use strict";i.d(n,{CA:()=>l,Eb:()=>m,K5:()=>p,TN:()=>c,ZP:()=>h,be:()=>x,pA:()=>s,rq:()=>a,yG:()=>u});var o=i(8081),t=i.n(o),d=i(23645),r=i.n(d)()(t());r.push([e.id,"/*Size Normal */\n\n.index-module--yZDvy {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  height: 136px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--yZDvy:active,\n.index-module--yZDvy:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--cvOP1 {\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--yZDvy:hover .index-module--cvOP1,\n.index-module--Vp1rj .index-module--cvOP1 {\n  display: block;\n}\n\n.index-module--qd2SK {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  width: 104px;\n  height: 104px;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--qd2SK: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--Vp1rj .index-module--qd2SK:hover,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK: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--Vp1rj .index-module--qd2SK,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--kvBYP {\n  width: 96px;\n  height: 96px;\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--Vp1rj .index-module--kvBYP,\n.index-module--GdaAS.index-module--Vp1rj .index-module--kvBYP {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--csbpq {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--H1OcY {\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--yZDvy:hover .index-module--H1OcY,\n.index-module--GdaAS .index-module--yZDvy:hover .index-module--H1OcY {\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--GdaAS.index-module--yZDvy {\n  width: 60px;\n  height: 80px;\n}\n\n.index-module--GdaAS .index-module--cvOP1 {\n  line-height: 58px;\n  font-size: 12px;\n}\n\n.index-module--GdaAS .index-module--qd2SK {\n  width: 58px;\n  height: 58px;\n}\n\n.index-module--GdaAS .index-module--kvBYP {\n  width: 50px;\n  height: 50px;\n}\n\n.index-module--GdaAS .index-module--H1OcY {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.index-module--uY8OD.index-module--yZDvy {\n  width: 50px;\n  height: 65px;\n}\n\n.index-module--uY8OD .index-module--cvOP1 {\n  line-height: 48px;\n  font-size: 10px;\n}\n\n.index-module--uY8OD .index-module--qd2SK {\n  width: 48px;\n  height: 48px;\n}\n\n.index-module--uY8OD .index-module--kvBYP {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--uY8OD .index-module--H1OcY {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.index-module--DPdO8.index-module--yZDvy {\n  width: 170px;\n  height: 200px;\n}\n\n.index-module--DPdO8 .index-module--cvOP1 {\n  line-height: 158px;\n  font-size: 15px;\n}\n\n.index-module--DPdO8 .index-module--qd2SK {\n  width: 158px;\n  height: 158px;\n}\n\n.index-module--DPdO8 .index-module--kvBYP {\n  width: 150px;\n  height: 150px;\n}\n\n.index-module--DPdO8 .index-module--H1OcY {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n",""]);var l="index-module--yZDvy",a="index-module--cvOP1",s="index-module--Vp1rj",x="index-module--qd2SK",u="index-module--GdaAS",p="index-module--kvBYP",c="index-module--H1OcY",m="index-module--DPdO8";const h=r},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65515:(e,n)=>{var i;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var i=arguments[n];i&&(e=appendClass(e,parseValue(i)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var i in e)o.call(e,i)&&e[i]&&(n=appendClass(n,i));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(i=function(){return classNames}.apply(n,[]))||(e.exports=i)}()}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7449,59,3115],{23115:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>w});var o=i(34988),t=i(96463),d=i(87363),r=i(93379),l=i.n(r),a=i(7795),s=i.n(a),x=i(90569),u=i.n(x),p=i(3565),c=i.n(p),m=i(19216),h=i.n(m),v=i(44589),b=i.n(v),g=i(84887),y={};y.styleTagTransform=b(),y.setAttributes=c(),y.insert=u().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=h();l()(g.Z,y);g.Z&&g.Z.locals&&g.Z.locals;var f=i(47514);const w=function MetaData(e){var n=e.style,i=e.metaData,r=e.visible,l=void 0===r?(0,d.useState)(""):r,a=(0,o.Z)(l,2),s=a[0],x=a[1],u=(0,t.NP)(),p=(0,d.useState)(""),c=(0,o.Z)(p,2),m=c[0],h=c[1],v=u.getViewConfig().displayMetaDatas,b=null==i?void 0:i.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,d.useEffect)((function(){if(b){for(var e="",n=0;n<b.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)}h(e),x(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:g.B,children:m}):(0,f.jsx)(f.Fragment,{})}},3286:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>N});var o=i(80248),t=i(34988),d=i(65515),r=i.n(d),l=i(96463),a=i(9420),s=i(87363),x=i(93379),u=i.n(x),p=i(7795),c=i.n(p),m=i(90569),h=i.n(m),v=i(3565),b=i.n(v),g=i(19216),y=i.n(g),f=i(44589),w=i.n(f),P=i(94896),O={};O.styleTagTransform=w(),O.setAttributes=b(),O.insert=h().bind(null,"head"),O.domAPI=c(),O.insertStyleElement=y();u()(P.ZP,O);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(13838),k=i(46770),j=i(63662),C=i(23115),D=i(88683),Z=i(41834),A=i(18606),z=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,d=e.type,a=e.paletteId,x=e.hidePricePreview,u=o,p=(0,l.NP)(),c=(0,s.useState)(""),m=(0,t.Z)(c,2),h=m[0],v=m[1],b=(0,D.useDivaCore)().state.dimensions,g=b.isMobile,y=b.isTablet,f={},w={},O=void 0,N=!1,Y={},K=(0,k.XI)({delayEnter:600,hideOnScroll:!0}),V=(0,k.sJ)({isOpen:K[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return g||y||p.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(N=K[0],Y=K[1],f=V.triggerProps,w=V.layerProps,O=V.renderLayer),(0,z.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:r()("small"==d?P.yG:void 0,"big"==d?P.Eb:void 0,P.CA,u.sel?P.pA:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},f),Y),{},{children:[(0,z.jsxs)("div",{className:r()(P.be),children:[u.vCodex&&(0,z.jsx)("div",{className:r()(P.rq),children:u.vCodex}),u.image?(0,z.jsx)("img",{className:r()(P.K5),src:u.image}):(0,z.jsx)("div",{className:r()(P.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,z.jsx)(Z.default,{item:u})]}),(0,z.jsx)("div",{className:P.TN,dangerouslySetInnerHTML:{__html:u.text}}),u.doShowFav&&(0,z.jsx)("div",{className:u.isFav?S.Md:S.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(u)}}),(0,z.jsx)(C.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[h,v]},u.codex),!x&&void 0!==u.pricePreviewPromise&&(0,z.jsx)(A.default,{asyncPricePreview:u.pricePreviewPromise}),N&&(null===(i=O)||void 0===i?void 0:i((0,z.jsx)(j.default,{text:u.text+(u.freeText?u.freeText:""),hexColor:u.hexColor,desciption:h,image:u.image,pricePreviewPromise:u.pricePreviewPromise,layerProps:w},u.codex)))]}))}))},84887:(e,n,i)=>{"use strict";i.d(n,{B:()=>l,Z:()=>a});var o=i(8081),t=i.n(o),d=i(23645),r=i.n(d)()(t());r.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}\n",""]);var l="index-module--hpPAb";const a=r},94896:(e,n,i)=>{"use strict";i.d(n,{CA:()=>l,Eb:()=>m,K5:()=>p,TN:()=>c,ZP:()=>h,be:()=>x,pA:()=>s,rq:()=>a,yG:()=>u});var o=i(8081),t=i.n(o),d=i(23645),r=i.n(d)()(t());r.push([e.id,"/*Size Normal */\n\n.index-module--yZDvy {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  height: 136px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--yZDvy:active,\n.index-module--yZDvy:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--cvOP1 {\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--yZDvy:hover .index-module--cvOP1,\n.index-module--Vp1rj .index-module--cvOP1 {\n  display: block;\n}\n\n.index-module--qd2SK {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  width: 104px;\n  height: 104px;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--qd2SK: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--Vp1rj .index-module--qd2SK:hover,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK: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--Vp1rj .index-module--qd2SK,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--kvBYP {\n  width: 96px;\n  height: 96px;\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--Vp1rj .index-module--kvBYP,\n.index-module--GdaAS.index-module--Vp1rj .index-module--kvBYP {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--csbpq {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--H1OcY {\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--yZDvy:hover .index-module--H1OcY,\n.index-module--GdaAS .index-module--yZDvy:hover .index-module--H1OcY {\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--GdaAS.index-module--yZDvy {\n  width: 60px;\n  height: 80px;\n}\n\n.index-module--GdaAS .index-module--cvOP1 {\n  line-height: 58px;\n  font-size: 12px;\n}\n\n.index-module--GdaAS .index-module--qd2SK {\n  width: 58px;\n  height: 58px;\n}\n\n.index-module--GdaAS .index-module--kvBYP {\n  width: 50px;\n  height: 50px;\n}\n\n.index-module--GdaAS .index-module--H1OcY {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.index-module--uY8OD.index-module--yZDvy {\n  width: 50px;\n  height: 65px;\n}\n\n.index-module--uY8OD .index-module--cvOP1 {\n  line-height: 48px;\n  font-size: 10px;\n}\n\n.index-module--uY8OD .index-module--qd2SK {\n  width: 48px;\n  height: 48px;\n}\n\n.index-module--uY8OD .index-module--kvBYP {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--uY8OD .index-module--H1OcY {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.index-module--DPdO8.index-module--yZDvy {\n  width: 170px;\n  height: 200px;\n}\n\n.index-module--DPdO8 .index-module--cvOP1 {\n  line-height: 158px;\n  font-size: 15px;\n}\n\n.index-module--DPdO8 .index-module--qd2SK {\n  width: 158px;\n  height: 158px;\n}\n\n.index-module--DPdO8 .index-module--kvBYP {\n  width: 150px;\n  height: 150px;\n}\n\n.index-module--DPdO8 .index-module--H1OcY {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n",""]);var l="index-module--yZDvy",a="index-module--cvOP1",s="index-module--Vp1rj",x="index-module--qd2SK",u="index-module--GdaAS",p="index-module--kvBYP",c="index-module--H1OcY",m="index-module--DPdO8";const h=r},61667:e=>{"use strict";e.exports=function(e,n){return n||(n={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),n.hash&&(e+=n.hash),/["'() \t\n]|(%20)/.test(e)||n.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},65515:(e,n)=>{var i;!function(){"use strict";var o={}.hasOwnProperty;function classNames(){for(var e="",n=0;n<arguments.length;n++){var i=arguments[n];i&&(e=appendClass(e,parseValue(i)))}return e}function parseValue(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return classNames.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var i in e)o.call(e,i)&&e[i]&&(n=appendClass(n,i));return n}function appendClass(e,n){return n?e?e+" "+n:e+n:e}e.exports?(classNames.default=classNames,e.exports=classNames):void 0===(i=function(){return classNames}.apply(n,[]))||(e.exports=i)}()}}]);