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

@crystaldesign/diva-web-planner-react 24.13.0-rc.2 → 24.13.0-rc.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 (1200) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8584.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8584,7976,9390,8416],{79390:(t,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>T});var r=o(34988),a=o(88683),l=o(93379),d=o.n(l),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),C=o.n(m),v=o(19216),x=o.n(v),g=o(44589),b=o.n(g),y=o(23240),w={};w.styleTagTransform=b(),w.setAttributes=C(),w.insert=f().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=x();d()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var k=o(87363),S=o(57851),I=o(65515),j=o.n(I),M=o(9420),N=o(47514);const T=(0,M.Pi)((function InfoIcon(t){var i,o,l,d,c=t.item,u=t.style,p=(0,a.useDivaCore)().state.theme.palette,f=(0,S.NP)(),m=c.contentItemId,C=null!==(i=null!==(o=c.codex)&&void 0!==o?o:c.articleCodex)&&void 0!==i?i:c.title,v=(0,k.useState)(!1),x=(0,r.Z)(v,2),g=x[0],b=x[1],w=c.sel||g;if((0,k.useEffect)((function(){var t=f.settingsState.contentItemVisible&&f.settingsState.contentItemId==m&&C==f.settingsState.clickedFrom;!t&&g&&b(!1),t&&!g&&b(!0)}),[f.settingsState.contentItemVisible,f.settingsState.contentItemId,f.settingsState.clickedFrom]),!c)throw new Error("item for infoIcon not defined");return(0,N.jsx)("div",{className:y.um,onClick:function onClick(t){f.settingsState.onClickContentItemId(m,C),b(f.settingsState.contentItemVisible&&f.settingsState.contentItemId==m),t.stopPropagation()},style:u,children:function showIcon(){var t;return null===(t=f.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||w}()&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:j()(y.hv,w?void 0:y.al,g?y.FJ:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{className:y.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,N.jsx)("path",{className:y.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:null!==(l=null==p||null===(d=p.primary)||void 0===d?void 0:d.main)&&void 0!==l?l:"#713434"})]})}),(0,N.jsx)("div",{className:j()(y.dA,w?y.al:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})})}))},77976:(t,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>I});var r=o(65515),a=o.n(r),l=(o(87363),o(68692)),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),f=o(90569),m=o.n(f),C=o(3565),v=o.n(C),x=o(19216),g=o.n(x),b=o(44589),y=o.n(b),w=o(75581),k={};k.styleTagTransform=y(),k.setAttributes=v(),k.insert=m().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=g();c()(w.ZP,k);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=o(47514);const I=function Toggle(t){var i,o=t.onChange,r=t.val,d=t.state,c=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,m=void 0===f?40:f,C=t.width,v=void 0===C?80:C,x=t.handleDiameter,g=void 0===x?32:x,b=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,S.jsx)(l.Z,{checkedIcon:c?(0,S.jsx)("div",{className:a()(w.f6,w.co),children:c}):(0,S.jsx)(S.Fragment,{}),uncheckedIcon:u?(0,S.jsx)("div",{className:a()(w.f6,w.no),children:u}):(0,S.jsx)(S.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:b,offColor:p?b:"#CACACA",height:m,width:v,handleDiameter:g})}},88584:(t,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>x});o(87363);var r=o(65515),a=o.n(r),l=o(550),d=o(57851),c=o(77976),u=o(9420),p=o(88683),f=o(55901),m=o(79390),C=o(47514),v=(0,p.getLogger)("Planner","ToggleOption");const x=(0,u.Pi)((function ToggleOption(t){var i,o,r,u=t.item,p=t.paletteId,x=(0,d.NP)(),g=u.groups[0].items;if(!g)return(0,C.jsx)(C.Fragment,{});for(var b=0;b<g.length;b++){var y,w;null!==(y=g[b].codex)&&void 0!==y&&y.startsWith("OPVNEIN")&&(r=g[b]),null!==(w=g[b].codex)&&void 0!==w&&w.startsWith("OPVJA")&&(o=g[b])}if(!(r&&o||(2==g.length&&(r=g[0],o=g[1]),r&&o)))return v.error(new f.GE("Achtung! Bei der Option: "+g[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),u.isVisited=!0,(0,C.jsx)(C.Fragment,{});var k=null!==(i=u.selectedElements)&&void 0!==i&&i[0].contentItemId?u.selectedElements[0]:u.optionContentItemId?{contentItemId:u.optionContentItemId,codex:u.configStepKey}:void 0;return(0,C.jsxs)("div",{className:l.O7,ref:function ref(t){return u.htmlRef=t},children:[(0,C.jsx)("div",{className:a()(l.eR,l.TN),children:u.name}),(0,C.jsx)("div",{className:a()(l.eR),children:(0,C.jsx)("div",{className:l.US,children:(0,C.jsx)(c.default,{onChange:function onChange(){x.paletteViewHandler.clickedOnConfigPalette(r.sel?o:r,void 0,p)},val:u,state:0==r.sel,off:r.text,on:o.text})})}),k&&(0,C.jsx)(m.default,{item:k,style:{bottom:"calc(50% - 10px)",right:"-5%"}})]})}))},23240:(t,i,o)=>{"use strict";o.d(i,{FJ:()=>m,Oq:()=>f,ZP:()=>x,al:()=>v,dA:()=>p,fL:()=>C,hv:()=>u,um:()=>c});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",f="index-module--fLFjU",m="index-module--nTN4r",C="index-module--FaRqp",v="index-module--oBSZj";const x=d},75581:(t,i,o)=>{"use strict";o.d(i,{ZP:()=>f,co:()=>u,f6:()=>c,no:()=>p});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=d},43078:(t,i,o)=>{"use strict";o.d(i,{O7:()=>c,TN:()=>p,US:()=>f,ZP:()=>v,eR:()=>u,pA:()=>C,u2:()=>m});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  cursor: pointer;\n}\n\n.index-module--cACDT {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var c="index-module--v5pSs",u="index-module--WNi5H",p="index-module--BYNhM",f="index-module--cACDT",m="index-module--z1OwD",C="index-module--PkMF3";const v=d},550:(t,i,o)=>{"use strict";o.d(i,{O7:()=>g.O7,TN:()=>g.TN,US:()=>g.US,eR:()=>g.eR,pA:()=>g.pA,u2:()=>g.u2});var r=o(93379),a=o.n(r),l=o(7795),d=o.n(l),c=o(90569),u=o.n(c),p=o(3565),f=o.n(p),m=o(19216),C=o.n(m),v=o(44589),x=o.n(v),g=o(43078),b={};b.styleTagTransform=x(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=C();a()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},65515:(t,i)=>{var o;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var t="",i=0;i<arguments.length;i++){var o=arguments[i];o&&(t=appendClass(t,parseValue(o)))}return t}function parseValue(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return classNames.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var i="";for(var o in t)r.call(t,o)&&t[o]&&(i=appendClass(i,o));return i}function appendClass(t,i){return i?t?t+" "+i:t+i:t}t.exports?(classNames.default=classNames,t.exports=classNames):void 0===(o=function(){return classNames}.apply(i,[]))||(t.exports=o)}()},68692:(t,i,o)=>{"use strict";o.d(i,{Z:()=>d});var r=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,r,a){return function(t,i,o,r,a){var l=(t-o)/(i-o);if(0===l)return r;if(1===l)return a;for(var d="#",c=1;c<6;c+=2){var u=parseInt(r.substr(c,2),16),p=parseInt(a.substr(c,2),16),f=Math.round((1-l)*u+l*p).toString(16);1===f.length&&(f="0"+f),d+=f}return d}(t,i,o,h(r),h(a))}var d=function(t){function n(i){t.call(this,i);var o=i.height,r=i.width,a=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(r-o,r-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var i=this.state,o=i.R,r=i.h,a=(this.props.checked?this.i:this.o)+t-o;i.N||t===o||this.setState({N:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.U=function(t){var i=this.state,o=i.h,r=i.N,a=i.B,l=this.props.checked,d=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var c=Date.now()-a;(!r||c<250||l&&o<=d||!l&&o>=d)&&this.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,a=t.className,l=t.offColor,d=t.onColor,c=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,m=t.checkedHandleIcon,C=t.uncheckedHandleIcon,v=t.boxShadow,x=t.activeBoxShadow,g=t.height,b=t.width,y=t.borderRadius,w=function(t,i){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===i.indexOf(r)&&(o[r]=t[r]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),k=this.state,S=k.h,I=k.N,j=k.j,M={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},N={height:g,width:b,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(S,this.i,this.o,l,d),borderRadius:"number"==typeof y?y:g/2,cursor:o?"default":"pointer",WebkitTransition:I?null:"background 0.25s",MozTransition:I?null:"background 0.25s",transition:I?null:"background 0.25s"},T={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"relative",opacity:(S-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:I?null:"opacity 0.25s",MozTransition:I?null:"opacity 0.25s",transition:I?null:"opacity 0.25s"},P={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"absolute",opacity:1-(S-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:I?null:"opacity 0.25s",MozTransition:I?null:"opacity 0.25s",transition:I?null:"opacity 0.25s"},D={height:this.t,width:this.t,background:e(S,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof y?y-1:"50%",position:"absolute",transform:"translateX("+S+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:j?x:v,border:0,WebkitTransition:I?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:I?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:I?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},E={height:this.t,width:this.t,opacity:Math.max(2*(1-(S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:I?null:"opacity 0.25s",MozTransition:I?null:"opacity 0.25s",transition:I?null:"opacity 0.25s"},Z={height:this.t,width:this.t,opacity:Math.max(2*((S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:I?null:"opacity 0.25s",MozTransition:I?null:"opacity 0.25s",transition:I?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:M},r.createElement("div",{className:"react-switch-bg",style:N,onClick:o?null:this.T,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:T},p),f&&r.createElement("div",{style:P},f)),r.createElement("div",{className:"react-switch-handle",style:D,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.k,onTouchMove:o?null:this.m,onTouchEnd:o?null:this.M,onTouchCancel:o?null:this.O},C&&r.createElement("div",{style:E},C),m&&r.createElement("div",{style:Z},m)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},w,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},n}(r.Component);d.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8584,9639,7961,6400],{7961:(t,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>T});var r=o(34988),a=o(88683),l=o(93379),d=o.n(l),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),C=o.n(m),v=o(19216),x=o.n(v),g=o(44589),b=o.n(g),y=o(23240),w={};w.styleTagTransform=b(),w.setAttributes=C(),w.insert=f().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=x();d()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var k=o(87363),S=o(32919),I=o(65515),j=o.n(I),M=o(9420),N=o(47514);const T=(0,M.Pi)((function InfoIcon(t){var i,o,l,d,c=t.item,u=t.style,p=(0,a.useDivaCore)().state.theme.palette,f=(0,S.NP)(),m=c.contentItemId,C=null!==(i=null!==(o=c.codex)&&void 0!==o?o:c.articleCodex)&&void 0!==i?i:c.title,v=(0,k.useState)(!1),x=(0,r.Z)(v,2),g=x[0],b=x[1],w=c.sel||g;if((0,k.useEffect)((function(){var t=f.settingsState.contentItemVisible&&f.settingsState.contentItemId==m&&C==f.settingsState.clickedFrom;!t&&g&&b(!1),t&&!g&&b(!0)}),[f.settingsState.contentItemVisible,f.settingsState.contentItemId,f.settingsState.clickedFrom]),!c)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!c.op||null===(t=f.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||w}()?(0,N.jsx)("div",{className:y.um,onClick:function onClick(t){f.settingsState.onClickContentItemId(m,C),b(f.settingsState.contentItemVisible&&f.settingsState.contentItemId==m),t.stopPropagation()},style:u,children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:j()(y.hv,w?void 0:y.al,g?y.FJ:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{className:y.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,N.jsx)("path",{className:y.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:null!==(l=null==p||null===(d=p.primary)||void 0===d?void 0:d.main)&&void 0!==l?l:"#713434"})]})}),(0,N.jsx)("div",{className:j()(y.dA,w?y.al:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,N.jsx)(N.Fragment,{})}))},69639:(t,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>I});var r=o(65515),a=o.n(r),l=(o(87363),o(68692)),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),f=o(90569),m=o.n(f),C=o(3565),v=o.n(C),x=o(19216),g=o.n(x),b=o(44589),y=o.n(b),w=o(75581),k={};k.styleTagTransform=y(),k.setAttributes=v(),k.insert=m().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=g();c()(w.ZP,k);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=o(47514);const I=function Toggle(t){var i,o=t.onChange,r=t.val,d=t.state,c=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,m=void 0===f?40:f,C=t.width,v=void 0===C?80:C,x=t.handleDiameter,g=void 0===x?32:x,b=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,S.jsx)(l.Z,{checkedIcon:c?(0,S.jsx)("div",{className:a()(w.f6,w.co),children:c}):(0,S.jsx)(S.Fragment,{}),uncheckedIcon:u?(0,S.jsx)("div",{className:a()(w.f6,w.no),children:u}):(0,S.jsx)(S.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:b,offColor:p?b:"#CACACA",height:m,width:v,handleDiameter:g})}},88584:(t,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>x});o(87363);var r=o(65515),a=o.n(r),l=o(550),d=o(32919),c=o(69639),u=o(9420),p=o(88683),f=o(39851),m=o(7961),C=o(47514),v=(0,p.getLogger)("Planner","ToggleOption");const x=(0,u.Pi)((function ToggleOption(t){var i,o,r,u=t.item,p=t.paletteId,x=(0,d.NP)(),g=u.groups[0].items;if(!g)return(0,C.jsx)(C.Fragment,{});for(var b=0;b<g.length;b++){var y,w;null!==(y=g[b].codex)&&void 0!==y&&y.startsWith("OPVNEIN")&&(r=g[b]),null!==(w=g[b].codex)&&void 0!==w&&w.startsWith("OPVJA")&&(o=g[b])}if(!(r&&o||(2==g.length&&(r=g[0],o=g[1]),r&&o)))return v.error(new f.GE("Achtung! Bei der Option: "+g[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),u.isVisited=!0,(0,C.jsx)(C.Fragment,{});var k=null!==(i=u.selectedElements)&&void 0!==i&&i[0].contentItemId?u.selectedElements[0]:u.optionContentItemId?{contentItemId:u.optionContentItemId,codex:u.configStepKey}:void 0;return(0,C.jsxs)("div",{className:l.O7,ref:function ref(t){return u.htmlRef=t},children:[(0,C.jsx)("div",{className:a()(l.eR,l.TN),children:u.name}),(0,C.jsx)("div",{className:a()(l.eR),children:(0,C.jsx)("div",{className:l.US,children:(0,C.jsx)(c.default,{onChange:function onChange(){x.paletteViewHandler.clickedOnConfigPalette(r.sel?o:r,void 0,p)},val:u,state:0==r.sel,off:r.text,on:o.text})})}),k&&(0,C.jsx)(m.default,{item:k,style:{bottom:"calc(50% - 10px)",right:"-5%"}})]})}))},23240:(t,i,o)=>{"use strict";o.d(i,{FJ:()=>m,Oq:()=>f,ZP:()=>x,al:()=>v,dA:()=>p,fL:()=>C,hv:()=>u,um:()=>c});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",f="index-module--fLFjU",m="index-module--nTN4r",C="index-module--FaRqp",v="index-module--oBSZj";const x=d},75581:(t,i,o)=>{"use strict";o.d(i,{ZP:()=>f,co:()=>u,f6:()=>c,no:()=>p});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=d},43078:(t,i,o)=>{"use strict";o.d(i,{O7:()=>c,TN:()=>p,US:()=>f,ZP:()=>v,eR:()=>u,pA:()=>C,u2:()=>m});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n  --infoIconSize: 20px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  cursor: pointer;\n}\n\n.index-module--cACDT {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var c="index-module--v5pSs",u="index-module--WNi5H",p="index-module--BYNhM",f="index-module--cACDT",m="index-module--z1OwD",C="index-module--PkMF3";const v=d},550:(t,i,o)=>{"use strict";o.d(i,{O7:()=>g.O7,TN:()=>g.TN,US:()=>g.US,eR:()=>g.eR,pA:()=>g.pA,u2:()=>g.u2});var r=o(93379),a=o.n(r),l=o(7795),d=o.n(l),c=o(90569),u=o.n(c),p=o(3565),f=o.n(p),m=o(19216),C=o.n(m),v=o(44589),x=o.n(v),g=o(43078),b={};b.styleTagTransform=x(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=C();a()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},65515:(t,i)=>{var o;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var t="",i=0;i<arguments.length;i++){var o=arguments[i];o&&(t=appendClass(t,parseValue(o)))}return t}function parseValue(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return classNames.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var i="";for(var o in t)r.call(t,o)&&t[o]&&(i=appendClass(i,o));return i}function appendClass(t,i){return i?t?t+" "+i:t+i:t}t.exports?(classNames.default=classNames,t.exports=classNames):void 0===(o=function(){return classNames}.apply(i,[]))||(t.exports=o)}()},68692:(t,i,o)=>{"use strict";o.d(i,{Z:()=>d});var r=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,r,a){return function(t,i,o,r,a){var l=(t-o)/(i-o);if(0===l)return r;if(1===l)return a;for(var d="#",c=1;c<6;c+=2){var u=parseInt(r.substr(c,2),16),p=parseInt(a.substr(c,2),16),f=Math.round((1-l)*u+l*p).toString(16);1===f.length&&(f="0"+f),d+=f}return d}(t,i,o,h(r),h(a))}var d=function(t){function n(i){t.call(this,i);var o=i.height,r=i.width,a=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(r-o,r-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var i=this.state,o=i.R,r=i.h,a=(this.props.checked?this.i:this.o)+t-o;i.N||t===o||this.setState({N:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.U=function(t){var i=this.state,o=i.h,r=i.N,a=i.B,l=this.props.checked,d=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var c=Date.now()-a;(!r||c<250||l&&o<=d||!l&&o>=d)&&this.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,a=t.className,l=t.offColor,d=t.onColor,c=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,m=t.checkedHandleIcon,C=t.uncheckedHandleIcon,v=t.boxShadow,x=t.activeBoxShadow,g=t.height,b=t.width,y=t.borderRadius,w=function(t,i){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===i.indexOf(r)&&(o[r]=t[r]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),k=this.state,S=k.h,I=k.N,j=k.j,M={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},N={height:g,width:b,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(S,this.i,this.o,l,d),borderRadius:"number"==typeof y?y:g/2,cursor:o?"default":"pointer",WebkitTransition:I?null:"background 0.25s",MozTransition:I?null:"background 0.25s",transition:I?null:"background 0.25s"},T={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"relative",opacity:(S-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:I?null:"opacity 0.25s",MozTransition:I?null:"opacity 0.25s",transition:I?null:"opacity 0.25s"},P={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"absolute",opacity:1-(S-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:I?null:"opacity 0.25s",MozTransition:I?null:"opacity 0.25s",transition:I?null:"opacity 0.25s"},D={height:this.t,width:this.t,background:e(S,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof y?y-1:"50%",position:"absolute",transform:"translateX("+S+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:j?x:v,border:0,WebkitTransition:I?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:I?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:I?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},E={height:this.t,width:this.t,opacity:Math.max(2*(1-(S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:I?null:"opacity 0.25s",MozTransition:I?null:"opacity 0.25s",transition:I?null:"opacity 0.25s"},Z={height:this.t,width:this.t,opacity:Math.max(2*((S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:I?null:"opacity 0.25s",MozTransition:I?null:"opacity 0.25s",transition:I?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:M},r.createElement("div",{className:"react-switch-bg",style:N,onClick:o?null:this.T,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:T},p),f&&r.createElement("div",{style:P},f)),r.createElement("div",{className:"react-switch-handle",style:D,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.k,onTouchMove:o?null:this.m,onTouchEnd:o?null:this.M,onTouchCancel:o?null:this.O},C&&r.createElement("div",{style:E},C),m&&r.createElement("div",{style:Z},m)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},w,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},n}(r.Component);d.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 859.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[859,7976,8416],{70859:(t,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>d});o(87363);var r=o(55901),a=o(57851),l=o(77976),c=o(47514);const d=function Varaint(t){var i,o=t.item,d=(0,a.NP)();return(0,c.jsxs)("div",{style:{userSelect:"unset",display:"flex",flexDirection:"row",gap:20,alignItems:"center",borderBottom:"1px solid grey",justifyContent:"space-between",padding:10},children:[(0,c.jsx)("button",{onClick:o.onClick,children:"konfigurieren"}),(0,c.jsx)("div",{children:o.index}),null===(i=o.variantValues)||void 0===i?void 0:i.map((function(t){return(0,c.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10},children:[t.optionValueImage&&(0,c.jsx)("img",{src:t.optionValueImage,style:{height:40}}),(0,c.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:5,width:"150px"},children:[(0,c.jsx)("div",{children:t.optionName}),(0,c.jsx)("div",{children:t.optionValueName})]})]},t.opt)})),(0,c.jsx)("div",{children:o.title}),(0,c.jsx)("div",{children:r.ZP.formatPrice(o.price)}),(0,c.jsx)("div",{style:{alignSelf:"flex-end"},children:(0,c.jsx)(l.default,{height:32,handleDiameter:22,width:60,onChange:function onChange(){o.onToggle(),d.paletteViewHandler.updateCurPaletteData(!0)},state:!o.disabled})})]},o.hash)}},77976:(t,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>j});var r=o(65515),a=o.n(r),l=(o(87363),o(68692)),c=o(93379),d=o.n(c),u=o(7795),p=o.n(u),f=o(90569),v=o.n(f),m=o(3565),g=o.n(m),y=o(19216),b=o.n(y),x=o(44589),w=o.n(x),k=o(75581),C={};C.styleTagTransform=w(),C.setAttributes=g(),C.insert=v().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=b();d()(k.ZP,C);k.ZP&&k.ZP.locals&&k.ZP.locals;var S=o(47514);const j=function Toggle(t){var i,o=t.onChange,r=t.val,c=t.state,d=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,v=void 0===f?40:f,m=t.width,g=void 0===m?80:m,y=t.handleDiameter,b=void 0===y?32:y,x=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,S.jsx)(l.Z,{checkedIcon:d?(0,S.jsx)("div",{className:a()(k.f6,k.co),children:d}):(0,S.jsx)(S.Fragment,{}),uncheckedIcon:u?(0,S.jsx)("div",{className:a()(k.f6,k.no),children:u}):(0,S.jsx)(S.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!c)},checked:c,onColor:x,offColor:p?x:"#CACACA",height:v,width:g,handleDiameter:b})}},75581:(t,i,o)=>{"use strict";o.d(i,{ZP:()=>f,co:()=>u,f6:()=>d,no:()=>p});var r=o(8081),a=o.n(r),l=o(23645),c=o.n(l)()(a());c.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var d="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=c},65515:(t,i)=>{var o;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var t="",i=0;i<arguments.length;i++){var o=arguments[i];o&&(t=appendClass(t,parseValue(o)))}return t}function parseValue(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return classNames.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var i="";for(var o in t)r.call(t,o)&&t[o]&&(i=appendClass(i,o));return i}function appendClass(t,i){return i?t?t+" "+i:t+i:t}t.exports?(classNames.default=classNames,t.exports=classNames):void 0===(o=function(){return classNames}.apply(i,[]))||(t.exports=o)}()},68692:(t,i,o)=>{"use strict";o.d(i,{Z:()=>c});var r=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,r,a){return function(t,i,o,r,a){var l=(t-o)/(i-o);if(0===l)return r;if(1===l)return a;for(var c="#",d=1;d<6;d+=2){var u=parseInt(r.substr(d,2),16),p=parseInt(a.substr(d,2),16),f=Math.round((1-l)*u+l*p).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,i,o,h(r),h(a))}var c=function(t){function n(i){t.call(this,i);var o=i.height,r=i.width,a=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(r-o,r-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var i=this.state,o=i.R,r=i.h,a=(this.props.checked?this.i:this.o)+t-o;i.N||t===o||this.setState({N:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.U=function(t){var i=this.state,o=i.h,r=i.N,a=i.B,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var d=Date.now()-a;(!r||d<250||l&&o<=c||!l&&o>=c)&&this.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,a=t.className,l=t.offColor,c=t.onColor,d=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,v=t.checkedHandleIcon,m=t.uncheckedHandleIcon,g=t.boxShadow,y=t.activeBoxShadow,b=t.height,x=t.width,w=t.borderRadius,k=function(t,i){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===i.indexOf(r)&&(o[r]=t[r]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),C=this.state,S=C.h,j=C.N,D=C.j,M={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:b/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},T={height:b,width:x,margin:Math.max(0,(this.t-b)/2),position:"relative",background:e(S,this.i,this.o,l,c),borderRadius:"number"==typeof w?w:b/2,cursor:o?"default":"pointer",WebkitTransition:j?null:"background 0.25s",MozTransition:j?null:"background 0.25s",transition:j?null:"background 0.25s"},E={height:b,width:Math.min(1.5*b,x-(this.t+b)/2+1),position:"relative",opacity:(S-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},I={height:b,width:Math.min(1.5*b,x-(this.t+b)/2+1),position:"absolute",opacity:1-(S-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},N={height:this.t,width:this.t,background:e(S,this.i,this.o,d,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+S+"px)",top:Math.max(0,(b-this.t)/2),outline:0,boxShadow:D?y:g,border:0,WebkitTransition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},W={height:this.t,width:this.t,opacity:Math.max(2*(1-(S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},P={height:this.t,width:this.t,opacity:Math.max(2*((S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:M},r.createElement("div",{className:"react-switch-bg",style:T,onClick:o?null:this.T,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:E},p),f&&r.createElement("div",{style:I},f)),r.createElement("div",{className:"react-switch-handle",style:N,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.k,onTouchMove:o?null:this.m,onTouchEnd:o?null:this.M,onTouchCancel:o?null:this.O},m&&r.createElement("div",{style:W},m),v&&r.createElement("div",{style:P},v)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},k,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},n}(r.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[859,9639,6400],{70859:(t,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>d});o(87363);var r=o(39851),a=o(32919),l=o(69639),c=o(47514);const d=function Varaint(t){var i,o=t.item,d=(0,a.NP)();return(0,c.jsxs)("div",{style:{userSelect:"unset",display:"flex",flexDirection:"row",gap:20,alignItems:"center",borderBottom:"1px solid grey",justifyContent:"space-between",padding:10},children:[(0,c.jsx)("button",{onClick:o.onClick,children:"konfigurieren"}),(0,c.jsx)("div",{children:o.index}),null===(i=o.variantValues)||void 0===i?void 0:i.map((function(t){return(0,c.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10},children:[t.optionValueImage&&(0,c.jsx)("img",{src:t.optionValueImage,style:{height:40}}),(0,c.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:5,width:"150px"},children:[(0,c.jsx)("div",{children:t.optionName}),(0,c.jsx)("div",{children:t.optionValueName})]})]},t.opt)})),(0,c.jsx)("div",{children:o.title}),(0,c.jsx)("div",{children:r.ZP.formatPrice(o.price)}),(0,c.jsx)("div",{style:{alignSelf:"flex-end"},children:(0,c.jsx)(l.default,{height:32,handleDiameter:22,width:60,onChange:function onChange(){o.onToggle(),d.paletteViewHandler.updateCurPaletteData(!0)},state:!o.disabled})})]},o.hash)}},69639:(t,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>j});var r=o(65515),a=o.n(r),l=(o(87363),o(68692)),c=o(93379),d=o.n(c),u=o(7795),p=o.n(u),f=o(90569),v=o.n(f),m=o(3565),g=o.n(m),y=o(19216),b=o.n(y),x=o(44589),w=o.n(x),k=o(75581),C={};C.styleTagTransform=w(),C.setAttributes=g(),C.insert=v().bind(null,"head"),C.domAPI=p(),C.insertStyleElement=b();d()(k.ZP,C);k.ZP&&k.ZP.locals&&k.ZP.locals;var S=o(47514);const j=function Toggle(t){var i,o=t.onChange,r=t.val,c=t.state,d=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,v=void 0===f?40:f,m=t.width,g=void 0===m?80:m,y=t.handleDiameter,b=void 0===y?32:y,x=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,S.jsx)(l.Z,{checkedIcon:d?(0,S.jsx)("div",{className:a()(k.f6,k.co),children:d}):(0,S.jsx)(S.Fragment,{}),uncheckedIcon:u?(0,S.jsx)("div",{className:a()(k.f6,k.no),children:u}):(0,S.jsx)(S.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!c)},checked:c,onColor:x,offColor:p?x:"#CACACA",height:v,width:g,handleDiameter:b})}},75581:(t,i,o)=>{"use strict";o.d(i,{ZP:()=>f,co:()=>u,f6:()=>d,no:()=>p});var r=o(8081),a=o.n(r),l=o(23645),c=o.n(l)()(a());c.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var d="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=c},65515:(t,i)=>{var o;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var t="",i=0;i<arguments.length;i++){var o=arguments[i];o&&(t=appendClass(t,parseValue(o)))}return t}function parseValue(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return classNames.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var i="";for(var o in t)r.call(t,o)&&t[o]&&(i=appendClass(i,o));return i}function appendClass(t,i){return i?t?t+" "+i:t+i:t}t.exports?(classNames.default=classNames,t.exports=classNames):void 0===(o=function(){return classNames}.apply(i,[]))||(t.exports=o)}()},68692:(t,i,o)=>{"use strict";o.d(i,{Z:()=>c});var r=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,r,a){return function(t,i,o,r,a){var l=(t-o)/(i-o);if(0===l)return r;if(1===l)return a;for(var c="#",d=1;d<6;d+=2){var u=parseInt(r.substr(d,2),16),p=parseInt(a.substr(d,2),16),f=Math.round((1-l)*u+l*p).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,i,o,h(r),h(a))}var c=function(t){function n(i){t.call(this,i);var o=i.height,r=i.width,a=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(r-o,r-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var i=this.state,o=i.R,r=i.h,a=(this.props.checked?this.i:this.o)+t-o;i.N||t===o||this.setState({N:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.U=function(t){var i=this.state,o=i.h,r=i.N,a=i.B,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var d=Date.now()-a;(!r||d<250||l&&o<=c||!l&&o>=c)&&this.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,a=t.className,l=t.offColor,c=t.onColor,d=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,v=t.checkedHandleIcon,m=t.uncheckedHandleIcon,g=t.boxShadow,y=t.activeBoxShadow,b=t.height,x=t.width,w=t.borderRadius,k=function(t,i){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===i.indexOf(r)&&(o[r]=t[r]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),C=this.state,S=C.h,j=C.N,D=C.j,M={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:b/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},T={height:b,width:x,margin:Math.max(0,(this.t-b)/2),position:"relative",background:e(S,this.i,this.o,l,c),borderRadius:"number"==typeof w?w:b/2,cursor:o?"default":"pointer",WebkitTransition:j?null:"background 0.25s",MozTransition:j?null:"background 0.25s",transition:j?null:"background 0.25s"},E={height:b,width:Math.min(1.5*b,x-(this.t+b)/2+1),position:"relative",opacity:(S-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},I={height:b,width:Math.min(1.5*b,x-(this.t+b)/2+1),position:"absolute",opacity:1-(S-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},N={height:this.t,width:this.t,background:e(S,this.i,this.o,d,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof w?w-1:"50%",position:"absolute",transform:"translateX("+S+"px)",top:Math.max(0,(b-this.t)/2),outline:0,boxShadow:D?y:g,border:0,WebkitTransition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:j?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},W={height:this.t,width:this.t,opacity:Math.max(2*(1-(S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"},P={height:this.t,width:this.t,opacity:Math.max(2*((S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:j?null:"opacity 0.25s",MozTransition:j?null:"opacity 0.25s",transition:j?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:M},r.createElement("div",{className:"react-switch-bg",style:T,onClick:o?null:this.T,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:E},p),f&&r.createElement("div",{style:I},f)),r.createElement("div",{className:"react-switch-handle",style:N,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.k,onTouchMove:o?null:this.m,onTouchEnd:o?null:this.M,onTouchCancel:o?null:this.O},m&&r.createElement("div",{style:W},m),v&&r.createElement("div",{style:P},v)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},k,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},n}(r.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 8670.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[8670],{18670:(n,e,r)=>{r.r(e),r.d(e,{default:()=>P});var o=r(72874),t=(r(87363),r(93379)),i=r.n(t),a=r(7795),l=r.n(a),d=r(90569),s=r.n(d),c=r(3565),u=r.n(c),b=r(19216),p=r.n(b),x=r(44589),h=r.n(x),f=r(54386),m={};m.styleTagTransform=h(),m.setAttributes=u(),m.insert=s().bind(null,"head"),m.domAPI=l(),m.insertStyleElement=p();i()(f.ZP,m);f.ZP&&f.ZP.locals&&f.ZP.locals;var g=r(32919),k=r(9420),v=r(47514),y=["tabGroup"];const P=(0,k.Pi)((function TabGroups(n){var e=n.tabGroup,r=((0,o.Z)(n,y),(0,g.NP)()),t=r.tabGroupState.curTabGroup;return(0,v.jsx)("div",{onClick:function onClick(){r.tabGroupState.navigateToTabgroupByPosNr(e.posNr)},children:(0,v.jsx)("table",{className:f.Kz,children:(0,v.jsx)("tbody",{children:(0,v.jsx)("tr",{children:(0,v.jsx)("th",{className:e.title===(null==t?void 0:t.title)?f.pA:void 0,children:e.title})})})})})}))},54386:(n,e,r)=>{r.d(e,{Kz:()=>l,ZP:()=>s,pA:()=>d});var o=r(8081),t=r.n(o),i=r(23645),a=r.n(i)()(t());a.push([n.id,".index-module--Z3W1q {\n font-size: 20px;\n font-weight: 300;\n}\n\n.index-module--yLOW8 {\n border-collapse: collapse;\n font-size: 0.9em;\n font-family: sans-serif;\n min-width: 400px;\n width: 100%;\n background: var(--thirdColor);\n color: black;\n text-align: left;\n transition: background-color 0.3s;\n border-radius: 5px;\n}\n.index-module--yLOW8 th {\n width: 25%;\n padding: 6px 10px;\n font-weight: inherit;\n}\n.index-module--xorsR {\n background-color: var(--primaryColor);\n transition: background-color 0.3s;\n border-radius: 5px;\n color: #fff;\n}\n.index-module--kDIDD {\n background-color: white;\n}\n",""]);var l="index-module--yLOW8",d="index-module--xorsR";const s=a}}]);

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

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

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

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 8683.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ (self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[8683,59,9119],{78683:(n,e,t)=>{"use strict";t.r(e),t.d(e,{default:()=>I});t(87363);var r=t(65515),a=t.n(r),s=t(32919),i=t(88683),o=t(93379),l=t.n(o),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),m=t.n(x),f=t(19216),g=t.n(f),b=t(44589),v=t.n(b),h=t(22530),y={};y.styleTagTransform=v(),y.setAttributes=m(),y.insert=p().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=g();l()(h.ZP,y);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(47514);const I=function Header(n){var e=n.tabGroup,t=n.open,r=(0,s.NP)(),o=(0,i.useTranslation)().t;return(0,w.jsxs)("div",{className:a()(h.x6,r.tabGroupAlreadyVisited(e)?h.Fv:void 0,t?h.Nh:void 0),children:[(0,w.jsx)("div",{children:o("configurator."+e.title,e.title)}),(0,w.jsx)("div",{className:a()(h.x7)})]})}},22530:(n,e,t)=>{"use strict";t.d(e,{Fv:()=>m,Nh:()=>x,ZP:()=>g,x6:()=>p,x7:()=>f});var r=t(8081),a=t.n(r),s=t(23645),i=t.n(s),o=t(61667),l=t.n(o),d=new URL(t(81165),t.b),u=i()(a()),c=l()(d);u.push([n.id,".index-module--w_wIT {\n font-size: 12px;\n padding: 12px 16px;\n width: calc(100% - 32px);\n color: #fff;\n position: relative;\n cursor: pointer;\n background-color: #2e4351;\n display: flex;\n justify-content: space-between;\n line-height: 20px;\n border-bottom: #fdfdfd 1px solid;\n transition: border 0.3s ease;\n}\n.index-module--MCJfE.index-module--w_wIT {\n border-bottom: none;\n}\n\n.index-module--r63hz {\n background-color: #142a37;\n}\n\n.index-module--R9Ong {\n width: 8px;\n height: 20px;\n margin-right: 6px;\n background: center / 100% no-repeat url("+c+");\n transition: transform 0.3s ease;\n}\n\n.index-module--MCJfE .index-module--R9Ong {\n transform: rotate(90deg);\n}\n",""]);var p="index-module--w_wIT",x="index-module--MCJfE",m="index-module--r63hz",f="index-module--R9Ong";const g=u},61667:n=>{"use strict";n.exports=function(n,e){return e\|\|(e={}),n?(n=String(n.__esModule?n.default:n),/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),e.hash&&(n+=e.hash),/["'() \t\n]\|(%20)/.test(n)\|\|e.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n):n}},81165:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="},65515:(n,e)=>{var t;!function(){"use strict";var r={}.hasOwnProperty;function classNames(){for(var n="",e=0;e<arguments.length;e++){var t=arguments[e];t&&(n=appendClass(n,parseValue(t)))}return n}function parseValue(n){if("string"==typeof n\|\|"number"==typeof n)return n;if("object"!=typeof n)return"";if(Array.isArray(n))return classNames.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var e="";for(var t in n)r.call(n,t)&&n[t]&&(e=appendClass(e,t));return e}function appendClass(n,e){return e?n?n+" "+e:n+e:n}n.exports?(classNames.default=classNames,n.exports=classNames):void 0===(t=function(){return classNames}.apply(e,[]))\|\|(n.exports=t)}()}}]);

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

@@ -0,0 +1,7 @@
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+/*! filename:8683 */

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8701.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var a=o(13125),r=o(43860),n=o(80248),i=o(63846),s=o(7681),c=o(88683),d=(0,c.getLogger)("Planner","Planner2DGrid"),l=function(){return(0,r.Z)((function Planner2DGrid(e,t,o,r,i){var c=this;(0,a.Z)(this,Planner2DGrid),(0,n.Z)(this,"autoDockingDistance",20),(0,n.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,n.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,n.Z)(this,"canvas",void 0),(0,n.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,n.Z)(this,"borderFactorHori",.7),(0,n.Z)(this,"borderFactorVert",.64),(0,n.Z)(this,"maxZoom",4),(0,n.Z)(this,"deltaRotDeg",void 0),(0,n.Z)(this,"inDragMode",!1),(0,n.Z)(this,"currZoomFactor",1),(0,n.Z)(this,"currCenteringOffset",new s.FM(0,0)),(0,n.Z)(this,"zoomFactorBBoxDimLastFrame",new s.FM(0,0)),(0,n.Z)(this,"plannerPaletteViewInfo",void 0),(0,n.Z)(this,"getConfiguratorState",void 0),(0,n.Z)(this,"updatePlannerTrans",void 0),(0,n.Z)(this,"getPlannerElementById",void 0),(0,n.Z)(this,"getPlannerViewConfig",void 0),(0,n.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,n.Z)(this,"onDragStarted",(function(e,t){c.inDragMode=!0,d.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER"].includes(c.getConfiguratorState())||c.forceViewToEnterPlannerMode(!0),c.getPlannerElementById(e,t)&&c.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"START",c.autoDockingDistance)})),(0,n.Z)(this,"onDragMove",(function(e,t,o){c.getPlannerElementById(e,t)&&c.updatePlannerTrans(e,t,new s.P(o.x/c.currZoomFactor,0,o.y/c.currZoomFactor),0,45,"UPDATE",c.autoDockingDistance)})),(0,n.Z)(this,"onDragEnd",(function(e,t){d.debug("On Drag END"),c.inDragMode=!1,c.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"END",c.autoDockingDistance)})),(0,n.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,n.Z)(this,"getContentAsJPG",(function(){if(c.canvas){var e=c.canvas.backgroundColor,t=c.canvas.width,o=c.canvas.height;c.canvas.backgroundColor="#fff";for(var a=c.canvas.getObjects(),r=void 0,n=void 0,i=0;i<a.length;i++){var s=a[i];if(s.name==c.dimGroupHeightName||s.name==c.dimGroupWidthName){s.dirty=!0;for(var l=0;l<s.getObjects().length;l++)if("text"==s.getObjects()[l].type){var g=s.getObjects()[l];s.name==c.dimGroupHeightName?n=g:s.name==c.dimGroupWidthName&&(r=g)}}}var h=0,u=0,f=0,v=30,m=13,D=!1;c.canvas.width&&c.canvas.width<500&&(v=17,m=7,D=!0),null!=r&&(h=r.fontSize,u=r.top,r.fontSize=v,r.dirty=!0,r.top=r.top+m),null!=n&&(f=n.fontSize,n.fontSize=v,n.dirty=!0),d.debug("This.canvas.width: "+c.canvas.width+"; this.canvas.height: "+c.canvas.height),c.canvas.width&&D&&c.canvas.setWidth(1.15*c.canvas.width),c.canvas.height&&D&&c.canvas.setHeight(1.15*c.canvas.height),c.canvas.renderAll();var P=c.canvas.toDataURL({format:"jpeg",quality:.8});return null!=r&&(r.fontSize=h,r.top=u,r.group.dirty=!0),null!=n&&(n.fontSize=f,n.group.dirty=!0),c.canvas.backgroundColor=e,t&&c.canvas.setWidth(t),o&&c.canvas.setHeight(o),c.canvas.renderAll(),P}return""})),this.getConfiguratorState=e,this.getPlannerElementById=t,this.getPlannerViewConfig=o,this.forceViewToEnterPlannerMode=r,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=i}),[{key:"initialize",value:function initialize(e){this.updatePlannerTrans=e,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new i.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(e,t,o){switch(this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"START",0),o){case"CLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(e,t,o,a,r){var n=this;this.inDragMode||(e.clear2D3DViewerUI(),d.debug("UpdateUI","Planner2DGrid"),t.forEach((function(t,i){for(var s=0;s<t.length;s++)if(t[s].getSVGShapeOLF2D()){var c=t[s],d=!1,l=r;if(o.has(i))for(var g=o.get(i),h=0;h<g.length;h++)if(c.getElementId()==g[h].getElementId()){d=!0;break}if(!d&&!l&&a.has(i)){var u=a.get(i);for(h=0;h<u.length;h++)if(c.getElementId()==u[h].getElementId()){l=!0;break}}n.addPosNrUI(e,c,d,l),n.addDPUI(e,c),d?(["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER"].includes(n.getConfiguratorState())&&(n.addDelIcon(e,c),n.addRotIcon(e,c)),n.addElemOutline(e,c,!0,!1)):l&&n.addElemOutline(e,c,!1,!0),"ACC_PLANNER"==n.getConfiguratorState()&&(c.getIsDockedAccessoire()||c.getIsNotDockedAccessoire())&&n.addDelIcon(e,c)}})))}},{key:"addElemOutline",value:function addElemOutline(e,t,o,a){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var r=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));e.addElemOutlineUI(t.getSetId(),t.getElementId(),t.getRotDeg(),r,new s.FM(Math.round(t.getWidth()*this.currZoomFactor),Math.round(t.getDepth()*this.currZoomFactor)),this.getIconState(o,a),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(e,t){return e?"selected":t?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(e,t,o,a){var r;if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var n=this.getPlannerViewConfig(),i=new s.FM(0,0,"pixel");"TOP_LEFT_BACK"==n.posNumIcon&&(i=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z))),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),i,t.getRotDeg(),this.currZoomFactor,null===(r=e.getPosNrByBasketId(t.getBasketId()))||void 0===r?void 0:r.toString(),this.getIconState(o,a),"2D")}}},{key:"addDelIcon",value:function addDelIcon(e,t){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var o=new s.FM(0,0),a=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":o=a;break;case"TOP_RIGHT_BACK":var r=new s.FM(t.getWidth()*this.currZoomFactor,0);r=s.FM.rotateOrigin(r,t.getRotDeg()),o=new s.FM(a.x+r.x,a.y+r.y)}e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),o,"2D")}}},{key:"addRotIcon",value:function addRotIcon(e,t){t.getIsDockedAccessoire()&&!t.getIsNotDockedAccessoire()||(e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateC",new s.FM(0,0),"2D"),e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateCC",new s.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(e,t){for(var o=t.getAllDockingPoints(),a=0;a<o.length;a++){var r,n=o[a];if(null===(r=this.plannerPaletteViewInfo)||void 0===r||null===(r=r.plannerConfiguration.hideAVButtons)||void 0===r||!r.includes(n.Type))if(this.currZoomFactor<1&&(this.currZoomFactor<=.6?.6:this.currZoomFactor),n.IsDocking||"AVR"!=n.Type&&"AVL"!=n.Type){if(!("AVO"!=n.Type&&"AVU"!=n.Type&&"AVC"!=n.Type&&"AVN"!=n.Type&&"AVS"!=n.Type||n.IsDocking&&t.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED"].includes(this.getConfiguratorState()))continue;var i=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),c=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));i=s.FM.rotateAround(i,c,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,"ACC",n.IsDocking?"DOCKING":"NOT_DOCKING",n.OnElementId,t.getRotDeg(),n.RotDeg,i,"2D")}}else{var d=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),l=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));d=s.FM.rotateAround(d,l,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,n.Type,"NOT_DOCKING",void 0,t.getRotDeg(),n.RotDeg,d,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(e){var t=1;e.size.x/e.size.z>=this.canvas.getWidth()/this.canvas.getHeight()?(t=this.canvas.getWidth()*this.borderFactorHori/e.size.x,d.debug("ATTENTION: "+(this.canvas.getHeight()-e.size.z*c.DivaUtils.UnitRecalc/t))):t=this.canvas.getHeight()*this.borderFactorVert/e.size.z,(Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=t),this.zoomFactorBBoxDimLastFrame=new s.FM(e.size.x,e.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(e){e.update2DGridBackground({zoom:this.currZoomFactor,position:new s.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(e){var t=new s.FM(e.x*this.currZoomFactor,e.y*this.currZoomFactor);return t.x+=this.currCenteringOffset.x,t.y+=this.currCenteringOffset.y,t}},{key:"drawDimensions",value:function drawDimensions(e,t){if(0!=t.size.x&&0!=t.size.z){var o=10,a=null,r=null,n=null,s=e.width*this.currZoomFactor,c=e.height*this.currZoomFactor,d=0,l=0;0==t.digitsAfterComma||null==t.digitsAfterComma?(d=Math.round(t.size.x),l=Math.round(t.size.z)):1==t.digitsAfterComma?(d=Math.round(10*t.size.x)/10,l=Math.round(10*t.size.z)/10):2==t.digitsAfterComma?(d=Math.round(100*t.size.x)/100,l=Math.round(100*t.size.z)/100):3==t.digitsAfterComma?(d=Math.round(1e3*t.size.x)/1e3,l=Math.round(1e3*t.size.z)/1e3):4==t.digitsAfterComma&&(d=Math.round(1e4*t.size.x)/1e4,l=Math.round(1e4*t.size.z)/1e4);var g={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};a=new i.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:e.left-50,top:e.top,height:c,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-25,-c/2,-25,c/2],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-20,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-30,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-20,c/2-o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-30,c/2-o],g),a.add(r),n=new i.fabric.Text(l+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront(),a=new i.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:e.left,top:e.top+c,width:s,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-s/2,-25,s/2,-25],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-20],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-30],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-20],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-30],g),a.add(r),n=new i.fabric.Text(d+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront()}}},{key:"updatePlannerView",value:function updatePlannerView(e,t,o){d.debug("UpdatePlanner2DGrid","Planner2DGrid"),this.clearView();var a=e.getCanvas2DGridSize();if(this.canvas.getWidth()!=a.x&&this.canvas.setWidth(a.x),this.canvas.getHeight()!=a.y&&this.canvas.setHeight(a.y-40),0!=t.size){var r=[];t.forEach((function(e,t){for(var a=0;a<e.length;a++)if(e[a].getSVGShapeOLF2D()){var n=e[a].getSVGShapeOLF2D();n.scaleX=1/c.DivaUtils.UnitRecalc,n.scaleY=1/c.DivaUtils.UnitRecalc,n.left=e[a].getWorldPosCorner().x-o.worldPos.x,n.top=e[a].getWorldPosCorner().z-o.worldPos.y,n.angle=e[a].getRotDeg(),r.push(n)}})),this.calcZoomFactor(o),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom);var n=new s.FM(o.worldPos.x*this.currZoomFactor,o.worldPos.y*this.currZoomFactor),l=new i.fabric.Group(r,{originX:"left",originY:"top",left:n.x,top:n.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),g=this.canvas.getWidth()/2-(l.left+l.width*this.currZoomFactor/2),h=this.canvas.getHeight()/2-(l.top+l.height*this.currZoomFactor/2);this.currCenteringOffset=new s.FM(g,h),l.left+=g,l.top+=h,this.canvas.add(l),l.bringToFront(),this.correctBackgroundPos(e),this.drawDimensions(l,o),this.canvas.renderAll()}}}])}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8701],{47077:(e,t,o)=>{"use strict";o.r(t),o.d(t,{default:()=>l});var a=o(13125),r=o(43860),n=o(80248),i=o(63846),s=o(14230),c=o(88683),d=(0,c.getLogger)("Planner","Planner2DGrid"),l=function(){return(0,r.Z)((function Planner2DGrid(e,t,o,r,i){var c=this;(0,a.Z)(this,Planner2DGrid),(0,n.Z)(this,"autoDockingDistance",20),(0,n.Z)(this,"dimGroupWidthName","DimensionGroup_Width"),(0,n.Z)(this,"dimGroupHeightName","DimensionGroup_Height"),(0,n.Z)(this,"canvas",void 0),(0,n.Z)(this,"canvas2DGridID","wcConfigurator-grid-2D-canvas"),(0,n.Z)(this,"borderFactorHori",.7),(0,n.Z)(this,"borderFactorVert",.64),(0,n.Z)(this,"maxZoom",4),(0,n.Z)(this,"deltaRotDeg",void 0),(0,n.Z)(this,"inDragMode",!1),(0,n.Z)(this,"currZoomFactor",1),(0,n.Z)(this,"currCenteringOffset",new s.FM(0,0)),(0,n.Z)(this,"zoomFactorBBoxDimLastFrame",new s.FM(0,0)),(0,n.Z)(this,"plannerPaletteViewInfo",void 0),(0,n.Z)(this,"getConfiguratorState",void 0),(0,n.Z)(this,"updatePlannerTrans",void 0),(0,n.Z)(this,"getPlannerElementById",void 0),(0,n.Z)(this,"getPlannerViewConfig",void 0),(0,n.Z)(this,"forceViewToEnterPlannerMode",void 0),(0,n.Z)(this,"onDragStarted",(function(e,t){c.inDragMode=!0,d.debug("On Drag Started"),["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER"].includes(c.getConfiguratorState())||c.forceViewToEnterPlannerMode(!0),c.getPlannerElementById(e,t)&&c.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"START",c.autoDockingDistance)})),(0,n.Z)(this,"onDragMove",(function(e,t,o){c.getPlannerElementById(e,t)&&c.updatePlannerTrans(e,t,new s.P(o.x/c.currZoomFactor,0,o.y/c.currZoomFactor),0,45,"UPDATE",c.autoDockingDistance)})),(0,n.Z)(this,"onDragEnd",(function(e,t){d.debug("On Drag END"),c.inDragMode=!1,c.updatePlannerTrans(e,t,new s.P(0,0,0),0,0,"END",c.autoDockingDistance)})),(0,n.Z)(this,"resetSelectedElementsOnEnterPlannerMode",(function(){return!1})),(0,n.Z)(this,"getContentAsJPG",(function(){if(c.canvas){var e=c.canvas.backgroundColor,t=c.canvas.width,o=c.canvas.height;c.canvas.backgroundColor="#fff";for(var a=c.canvas.getObjects(),r=void 0,n=void 0,i=0;i<a.length;i++){var s=a[i];if(s.name==c.dimGroupHeightName||s.name==c.dimGroupWidthName){s.dirty=!0;for(var l=0;l<s.getObjects().length;l++)if("text"==s.getObjects()[l].type){var g=s.getObjects()[l];s.name==c.dimGroupHeightName?n=g:s.name==c.dimGroupWidthName&&(r=g)}}}var h=0,u=0,f=0,v=30,m=13,D=!1;c.canvas.width&&c.canvas.width<500&&(v=17,m=7,D=!0),null!=r&&(h=r.fontSize,u=r.top,r.fontSize=v,r.dirty=!0,r.top=r.top+m),null!=n&&(f=n.fontSize,n.fontSize=v,n.dirty=!0),d.debug("This.canvas.width: "+c.canvas.width+"; this.canvas.height: "+c.canvas.height),c.canvas.width&&D&&c.canvas.setWidth(1.15*c.canvas.width),c.canvas.height&&D&&c.canvas.setHeight(1.15*c.canvas.height),c.canvas.renderAll();var P=c.canvas.toDataURL({format:"jpeg",quality:.8});return null!=r&&(r.fontSize=h,r.top=u,r.group.dirty=!0),null!=n&&(n.fontSize=f,n.group.dirty=!0),c.canvas.backgroundColor=e,t&&c.canvas.setWidth(t),o&&c.canvas.setHeight(o),c.canvas.renderAll(),P}return""})),this.getConfiguratorState=e,this.getPlannerElementById=t,this.getPlannerViewConfig=o,this.forceViewToEnterPlannerMode=r,this.updatePlannerTrans=void 0,this.deltaRotDeg=this.getPlannerViewConfig().deltaRotDeg2D,this.plannerPaletteViewInfo=i}),[{key:"initialize",value:function initialize(e){this.updatePlannerTrans=e,this.canvas?this.canvas&&this.canvas.clear():this.canvas=new i.fabric.Canvas(this.canvas2DGridID)}},{key:"clearView",value:function clearView(){this.canvas&&this.canvas.clear()}},{key:"handleRotation",value:function handleRotation(e,t,o){switch(this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"START",0),o){case"CLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0);break;case"COUNTERCLOCKWISE":this.updatePlannerTrans(e,t,new s.P(0,0,0),-this.deltaRotDeg,this.deltaRotDeg,"UPDATE",0)}this.updatePlannerTrans(e,t,new s.P(0,0,0),0,this.deltaRotDeg,"END",10)}},{key:"updateUI",value:function updateUI(e,t,o,a,r){var n=this;this.inDragMode||(e.clear2D3DViewerUI(),d.debug("UpdateUI","Planner2DGrid"),t.forEach((function(t,i){for(var s=0;s<t.length;s++)if(t[s].getSVGShapeOLF2D()){var c=t[s],d=!1,l=r;if(o.has(i))for(var g=o.get(i),h=0;h<g.length;h++)if(c.getElementId()==g[h].getElementId()){d=!0;break}if(!d&&!l&&a.has(i)){var u=a.get(i);for(h=0;h<u.length;h++)if(c.getElementId()==u[h].getElementId()){l=!0;break}}n.addPosNrUI(e,c,d,l),n.addDPUI(e,c),d?(["PLANNER","PRODUCTS","PROMOTED","ACC_PLANNER"].includes(n.getConfiguratorState())&&(n.addDelIcon(e,c),n.addRotIcon(e,c)),n.addElemOutline(e,c,!0,!1)):l&&n.addElemOutline(e,c,!1,!0),"ACC_PLANNER"==n.getConfiguratorState()&&(c.getIsDockedAccessoire()||c.getIsNotDockedAccessoire())&&n.addDelIcon(e,c)}})))}},{key:"addElemOutline",value:function addElemOutline(e,t,o,a){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var r=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));e.addElemOutlineUI(t.getSetId(),t.getElementId(),t.getRotDeg(),r,new s.FM(Math.round(t.getWidth()*this.currZoomFactor),Math.round(t.getDepth()*this.currZoomFactor)),this.getIconState(o,a),this.onDragStarted,this.onDragMove,this.onDragEnd,"2D")}}},{key:"getIconState",value:function getIconState(e,t){return e?"selected":t?"selectable":"unselectable"}},{key:"addPosNrUI",value:function addPosNrUI(e,t,o,a){var r;if(!t.getIsDockedAccessoire()||"ACC_PLANNER"===this.getConfiguratorState()){var n=this.getPlannerViewConfig(),i=new s.FM(0,0,"pixel");"TOP_LEFT_BACK"==n.posNumIcon&&(i=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z))),e.addPosNrUI(t.getSetId(),t.getElementId(),t.getIsDockedAccessoire(),i,t.getRotDeg(),this.currZoomFactor,null===(r=e.getPosNrByBasketId(t.getBasketId()))||void 0===r?void 0:r.toString(),this.getIconState(o,a),"2D")}}},{key:"addDelIcon",value:function addDelIcon(e,t){if(!t.getIsDockedAccessoire()||"ACC_PLANNER"==this.getConfiguratorState()){var o=new s.FM(0,0),a=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));switch(this.getPlannerViewConfig().posTrashRotIcon){case"POSNUM_TOP":o=a;break;case"TOP_RIGHT_BACK":var r=new s.FM(t.getWidth()*this.currZoomFactor,0);r=s.FM.rotateOrigin(r,t.getRotDeg()),o=new s.FM(a.x+r.x,a.y+r.y)}e.addTrashIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),o,"2D")}}},{key:"addRotIcon",value:function addRotIcon(e,t){t.getIsDockedAccessoire()&&!t.getIsNotDockedAccessoire()||(e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateC",new s.FM(0,0),"2D"),e.addRotationIconUI(t.getSetId(),t.getElementId(),t.getRotDeg(),"RotateCC",new s.FM(0,0),"2D"))}},{key:"addDPUI",value:function addDPUI(e,t){for(var o=t.getAllDockingPoints(),a=0;a<o.length;a++){var r,n=o[a];if(null===(r=this.plannerPaletteViewInfo)||void 0===r||null===(r=r.plannerConfiguration.hideAVButtons)||void 0===r||!r.includes(n.Type))if(this.currZoomFactor<1&&(this.currZoomFactor<=.6?.6:this.currZoomFactor),n.IsDocking||"AVR"!=n.Type&&"AVL"!=n.Type){if(!("AVO"!=n.Type&&"AVU"!=n.Type&&"AVC"!=n.Type&&"AVN"!=n.Type&&"AVS"!=n.Type||n.IsDocking&&t.getIsDockedAccessoire())){if(!["PLANNER","PRODUCTS","PROMOTED"].includes(this.getConfiguratorState()))continue;var i=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),c=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));i=s.FM.rotateAround(i,c,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,"ACC",n.IsDocking?"DOCKING":"NOT_DOCKING",n.OnElementId,t.getRotDeg(),n.RotDeg,i,"2D")}}else{var d=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x+n.LocalWorldPos.x,t.getWorldPosCorner().z+n.LocalWorldPos.z)),l=this.worldPosToScreenPos(new s.FM(t.getWorldPosCorner().x,t.getWorldPosCorner().z));d=s.FM.rotateAround(d,l,t.getRotDeg()),e.addDP(t.getSetId(),t.getElementId(),n.DpId,n.Type,"NOT_DOCKING",void 0,t.getRotDeg(),n.RotDeg,d,"2D")}}}},{key:"calcZoomFactor",value:function calcZoomFactor(e){var t=1;e.size.x/e.size.z>=this.canvas.getWidth()/this.canvas.getHeight()?(t=this.canvas.getWidth()*this.borderFactorHori/e.size.x,d.debug("ATTENTION: "+(this.canvas.getHeight()-e.size.z*c.DivaUtils.UnitRecalc/t))):t=this.canvas.getHeight()*this.borderFactorVert/e.size.z,(Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)<.01&&Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)<.01||Math.abs(e.size.z-this.zoomFactorBBoxDimLastFrame.y)>30||Math.abs(e.size.x-this.zoomFactorBBoxDimLastFrame.x)>30)&&(this.currZoomFactor=t),this.zoomFactorBBoxDimLastFrame=new s.FM(e.size.x,e.size.z)}},{key:"correctBackgroundPos",value:function correctBackgroundPos(e){e.update2DGridBackground({zoom:this.currZoomFactor,position:new s.FM(this.currCenteringOffset.x/this.currZoomFactor,this.currCenteringOffset.y/this.currZoomFactor)})}},{key:"worldPosToScreenPos",value:function worldPosToScreenPos(e){var t=new s.FM(e.x*this.currZoomFactor,e.y*this.currZoomFactor);return t.x+=this.currCenteringOffset.x,t.y+=this.currCenteringOffset.y,t}},{key:"drawDimensions",value:function drawDimensions(e,t){if(0!=t.size.x&&0!=t.size.z){var o=10,a=null,r=null,n=null,s=e.width*this.currZoomFactor,c=e.height*this.currZoomFactor,d=0,l=0;0==t.digitsAfterComma||null==t.digitsAfterComma?(d=Math.round(t.size.x),l=Math.round(t.size.z)):1==t.digitsAfterComma?(d=Math.round(10*t.size.x)/10,l=Math.round(10*t.size.z)/10):2==t.digitsAfterComma?(d=Math.round(100*t.size.x)/100,l=Math.round(100*t.size.z)/100):3==t.digitsAfterComma?(d=Math.round(1e3*t.size.x)/1e3,l=Math.round(1e3*t.size.z)/1e3):4==t.digitsAfterComma&&(d=Math.round(1e4*t.size.x)/1e4,l=Math.round(1e4*t.size.z)/1e4);var g={originX:"center",originY:"center",stroke:"grey",strokeWidth:1};a=new i.fabric.Group([],{name:this.dimGroupHeightName,originX:"left",originY:"top",width:100,angle:0,left:e.left-50,top:e.top,height:c,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-25,-c/2,-25,c/2],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-20,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,-c/2,-30,-c/2+o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-20,c/2-o],g),a.add(r),r=new i.fabric.Line([-25,c/2,-30,c/2-o],g),a.add(r),n=new i.fabric.Text(l+" cm",{stroke:"grey",angle:-90,fontSize:19,fontFamily:"sans-serif",left:-28,top:0,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront(),a=new i.fabric.Group([],{name:this.dimGroupWidthName,originX:"left",originY:"top",angle:0,left:e.left,top:e.top+c,width:s,height:100,hasControls:!1,hasBorders:!1,selectable:!1,lockRotation:!0,lockMovementX:!0,lockMovementY:!0,lockUniScaling:!0,lockScalingX:!0,lockScalingY:!0,hoverCursor:"default"}),r=new i.fabric.Line([-s/2,-25,s/2,-25],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-20],g),a.add(r),r=new i.fabric.Line([-s/2,-25,-s/2+o,-30],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-20],g),a.add(r),r=new i.fabric.Line([s/2,-25,s/2-o,-30],g),a.add(r),n=new i.fabric.Text(d+" cm",{stroke:"grey",fontSize:19,fontFamily:"sans-serif",left:0,top:-1,originX:"center",originY:"bottom"}),a.add(n),this.canvas.add(a),a.bringToFront()}}},{key:"updatePlannerView",value:function updatePlannerView(e,t,o){d.debug("UpdatePlanner2DGrid","Planner2DGrid"),this.clearView();var a=e.getCanvas2DGridSize();if(this.canvas.getWidth()!=a.x&&this.canvas.setWidth(a.x),this.canvas.getHeight()!=a.y&&this.canvas.setHeight(a.y-40),0!=t.size){var r=[];t.forEach((function(e,t){for(var a=0;a<e.length;a++)if(e[a].getSVGShapeOLF2D()){var n=e[a].getSVGShapeOLF2D();n.scaleX=1/c.DivaUtils.UnitRecalc,n.scaleY=1/c.DivaUtils.UnitRecalc,n.left=e[a].getWorldPosCorner().x-o.worldPos.x,n.top=e[a].getWorldPosCorner().z-o.worldPos.y,n.angle=e[a].getRotDeg(),r.push(n)}})),this.calcZoomFactor(o),this.currZoomFactor>this.maxZoom&&(this.currZoomFactor=this.maxZoom);var n=new s.FM(o.worldPos.x*this.currZoomFactor,o.worldPos.y*this.currZoomFactor),l=new i.fabric.Group(r,{originX:"left",originY:"top",left:n.x,top:n.y,opacity:1,scaleX:this.currZoomFactor,scaleY:this.currZoomFactor,hasControls:!1,selectable:!1,hoverCursor:"default"}),g=this.canvas.getWidth()/2-(l.left+l.width*this.currZoomFactor/2),h=this.canvas.getHeight()/2-(l.top+l.height*this.currZoomFactor/2);this.currCenteringOffset=new s.FM(g,h),l.left+=g,l.top+=h,this.canvas.add(l),l.bringToFront(),this.correctBackgroundPos(e),this.drawDimensions(l,o),this.canvas.renderAll()}}}])}()},95126:()=>{},95678:()=>{},18265:()=>{}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8705.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8705,9001],{69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},9898:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),l=t(57851),s=t(87363),d=t(9420),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),f=t(90569),g=t.n(f),m=t(3565),h=t.n(m),b=t(19216),v=t.n(b),S=t(44589),y=t.n(S),w=t(39545),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();u()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var k=t(47514);const j=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,l.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.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,k.jsx)(k.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().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)}}(),c=!!e.settingsState.inputBoxItem.measureUnit;return(0,k.jsx)("div",{children:(0,k.jsxs)("div",{className:w.Q_,children:[(0,k.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,k.jsxs)("div",{style:{width:"100%"},children:[(0,k.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,k.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:w.Ci,type:c?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,k.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},65542:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});t(87363);var i=t(93379),o=t.n(i),r=t(7795),a=t.n(r),l=t(90569),s=t.n(l),d=t(3565),c=t.n(d),u=t(19216),x=t.n(u),p=t(44589),f=t.n(p),g=t(59318),m={};m.styleTagTransform=f(),m.setAttributes=c(),m.insert=s().bind(null,"head"),m.domAPI=a(),m.insertStyleElement=x();o()(g.ZP,m);g.ZP&&g.ZP.locals&&g.ZP.locals;var h=t(57851),b=t(9420),v=t(31548),S=t(88683),y=t(47514);const w=(0,b.Pi)((function Toolbar(n){var e,t,i=(0,h.NP)(),o=(0,S.useDivaCore)().state.organization.settings.wwsClient,r=function changeVal(n){var e=n===i.uiState.activeCatalogSection?"3D/2D":n;localStorage.setItem("lastWindow",e),i.uiState.setActiveCatalogSection(e)},a=!!Object.values(null!==(e=null===(t=i.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==e?e:{}).find((function(n){return n.partlistArticlesRules}));return(0,y.jsxs)(y.Fragment,{children:["3D/2D"!=i.uiState.activeCatalogSection&&(0,y.jsx)(v.default,{}),(0,y.jsxs)("div",{className:g.nC,children:[a&&(0,y.jsx)("div",{className:g.wc,onClick:function onClick(){return r("PartList")},children:"Stückliste"}),"Pfister"==o&&(0,y.jsx)("div",{className:g.wc,onClick:function onClick(){return r("ekText")},children:"Ek Text"})]})]})}))},28705:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>D,default:()=>O});var i=t(57851),o=t(87363),r=t(9898),a=t(93379),l=t.n(a),s=t(7795),d=t.n(s),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),f=t(19216),g=t.n(f),m=t(44589),h=t.n(m),b=t(53471),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();l()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var S=t(1603),y=t(13839),w=t(9420),P=t(65515),k=t.n(P),j=t(65542),C=t(69001),B=t(47514),D={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionWidthForthBackSpacer":"0.1rem","--configuratorActionForthWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--configuratorActionBackWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"0.3125rem"};const O=(0,w.Pi)((function Wysiwyg(n){var e=(0,i.NP)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(D)}),[]),(0,B.jsxs)(B.Fragment,{children:[(0,B.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:k()(b.xn,e.getIsInMobileView()?b.ai:void 0),children:[(0,B.jsx)(y.default,{className:b.x6}),(0,B.jsx)(S.default,{className:b.vt}),(0,B.jsx)(C.default,{className:b.jl,showBackButtonText:!0}),(0,B.jsx)(j.default,{})]}),e.settingsState.inputBoxVisible&&(0,B.jsx)(r.default,{})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>m,vX:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),l=t(61667),s=t.n(l),d=new URL(t(38403),t.b),c=a()(o()),u=s()(d);c.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("+u+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const m=c},59318:(n,e,t)=>{t.d(e,{ZP:()=>d,nC:()=>l,wc:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--lxloL {\n  display: flex;\n  height: 42px;\n  gap: 12px;\n  justify-content: space-around;\n  overflow: auto;\n  align-items: center;\n  background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n  cursor: pointer;\n  min-width: 80px;\n  padding-left: 12px;\n  padding-right: 12px;\n  text-align: center;\n}\n",""]);var l="index-module--lxloL",s="index-module--CjTaL";const d=a},53471:(n,e,t)=>{t.d(e,{ZP:()=>x,ai:()=>d,jl:()=>u,vt:()=>c,x6:()=>s,xn:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--B_KPE {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\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  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n  height: 56px;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n  height: 40px;\n}\n\n.index-module--NDeij {\n  height: calc(100% - 56px - 42px - 40px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n  height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n  height: 40px;\n  z-index: 1001;\n}\n",""]);var l="index-module--B_KPE",s="index-module--qDhz3",d="index-module--aq01h",c="index-module--NDeij",u="index-module--Jh4qy";const x=a}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8705,59,9119],{38705:(n,e,i)=>{"use strict";i.r(e),i.d(e,{default:()=>y});var t=i(65515),o=i.n(t),a=i(32919),d=i(9420),r=(i(87363),i(93379)),l=i.n(r),M=i(7795),s=i.n(M),x=i(90569),u=i.n(x),N=i(3565),c=i.n(N),m=i(19216),g=i.n(m),D=i(44589),j=i.n(D),T=i(1531),z={};z.styleTagTransform=j(),z.setAttributes=c(),z.insert=u().bind(null,"head"),z.domAPI=s(),z.insertStyleElement=g();l()(T.ZP,z);T.ZP&&T.ZP.locals&&T.ZP.locals;var I=i(88683),h=i(47514);const y=(0,d.Pi)((function Summary(n){var e,i=n.item,t=(0,a.NP)(),d=(0,I.useTranslation)().t,r=(0,I.useDivaCore)().state.hidePrices;return i.isTabGroup?(0,h.jsx)("div",{className:T.Or,children:(0,h.jsx)("span",{className:T.b3,children:d("configurator."+i.title,i.title)})}):(0,h.jsxs)("div",{className:o()(T.vt,t.uiState.configSettingsIsExpanded||t.uiState.configSettingsIsMaxExpanded?void 0:T.yY),children:[(0,h.jsxs)("div",{children:[(0,h.jsx)("span",{className:T.hh,style:{backgroundImage:i.image?"url(".concat(i.image,")"):"none"}}),(0,h.jsxs)("div",{className:o()(T.el,i.isDefined?void 0:T.z4),children:[(0,h.jsxs)("span",{className:T.o$,children:[i.quantity&&"(x"+i.quantity+") ",i.title]}),(0,h.jsx)("span",{className:T.JH,dangerouslySetInnerHTML:{__html:i.description}}),!i.isDefined&&(0,h.jsx)("span",{title:d("configurator.OPTION_NOT_DEFINED"),className:T.oB}),!r&&!!i.price&&(0,h.jsx)("span",{className:T.Ct,children:I.DivaUtils.formatPrice(i.price)}),!t.uiState.ViewConfig.hideElementInfo&&(0,h.jsx)("span",{className:T.CZ,children:null===(e=i.targetArticlePosNrs)||void 0===e?void 0:e.map((function(n,e){return(0,h.jsx)("span",{children:n},e)}))})]})]}),(0,h.jsx)("button",{className:T.tz,type:"button",onClick:function onClick(){return t.paletteViewHandler.clickedOnSummaryPalette(i)}})]})}))},1531:(n,e,i)=>{"use strict";i.d(e,{CZ:()=>p,Ct:()=>y,JH:()=>z,Or:()=>c,ZP:()=>E,b3:()=>m,el:()=>j,hh:()=>D,o$:()=>T,oB:()=>h,tz:()=>w,vt:()=>g,yY:()=>f,z4:()=>I});var t=i(8081),o=i.n(t),a=i(23645),d=i.n(a),r=i(61667),l=i.n(r),M=new URL(i(72561),i.b),s=new URL(i(7794),i.b),x=d()(o()),u=l()(M),N=l()(s);x.push([n.id,"/*Summary*/\n.index-module--lWJbq {\n  border-bottom: 1px solid #dfdfdf;\n  margin: 0.75rem 0 0;\n  padding-bottom: 0.75rem;\n}\n.index-module--tOwKs {\n  font-weight: 300;\n}\n\n.index-module--C6lpt {\n  border-bottom: 1px solid #dfdfdf;\n  overflow: hidden;\n  padding: 0.5rem 0rem;\n  position: relative;\n  width: 100%;\n  height: 4rem;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  color: var(--secondaryColor);\n}\n\n.index-module--C6lpt > div {\n  display: block;\n  position: relative;\n  clear: both;\n  width: calc(100% - 3.5rem);\n  height: 4rem;\n}\n\n.index-module--C6lpt > div > span,\n.index-module--C6lpt > div > div > span {\n  display: block;\n  top: 50%;\n  max-height: 4rem;\n}\n.index-module--zCoqz {\n  max-width: 5rem;\n  width: 5rem;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  overflow: hidden;\n  height: 4rem;\n  float: left;\n}\n\n.index-module--VZBBk {\n  height: 4rem;\n  float: left;\n  margin-left: 0.7rem;\n  width: calc(100% - 5rem - 0.7rem);\n  position: relative;\n}\n.index-module--M3CKX {\n  left: 0%;\n  width: 28%;\n  margin-left: 2%;\n  position: absolute;\n  font-size: 16px;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n\n.index-module--lYGTW {\n  left: 32%;\n  width: 28%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n.index-module--cDVjM .index-module--lYGTW {\n  width: calc(28% - 3rem);\n}\n\n.index-module--n1piK {\n  left: calc(62% - 3rem);\n  width: 48px;\n  height: 48px;\n  transform: translateY(-50%);\n  position: absolute;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n  background-image: url("+u+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 34px;\n}\n\n.index-module--M3CKX:hover,\n.index-module--lYGTW:hover {\n  overflow-x: visible;\n  z-index: 100;\n  word-break: break-word;\n}\n\n.index-module--aZxcu {\n  left: 62%;\n  width: 18%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  height: 4rem;\n  line-height: 4rem;\n  text-align: center;\n}\n\nspan.index-module--EynvM {\n  left: 82%;\n  width: 18%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n}\n\n.index-module--EynvM span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.index-module--K1Qsm {\n  top: calc(50% - calc(2.2rem / 2));\n  position: absolute;\n  right: 0.7rem;\n  width: 2.1rem;\n  height: 2.1rem;\n  border: none;\n  box-sizing: border-box;\n  -webkit-text-stroke: 0px;\n  -webkit-font-smoothing: antialiased;\n  outline: medium none invert;\n  outline: initial;\n  background-image: url("+N+");\n  background-repeat: no-repeat;\n  background-size: 1.1rem;\n  background-position: center center;\n}\n.index-module--K1Qsm:hover {\n  box-shadow: var(--boxShadowHover);\n  cursor: pointer;\n}\n\n/*falls die Configuratorleiste nicht expanded ist*/\n.index-module--TOnCs,\n.index-module--TOnCs .index-module--VZBBk {\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.index-module--TOnCs > div > div > span {\n  width: 100%;\n  position: relative;\n  height: 1.1rem;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n  transform: none;\n  margin: 0;\n  margin: initial;\n  font-size: 13px;\n  height: -moz-fit-content;\n  height: fit-content;\n  line-height: 1rem;\n  padding-bottom: 0.3rem;\n  word-break: break-word;\n}\n\n.index-module--TOnCs > div > .index-module--cDVjM .index-module--lYGTW {\n  width: 100%;\n}\n\n.index-module--TOnCs > div > div.index-module--cDVjM > span.index-module--n1piK {\n  width: 28px;\n  height: 28px;\n  float: left;\n}\n\n.index-module--TOnCs > div > div.index-module--cDVjM > span.index-module--EynvM {\n  width: calc(100% - 48px);\n  float: left;\n  padding-left: 10px;\n}\n\n.index-module--TOnCs .index-module--M3CKX:hover,\n.index-module--TOnCs .index-module--lYGTW:hover {\n  overflow-y: auto;\n  background: none;\n  z-index: 100;\n  word-break: break-word;\n}\n\n@media all and (max-width: 1050px) and (orientation: landscape), all and (max-width: 600px) and (orientation: portrait) {\n  .index-module--C6lpt,\n  .index-module--VZBBk {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n\n  .index-module--C6lpt > div > div > span {\n    width: 100%;\n    position: relative;\n    height: 1.1rem;\n    left: auto;\n    left: initial;\n    top: auto;\n    top: initial;\n    transform: none;\n    margin: 0;\n    margin: initial;\n    font-size: 13px;\n    height: -moz-fit-content;\n    height: fit-content;\n    line-height: 1rem;\n    padding-bottom: 0.3rem;\n    word-break: break-word;\n  }\n\n  .index-module--M3CKX:hover,\n  .index-module--lYGTW:hover {\n    overflow-y: auto;\n    background: none;\n    z-index: 100;\n    word-break: break-word;\n  }\n}\n",""]);var c="index-module--lWJbq",m="index-module--tOwKs",g="index-module--C6lpt",D="index-module--zCoqz",j="index-module--VZBBk",T="index-module--M3CKX",z="index-module--lYGTW",I="index-module--cDVjM",h="index-module--n1piK",y="index-module--aZxcu",p="index-module--EynvM",w="index-module--K1Qsm",f="index-module--TOnCs";const E=x},61667:n=>{"use strict";n.exports=function(n,e){return e||(e={}),n?(n=String(n.__esModule?n.default:n),/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),e.hash&&(n+=e.hash),/["'() \t\n]|(%20)/.test(n)||e.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n):n}},7794:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0MyAyLjY2NTNMMTQuOTUzNiAxLjU2NDVDMTQuMDUzNSAwLjY1NDA5OSAxMi41ODY2IDAuNjU0MDk5IDExLjY4NTYgMS41NjQ1TDEuODgzMjMgMTEuNDcwOUMxLjgyMTQ4IDExLjUzMzMgMS43NzYzNSAxMS42MTAxIDEuNzUyNiAxMS42OTQ5TDAuMzAwNjg2IDE2LjgzMTdDMC4yNDkyMjggMTcuMDEzMyAwLjI5OTg5NSAxNy4yMDc3IDAuNDMxMzExIDE3LjM0MTNDMC41Mjk0NzggMTcuNDQwNSAwLjY2MDEwMyAxNy40OTMzIDAuNzk0Njg2IDE3LjQ5MzNDMC44NDIxODYgMTcuNDkzMyAwLjg4OTY4NiAxNy40ODY5IDAuOTM1NjAzIDE3LjQ3MzNMNi4wMTg5IDE2LjAwNTNDNi4xMDI4MSAxNS45ODEzIDYuMTc5NiAxNS45MzU3IDYuMjQxMzUgMTUuODczM0wxNi4wNDMgNS45Njc3QzE2LjQ4IDUuNTI2OSAxNi43MTk5IDQuOTQwNSAxNi43MTk5IDQuMzE2NUMxNi43MTk5IDMuNjkyNSAxNi40OCAzLjEwNjEgMTYuMDQzIDIuNjY1M1pNNS42MDgwMiAxNS4wNDUzTDEuNTQxMjMgMTYuMjE4OUwyLjcwMzM5IDEyLjExMDFMMTAuNTk3MSA0LjEzMzNMMTMuNTAxNyA3LjA2ODVMNS42MDgwMiAxNS4wNDUzWk0xNS4zMTcgNS4yMzQxTDE0LjIyNzcgNi4zMzQ5TDExLjMyMzEgMy4zOTk3TDEyLjQxMjQgMi4yOTg5QzEyLjkxMjcgMS43OTMzIDEzLjcyNzQgMS43OTQxIDE0LjIyODUgMi4yOTg5TDE1LjMxNzggMy4zOTk3QzE1LjU2MDkgMy42NDQ1IDE1LjY5MzkgMy45NzA5IDE1LjY5MzkgNC4zMTczQzE1LjY5MzEgNC42NjI5IDE1LjU1OTMgNC45ODg1IDE1LjMxNyA1LjIzNDFaIiBmaWxsPSIjNkY2RjZGIi8+Cjwvc3ZnPgo="},72561:n=>{"use strict";n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIzMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzkyOTI5MiIgaWQ9Imljb24tNjEtd2FybmluZyI+PHBhdGggZD0iTTE1LjQyNDIzMjcsNS4xNDgzOTI3NSBDMTYuMjk0Mjk4NywzLjc0MDcyOTc2IDE3LjcwNzAyOCwzLjc0NDA4NDQyIDE4LjU3NTAyMDUsNS4xNDgzOTI3NSBMMjkuMzYwMTA5OSwyMi41OTczOCBDMzAuNTIxNjM4OCwyNC40NzY1OTUxIDI5LjY3NTU0NjIsMjYgMjcuNDcxNDA2OCwyNiBMNi41Mjc4NDY0LDI2IEM0LjMyMzIxNTU3LDI2IDMuNDczODYzMTcsMjQuNDgyNjY0MiA0LjYzOTE0MzMxLDIyLjU5NzM4IEwxNS40MjQyMzI3LDUuMTQ4MzkyNzUgTDE1LjQyNDIzMjcsNS4xNDgzOTI3NSBaIE0xNi4zNTMxODEsNS41MjI5MjExIEMxNi43MDA1MTUyLDQuOTYxNjUxNjMgMTcuMjY0NzY3OCw0Ljk2MzQxODcgMTcuNjExMDMxOCw1LjUyMjkyMTA4IEwyOC42MTYyOTM3LDIzLjMwNTUwNzggQzI5LjE5NTQ2NjMsMjQuMjQxMzQ5OCAyOC43NjIyMjcxLDI0Ljk5OTk5OTYgMjcuNjc0NjM0OSwyNC45OTk5OTk2IEw2LjI5MDM5MjMxLDI1IEM1LjE5MTE1NTk2LDI1IDQuNzY2NDQ5NzEsMjQuMjQ2MzI2NSA1LjM0ODY2MjYyLDIzLjMwNTUwODIgTDE2LjM1MzE4MSw1LjUyMjkyMTEgTDE2LjM1MzE4MSw1LjUyMjkyMTEgWiBNMTcsMTEgQzE2LjQ0NzcxNTMsMTEgMTYsMTEuNDUzMDM2MyAxNiwxMS45OTcwMzAxIEwxNiwxOC4wMDI5Njk5IEMxNiwxOC41NTM2MTQ0IDE2LjQ0Mzg2NDgsMTkgMTcsMTkgQzE3LjU1MjI4NDcsMTkgMTgsMTguNTQ2OTYzNyAxOCwxOC4wMDI5Njk5IEwxOCwxMS45OTcwMzAxIEMxOCwxMS40NDYzODU2IDE3LjU1NjEzNTIsMTEgMTcsMTEgTDE3LDExIFogTTE3LDIzIEMxNy41NTIyODQ4LDIzIDE4LDIyLjU1MjI4NDggMTgsMjIgQzE4LDIxLjQ0NzcxNTIgMTcuNTUyMjg0OCwyMSAxNywyMSBDMTYuNDQ3NzE1MiwyMSAxNiwyMS40NDc3MTUyIDE2LDIyIEMxNiwyMi41NTIyODQ4IDE2LjQ0NzcxNTIsMjMgMTcsMjMgTDE3LDIzIFoiIGlkPSJ3YXJuaW5nIi8+PC9nPjwvZz48L3N2Zz4="},65515:(n,e)=>{var i;!function(){"use strict";var t={}.hasOwnProperty;function classNames(){for(var n="",e=0;e<arguments.length;e++){var i=arguments[e];i&&(n=appendClass(n,parseValue(i)))}return n}function parseValue(n){if("string"==typeof n||"number"==typeof n)return n;if("object"!=typeof n)return"";if(Array.isArray(n))return classNames.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var e="";for(var i in n)t.call(n,i)&&n[i]&&(e=appendClass(e,i));return e}function appendClass(n,e){return e?n?n+" "+e:n+e:n}n.exports?(classNames.default=classNames,n.exports=classNames):void 0===(i=function(){return classNames}.apply(e,[]))||(n.exports=i)}()}}]);

package/build/umd/8705.diva-web-planner-react.umd.min.js.LICENSE.txt CHANGED Viewed

@@ -1 +1,7 @@
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
 /*! filename:8705 */

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8717.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8717,7976,9390,8416],{79390:(t,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>T});var l=o(34988),a=o(88683),r=o(93379),d=o.n(r),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),C=o.n(m),v=o(19216),x=o.n(v),g=o(44589),y=o.n(g),b=o(23240),w={};w.styleTagTransform=y(),w.setAttributes=C(),w.insert=f().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=x();d()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var k=o(87363),S=o(57851),I=o(65515),j=o.n(I),N=o(9420),M=o(47514);const T=(0,N.Pi)((function InfoIcon(t){var i,o,r,d,c=t.item,u=t.style,p=(0,a.useDivaCore)().state.theme.palette,f=(0,S.NP)(),m=c.contentItemId,C=null!==(i=null!==(o=c.codex)&&void 0!==o?o:c.articleCodex)&&void 0!==i?i:c.title,v=(0,k.useState)(!1),x=(0,l.Z)(v,2),g=x[0],y=x[1],w=c.sel||g;if((0,k.useEffect)((function(){var t=f.settingsState.contentItemVisible&&f.settingsState.contentItemId==m&&C==f.settingsState.clickedFrom;!t&&g&&y(!1),t&&!g&&y(!0)}),[f.settingsState.contentItemVisible,f.settingsState.contentItemId,f.settingsState.clickedFrom]),!c)throw new Error("item for infoIcon not defined");return(0,M.jsx)("div",{className:b.um,onClick:function onClick(t){f.settingsState.onClickContentItemId(m,C),y(f.settingsState.contentItemVisible&&f.settingsState.contentItemId==m),t.stopPropagation()},style:u,children:function showIcon(){var t;return null===(t=f.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||w}()&&(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)("div",{className:j()(b.hv,w?void 0:b.al,g?b.FJ:void 0),children:(0,M.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,M.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,M.jsx)("path",{className:b.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,M.jsx)("path",{className:b.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:null!==(r=null==p||null===(d=p.primary)||void 0===d?void 0:d.main)&&void 0!==r?r:"#713434"})]})}),(0,M.jsx)("div",{className:j()(b.dA,w?b.al:void 0),children:(0,M.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,M.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,M.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})})}))},77976:(t,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>I});var l=o(65515),a=o.n(l),r=(o(87363),o(68692)),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),f=o(90569),m=o.n(f),C=o(3565),v=o.n(C),x=o(19216),g=o.n(x),y=o(44589),b=o.n(y),w=o(75581),k={};k.styleTagTransform=b(),k.setAttributes=v(),k.insert=m().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=g();c()(w.ZP,k);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=o(47514);const I=function Toggle(t){var i,o=t.onChange,l=t.val,d=t.state,c=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,m=void 0===f?40:f,C=t.width,v=void 0===C?80:C,x=t.handleDiameter,g=void 0===x?32:x,y=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,S.jsx)(r.Z,{checkedIcon:c?(0,S.jsx)("div",{className:a()(w.f6,w.co),children:c}):(0,S.jsx)(S.Fragment,{}),uncheckedIcon:u?(0,S.jsx)("div",{className:a()(w.f6,w.no),children:u}):(0,S.jsx)(S.Fragment,{}),onChange:function onChange(){return o(null!=l?l:!d)},checked:d,onColor:y,offColor:p?y:"#CACACA",height:m,width:v,handleDiameter:g})}},78717:(t,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>C});o(87363);var l=o(65515),a=o.n(l),r=o(550),d=o(57851),c=o(77976),u=o(88683),p=o(79390),f=o(47514),m=(0,u.getLogger)("Planner","ToggleName");const C=function ToggleName(t){var i,o,l,u=t.item,C=t.paletteId,v=(0,d.NP)(),x=u.groups[0].items;if(!x)return(0,f.jsx)(f.Fragment,{});for(var g=0;g<x.length;g++){var y,b;null!==(y=x[g].codex)&&void 0!==y&&y.startsWith("OPVNEIN")&&(l=x[g]),null!==(b=x[g].codex)&&void 0!==b&&b.startsWith("OPVJA")&&(o=x[g])}if(!(l&&o||(2==x.length&&(l=x[0],o=x[1]),l&&o)))return m.warn("Achtung! Bei der Option: "+x[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),u.isVisited=!0,(0,f.jsx)(f.Fragment,{});var w=0==l.sel,k=null!==(i=u.selectedElements)&&void 0!==i&&i[0].contentItemId?u.selectedElements[0]:u.optionContentItemId?{contentItemId:u.optionContentItemId,codex:u.configStepKey}:void 0;return(0,f.jsxs)("div",{className:r.O7,ref:function ref(t){return u.htmlRef=t},children:[(0,f.jsx)("div",{className:a()(r.eR,r.TN,r.u2,w?void 0:r.pA),onClick:function onClick(){v.paletteViewHandler.clickedOnConfigPalette(l,void 0,C)},children:(0,f.jsx)("div",{dangerouslySetInnerHTML:{__html:l.text}})}),(0,f.jsx)("div",{className:a()(r.eR),children:(0,f.jsx)("div",{className:r.US,children:(0,f.jsx)(c.default,{onChange:function onChange(){v.paletteViewHandler.clickedOnConfigPalette(l.sel?o:l,void 0,C)},val:u,alwaysActiveColor:!0,state:w})})}),(0,f.jsx)("div",{className:a()(r.eR,r.TN,r.u2,w?r.pA:void 0),onClick:function onClick(){v.paletteViewHandler.clickedOnConfigPalette(o,void 0,C)},children:(0,f.jsx)("div",{dangerouslySetInnerHTML:{__html:o.text}})}),k&&(0,f.jsx)(p.default,{item:k,style:{bottom:"calc(50% - 10px)",right:"-5%"}})]})}},23240:(t,i,o)=>{"use strict";o.d(i,{FJ:()=>m,Oq:()=>f,ZP:()=>x,al:()=>v,dA:()=>p,fL:()=>C,hv:()=>u,um:()=>c});var l=o(8081),a=o.n(l),r=o(23645),d=o.n(r)()(a());d.push([t.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",f="index-module--fLFjU",m="index-module--nTN4r",C="index-module--FaRqp",v="index-module--oBSZj";const x=d},75581:(t,i,o)=>{"use strict";o.d(i,{ZP:()=>f,co:()=>u,f6:()=>c,no:()=>p});var l=o(8081),a=o.n(l),r=o(23645),d=o.n(r)()(a());d.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=d},43078:(t,i,o)=>{"use strict";o.d(i,{O7:()=>c,TN:()=>p,US:()=>f,ZP:()=>v,eR:()=>u,pA:()=>C,u2:()=>m});var l=o(8081),a=o.n(l),r=o(23645),d=o.n(r)()(a());d.push([t.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  cursor: pointer;\n}\n\n.index-module--cACDT {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var c="index-module--v5pSs",u="index-module--WNi5H",p="index-module--BYNhM",f="index-module--cACDT",m="index-module--z1OwD",C="index-module--PkMF3";const v=d},550:(t,i,o)=>{"use strict";o.d(i,{O7:()=>g.O7,TN:()=>g.TN,US:()=>g.US,eR:()=>g.eR,pA:()=>g.pA,u2:()=>g.u2});var l=o(93379),a=o.n(l),r=o(7795),d=o.n(r),c=o(90569),u=o.n(c),p=o(3565),f=o.n(p),m=o(19216),C=o.n(m),v=o(44589),x=o.n(v),g=o(43078),y={};y.styleTagTransform=x(),y.setAttributes=f(),y.insert=u().bind(null,"head"),y.domAPI=d(),y.insertStyleElement=C();a()(g.ZP,y),g.ZP&&g.ZP.locals&&g.ZP.locals},65515:(t,i)=>{var o;!function(){"use strict";var l={}.hasOwnProperty;function classNames(){for(var t="",i=0;i<arguments.length;i++){var o=arguments[i];o&&(t=appendClass(t,parseValue(o)))}return t}function parseValue(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return classNames.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var i="";for(var o in t)l.call(t,o)&&t[o]&&(i=appendClass(i,o));return i}function appendClass(t,i){return i?t?t+" "+i:t+i:t}t.exports?(classNames.default=classNames,t.exports=classNames):void 0===(o=function(){return classNames}.apply(i,[]))||(t.exports=o)}()},68692:(t,i,o)=>{"use strict";o.d(i,{Z:()=>d});var l=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&(t[l]=o[l])}return t},s.apply(this,arguments)}var a=l.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},l.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),r=l.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},l.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,l,a){return function(t,i,o,l,a){var r=(t-o)/(i-o);if(0===r)return l;if(1===r)return a;for(var d="#",c=1;c<6;c+=2){var u=parseInt(l.substr(c,2),16),p=parseInt(a.substr(c,2),16),f=Math.round((1-r)*u+r*p).toString(16);1===f.length&&(f="0"+f),d+=f}return d}(t,i,o,h(l),h(a))}var d=function(t){function n(i){t.call(this,i);var o=i.height,l=i.width,a=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(l-o,l-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var i=this.state,o=i.R,l=i.h,a=(this.props.checked?this.i:this.o)+t-o;i.N||t===o||this.setState({N:!0});var r=Math.min(this.i,Math.max(this.o,a));r!==l&&this.setState({h:r})},n.prototype.U=function(t){var i=this.state,o=i.h,l=i.N,a=i.B,r=this.props.checked,d=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var c=Date.now()-a;(!l||c<250||r&&o<=d||!r&&o>=d)&&this.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,a=t.className,r=t.offColor,d=t.onColor,c=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,m=t.checkedHandleIcon,C=t.uncheckedHandleIcon,v=t.boxShadow,x=t.activeBoxShadow,g=t.height,y=t.width,b=t.borderRadius,w=function(t,i){var o={};for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&-1===i.indexOf(l)&&(o[l]=t[l]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),k=this.state,S=k.h,I=k.N,j=k.j,N={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},M={height:g,width:y,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(S,this.i,this.o,r,d),borderRadius:"number"==typeof b?b:g/2,cursor:o?"default":"pointer",WebkitTransition:I?null:"background 0.25s",MozTransition:I?null:"background 0.25s",transition:I?null:"background 0.25s"},T={height:g,width:Math.min(1.5*g,y-(this.t+g)/2+1),position:"relative",opacity:(S-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:I?null:"opacity 0.25s",MozTransition:I?null:"opacity 0.25s",transition:I?null:"opacity 0.25s"},P={height:g,width:Math.min(1.5*g,y-(this.t+g)/2+1),position:"absolute",opacity:1-(S-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:I?null:"opacity 0.25s",MozTransition:I?null:"opacity 0.25s",transition:I?null:"opacity 0.25s"},D={height:this.t,width:this.t,background:e(S,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof b?b-1:"50%",position:"absolute",transform:"translateX("+S+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:j?x:v,border:0,WebkitTransition:I?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:I?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:I?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},A={height:this.t,width:this.t,opacity:Math.max(2*(1-(S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:I?null:"opacity 0.25s",MozTransition:I?null:"opacity 0.25s",transition:I?null:"opacity 0.25s"},E={height:this.t,width:this.t,opacity:Math.max(2*((S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:I?null:"opacity 0.25s",MozTransition:I?null:"opacity 0.25s",transition:I?null:"opacity 0.25s"};return l.createElement("div",{className:a,style:N},l.createElement("div",{className:"react-switch-bg",style:M,onClick:o?null:this.T,onMouseDown:function(t){return t.preventDefault()}},p&&l.createElement("div",{style:T},p),f&&l.createElement("div",{style:P},f)),l.createElement("div",{className:"react-switch-handle",style:D,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.k,onTouchMove:o?null:this.m,onTouchEnd:o?null:this.M,onTouchCancel:o?null:this.O},C&&l.createElement("div",{style:A},C),m&&l.createElement("div",{style:E},m)),l.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},w,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},n}(l.Component);d.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:r,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8717,9639,7961,6400],{7961:(t,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>T});var l=o(34988),a=o(88683),r=o(93379),d=o.n(r),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),C=o.n(m),v=o(19216),x=o.n(v),g=o(44589),y=o.n(g),b=o(23240),w={};w.styleTagTransform=y(),w.setAttributes=C(),w.insert=f().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=x();d()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var k=o(87363),S=o(32919),I=o(65515),j=o.n(I),N=o(9420),M=o(47514);const T=(0,N.Pi)((function InfoIcon(t){var i,o,r,d,c=t.item,u=t.style,p=(0,a.useDivaCore)().state.theme.palette,f=(0,S.NP)(),m=c.contentItemId,C=null!==(i=null!==(o=c.codex)&&void 0!==o?o:c.articleCodex)&&void 0!==i?i:c.title,v=(0,k.useState)(!1),x=(0,l.Z)(v,2),g=x[0],y=x[1],w=c.sel||g;if((0,k.useEffect)((function(){var t=f.settingsState.contentItemVisible&&f.settingsState.contentItemId==m&&C==f.settingsState.clickedFrom;!t&&g&&y(!1),t&&!g&&y(!0)}),[f.settingsState.contentItemVisible,f.settingsState.contentItemId,f.settingsState.clickedFrom]),!c)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!c.op||null===(t=f.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||w}()?(0,M.jsx)("div",{className:b.um,onClick:function onClick(t){f.settingsState.onClickContentItemId(m,C),y(f.settingsState.contentItemVisible&&f.settingsState.contentItemId==m),t.stopPropagation()},style:u,children:(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)("div",{className:j()(b.hv,w?void 0:b.al,g?b.FJ:void 0),children:(0,M.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,M.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,M.jsx)("path",{className:b.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,M.jsx)("path",{className:b.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:null!==(r=null==p||null===(d=p.primary)||void 0===d?void 0:d.main)&&void 0!==r?r:"#713434"})]})}),(0,M.jsx)("div",{className:j()(b.dA,w?b.al:void 0),children:(0,M.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,M.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,M.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,M.jsx)(M.Fragment,{})}))},69639:(t,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>I});var l=o(65515),a=o.n(l),r=(o(87363),o(68692)),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),f=o(90569),m=o.n(f),C=o(3565),v=o.n(C),x=o(19216),g=o.n(x),y=o(44589),b=o.n(y),w=o(75581),k={};k.styleTagTransform=b(),k.setAttributes=v(),k.insert=m().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=g();c()(w.ZP,k);w.ZP&&w.ZP.locals&&w.ZP.locals;var S=o(47514);const I=function Toggle(t){var i,o=t.onChange,l=t.val,d=t.state,c=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,m=void 0===f?40:f,C=t.width,v=void 0===C?80:C,x=t.handleDiameter,g=void 0===x?32:x,y=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,S.jsx)(r.Z,{checkedIcon:c?(0,S.jsx)("div",{className:a()(w.f6,w.co),children:c}):(0,S.jsx)(S.Fragment,{}),uncheckedIcon:u?(0,S.jsx)("div",{className:a()(w.f6,w.no),children:u}):(0,S.jsx)(S.Fragment,{}),onChange:function onChange(){return o(null!=l?l:!d)},checked:d,onColor:y,offColor:p?y:"#CACACA",height:m,width:v,handleDiameter:g})}},78717:(t,i,o)=>{"use strict";o.r(i),o.d(i,{default:()=>C});o(87363);var l=o(65515),a=o.n(l),r=o(550),d=o(32919),c=o(69639),u=o(88683),p=o(7961),f=o(47514),m=(0,u.getLogger)("Planner","ToggleName");const C=function ToggleName(t){var i,o,l,u=t.item,C=t.paletteId,v=(0,d.NP)(),x=u.groups[0].items;if(!x)return(0,f.jsx)(f.Fragment,{});for(var g=0;g<x.length;g++){var y,b;null!==(y=x[g].codex)&&void 0!==y&&y.startsWith("OPVNEIN")&&(l=x[g]),null!==(b=x[g].codex)&&void 0!==b&&b.startsWith("OPVJA")&&(o=x[g])}if(!(l&&o||(2==x.length&&(l=x[0],o=x[1]),l&&o)))return m.warn("Achtung! Bei der Option: "+x[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),u.isVisited=!0,(0,f.jsx)(f.Fragment,{});var w=0==l.sel,k=null!==(i=u.selectedElements)&&void 0!==i&&i[0].contentItemId?u.selectedElements[0]:u.optionContentItemId?{contentItemId:u.optionContentItemId,codex:u.configStepKey}:void 0;return(0,f.jsxs)("div",{className:r.O7,ref:function ref(t){return u.htmlRef=t},children:[(0,f.jsx)("div",{className:a()(r.eR,r.TN,r.u2,w?void 0:r.pA),onClick:function onClick(){v.paletteViewHandler.clickedOnConfigPalette(l,void 0,C)},children:(0,f.jsx)("div",{dangerouslySetInnerHTML:{__html:l.text}})}),(0,f.jsx)("div",{className:a()(r.eR),children:(0,f.jsx)("div",{className:r.US,children:(0,f.jsx)(c.default,{onChange:function onChange(){v.paletteViewHandler.clickedOnConfigPalette(l.sel?o:l,void 0,C)},val:u,alwaysActiveColor:!0,state:w})})}),(0,f.jsx)("div",{className:a()(r.eR,r.TN,r.u2,w?r.pA:void 0),onClick:function onClick(){v.paletteViewHandler.clickedOnConfigPalette(o,void 0,C)},children:(0,f.jsx)("div",{dangerouslySetInnerHTML:{__html:o.text}})}),k&&(0,f.jsx)(p.default,{item:k,style:{bottom:"calc(50% - 10px)",right:"-5%"}})]})}},23240:(t,i,o)=>{"use strict";o.d(i,{FJ:()=>m,Oq:()=>f,ZP:()=>x,al:()=>v,dA:()=>p,fL:()=>C,hv:()=>u,um:()=>c});var l=o(8081),a=o.n(l),r=o(23645),d=o.n(r)()(a());d.push([t.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",f="index-module--fLFjU",m="index-module--nTN4r",C="index-module--FaRqp",v="index-module--oBSZj";const x=d},75581:(t,i,o)=>{"use strict";o.d(i,{ZP:()=>f,co:()=>u,f6:()=>c,no:()=>p});var l=o(8081),a=o.n(l),r=o(23645),d=o.n(r)()(a());d.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=d},43078:(t,i,o)=>{"use strict";o.d(i,{O7:()=>c,TN:()=>p,US:()=>f,ZP:()=>v,eR:()=>u,pA:()=>C,u2:()=>m});var l=o(8081),a=o.n(l),r=o(23645),d=o.n(r)()(a());d.push([t.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n  --infoIconSize: 20px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  cursor: pointer;\n}\n\n.index-module--cACDT {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var c="index-module--v5pSs",u="index-module--WNi5H",p="index-module--BYNhM",f="index-module--cACDT",m="index-module--z1OwD",C="index-module--PkMF3";const v=d},550:(t,i,o)=>{"use strict";o.d(i,{O7:()=>g.O7,TN:()=>g.TN,US:()=>g.US,eR:()=>g.eR,pA:()=>g.pA,u2:()=>g.u2});var l=o(93379),a=o.n(l),r=o(7795),d=o.n(r),c=o(90569),u=o.n(c),p=o(3565),f=o.n(p),m=o(19216),C=o.n(m),v=o(44589),x=o.n(v),g=o(43078),y={};y.styleTagTransform=x(),y.setAttributes=f(),y.insert=u().bind(null,"head"),y.domAPI=d(),y.insertStyleElement=C();a()(g.ZP,y),g.ZP&&g.ZP.locals&&g.ZP.locals},65515:(t,i)=>{var o;!function(){"use strict";var l={}.hasOwnProperty;function classNames(){for(var t="",i=0;i<arguments.length;i++){var o=arguments[i];o&&(t=appendClass(t,parseValue(o)))}return t}function parseValue(t){if("string"==typeof t||"number"==typeof t)return t;if("object"!=typeof t)return"";if(Array.isArray(t))return classNames.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var i="";for(var o in t)l.call(t,o)&&t[o]&&(i=appendClass(i,o));return i}function appendClass(t,i){return i?t?t+" "+i:t+i:t}t.exports?(classNames.default=classNames,t.exports=classNames):void 0===(o=function(){return classNames}.apply(i,[]))||(t.exports=o)}()},68692:(t,i,o)=>{"use strict";o.d(i,{Z:()=>d});var l=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var l in o)Object.prototype.hasOwnProperty.call(o,l)&&(t[l]=o[l])}return t},s.apply(this,arguments)}var a=l.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},l.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),r=l.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},l.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,l,a){return function(t,i,o,l,a){var r=(t-o)/(i-o);if(0===r)return l;if(1===r)return a;for(var d="#",c=1;c<6;c+=2){var u=parseInt(l.substr(c,2),16),p=parseInt(a.substr(c,2),16),f=Math.round((1-r)*u+r*p).toString(16);1===f.length&&(f="0"+f),d+=f}return d}(t,i,o,h(l),h(a))}var d=function(t){function n(i){t.call(this,i);var o=i.height,l=i.width,a=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(l-o,l-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var i=this.state,o=i.R,l=i.h,a=(this.props.checked?this.i:this.o)+t-o;i.N||t===o||this.setState({N:!0});var r=Math.min(this.i,Math.max(this.o,a));r!==l&&this.setState({h:r})},n.prototype.U=function(t){var i=this.state,o=i.h,l=i.N,a=i.B,r=this.props.checked,d=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var c=Date.now()-a;(!l||c<250||r&&o<=d||!r&&o>=d)&&this.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,a=t.className,r=t.offColor,d=t.onColor,c=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,m=t.checkedHandleIcon,C=t.uncheckedHandleIcon,v=t.boxShadow,x=t.activeBoxShadow,g=t.height,y=t.width,b=t.borderRadius,w=function(t,i){var o={};for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&-1===i.indexOf(l)&&(o[l]=t[l]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),k=this.state,S=k.h,I=k.N,j=k.j,N={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},M={height:g,width:y,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(S,this.i,this.o,r,d),borderRadius:"number"==typeof b?b:g/2,cursor:o?"default":"pointer",WebkitTransition:I?null:"background 0.25s",MozTransition:I?null:"background 0.25s",transition:I?null:"background 0.25s"},T={height:g,width:Math.min(1.5*g,y-(this.t+g)/2+1),position:"relative",opacity:(S-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:I?null:"opacity 0.25s",MozTransition:I?null:"opacity 0.25s",transition:I?null:"opacity 0.25s"},P={height:g,width:Math.min(1.5*g,y-(this.t+g)/2+1),position:"absolute",opacity:1-(S-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:I?null:"opacity 0.25s",MozTransition:I?null:"opacity 0.25s",transition:I?null:"opacity 0.25s"},D={height:this.t,width:this.t,background:e(S,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof b?b-1:"50%",position:"absolute",transform:"translateX("+S+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:j?x:v,border:0,WebkitTransition:I?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:I?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:I?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},A={height:this.t,width:this.t,opacity:Math.max(2*(1-(S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:I?null:"opacity 0.25s",MozTransition:I?null:"opacity 0.25s",transition:I?null:"opacity 0.25s"},E={height:this.t,width:this.t,opacity:Math.max(2*((S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:I?null:"opacity 0.25s",MozTransition:I?null:"opacity 0.25s",transition:I?null:"opacity 0.25s"};return l.createElement("div",{className:a,style:N},l.createElement("div",{className:"react-switch-bg",style:M,onClick:o?null:this.T,onMouseDown:function(t){return t.preventDefault()}},p&&l.createElement("div",{style:T},p),f&&l.createElement("div",{style:P},f)),l.createElement("div",{className:"react-switch-handle",style:D,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.k,onTouchMove:o?null:this.m,onTouchEnd:o?null:this.M,onTouchCancel:o?null:this.O},C&&l.createElement("div",{style:A},C),m&&l.createElement("div",{style:E},m)),l.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},w,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},n}(l.Component);d.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:r,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8742.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8742,1207],{1207:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(93379),r=i.n(t),o=i(7795),l=i.n(o),d=i(90569),a=i.n(d),s=i(3565),c=i.n(s),f=i(19216),u=i.n(f),g=i(44589),b=i.n(g),p=i(22693),h={};h.styleTagTransform=b(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();r()(p.Z,h);p.Z&&p.Z.locals&&p.Z.locals;var x=i(57851),v=i(47514);const y=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,x.NP)();return(0,v.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:p.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>s});var t=i(80248),r=(i(87363),i(49944)),o=i(57851),l=i(1207),d=i(9420),a=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const s=(0,d.Pi)((function GridList(e){var n,i=e.item,t=e.height,d=(e.width,e.direction),s=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,o.NP)();if(!s)return(0,a.jsx)(a.Fragment,{});for(var f=t/s.Cells.length,u=[],g=-1,b=!1,p=0;p<s.Cells.length;p++){var h=s.Cells[p];if(-1==h.InUse)u.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:void 0,isDisabled:h.IsDisabled,isRequired:h.IsRequired,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete});else if(g!=h.InUse&&g!=h.OnBoard){var x,v;g=h.InUse,b=!1,u.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:h.Type,isDisabled:h.IsDisabled,isRequired:h.IsRequired,articleText:null===(x=h.Article)||void 0===x?void 0:x.name,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete,basketId:null===(v=h.Article)||void 0===v?void 0:v.basketId})}else{var y=u.find((function(e){return e.inUse==g}));if(y){var S;if(g===h.OnBoard&&!b)b=!0,y.articleText=(null===(S=h.Article)||void 0===S?void 0:S.name)+"<br/>&<br/>"+y.articleText,y.onBoard=!0;y.heightCount++}}}var k=function getItemStyle(e,n,i,t){return"horizontal"==d?m(e,n,i,t):j(e,n,i)},j=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/s.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},m=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:f*i.heightCount-1,marginBottom:"1px",fontSize:-1===i.inUse?"12px":void 0,lineHeight:-1===i.inUse?"2px":void 0,background:i.isRequired?"#FFEBEB":-1===i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",borderBottom:-1==i.inUse?t?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},n)},D=function getTextStyle(){return"vertikal"==d?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,a.jsx)(r.Z5,{onDragEnd:function onDragEnd(e){if(e.destination){var n=u[e.source.index].index,i=u[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(s,n,i)}},children:(0,a.jsx)(r.bK,{droppableId:"droppable",direction:"vertikal"==d?"horizontal":"vertical",children:function children(e,n){return(0,a.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[u.map((function(e,n){return(0,a.jsx)(r._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,a.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.settingsState.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(s,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:k(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,a.jsx)("div",{style:D(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==d&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,a.jsx)(l.default,{grid:s,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},22693:(e,n,i)=>{i.d(n,{U:()=>d,Z:()=>a});var t=i(8081),r=i.n(t),o=i(23645),l=i.n(o)()(r());l.push([e.id,".index-module--GuiBy {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--GuiBy {\n  line-height: 21px;\n}\n",""]);var d="index-module--GuiBy";const a=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8742,7022],{87022:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(93379),r=i.n(t),o=i(7795),l=i.n(o),d=i(90569),a=i.n(d),s=i(3565),c=i.n(s),f=i(19216),u=i.n(f),g=i(44589),b=i.n(g),p=i(22693),h={};h.styleTagTransform=b(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();r()(p.Z,h);p.Z&&p.Z.locals&&p.Z.locals;var x=i(32919),v=i(47514);const y=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,x.NP)();return(0,v.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:p.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>s});var t=i(80248),r=(i(87363),i(49944)),o=i(32919),l=i(87022),d=i(9420),a=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const s=(0,d.Pi)((function GridList(e){var n,i=e.item,t=e.height,d=(e.width,e.direction),s=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,o.NP)();if(!s)return(0,a.jsx)(a.Fragment,{});for(var f=t/s.Cells.length,u=[],g=-1,b=!1,p=0;p<s.Cells.length;p++){var h=s.Cells[p];if(-1==h.InUse)u.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:void 0,isDisabled:h.IsDisabled,isRequired:h.IsRequired,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete});else if(g!=h.InUse&&g!=h.OnBoard){var x,v;g=h.InUse,b=!1,u.splice(0,0,{heightCount:1,inUse:h.InUse,index:h.Index,type:h.Type,isDisabled:h.IsDisabled,isRequired:h.IsRequired,articleText:null===(x=h.Article)||void 0===x?void 0:x.name,onlyPlaceHolder:h.OnlyPlaceHolder,noMove:h.NoMove,noDelete:h.NoDelete,basketId:null===(v=h.Article)||void 0===v?void 0:v.basketId})}else{var y=u.find((function(e){return e.inUse==g}));if(y){var S;if(g===h.OnBoard&&!b)b=!0,y.articleText=(null===(S=h.Article)||void 0===S?void 0:S.name)+"<br/>&<br/>"+y.articleText,y.onBoard=!0;y.heightCount++}}}var k=function getItemStyle(e,n,i,t){return"horizontal"==d?m(e,n,i,t):j(e,n,i)},j=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/s.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},m=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:f*i.heightCount-1,marginBottom:"1px",fontSize:-1===i.inUse?"12px":void 0,lineHeight:-1===i.inUse?"2px":void 0,background:i.isRequired?"#FFEBEB":-1===i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",borderBottom:-1==i.inUse?t?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},n)},D=function getTextStyle(){return"vertikal"==d?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,a.jsx)(r.Z5,{onDragEnd:function onDragEnd(e){if(e.destination){var n=u[e.source.index].index,i=u[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(s,n,i)}},children:(0,a.jsx)(r.bK,{droppableId:"droppable",direction:"vertikal"==d?"horizontal":"vertical",children:function children(e,n){return(0,a.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[u.map((function(e,n){return(0,a.jsx)(r._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,a.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.settingsState.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(s,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:k(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,a.jsx)("div",{style:D(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==d&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,a.jsx)(l.default,{grid:s,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},22693:(e,n,i)=>{i.d(n,{U:()=>d,Z:()=>a});var t=i(8081),r=i.n(t),o=i(23645),l=i.n(o)()(r());l.push([e.id,".index-module--GuiBy {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--GuiBy {\n  line-height: 21px;\n}\n",""]);var d="index-module--GuiBy";const a=l}}]);