@crystaldesign/diva-web-planner-react 26.12.0-beta.3 → 26.12.0-beta.31

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7442.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7442,1930,8742,67,7444,1099,6937],{79837:(t,i,r)=>{r.d(i,{d:()=>o});var o="autoPlaceDrag"},21930:(t,i,r)=>{r.r(i),r.d(i,{default:()=>w});r(87363);var o=r(93379),l=r.n(o),d=r(7795),a=r.n(d),c=r(90569),u=r.n(c),x=r(3565),p=r.n(x),m=r(19216),g=r.n(m),h=r(44589),b=r.n(h),v=r(22693),y={};y.styleTagTransform=b(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=g();l()(v.Z,y);v.Z&&v.Z.locals&&v.Z.locals;var j=r(75327),P=r(47514);const w=function ShelfDeleteButton(t){var i=t.index,r=t.grid,o=(0,j.NP)();return(0,P.jsx)("div",{onClick:function onClick(t){o.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(r,i),t.stopPropagation()},className:v.U,children:"-"})}},38742:(t,i,r)=>{r.r(i),r.d(i,{default:()=>x});var o=r(80248),l=(r(87363),r(49944)),d=r(75327),a=r(21930),c=r(9420),u=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const x=(0,c.Pi)((function GridList(t){var i,r=t.item,o=t.height,c=(t.width,t.direction),x=null===(i=r.shelfPlannerGrids)||void 0===i?void 0:i[0],p=(0,d.NP)();if(!x)return(0,u.jsx)(u.Fragment,{});for(var m=o/x.Cells.length,g=[],h=-1,b=!1,v=!1,y=0;y<x.Cells.length;y++){var j=x.Cells[y];if(j.IsDisabled)v?g[0].heightCount++:g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:void 0,isDisabled:!0,isRequired:j.IsRequired,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete}),v=!0,h=-1;else if(v=!1,-1==j.InUse)g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:void 0,isDisabled:j.IsDisabled,isRequired:j.IsRequired,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete});else if(h!=j.InUse&&h!=j.OnBoard){var P,w;h=j.InUse,b=!1,g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:j.Type,isDisabled:j.IsDisabled,isRequired:j.IsRequired,articleText:null===(P=j.Article)||void 0===P?void 0:P.name,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete,basketId:null===(w=j.Article)||void 0===w?void 0:w.basketId})}else{var A=g.find((function(t){return t.inUse==h}));if(A){var S;if(h===j.OnBoard&&!b)b=!0,A.articleText=(null===(S=j.Article)||void 0===S?void 0:S.name)+"<br/>&<br/>"+A.articleText,A.onBoard=!0;A.heightCount++}}}var I=function getItemStyle(t,i,r,o){return"horizontal"==c?k(t,i,r,o):O(t,i,r)},O=function getItemStyleVertical(t,i,r){return _objectSpread({userSelect:"none",width:"calc("+r.heightCount/x.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:r.isRequired?"#FFEBEB":-1==r.inUse?"none":t?"grey":"lightgrey",backgroundImage:r.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:r.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==r.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},i)},k=function getItemStyleHorizontal(t,i,r,o){return _objectSpread({userSelect:"none",height:m*r.heightCount-1,marginBottom:"1px",fontSize:-1===r.inUse?"12px":void 0,lineHeight:-1===r.inUse?"2px":void 0,background:r.isRequired?"#FFEBEB":-1===r.inUse?"none":t?"grey":"lightgrey",backgroundImage:r.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:r.isDisabled&&"28.28px 28.28px",borderBottom:-1==r.inUse?o?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},i)},C=function getTextStyle(){return"vertikal"==c?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,u.jsx)(l.Z5,{onDragEnd:function onDragEnd(t){if(t.destination){var i=g[t.source.index].index,r=g[t.destination.index].index;i!=r&&p.paletteViewHandler.shelfItemMoved(x,i,r)}},children:(0,u.jsx)(l.bK,{droppableId:"droppable",direction:"vertikal"==c?"horizontal":"vertical",children:function children(t,i){return(0,u.jsxs)("div",_objectSpread(_objectSpread({},t.droppableProps),{},{ref:t.innerRef,style:{width:"100%",height:"100%"},children:[g.map((function(t,i){return(0,u.jsx)(l._l,{index:i,isDragDisabled:-1==t.inUse||t.isDisabled||t.noMove,draggableId:i.toString(),children:function children(r,o){return(0,u.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){p.paletteViewHandler.setSelectedShelfAccessoire(t.basketId),p.paletteViewHandler.clickAddAccessorieOnShelfPlanner(x,t.index)},ref:r.innerRef},r.draggableProps),r.dragHandleProps),{},{style:I(o.isDragging,r.draggableProps.style,t,t.index%5==0&&!!i),children:[!!t.articleText&&(0,u.jsx)("div",{style:C(),dangerouslySetInnerHTML:{__html:t.articleText}}),-1==t.inUse&&t.index%5==0&&!!i&&"horizontal"==c&&t.index,(t.inUse>-1&&!t.noDelete&&!t.isDisabled||t.onBoard)&&(0,u.jsx)(a.default,{grid:x,index:t.inUse})]}))}},i)})),t.placeholder]}))}})})}))},67:(t,i,r)=>{r.r(i),r.d(i,{default:()=>c});r(87363);var o=r(88683),l=r(22881),d=r(9420),a=r(47514);const c=(0,d.Pi)((function index(t){var i=t.selAccItem,r=(0,o.useTranslation)().t;return(0,a.jsx)(a.Fragment,{children:i?(0,a.jsxs)("div",{className:l.o5,children:[(0,a.jsx)("img",{src:i.image}),(0,a.jsxs)("div",{className:l.um,children:[r("configurator.REGALPLANER_CHOOSE_SPACE_1")+" ",(0,a.jsx)("b",{dangerouslySetInnerHTML:{__html:i.name}})," "+r("configurator.REGALPLANER_CHOOSE_SPACE_2")+" ",(0,a.jsx)("b",{children:i.cellSize}),r("configurator.REGALPLANER_CHOOSE_SPACE_3")]})]}):(0,a.jsxs)("div",{className:l.o5,children:[(0,a.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,a.jsx)("div",{className:l.um,children:r("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},27020:(t,i,r)=>{r.r(i),r.d(i,{default:()=>_});var o=r(80248),l=r(34988),d=r(65515),a=r.n(d),c=r(75327),u=r(9420),x=r(87363),p=r(61533),m=r(93379),g=r.n(m),h=r(7795),b=r.n(h),v=r(90569),y=r.n(v),j=r(3565),P=r.n(j),w=r(19216),A=r.n(w),S=r(44589),I=r.n(S),O=r(65655),k={};k.styleTagTransform=I(),k.setAttributes=P(),k.insert=y().bind(null,"head"),k.domAPI=b(),k.insertStyleElement=A();g()(O.ZP,k);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=r(88683),N=r(46770),D=r(56474),T=r(55461),Z=r(91087),H=r(21801),E=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}var M="undefined"!=typeof Image?new Image(1,1):void 0;M&&(M.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");const _=(0,u.Pi)((function ShelfAccessoires(t){var i,r,o=t.item,d=(t.grids,t.sel),u=(0,c.NP)(),m=(0,C.useDivaCore)().state,g=m.hidePrices,h=m.dimensions,b=h.isMobile,v=h.isTablet,y=(0,x.useState)(""),j=(0,l.Z)(y,2),P=j[0],w=j[1],A=(0,x.useState)(!1),S=(0,l.Z)(A,2),I=S[0],k=S[1],_=(0,x.useRef)(null),z=(0,x.useRef)({x:0,y:0}),R=(0,x.useRef)({grabX:0,grabY:0,width:0}),L=function positionGhost(t){if(t){var i=R.current;t.style.transform="translate(".concat(z.current.x-i.grabX,"px, ").concat(z.current.y-i.grabY,"px)")}};(0,x.useEffect)((function(){if(I){var t=function onDragOver(t){z.current={x:t.clientX,y:t.clientY},L(_.current)};return document.addEventListener("dragover",t),function(){return document.removeEventListener("dragover",t)}}}),[I]);var B={},K={},U=void 0,V=!1,G={},Y=(0,N.XI)({delayEnter:1500,hideOnScroll:!0}),W=Y[0]&&!I,X=(0,N.sJ)({isOpen:W,auto:!0,placement:u.getViewConfig().tooltipPosition||"left-center"});b||v||u.getViewConfig().hideTooltip||(V=W,G=Y[1],B=X.triggerProps,K=X.layerProps,U=X.renderLayer);var q=o.name;return(0,E.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:o.articleCodex,className:a()(O.nC,d?O.pA:void 0),onClick:function onClick(){return u.paletteViewHandler.selectShelfAccessorie(o.articleCodex,void 0,!1)},onDoubleClick:function onDoubleClick(){return u.paletteViewHandler.selectShelfAccessorie(o.articleCodex)},draggable:!0,onDragStart:function onDragStart(t){t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/plain",o.articleCodex),M&&t.dataTransfer.setDragImage(M,0,0);var i=t.currentTarget.getBoundingClientRect();R.current={grabX:t.clientX-i.left,grabY:t.clientY-i.top,width:i.width},z.current={x:t.clientX,y:t.clientY},k(!0),u.paletteViewHandler.startShelfAccessorieDrag(o.articleCodex)},onDragEnd:function onDragEnd(){k(!1),u.paletteViewHandler.endShelfAccessorieDrag()}},B),G),{},{children:[(0,E.jsx)("img",{style:{maxHeight:u.settingsState.settingsWidth/3},src:o.image,draggable:!1}),(0,E.jsxs)("div",{className:O.jW,children:[(0,E.jsx)("div",{className:a()(O.TN),dangerouslySetInnerHTML:{__html:q}}),(0,E.jsx)(D.default,{metaData:o.metaData,visible:[P,w]},o.articleCodex),!g&&!!o.price&&(0,E.jsx)(Z.default,{price:o.price,style:{paddingTop:6}}),o.contentItemId&&(0,E.jsx)(H.default,{item:o,style:{top:6,right:6}},o.articleCodex)]}),V&&(null===(i=U)||void 0===i?void 0:i((0,E.jsx)(T.default,{text:null!==(r=o.longDescription)&&void 0!==r?r:o.name,desciption:P,image:o.image,codex:o.articleCodex,layerProps:K},o.articleCodex))),I&&!u.settingsState.draggedAccessoryHasTarget&&(0,p.createPortal)((0,E.jsxs)("div",{className:a()(O.nC,O.HE),style:{width:R.current.width},ref:function ref(t){_.current=t,L(t)},children:[(0,E.jsx)("img",{style:{maxHeight:u.settingsState.settingsWidth/3},src:o.image}),(0,E.jsx)("div",{className:O.jW,children:(0,E.jsx)("div",{className:O.TN,dangerouslySetInnerHTML:{__html:q}})})]}),document.body)]}))}))},12478:(t,i,r)=>{r.r(i),r.d(i,{default:()=>E});var o=r(80248),l=r(34988),d=r(88683),a=r(65515),c=r.n(a),u=r(75327),x=r(9420),p=r(87363),m=r(93379),g=r.n(m),h=r(7795),b=r.n(h),v=r(90569),y=r.n(v),j=r(3565),P=r.n(j),w=r(19216),A=r.n(w),S=r(44589),I=r.n(S),O=r(57771),k={};k.styleTagTransform=I(),k.setAttributes=P(),k.insert=y().bind(null,"head"),k.domAPI=b(),k.insertStyleElement=A();g()(O.ZP,k);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=r(46770),N=r(56474),D=r(55461),T=r(91087),Z=r(21801),H=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const E=(0,x.Pi)((function ShelfAccessoires(t){var i,r,o=t.item,a=t.grids,x=(0,u.NP)(),m=(0,d.useTranslation)(),g=(0,d.useDivaCore)().state,h=g.hidePrices,b=g.dimensions,v=b.isMobile,y=b.isTablet,j=(0,p.useState)(""),P=(0,l.Z)(j,2),w=P[0],A=P[1],S={},I={},k=void 0,E=!1,M={},_=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),z=(0,C.sJ)({isOpen:_[0],auto:!0,placement:x.getViewConfig().tooltipPosition||"left-center"});return v||y||x.getViewConfig().hideTooltip||(E=_[0],M=_[1],S=z.triggerProps,I=z.layerProps,k=z.renderLayer),(0,H.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return x.paletteViewHandler.clickedOnShelfAccessorie(a,o.articleCodex,void 0,!0)},className:O.RV},S),M),{},{children:[(0,H.jsxs)("div",{className:c()(O.iZ,O.vc),children:[(0,H.jsx)("div",{className:c()(O.K5),style:{backgroundImage:"url(".concat(o.image,")")}}),(0,H.jsxs)("div",{className:c()(O.TX),children:[(0,H.jsx)("div",{className:c()(O.db,""!==w?O.Bm:void 0),dangerouslySetInnerHTML:{__html:o.name}}),(0,H.jsx)(N.default,{metaData:o.metaData,visible:[w,A]},o.articleCodex),(0,H.jsx)("div",{className:c()(O.WN),children:d.DivaUtils.sizeFormatter({width:o.width,height:o.height,depth:o.depth},m)})]})]}),!h&&!!o.price&&(0,H.jsx)(T.default,{price:o.price,style:{paddingTop:6}}),o.contentItemId&&(0,H.jsx)(Z.default,{item:o,style:{bottom:8,right:8}},o.articleCodex),E&&(null===(i=k)||void 0===i?void 0:i((0,H.jsx)(D.default,{text:null!==(r=o.longDescription)&&void 0!==r?r:o.name,desciption:w,image:o.image,codex:o.articleCodex,layerProps:I},o.articleCodex)))]}))}))},67442:(t,i,r)=>{r.r(i),r.d(i,{default:()=>A});var o=r(80248),l=r(34988),d=r(79837),a=(r(87363),r(22881)),c=r(3985),u=r(27020),x=r(12478),p=r(38742),m=r(75327),g=r(65515),h=r.n(g),b=r(9420),v=r(67),y=r(26937),j=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}function _createForOfIteratorHelper(t,i){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function _unsupportedIterableToArray(t,i){if(t){if("string"==typeof t)return _arrayLikeToArray(t,i);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,i):void 0}}(t))||i&&t&&"number"==typeof t.length){r&&(t=r);var o=0,l=function F(){};return{s:l,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var d,a=!0,c=!1;return{s:function s(){r=r.call(t)},n:function n(){var t=r.next();return a=t.done,t},e:function e(t){c=!0,d=t},f:function f(){try{a||null==r.return||r.return()}finally{if(c)throw d}}}}function _arrayLikeToArray(t,i){(null==i||i>t.length)&&(i=t.length);for(var r=0,o=Array(i);r<i;r++)o[r]=t[r];return o}var P=function accSize(t){var i,r,o;return(null!==(i=t.width)&&void 0!==i?i:0)*(null!==(r=t.height)&&void 0!==r?r:0)*(null!==(o=t.depth)&&void 0!==o?o:0)||t.cellSize||0},w=function isShelfAccessory(t){return"cellSize"in t};const A=(0,b.Pi)((function ShelfPlanner(t){var i,r,o,g,b,A,S,I,O,k,C,N=t.item,D=t.style,T=t.filteredGroups,Z=(0,m.NP)(),H=(null!==(i=null===(r=Z.settingsState.settingsScrollerElement)||void 0===r?void 0:r.getBoundingClientRect().height)&&void 0!==i?i:0)-10,E=(null!==(o=null===(g=Z.settingsState.settingsScrollerElement)||void 0===g?void 0:g.getBoundingClientRect().width)&&void 0!==o?o:0)-16,M=null!==(b=null==N||null===(A=N.shelfPlannerGrids)||void 0===A?void 0:A.find((function(t){return t.ActAccessoire})))&&void 0!==b?b:null==N||null===(S=N.shelfPlannerGrids)||void 0===S?void 0:S[0];if(!M)return(0,j.jsx)(j.Fragment,{});var _=(null!==(I=null===(O=T[0])||void 0===O?void 0:O.items)&&void 0!==I?I:[]).filter(w),z="autoPlaceDrag"===d.d?function collapseFamilies(t){var i,r,o=[],l=new Map,d=_createForOfIteratorHelper(t);try{for(d.s();!(i=d.n()).done;){var a=i.value,c=(r=void 0,null!==(r=a.accessoireFamily)&&void 0!==r?r:null);if(c){var u=l.get(c);void 0===u?(l.set(c,o.length),o.push(a)):P(a)>P(o[u])&&(o[u]=a)}else o.push(a)}}catch(t){d.e(t)}finally{d.f()}return o}(_):_,R=M.ActAccessoire,L=void 0;R&&(L=_.find((function(t){return t.articleCodex==R})));var B=M.getRequiredWarning(Z.configState.lang),K=[];if(null!==(k=L)&&void 0!==k&&null!==(k=k.configStepKeys)&&void 0!==k&&k.length)for(var U=function _loop(){var t=L.configStepKeys[V],i=Z.settingsState.itemPaletteArr.find((function(i){var r=(0,l.Z)(i,2);r[0];return r[1].configStepKey==t.key}));if(!i)return 1;Z.settingsState.selectedShelfAccessoire==t.basketId&&K.push(i[1])},V=0;V<L.configStepKeys.length;V++)U();var G=Z.getIsInMobileView()&&Z.productState.shelfPlannerRTV;return(0,j.jsxs)("div",{ref:function ref(t){return N.htmlRef=t},className:h()(Z.productState.shelfPlannerRTV?a.Ev:void 0,"horizontal"==M.Direction?a.dx:a.vU,Z.uiState.configSettingsIsExpanded?a.zh:void 0),style:_objectSpread({height:H},D),children:[!Z.productState.shelfPlannerRTV&&(0,j.jsx)("div",{className:a.wX,children:(0,j.jsx)("div",{className:a.Zh,children:(0,j.jsx)(p.default,{item:N,direction:M.Direction,width:E,height:H-16-16})})}),B&&(0,j.jsx)("div",{className:a.Kp,dangerouslySetInnerHTML:{__html:B}}),(0,j.jsxs)("div",{className:a.s0,children:[!!K.length&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)("div",{className:a.ne,onClick:function onClick(){return Z.paletteViewHandler.setSelectedShelfAccessoire()},children:[(0,j.jsx)("div",{className:a.Ah}),(0,j.jsx)("div",{className:a.u2,children:null===(C=L)||void 0===C?void 0:C.name})]}),(0,j.jsx)(y.default,{itemPalettesArr:K})]}),!K.length&&(0,j.jsxs)(j.Fragment,{children:[!G&&(0,j.jsx)(v.default,{selAccItem:L}),(0,j.jsx)("div",{className:h()(a.QL,c.pw),style:{height:"horizontal"==M.Direction?H-80:"",overflow:G?"visible":void 0},children:z.map((function(t,i){var r;return(0,j.jsxs)(j.Fragment,{children:[Z.productState.shelfPlannerRTV&&(0,j.jsx)(u.default,{grids:N.shelfPlannerGrids,item:t,sel:t.articleCodex==R||!(null===(r=L)||void 0===r||!r.accessoireFamily)&&t.accessoireFamily===L.accessoireFamily},i),!Z.productState.shelfPlannerRTV&&(0,j.jsx)(x.default,{grids:N.shelfPlannerGrids,item:t},i)]})}))})]})]})]})}))},67444:(t,i,r)=>{r.r(i),r.d(i,{default:()=>A});r(87363);var o=r(9420),l=r(93379),d=r.n(l),a=r(7795),c=r.n(a),u=r(90569),x=r.n(u),p=r(3565),m=r.n(p),g=r(19216),h=r.n(g),b=r(44589),v=r.n(b),y=r(91605),j={};j.styleTagTransform=v(),j.setAttributes=m(),j.insert=x().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=h();d()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=r(75327),w=r(47514);const A=(0,o.Pi)((function ContentItemTeaser(t){var i=t.item,r=(0,P.NP)();return(0,w.jsxs)("div",{className:y.bz,children:[i.emoji&&(0,w.jsx)("div",{className:y.rP,children:i.emoji}),(0,w.jsx)("div",{className:y.TN,children:i.title}),(0,w.jsx)("div",{className:y.WL,children:i.description}),i.id&&(0,w.jsxs)("button",{className:y.LI,onClick:function onClick(){!function isUrl(t){return/^https?:\/\//.test(t)}(i.id)?r.settingsState.onClickContentItemId(i.id):window.open(i.id,"_blank","noopener,noreferrer")},children:[(0,w.jsx)("span",{className:y.q5,children:i.buttonText}),(0,w.jsx)("div",{className:y.x7,children:(0,w.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,w.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},81099:(t,i,r)=>{r.r(i),r.d(i,{default:()=>S});r(87363);var o=r(37486),l=r(75327),d=r(93379),a=r.n(d),c=r(7795),u=r.n(c),x=r(90569),p=r.n(x),m=r(3565),g=r.n(m),h=r(19216),b=r.n(h),v=r(44589),y=r.n(v),j=r(9668),P={};P.styleTagTransform=y(),P.setAttributes=g(),P.insert=p().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=b();a()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var w=r(67444),A=r(47514);const S=function SettingsItemsGroup(t){var i=t.group;(0,l.NP)();return(0,A.jsxs)("div",{className:j.YS,children:[(0,A.jsx)("div",{className:j.t$,children:i.left.map((function(t){var r,l,d,a=i.palettes.find((function(i){return i.id===t}));return(0,A.jsxs)(A.Fragment,{children:["TOP"===(null===(r=a.contentItemTeaser)||void 0===r?void 0:r.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{}),(0,A.jsx)(o.default,{item:a,id:Number(a.id)},null!==(l=a.optionCodex)&&void 0!==l?l:a.configStepKey+a.id),"BOTTOM"===(null===(d=a.contentItemTeaser)||void 0===d?void 0:d.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{})]})}))}),(0,A.jsx)("div",{className:j.eX}),(0,A.jsx)("div",{className:j.F2,children:i.right.map((function(t){var r,l,d,a=i.palettes.find((function(i){return i.id===t}));return(0,A.jsxs)(A.Fragment,{children:["TOP"===(null===(r=a.contentItemTeaser)||void 0===r?void 0:r.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{}),(0,A.jsx)(o.default,{item:a,id:Number(a.id)},null!==(l=a.optionCodex)&&void 0!==l?l:a.configStepKey+a.id),"BOTTOM"===(null===(d=a.contentItemTeaser)||void 0===d?void 0:d.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{})]})}))})]})}},26937:(t,i,r)=>{r.r(i),r.d(i,{default:()=>m});var o=r(34988),l=r(87363),d=r(9420),a=r(37486),c=r(75327),u=r(81099),x=r(67444),p=r(47514);const m=(0,d.Pi)((function SettingsItemsWrapper(t){var i=t.itemPalettesArr,r=t.zIndexBase,d=(0,c.NP)(),m=(0,l.useState)([]),g=(0,o.Z)(m,2),h=g[0],b=g[1];return(0,l.useEffect)((function(){for(var t=[],r=function _loop(){var r=i[o],l=d.configuratorStructureHandler.getOptionStepByCodex(r.optionCodex),a=null==l?void 0:l.partOfGroup,c=t.find((function(t){var i;return(null!==(i=null==a?void 0:a.groupName)&&void 0!==i?i:r.configStepKey+r.id)===t.groupName}));if(c)c.palettes.push(r);else{var u,x={groupName:null!==(u=null==a?void 0:a.groupName)&&void 0!==u?u:r.configStepKey+r.id,palettes:[r],left:[],right:[]};t.push(x),c=x}"l"===(null==a?void 0:a.position)?c.left.push(r.id):"r"===(null==a?void 0:a.position)&&c.right.push(r.id)},o=0;o<i.length;o++)r();b(t)}),[i]),(0,p.jsx)(p.Fragment,{children:h.map((function(t){var i;if(t.palettes.length>1)return(0,p.jsx)(u.default,{group:t});var o=t.palettes[0].contentItemTeaser;return(0,p.jsxs)(p.Fragment,{children:["TOP"==(null==o?void 0:o.position)&&(0,p.jsx)(x.default,{item:o}),(0,p.jsx)(a.default,{item:t.palettes[0],id:Number(t.palettes[0].id),zIndexBase:r},(null!==(i=t.palettes[0].optionCodex)&&void 0!==i?i:t.palettes[0].configStepKey)+t.palettes[0].id),"BOTTOM"==(null==o?void 0:o.position)&&(0,p.jsx)(x.default,{item:o})]})}))})}))},22693:(t,i,r)=>{r.d(i,{U:()=>c,Z:()=>u});var o=r(8081),l=r.n(o),d=r(23645),a=r.n(d)()(l());a.push([t.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 c="index-module--GuiBy";const u=a},65655:(t,i,r)=>{r.d(i,{HE:()=>m,TN:()=>p,ZP:()=>g,jW:()=>x,nC:()=>c,pA:()=>u});var o=r(8081),l=r.n(o),d=r(23645),a=r.n(d)()(l());a.push([t.id,".index-module--E9hMP {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n  border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ASP_j {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--xrQ6L {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.index-module--fUvCj {\n  position: fixed;\n  left: 0;\n  top: 0;\n  pointer-events: none;\n  z-index: 9999;\n  opacity: 0.8;\n}\n",""]);var c="index-module--E9hMP",u="index-module--zq_sk",x="index-module--ASP_j",p="index-module--xrQ6L",m="index-module--fUvCj";const g=a},57771:(t,i,r)=>{r.d(i,{Bm:()=>h,K5:()=>p,RV:()=>c,TX:()=>m,WN:()=>b,ZP:()=>v,db:()=>g,iZ:()=>u,vc:()=>x});var o=r(8081),l=r.n(o),d=r(23645),a=r.n(d)()(l());a.push([t.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n  z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--S4zFL {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--ckN3g .index-module--PoiMR.index-module--Khqca {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n@media all and (max-width: 1100px) {\n  .index-module--ckN3g .index-module--i6vXs {\n    height: 80px;\n  }\n\n  .index-module--ckN3g .index-module--i6vXs img {\n    height: 80px;\n  }\n}\n",""]);var c="index-module--ckN3g",u="index-module--9x5co",x="index-module--i6vXs",p="index-module--Ab2VB",m="index-module--S4zFL",g="index-module--PoiMR",h="index-module--Khqca",b="index-module--gYuZ8";const v=a},92800:(t,i,r)=>{r.d(i,{Ah:()=>D,Ev:()=>A,Kp:()=>k,QL:()=>S,ZP:()=>T,Zh:()=>w,dx:()=>b,ne:()=>C,o5:()=>I,s0:()=>y,u2:()=>N,um:()=>O,vU:()=>v,wX:()=>P,zh:()=>j});var o=r(8081),l=r.n(o),d=r(23645),a=r.n(d),c=r(61667),u=r.n(c),x=new URL(r(60267),r.b),p=new URL(r(18343),r.b),m=a()(l()),g=u()(x),h=u()(p);m.push([t.id,".index-module--Bn7HL {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--HEzIS {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.index-module--Bn7HL .index-module--_WYy_ {\n  width: 60%;\n}\n\n.index-module--HEzIS .index-module--_WYy_ {\n  width: 100%;\n  height: 60%;\n}\n\n.index-module--OxqYJ.index-module--Bn7HL .index-module--rPMZf {\n  width: 34%;\n}\n\n.index-module--Bn7HL .index-module--rPMZf {\n  width: 40%;\n  padding-right: 10px;\n}\n\n.index-module--HEzIS .index-module--rPMZf {\n  width: 100%;\n  height: 40%;\n  padding: 0 0;\n  margin: 10px 0;\n}\n\n.index-module--Bn7HL .index-module--TXuNM {\n  border-top: solid #c7c7c7 1px;\n  /* border-bottom: solid #c7c7c7 1px; */\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n}\n.index-module--HEzIS .index-module--TXuNM {\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n  display: contents;\n}\n.index-module--OxqYJ.index-module--Bn7HL .index-module--_WYy_ {\n  width: 66%;\n}\n\n.index-module--Da8N6.index-module--HGACp .index-module--_WYy_,\n.index-module--Bn7HL.index-module--HGACp .index-module--_WYy_ {\n  width: 100%;\n}\n\n.index-module--GBUr1:first-child {\n  padding-right: 10px;\n}\n\n.index-module--Bn7HL .index-module--HDgVo {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--y8DIz {\n  width: 100%;\n  height: 75px;\n  margin-bottom: 5px;\n}\n\n.index-module--Q2pqI {\n  height: 75px;\n  overflow: auto;\n}\n\n.index-module--y8DIz img {\n  width: 100px;\n  float: left;\n  height: 75px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--sJPn7 {\n  color: red;\n  padding-bottom: 1rem;\n}\n.index-module--bdb6c {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  cursor: pointer;\n}\n\n.index-module--AJXPG {\n  font-size: 18px;\n  transition: font-size 0.3s ease;\n}\n\n.index-module--vl80_ {\n  width: 50px;\n  height: 50px;\n  background: center / 35% no-repeat url("+g+");\n  transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.index-module--bdb6c:hover .index-module--vl80_ {\n  background: center / 40% no-repeat url("+h+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n  font-size: 20px;\n}\n",""]);var b="index-module--Bn7HL",v="index-module--HEzIS",y="index-module--_WYy_",j="index-module--OxqYJ",P="index-module--rPMZf",w="index-module--TXuNM",A="index-module--HGACp",S="index-module--HDgVo",I="index-module--y8DIz",O="index-module--Q2pqI",k="index-module--sJPn7",C="index-module--bdb6c",N="index-module--AJXPG",D="index-module--vl80_";const T=m},91605:(t,i,r)=>{r.d(i,{LI:()=>m,TN:()=>x,WL:()=>p,ZP:()=>b,bz:()=>c,q5:()=>g,rP:()=>u,x7:()=>h});var o=r(8081),l=r.n(o),d=r(23645),a=r.n(d)()(l());a.push([t.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var c="index-module--YvhoM",u="index-module--xRF8A",x="index-module--AkzgH",p="index-module--YcLKe",m="index-module--tZsne",g="index-module--KlW5i",h="index-module--MViR0";const b=a},9668:(t,i,r)=>{r.d(i,{F2:()=>x,YS:()=>c,ZP:()=>m,eX:()=>p,t$:()=>u});var o=r(8081),l=r.n(o),d=r(23645),a=r.n(d)()(l());a.push([t.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var c="index-module--h2rQ7",u="index-module--vn75Y",x="index-module--gupRY",p="index-module--lvlA1";const m=a},22881:(t,i,r)=>{r.d(i,{Ah:()=>v.Ah,Ev:()=>v.Ev,Kp:()=>v.Kp,QL:()=>v.QL,Zh:()=>v.Zh,dx:()=>v.dx,ne:()=>v.ne,o5:()=>v.o5,s0:()=>v.s0,u2:()=>v.u2,um:()=>v.um,vU:()=>v.vU,wX:()=>v.wX,zh:()=>v.zh});var o=r(93379),l=r.n(o),d=r(7795),a=r.n(d),c=r(90569),u=r.n(c),x=r(3565),p=r.n(x),m=r(19216),g=r.n(m),h=r(44589),b=r.n(h),v=r(92800),y={};y.styleTagTransform=b(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=g();l()(v.ZP,y),v.ZP&&v.ZP.locals&&v.ZP.locals},60267:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},18343:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7442,1930,8742,67,7444,1099,6937],{79837:(t,i,r)=>{r.d(i,{d:()=>o});var o="autoPlaceDrag"},21930:(t,i,r)=>{r.r(i),r.d(i,{default:()=>w});r(87363);var o=r(93379),d=r.n(o),l=r(7795),a=r.n(l),c=r(90569),u=r.n(c),x=r(3565),p=r.n(x),m=r(19216),g=r.n(m),h=r(44589),v=r.n(h),b=r(22693),y={};y.styleTagTransform=v(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=g();d()(b.Z,y);b.Z&&b.Z.locals&&b.Z.locals;var j=r(75327),P=r(47514);const w=function ShelfDeleteButton(t){var i=t.index,r=t.grid,o=(0,j.NP)();return(0,P.jsx)("div",{onClick:function onClick(t){o.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(r,i),t.stopPropagation()},className:b.U,children:"-"})}},38742:(t,i,r)=>{r.r(i),r.d(i,{default:()=>x});var o=r(80248),d=(r(87363),r(49944)),l=r(75327),a=r(21930),c=r(9420),u=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const x=(0,c.Pi)((function GridList(t){var i,r=t.item,o=t.height,c=(t.width,t.direction),x=null===(i=r.shelfPlannerGrids)||void 0===i?void 0:i[0],p=(0,l.NP)();if(!x)return(0,u.jsx)(u.Fragment,{});for(var m=o/x.Cells.length,g=[],h=-1,v=!1,b=!1,y=0;y<x.Cells.length;y++){var j=x.Cells[y];if(j.IsDisabled)b?g[0].heightCount++:g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:void 0,isDisabled:!0,isRequired:j.IsRequired,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete}),b=!0,h=-1;else if(b=!1,-1==j.InUse)g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:void 0,isDisabled:j.IsDisabled,isRequired:j.IsRequired,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete});else if(h!=j.InUse&&h!=j.OnBoard){var P,w;h=j.InUse,v=!1,g.splice(0,0,{heightCount:1,inUse:j.InUse,index:j.Index,type:j.Type,isDisabled:j.IsDisabled,isRequired:j.IsRequired,articleText:null===(P=j.Article)||void 0===P?void 0:P.name,onlyPlaceHolder:j.OnlyPlaceHolder,noMove:j.NoMove,noDelete:j.NoDelete,basketId:null===(w=j.Article)||void 0===w?void 0:w.basketId})}else{var A=g.find((function(t){return t.inUse==h}));if(A){var S;if(h===j.OnBoard&&!v)v=!0,A.articleText=(null===(S=j.Article)||void 0===S?void 0:S.name)+"<br/>&<br/>"+A.articleText,A.onBoard=!0;A.heightCount++}}}var I=function getItemStyle(t,i,r,o){return"horizontal"==c?k(t,i,r,o):O(t,i,r)},O=function getItemStyleVertical(t,i,r){return _objectSpread({userSelect:"none",width:"calc("+r.heightCount/x.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:r.isRequired?"#FFEBEB":-1==r.inUse?"none":t?"grey":"lightgrey",backgroundImage:r.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:r.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==r.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},i)},k=function getItemStyleHorizontal(t,i,r,o){return _objectSpread({userSelect:"none",height:m*r.heightCount-1,marginBottom:"1px",fontSize:-1===r.inUse?"12px":void 0,lineHeight:-1===r.inUse?"2px":void 0,background:r.isRequired?"#FFEBEB":-1===r.inUse?"none":t?"grey":"lightgrey",backgroundImage:r.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:r.isDisabled&&"28.28px 28.28px",borderBottom:-1==r.inUse?o?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},i)},N=function getTextStyle(){return"vertikal"==c?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,u.jsx)(d.Z5,{onDragEnd:function onDragEnd(t){if(t.destination){var i=g[t.source.index].index,r=g[t.destination.index].index;i!=r&&p.paletteViewHandler.shelfItemMoved(x,i,r)}},children:(0,u.jsx)(d.bK,{droppableId:"droppable",direction:"vertikal"==c?"horizontal":"vertical",children:function children(t,i){return(0,u.jsxs)("div",_objectSpread(_objectSpread({},t.droppableProps),{},{ref:t.innerRef,style:{width:"100%",height:"100%"},children:[g.map((function(t,i){return(0,u.jsx)(d._l,{index:i,isDragDisabled:-1==t.inUse||t.isDisabled||t.noMove,draggableId:i.toString(),children:function children(r,o){return(0,u.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){p.paletteViewHandler.setSelectedShelfAccessoire(t.basketId),p.paletteViewHandler.clickAddAccessorieOnShelfPlanner(x,t.index)},ref:r.innerRef},r.draggableProps),r.dragHandleProps),{},{style:I(o.isDragging,r.draggableProps.style,t,t.index%5==0&&!!i),children:[!!t.articleText&&(0,u.jsx)("div",{style:N(),dangerouslySetInnerHTML:{__html:t.articleText}}),-1==t.inUse&&t.index%5==0&&!!i&&"horizontal"==c&&t.index,(t.inUse>-1&&!t.noDelete&&!t.isDisabled||t.onBoard)&&(0,u.jsx)(a.default,{grid:x,index:t.inUse})]}))}},i)})),t.placeholder]}))}})})}))},67:(t,i,r)=>{r.r(i),r.d(i,{default:()=>c});r(87363);var o=r(88683),d=r(22881),l=r(9420),a=r(47514);const c=(0,l.Pi)((function index(t){var i=t.selAccItem,r=(0,o.useTranslation)().t;return(0,a.jsx)(a.Fragment,{children:i?(0,a.jsxs)("div",{className:d.o5,children:[(0,a.jsx)("img",{src:i.image}),(0,a.jsxs)("div",{className:d.um,children:[r("configurator.REGALPLANER_CHOOSE_SPACE_1")+" ",(0,a.jsx)("b",{dangerouslySetInnerHTML:{__html:i.name}})," "+r("configurator.REGALPLANER_CHOOSE_SPACE_2")+" ",(0,a.jsx)("b",{children:i.cellSize}),r("configurator.REGALPLANER_CHOOSE_SPACE_3")]})]}):(0,a.jsxs)("div",{className:d.o5,children:[(0,a.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,a.jsx)("div",{className:d.um,children:r("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},27020:(t,i,r)=>{r.r(i),r.d(i,{default:()=>z});var o=r(80248),d=r(34988),l=r(65515),a=r.n(l),c=r(75327),u=r(9420),x=r(87363),p=r(61533),m=r(93379),g=r.n(m),h=r(7795),v=r.n(h),b=r(90569),y=r.n(b),j=r(3565),P=r.n(j),w=r(19216),A=r.n(w),S=r(44589),I=r.n(S),O=r(65655),k={};k.styleTagTransform=I(),k.setAttributes=P(),k.insert=y().bind(null,"head"),k.domAPI=v(),k.insertStyleElement=A();g()(O.ZP,k);O.ZP&&O.ZP.locals&&O.ZP.locals;var N=r(88683),C=r(46770),T=r(56474),D=r(71442),Z=r(55461),H=r(91087),E=r(21801),M=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}var _="undefined"!=typeof Image?new Image(1,1):void 0;_&&(_.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");const z=(0,u.Pi)((function ShelfAccessoires(t){var i,r,o=t.item,l=(t.grids,t.sel),u=(0,c.NP)(),m=(0,N.useDivaCore)().state,g=m.hidePrices,h=m.dimensions,v=h.isMobile,b=h.isTablet,y=(0,x.useState)(""),j=(0,d.Z)(y,2),P=j[0],w=j[1],A=u.productState.useRtvNext||D.j4,S=(0,x.useState)(!1),I=(0,d.Z)(S,2),k=I[0],z=I[1],R=(0,x.useRef)(null),L=(0,x.useRef)({x:0,y:0}),B=(0,x.useRef)({grabX:0,grabY:0,width:0}),K=function positionGhost(t){if(t){var i=B.current;t.style.transform="translate(".concat(L.current.x-i.grabX,"px, ").concat(L.current.y-i.grabY,"px)")}};(0,x.useEffect)((function(){if(k){var t=function onDragOver(t){L.current={x:t.clientX,y:t.clientY},K(R.current)};return document.addEventListener("dragover",t),function(){return document.removeEventListener("dragover",t)}}}),[k]);var U={},V={},G=void 0,Y=!1,W={},X=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),q=X[0]&&!k,J=(0,C.sJ)({isOpen:q,auto:!0,placement:u.getViewConfig().tooltipPosition||"left-center"});v||b||u.getViewConfig().hideTooltip||(Y=q,W=X[1],U=J.triggerProps,V=J.layerProps,G=J.renderLayer);var Q=o.name;return(0,M.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:o.articleCodex,className:a()(O.nC,l?O.pA:void 0),onClick:function onClick(){return u.paletteViewHandler.selectShelfAccessorie(o.articleCodex,void 0,!A)},onDoubleClick:A?function(){return u.paletteViewHandler.selectShelfAccessorie(o.articleCodex)}:void 0,draggable:A,onDragStart:function onDragStart(t){if(A){t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/plain",o.articleCodex),_&&t.dataTransfer.setDragImage(_,0,0);var i=t.currentTarget.getBoundingClientRect();B.current={grabX:t.clientX-i.left,grabY:t.clientY-i.top,width:i.width},L.current={x:t.clientX,y:t.clientY},z(!0),u.paletteViewHandler.startShelfAccessorieDrag(o.articleCodex)}},onDragEnd:function onDragEnd(){A&&(z(!1),u.paletteViewHandler.endShelfAccessorieDrag())}},U),W),{},{children:[(0,M.jsx)("img",{style:{maxHeight:u.settingsState.settingsWidth/3},src:o.image,draggable:!1}),(0,M.jsxs)("div",{className:O.jW,children:[(0,M.jsx)("div",{className:a()(O.TN),dangerouslySetInnerHTML:{__html:Q}}),(0,M.jsx)(T.default,{metaData:o.metaData,visible:[P,w]},o.articleCodex),!g&&!!o.price&&(0,M.jsx)(H.default,{price:o.price,style:{paddingTop:6}}),o.contentItemId&&(0,M.jsx)(E.default,{item:o,style:{top:6,right:6}},o.articleCodex)]}),Y&&(null===(i=G)||void 0===i?void 0:i((0,M.jsx)(Z.default,{text:null!==(r=o.longDescription)&&void 0!==r?r:o.name,desciption:P,image:o.image,codex:o.articleCodex,layerProps:V},o.articleCodex))),k&&!u.settingsState.draggedAccessoryHasTarget&&(0,p.createPortal)((0,M.jsxs)("div",{className:a()(O.nC,O.HE),style:{width:B.current.width},ref:function ref(t){R.current=t,K(t)},children:[(0,M.jsx)("img",{style:{maxHeight:u.settingsState.settingsWidth/3},src:o.image}),(0,M.jsx)("div",{className:O.jW,children:(0,M.jsx)("div",{className:O.TN,dangerouslySetInnerHTML:{__html:Q}})})]}),document.body)]}))}))},12478:(t,i,r)=>{r.r(i),r.d(i,{default:()=>E});var o=r(80248),d=r(34988),l=r(88683),a=r(65515),c=r.n(a),u=r(75327),x=r(9420),p=r(87363),m=r(93379),g=r.n(m),h=r(7795),v=r.n(h),b=r(90569),y=r.n(b),j=r(3565),P=r.n(j),w=r(19216),A=r.n(w),S=r(44589),I=r.n(S),O=r(57771),k={};k.styleTagTransform=I(),k.setAttributes=P(),k.insert=y().bind(null,"head"),k.domAPI=v(),k.insertStyleElement=A();g()(O.ZP,k);O.ZP&&O.ZP.locals&&O.ZP.locals;var N=r(46770),C=r(56474),T=r(55461),D=r(91087),Z=r(21801),H=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const E=(0,x.Pi)((function ShelfAccessoires(t){var i,r,o=t.item,a=t.grids,x=(0,u.NP)(),m=(0,l.useTranslation)(),g=(0,l.useDivaCore)().state,h=g.hidePrices,v=g.dimensions,b=v.isMobile,y=v.isTablet,j=(0,p.useState)(""),P=(0,d.Z)(j,2),w=P[0],A=P[1],S={},I={},k=void 0,E=!1,M={},_=(0,N.XI)({delayEnter:1500,hideOnScroll:!0}),z=(0,N.sJ)({isOpen:_[0],auto:!0,placement:x.getViewConfig().tooltipPosition||"left-center"});return b||y||x.getViewConfig().hideTooltip||(E=_[0],M=_[1],S=z.triggerProps,I=z.layerProps,k=z.renderLayer),(0,H.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return x.paletteViewHandler.clickedOnShelfAccessorie(a,o.articleCodex,void 0,!0)},className:O.RV},S),M),{},{children:[(0,H.jsxs)("div",{className:c()(O.iZ,O.vc),children:[(0,H.jsx)("div",{className:c()(O.K5),style:{backgroundImage:"url(".concat(o.image,")")}}),(0,H.jsxs)("div",{className:c()(O.TX),children:[(0,H.jsx)("div",{className:c()(O.db,""!==w?O.Bm:void 0),dangerouslySetInnerHTML:{__html:o.name}}),(0,H.jsx)(C.default,{metaData:o.metaData,visible:[w,A]},o.articleCodex),(0,H.jsx)("div",{className:c()(O.WN),children:l.DivaUtils.sizeFormatter({width:o.width,height:o.height,depth:o.depth},m)})]})]}),!h&&!!o.price&&(0,H.jsx)(D.default,{price:o.price,style:{paddingTop:6}}),o.contentItemId&&(0,H.jsx)(Z.default,{item:o,style:{bottom:8,right:8}},o.articleCodex),E&&(null===(i=k)||void 0===i?void 0:i((0,H.jsx)(T.default,{text:null!==(r=o.longDescription)&&void 0!==r?r:o.name,desciption:w,image:o.image,codex:o.articleCodex,layerProps:I},o.articleCodex)))]}))}))},67442:(t,i,r)=>{r.r(i),r.d(i,{default:()=>S});var o=r(80248),d=r(34988),l=r(79837),a=r(71442),c=(r(87363),r(22881)),u=r(3985),x=r(27020),p=r(12478),m=r(38742),g=r(75327),h=r(65515),v=r.n(h),b=r(9420),y=r(67),j=r(26937),P=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}function _createForOfIteratorHelper(t,i){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function _unsupportedIterableToArray(t,i){if(t){if("string"==typeof t)return _arrayLikeToArray(t,i);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,i):void 0}}(t))||i&&t&&"number"==typeof t.length){r&&(t=r);var o=0,d=function F(){};return{s:d,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:d}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,a=!0,c=!1;return{s:function s(){r=r.call(t)},n:function n(){var t=r.next();return a=t.done,t},e:function e(t){c=!0,l=t},f:function f(){try{a||null==r.return||r.return()}finally{if(c)throw l}}}}function _arrayLikeToArray(t,i){(null==i||i>t.length)&&(i=t.length);for(var r=0,o=Array(i);r<i;r++)o[r]=t[r];return o}var w=function accSize(t){var i,r,o;return(null!==(i=t.width)&&void 0!==i?i:0)*(null!==(r=t.height)&&void 0!==r?r:0)*(null!==(o=t.depth)&&void 0!==o?o:0)||t.cellSize||0},A=function isShelfAccessory(t){return"cellSize"in t};const S=(0,b.Pi)((function ShelfPlanner(t){var i,r,o,h,b,S,I,O,k,N,C,T=t.item,D=t.style,Z=t.filteredGroups,H=(0,g.NP)(),E=(null!==(i=null===(r=H.settingsState.settingsScrollerElement)||void 0===r?void 0:r.getBoundingClientRect().height)&&void 0!==i?i:0)-10,M=(null!==(o=null===(h=H.settingsState.settingsScrollerElement)||void 0===h?void 0:h.getBoundingClientRect().width)&&void 0!==o?o:0)-16,_=null!==(b=null==T||null===(S=T.shelfPlannerGrids)||void 0===S?void 0:S.find((function(t){return t.ActAccessoire})))&&void 0!==b?b:null==T||null===(I=T.shelfPlannerGrids)||void 0===I?void 0:I[0];if(!_)return(0,P.jsx)(P.Fragment,{});var z=(null!==(O=null===(k=Z[0])||void 0===k?void 0:k.items)&&void 0!==O?O:[]).filter(A),R=H.productState.useRtvNext||a.j4,L=R&&"autoPlaceDrag"===l.d?function collapseFamilies(t){var i,r,o=[],d=new Map,l=_createForOfIteratorHelper(t);try{for(l.s();!(i=l.n()).done;){var a=i.value,c=(r=void 0,null!==(r=a.accessoireFamily)&&void 0!==r?r:null);if(c){var u=d.get(c);void 0===u?(d.set(c,o.length),o.push(a)):w(a)>w(o[u])&&(o[u]=a)}else o.push(a)}}catch(t){l.e(t)}finally{l.f()}return o}(z):z,B=_.ActAccessoire,K=void 0;B&&(K=z.find((function(t){return t.articleCodex==B})));var U=_.getRequiredWarning(H.configState.lang),V=[];if(null!==(N=K)&&void 0!==N&&null!==(N=N.configStepKeys)&&void 0!==N&&N.length)for(var G=function _loop(){var t=K.configStepKeys[Y],i=H.settingsState.itemPaletteArr.find((function(i){var r=(0,d.Z)(i,2);r[0];return r[1].configStepKey==t.key}));if(!i)return 1;H.settingsState.selectedShelfAccessoire==t.basketId&&V.push(i[1])},Y=0;Y<K.configStepKeys.length;Y++)G();var W=H.getIsInMobileView()&&H.productState.shelfPlannerRTV;return(0,P.jsxs)("div",{ref:function ref(t){return T.htmlRef=t},className:v()(H.productState.shelfPlannerRTV?c.Ev:void 0,"horizontal"==_.Direction?c.dx:c.vU,H.uiState.configSettingsIsExpanded?c.zh:void 0),style:_objectSpread({height:E},D),children:[!H.productState.shelfPlannerRTV&&(0,P.jsx)("div",{className:c.wX,children:(0,P.jsx)("div",{className:c.Zh,children:(0,P.jsx)(m.default,{item:T,direction:_.Direction,width:M,height:E-16-16})})}),U&&(0,P.jsx)("div",{className:c.Kp,dangerouslySetInnerHTML:{__html:U}}),(0,P.jsxs)("div",{className:c.s0,children:[!!V.length&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{className:c.ne,onClick:function onClick(){return H.paletteViewHandler.setSelectedShelfAccessoire()},children:[(0,P.jsx)("div",{className:c.Ah}),(0,P.jsx)("div",{className:c.u2,children:null===(C=K)||void 0===C?void 0:C.name})]}),(0,P.jsx)(j.default,{itemPalettesArr:V})]}),!V.length&&(0,P.jsxs)(P.Fragment,{children:[!W&&(0,P.jsx)(y.default,{selAccItem:K}),(0,P.jsx)("div",{className:v()(c.QL,u.pw),style:{height:"horizontal"==_.Direction?E-80:"",overflow:W?"visible":void 0},children:L.map((function(t,i){var r;return(0,P.jsxs)(P.Fragment,{children:[H.productState.shelfPlannerRTV&&(0,P.jsx)(x.default,{grids:T.shelfPlannerGrids,item:t,sel:t.articleCodex==B||R&&!(null===(r=K)||void 0===r||!r.accessoireFamily)&&t.accessoireFamily===K.accessoireFamily},i),!H.productState.shelfPlannerRTV&&(0,P.jsx)(p.default,{grids:T.shelfPlannerGrids,item:t},i)]})}))})]})]})]})}))},67444:(t,i,r)=>{r.r(i),r.d(i,{default:()=>A});r(87363);var o=r(9420),d=r(93379),l=r.n(d),a=r(7795),c=r.n(a),u=r(90569),x=r.n(u),p=r(3565),m=r.n(p),g=r(19216),h=r.n(g),v=r(44589),b=r.n(v),y=r(91605),j={};j.styleTagTransform=b(),j.setAttributes=m(),j.insert=x().bind(null,"head"),j.domAPI=c(),j.insertStyleElement=h();l()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=r(75327),w=r(47514);const A=(0,o.Pi)((function ContentItemTeaser(t){var i=t.item,r=(0,P.NP)();return(0,w.jsxs)("div",{className:y.bz,children:[i.emoji&&(0,w.jsx)("div",{className:y.rP,children:i.emoji}),(0,w.jsx)("div",{className:y.TN,children:i.title}),(0,w.jsx)("div",{className:y.WL,children:i.description}),i.id&&(0,w.jsxs)("button",{className:y.LI,onClick:function onClick(){!function isUrl(t){return/^https?:\/\//.test(t)}(i.id)?r.settingsState.onClickContentItemId(i.id):window.open(i.id,"_blank","noopener,noreferrer")},children:[(0,w.jsx)("span",{className:y.q5,children:i.buttonText}),(0,w.jsx)("div",{className:y.x7,children:(0,w.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,w.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},81099:(t,i,r)=>{r.r(i),r.d(i,{default:()=>S});r(87363);var o=r(37486),d=r(75327),l=r(93379),a=r.n(l),c=r(7795),u=r.n(c),x=r(90569),p=r.n(x),m=r(3565),g=r.n(m),h=r(19216),v=r.n(h),b=r(44589),y=r.n(b),j=r(9668),P={};P.styleTagTransform=y(),P.setAttributes=g(),P.insert=p().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=v();a()(j.ZP,P);j.ZP&&j.ZP.locals&&j.ZP.locals;var w=r(67444),A=r(47514);const S=function SettingsItemsGroup(t){var i=t.group;(0,d.NP)();return(0,A.jsxs)("div",{className:j.YS,children:[(0,A.jsx)("div",{className:j.t$,children:i.left.map((function(t){var r,d,l,a=i.palettes.find((function(i){return i.id===t}));return(0,A.jsxs)(A.Fragment,{children:["TOP"===(null===(r=a.contentItemTeaser)||void 0===r?void 0:r.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{}),(0,A.jsx)(o.default,{item:a,id:Number(a.id)},null!==(d=a.optionCodex)&&void 0!==d?d:a.configStepKey+a.id),"BOTTOM"===(null===(l=a.contentItemTeaser)||void 0===l?void 0:l.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{})]})}))}),(0,A.jsx)("div",{className:j.eX}),(0,A.jsx)("div",{className:j.F2,children:i.right.map((function(t){var r,d,l,a=i.palettes.find((function(i){return i.id===t}));return(0,A.jsxs)(A.Fragment,{children:["TOP"===(null===(r=a.contentItemTeaser)||void 0===r?void 0:r.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{}),(0,A.jsx)(o.default,{item:a,id:Number(a.id)},null!==(d=a.optionCodex)&&void 0!==d?d:a.configStepKey+a.id),"BOTTOM"===(null===(l=a.contentItemTeaser)||void 0===l?void 0:l.position)?(0,A.jsx)(w.default,{item:a.contentItemTeaser}):(0,A.jsx)(A.Fragment,{})]})}))})]})}},26937:(t,i,r)=>{r.r(i),r.d(i,{default:()=>m});var o=r(34988),d=r(87363),l=r(9420),a=r(37486),c=r(75327),u=r(81099),x=r(67444),p=r(47514);const m=(0,l.Pi)((function SettingsItemsWrapper(t){var i=t.itemPalettesArr,r=t.zIndexBase,l=(0,c.NP)(),m=(0,d.useState)([]),g=(0,o.Z)(m,2),h=g[0],v=g[1];return(0,d.useEffect)((function(){for(var t=[],r=function _loop(){var r=i[o],d=l.configuratorStructureHandler.getOptionStepByCodex(r.optionCodex),a=null==d?void 0:d.partOfGroup,c=t.find((function(t){var i;return(null!==(i=null==a?void 0:a.groupName)&&void 0!==i?i:r.configStepKey+r.id)===t.groupName}));if(c)c.palettes.push(r);else{var u,x={groupName:null!==(u=null==a?void 0:a.groupName)&&void 0!==u?u:r.configStepKey+r.id,palettes:[r],left:[],right:[]};t.push(x),c=x}"l"===(null==a?void 0:a.position)?c.left.push(r.id):"r"===(null==a?void 0:a.position)&&c.right.push(r.id)},o=0;o<i.length;o++)r();v(t)}),[i]),(0,p.jsx)(p.Fragment,{children:h.map((function(t){var i;if(t.palettes.length>1)return(0,p.jsx)(u.default,{group:t});var o=t.palettes[0].contentItemTeaser;return(0,p.jsxs)(p.Fragment,{children:["TOP"==(null==o?void 0:o.position)&&(0,p.jsx)(x.default,{item:o}),(0,p.jsx)(a.default,{item:t.palettes[0],id:Number(t.palettes[0].id),zIndexBase:r},(null!==(i=t.palettes[0].optionCodex)&&void 0!==i?i:t.palettes[0].configStepKey)+t.palettes[0].id),"BOTTOM"==(null==o?void 0:o.position)&&(0,p.jsx)(x.default,{item:o})]})}))})}))},22693:(t,i,r)=>{r.d(i,{U:()=>c,Z:()=>u});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.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 c="index-module--GuiBy";const u=a},65655:(t,i,r)=>{r.d(i,{HE:()=>m,TN:()=>p,ZP:()=>g,jW:()=>x,nC:()=>c,pA:()=>u});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,".index-module--E9hMP {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n  border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ASP_j {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--xrQ6L {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n\n.index-module--fUvCj {\n  position: fixed;\n  left: 0;\n  top: 0;\n  pointer-events: none;\n  z-index: 9999;\n  opacity: 0.8;\n}\n",""]);var c="index-module--E9hMP",u="index-module--zq_sk",x="index-module--ASP_j",p="index-module--xrQ6L",m="index-module--fUvCj";const g=a},57771:(t,i,r)=>{r.d(i,{Bm:()=>h,K5:()=>p,RV:()=>c,TX:()=>m,WN:()=>v,ZP:()=>b,db:()=>g,iZ:()=>u,vc:()=>x});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,"/* Accessoires*/\n\n.index-module--ckN3g {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  z-index: 100;\n}\n\n.index-module--ckN3g:hover {\n  z-index: 200;\n}\n\n.index-module--ckN3g .index-module--9x5co {\n  width: 98%;\n  background: white;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n}\n\n.index-module--ckN3g .index-module--i6vXs {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--s5TT0 {\n  width: 48px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--ckN3g .index-module--i6vXs .index-module--Ab2VB {\n  height: 80px;\n}\n\n.index-module--ckN3g .index-module--Ab2VB {\n  width: 80px;\n  float: left;\n  border-radius: var(--globalBorderRadius) 0px 0px var(--globalBorderRadius);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.index-module--S4zFL {\n  float: left;\n  width: calc(100% - 80px);\n  position: relative;\n  height: 100%;\n}\n.index-module--ckN3g .index-module--S4zFL {\n  width: calc(100% - 150px);\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 12px);\n  justify-content: space-between;\n}\n\n.index-module--ckN3g .index-module--PoiMR {\n  display: -webkit-box;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  margin-top: 14px;\n  max-width: 100%;\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n}\n\n.index-module--ckN3g .index-module--PoiMR.index-module--Khqca {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ckN3g .index-module--gYuZ8 {\n  display: -webkit-box;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: #6f6f6f;\n  width: 100%;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 110;\n}\n@media all and (max-width: 1100px) {\n  .index-module--ckN3g .index-module--i6vXs {\n    height: 80px;\n  }\n\n  .index-module--ckN3g .index-module--i6vXs img {\n    height: 80px;\n  }\n}\n",""]);var c="index-module--ckN3g",u="index-module--9x5co",x="index-module--i6vXs",p="index-module--Ab2VB",m="index-module--S4zFL",g="index-module--PoiMR",h="index-module--Khqca",v="index-module--gYuZ8";const b=a},92800:(t,i,r)=>{r.d(i,{Ah:()=>T,Ev:()=>A,Kp:()=>k,QL:()=>S,ZP:()=>D,Zh:()=>w,dx:()=>v,ne:()=>N,o5:()=>I,s0:()=>y,u2:()=>C,um:()=>O,vU:()=>b,wX:()=>P,zh:()=>j});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l),c=r(61667),u=r.n(c),x=new URL(r(60267),r.b),p=new URL(r(18343),r.b),m=a()(d()),g=u()(x),h=u()(p);m.push([t.id,".index-module--Bn7HL {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--HEzIS {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n}\n\n.index-module--Bn7HL .index-module--_WYy_ {\n  width: 60%;\n}\n\n.index-module--HEzIS .index-module--_WYy_ {\n  width: 100%;\n  height: 60%;\n}\n\n.index-module--OxqYJ.index-module--Bn7HL .index-module--rPMZf {\n  width: 34%;\n}\n\n.index-module--Bn7HL .index-module--rPMZf {\n  width: 40%;\n  padding-right: 10px;\n}\n\n.index-module--HEzIS .index-module--rPMZf {\n  width: 100%;\n  height: 40%;\n  padding: 0 0;\n  margin: 10px 0;\n}\n\n.index-module--Bn7HL .index-module--TXuNM {\n  border-top: solid #c7c7c7 1px;\n  /* border-bottom: solid #c7c7c7 1px; */\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n}\n.index-module--HEzIS .index-module--TXuNM {\n  border-left: solid #c7c7c7 1px;\n  border-right: solid #c7c7c7 1px;\n  border-radius: 3px;\n  display: contents;\n}\n.index-module--OxqYJ.index-module--Bn7HL .index-module--_WYy_ {\n  width: 66%;\n}\n\n.index-module--Da8N6.index-module--HGACp .index-module--_WYy_,\n.index-module--Bn7HL.index-module--HGACp .index-module--_WYy_ {\n  width: 100%;\n}\n\n.index-module--GBUr1:first-child {\n  padding-right: 10px;\n}\n\n.index-module--Bn7HL .index-module--HDgVo {\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--y8DIz {\n  width: 100%;\n  height: 75px;\n  margin-bottom: 5px;\n}\n\n.index-module--Q2pqI {\n  height: 75px;\n  overflow: auto;\n}\n\n.index-module--y8DIz img {\n  width: 100px;\n  float: left;\n  height: 75px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--sJPn7 {\n  color: red;\n  padding-bottom: 1rem;\n}\n.index-module--bdb6c {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  cursor: pointer;\n}\n\n.index-module--AJXPG {\n  font-size: 18px;\n  transition: font-size 0.3s ease;\n}\n\n.index-module--vl80_ {\n  width: 50px;\n  height: 50px;\n  background: center / 35% no-repeat url("+g+");\n  transition: background-size 0.3s ease, background-image 0.3s ease;\n}\n\n.index-module--bdb6c:hover .index-module--vl80_ {\n  background: center / 40% no-repeat url("+h+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n  font-size: 20px;\n}\n",""]);var v="index-module--Bn7HL",b="index-module--HEzIS",y="index-module--_WYy_",j="index-module--OxqYJ",P="index-module--rPMZf",w="index-module--TXuNM",A="index-module--HGACp",S="index-module--HDgVo",I="index-module--y8DIz",O="index-module--Q2pqI",k="index-module--sJPn7",N="index-module--bdb6c",C="index-module--AJXPG",T="index-module--vl80_";const D=m},91605:(t,i,r)=>{r.d(i,{LI:()=>m,TN:()=>x,WL:()=>p,ZP:()=>v,bz:()=>c,q5:()=>g,rP:()=>u,x7:()=>h});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var c="index-module--YvhoM",u="index-module--xRF8A",x="index-module--AkzgH",p="index-module--YcLKe",m="index-module--tZsne",g="index-module--KlW5i",h="index-module--MViR0";const v=a},9668:(t,i,r)=>{r.d(i,{F2:()=>x,YS:()=>c,ZP:()=>m,eX:()=>p,t$:()=>u});var o=r(8081),d=r.n(o),l=r(23645),a=r.n(l)()(d());a.push([t.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--gupRY {\n  flex: 1;\n  align-self: stretch;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}\n",""]);var c="index-module--h2rQ7",u="index-module--vn75Y",x="index-module--gupRY",p="index-module--lvlA1";const m=a},22881:(t,i,r)=>{r.d(i,{Ah:()=>b.Ah,Ev:()=>b.Ev,Kp:()=>b.Kp,QL:()=>b.QL,Zh:()=>b.Zh,dx:()=>b.dx,ne:()=>b.ne,o5:()=>b.o5,s0:()=>b.s0,u2:()=>b.u2,um:()=>b.um,vU:()=>b.vU,wX:()=>b.wX,zh:()=>b.zh});var o=r(93379),d=r.n(o),l=r(7795),a=r.n(l),c=r(90569),u=r.n(c),x=r(3565),p=r.n(x),m=r(19216),g=r.n(m),h=r(44589),v=r.n(h),b=r(92800),y={};y.styleTagTransform=v(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=a(),y.insertStyleElement=g();d()(b.ZP,y),b.ZP&&b.ZP.locals&&b.ZP.locals},60267:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},18343:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 762.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[762],{30762:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),o=t(80248),r=t(72874),d=t(9420),a=t(75327),l=t(87363),u=t(88683),s=t(93379),c=t.n(s),p=t(7795),m=t.n(p),x=t(90569),f=t.n(x),h=t(3565),b=t.n(h),g=t(19216),S=t.n(g),w=t(44589),y=t.n(w),v=t(96193),K={};K.styleTagTransform=y(),K.setAttributes=b(),K.insert=f().bind(null,"head"),K.domAPI=m(),K.insertStyleElement=S();c()(v.ZP,K);v.ZP&&v.ZP.locals&&v.ZP.locals;var V=t(65515),j=t.n(V),O=t(47514),F=["isInScroller","item","doShowFilter"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const P=(0,d.Pi)((function Seachbar(e){var n=e.isInScroller,t=e.item,o=e.doShowFilter,d=(0,r.Z)(e,F),s=(0,a.NP)(),c=(0,u.useTranslation)().t,p=(0,l.useRef)(null);(0,l.useEffect)((function(){var e=s.settingsState.itemPalettes.get(t.id);(null==e?void 0:e.configStepKey)===t.configStepKey&&s.settingsState.updateItemPalette(e.id,_objectSpread(_objectSpread({},e),{},{htmlInputElement:p.current}))}),[p]);var m=(0,l.useState)(s.uiState.isInMobileView),x=(0,i.Z)(m,2),f=x[0],h=x[1],b=(0,l.useState)(!1),g=(0,i.Z)(b,2),S=g[0],w=g[1];return(0,O.jsx)("form",{autoComplete:"off",autoFocus:!1,onSubmit:function onSubmit(e){return e.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,O.jsx)("input",_objectSpread(_objectSpread({},d),{},{ref:p,className:j()(v.Xx,o?void 0:v.Gp,s.uiState.configSettingsIsExpanded?v._F:void 0,s.uiState.configSettingsIsMaxExpanded?v.Hj:void 0,n?v.Nb:void 0,s.uiState.isInMobileView?v.ai:void 0,s.uiState.isTablet?v.Mq:void 0),autoComplete:"off",value:t.searchText,onKeyUp:function onKeyUp(e){return function filterFreeTextChanged(e,n){""!==e?s.settingsState.onAllGroups(n,!1):s.paletteViewHandler.isGroupFolded(t.id)&&s.settingsState.onAllGroups(n,!0),s.paletteViewHandler.onSearchTextChanged(e,n)}(e.target.value,t.id)},placeholder:c("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar",onMouseDown:function onMouseDown(e){return h(!1)},onTouchStart:function onTouchStart(e){h(!1),setTimeout((function(){w(!0)}),100)},onBlur:function onBlur(){S&&(h(s.uiState.isInMobileView),w(!1))},disabled:f}))})}))},96193:(e,n,t)=>{t.d(n,{Gp:()=>m,Hj:()=>p,Mq:()=>u,Nb:()=>s,Xx:()=>a,ZP:()=>x,_F:()=>c,ai:()=>l});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,"/*SearchFilter*/\n\ninput.index-module--rVLUK {\n  width: 96px;\n  padding: 2px;\n  margin-right: 12px;\n  font-size: 14px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  transition: width 0.2s ease;\n  max-width: 240px;\n  cursor: text;\n  background: white;\n  opacity: 1;\n}\n\n.index-module--cO8Ww.index-module--rVLUK {\n  font-size: 12px;\n}\n\n.index-module--M7WBB.index-module--rVLUK {\n  font-size: 15px;\n}\n\n.index-module--rVLUK.index-module--iFAfh.index-module--elYJb,\n.index-module--rVLUK.index-module--iFAfh.index-module--radk0 {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--rVLUK.index-module--elYJb,\n.index-module--rVLUK.index-module--radk0 {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--rVLUK:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK {\n  background: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK::-moz-placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK::placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n\n.index-module--cO8Ww.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 19px;\n}\n",""]);var a="index-module--rVLUK",l="index-module--cO8Ww",u="index-module--M7WBB",s="index-module--iFAfh",c="index-module--elYJb",p="index-module--radk0",m="index-module--ljh7V";const x=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[762],{30762:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(34988),i=t(80248),r=t(72874),d=t(9420),a=t(75327),l=t(87363),u=t(88683),s=t(93379),c=t.n(s),p=t(7795),m=t.n(p),x=t(90569),f=t.n(x),h=t(3565),b=t.n(h),g=t(19216),S=t.n(g),v=t(44589),w=t.n(v),y=t(96193),V={};V.styleTagTransform=w(),V.setAttributes=b(),V.insert=f().bind(null,"head"),V.domAPI=m(),V.insertStyleElement=S();c()(y.ZP,V);y.ZP&&y.ZP.locals&&y.ZP.locals;var K=t(65515),A=t.n(K),I=t(47514),j=["isInScroller","item","doShowFilter"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,d.Pi)((function Seachbar(e){var n=e.isInScroller,t=e.item,i=e.doShowFilter,d=(0,r.Z)(e,j),s=(0,a.NP)(),c=(0,u.useTranslation)().t,p=(0,l.useRef)(null);(0,l.useEffect)((function(){var e=s.settingsState.itemPalettes.get(t.id);(null==e?void 0:e.configStepKey)===t.configStepKey&&s.settingsState.updateItemPalette(e.id,_objectSpread(_objectSpread({},e),{},{htmlInputElement:p.current}))}),[p]);var m=(0,l.useState)(s.uiState.isInMobileView),x=(0,o.Z)(m,2),f=x[0],h=x[1],b=(0,l.useState)(!1),g=(0,o.Z)(b,2),S=g[0],v=g[1];return(0,I.jsx)("form",{autoComplete:"off",autoFocus:!1,onSubmit:function onSubmit(e){return e.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,I.jsx)("input",_objectSpread(_objectSpread({},d),{},{ref:p,className:A()(y.Xx,i?void 0:y.Gp,s.uiState.configSettingsIsExpanded?y._F:void 0,s.uiState.configSettingsIsMaxExpanded?y.Hj:void 0,n?y.Nb:void 0,s.uiState.isInMobileView?y.ai:void 0,s.uiState.isTablet?y.Mq:void 0),autoComplete:"off",value:t.searchText,onKeyUp:function onKeyUp(e){return function filterFreeTextChanged(e,n){""!==e?s.settingsState.onAllGroups(n,!1):s.paletteViewHandler.isGroupFolded(t.id)&&s.settingsState.onAllGroups(n,!0),s.paletteViewHandler.onSearchTextChanged(e,n)}(e.target.value,t.id)},placeholder:c("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar",onMouseDown:function onMouseDown(e){return h(!1)},onTouchStart:function onTouchStart(e){h(!1),setTimeout((function(){v(!0)}),100)},onBlur:function onBlur(){S&&(h(s.uiState.isInMobileView),v(!1))},disabled:f}))})}))},96193:(e,n,t)=>{t.d(n,{Gp:()=>m,Hj:()=>p,Mq:()=>u,Nb:()=>s,Xx:()=>a,ZP:()=>x,_F:()=>c,ai:()=>l});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([e.id,"/*SearchFilter*/\n\ninput.index-module--rVLUK {\n  width: 96px;\n  padding: 2px;\n  margin-right: 12px;\n  font-size: 14px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);\n  transition: width 0.2s ease;\n  max-width: 240px;\n  cursor: text;\n  background: white;\n  opacity: 1;\n}\n\n.index-module--cO8Ww.index-module--rVLUK {\n  font-size: 12px;\n}\n\n.index-module--M7WBB.index-module--rVLUK {\n  font-size: 15px;\n}\n\n.index-module--rVLUK.index-module--iFAfh.index-module--elYJb,\n.index-module--rVLUK.index-module--iFAfh.index-module--radk0 {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--rVLUK.index-module--elYJb,\n.index-module--rVLUK.index-module--radk0 {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--rVLUK:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK,\n.diva-component-DIVA_DATA_ENGINE .darkmode input.index-module--rVLUK {\n  background: #374c86;\n  color: #fff;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK::-moz-placeholder, .diva-component-DIVA_DATA_ENGINE .darkmode input.index-module--rVLUK::-moz-placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode input.index-module--rVLUK::placeholder,\n.diva-component-DIVA_DATA_ENGINE .darkmode input.index-module--rVLUK::placeholder {\n  color: rgba(255, 255, 255, 0.6);\n}\n\n.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n\n.index-module--cO8Ww.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 19px;\n}\n",""]);var a="index-module--rVLUK",l="index-module--cO8Ww",u="index-module--M7WBB",s="index-module--iFAfh",c="index-module--elYJb",p="index-module--radk0",m="index-module--ljh7V";const x=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7654.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7654,6474,6587],{56474:(e,n,o)=>{o.r(n),o.d(n,{default:()=>j});var t=o(34988),i=o(75327),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),u=o(3565),p=o.n(u),x=o(19216),g=o.n(x),h=o(44589),v=o.n(h),b=o(84887),y={};y.styleTagTransform=v(),y.setAttributes=p(),y.insert=m().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=g();d()(b.Z,y);b.Z&&b.Z.locals&&b.Z.locals;var f=o(47514);const j=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,t.Z)(d,2),s=a[0],c=a[1],m=(0,i.NP)(),u=(0,r.useState)(""),p=(0,t.Z)(u,2),x=p[0],g=p[1],h=m.getViewConfig().displayMetaDatas,v=null==o?void 0:o.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(v){for(var e="",n=0;n<v.values.length;n++){""!==e&&(e+=", ");for(var t=function _loop(t){var i=null==o?void 0:o.find((function(e){return e.codex===h[t]}));if(!i)return 1;""!==e&&(e+=" "),e=e+(i.name?i.name+": ":"")+i.values[n]},i=0;i<h.length;i++)t(i)}g(e),c(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:b.B,children:x}):(0,f.jsx)(f.Fragment,{})}},13703:(e,n,o)=>{o.r(n),o.d(n,{default:()=>j});var t=o(80248),i=o(34988),r=o(65515),l=o.n(r),d=o(75327),a=o(9420),s=o(87363),c=o(94873),m=o(13838),u=o(88683),p=o(86587),x=o(46770),g=o(56474),h=o(55461),v=o(21801),b=o(91087),y=o(19456),f=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const j=(0,a.Pi)((function Option(e){var n,o=e.item,t=e.paletteId,r=e.hidePricePreview,a=e.namePostFix,j=o,M=(0,d.NP)(),I=(0,u.useTranslation)().t,w=(0,u.useDivaCore)().state.dimensions,S=w.isMobile,C=w.isTablet,z=(0,s.useState)(""),N=(0,i.Z)(z,2),A=N[0],P=N[1],Z={},O={},k=void 0,L=!1,T={},E=(0,x.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,x.sJ)({isOpen:E[0],auto:!0,placement:M.getViewConfig().tooltipPosition||"left-center"});return S||C||M.getViewConfig().hideTooltip||!j.image&&!j.hexColor||j.contentItemId||(L=E[0],T=E[1],Z=D.triggerProps,O=D.layerProps,k=D.renderLayer),(0,f.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:j.codex,"data-test-id":"plannerPaletteItem",className:l()(c.CA,j.sel?c.pA:void 0),onClick:function onClick(){j.doShowFav&&M.paletteViewHandler.clickedOnFavIcon(j),M.paletteViewHandler.clickedOnConfigPalette(j,void 0,t)}},Z),T),{},{children:[(0,f.jsxs)("div",{className:l()(c.iZ,c.NC),children:[j.sel&&(0,f.jsx)(p.default,{listenToOptionVariables:!0}),j.contentItemId&&(0,f.jsx)(v.default,{item:j,style:{bottom:8}},j.codex),"TEXT"==j.layout&&(0,f.jsx)("div",{className:c.$l}),!("TEXT"==j.layout)&&(0,f.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(j.image,")")}}),(0,f.jsxs)("div",{className:l()(c.AR,"TEXT"==j.layout?c.Eb:void 0),children:[(0,f.jsx)("div",{className:l()(c.db,""!==A?c.Bm:void 0),dangerouslySetInnerHTML:{__html:j.text+(a||"")}}),(0,f.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:j.metaData,visible:[A,P]},j.codex)]}),L&&(null===(n=k)||void 0===n?void 0:n((0,f.jsx)(h.default,{text:j.text+(j.freeText?j.freeText:"")+(a||""),desciption:A,image:j.image,hexColor:j.hexColor,pricePreviewPromise:j.pricePreviewPromise,layerProps:O},j.codex))),j.doShowFav&&(0,f.jsx)("div",{className:j.isFav?m.Md:m.Hq})]}),!r&&void 0!==j.pricePreviewPromise&&(0,f.jsx)(b.default,{asyncPricePreview:j.pricePreviewPromise,sel:j.sel}),void 0!==j.checkForReversingChanges&&(0,f.jsx)(y.default,{item:j,paletteId:t}),j.disabledByConstructionRule&&(0,f.jsx)("div",{className:l()(c.ox),title:I("configurator."+j.disabledByConstructionRule)})]}))}))},86587:(e,n,o)=>{o.r(n),o.d(n,{default:()=>l});var t=o(80248),i=(o(87363),o(2765)),r=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,t.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const l=function IsActive(e){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var t=o(8081),i=o.n(t),r=o(23645),l=o.n(r)()(i());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},6284:(e,n,o)=>{o.d(n,{$l:()=>v,AR:()=>y,Bm:()=>M,CA:()=>u,Eb:()=>f,K5:()=>b,NC:()=>h,ZP:()=>w,db:()=>j,iZ:()=>x,ox:()=>I,pA:()=>p,vc:()=>g});var t=o(8081),i=o.n(t),r=o(23645),l=o.n(r),d=o(61667),a=o.n(d),s=new URL(o(63173),o.b),c=l()(i()),m=a()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H {\n  background-color: #374c86;\n}\n\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--FGg5H:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2 {\n  background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n  float: left;\n\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26 {\n  color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+m+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var u="index-module--FGg5H",p="index-module--zZnWk",x="index-module--pQje2",g="index-module--CcpMC",h="index-module--II_8j",v="index-module--dUy8g",b="index-module--Z8KXz",y="index-module--m9VzR",f="index-module--Y5eRx",j="index-module--mZh26",M="index-module--NabGm",I="index-module--2NJnv";const w=c},94873:(e,n,o)=>{o.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var t=o(93379),i=o.n(t),r=o(7795),l=o.n(r),d=o(90569),a=o.n(d),s=o(3565),c=o.n(s),m=o(19216),u=o.n(m),p=o(44589),x=o.n(p),g=o(6284),h={};h.styleTagTransform=x(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=u();i()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var t=o(59654),i=o(47514);const r=(0,t.Z)((0,i.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var t=o(59654),i=o(47514);const r=(0,t.Z)((0,i.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var t=o(87363),i=o(87726),r=o(91104),l=o(94299),d=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=o(47514);const p=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),x=t.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:m="svg",fontSize:x="medium",htmlColor:g,inheritViewBox:h=!1,titleAccess:v,viewBox:b="0 0 24 24",...y}=o,f=t.isValidElement(d)&&"svg"===d.type,j={...o,color:c,component:m,fontSize:x,instanceFontSize:e.fontSize,inheritViewBox:h,viewBox:b,hasSvgAsChild:f},M={};h||(M.viewBox=b);const I=(e=>{const{color:n,fontSize:o,classes:t}=e,i={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(i,getSvgIconUtilityClass,t)})(j);return(0,u.jsxs)(p,{as:m,className:(0,i.Z)(I.root,a),focusable:"false",color:g,"aria-hidden":!v||void 0,role:v?"img":void 0,ref:n,...M,...y,...f&&d.props,ownerState:j,children:[f?d.props.children:d,v?(0,u.jsx)("title",{children:v}):null]})}));x.muiName="SvgIcon";const g=x;function createSvgIcon(e,n){function Component(n,o){return(0,u.jsx)(g,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=g.muiName,t.memo(t.forwardRef(Component))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7654,6474,6587],{56474:(e,n,o)=>{o.r(n),o.d(n,{default:()=>I});var i=o(34988),t=o(75327),r=o(87363),d=o(93379),l=o.n(d),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),u=o(3565),p=o.n(u),x=o(19216),g=o.n(x),h=o(44589),v=o.n(h),b=o(84887),y={};y.styleTagTransform=v(),y.setAttributes=p(),y.insert=m().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=g();l()(b.Z,y);b.Z&&b.Z.locals&&b.Z.locals;var f=o(47514);const I=function MetaData(e){var n=e.style,o=e.metaData,d=e.visible,l=void 0===d?(0,r.useState)(""):d,a=(0,i.Z)(l,2),s=a[0],c=a[1],m=(0,t.NP)(),u=(0,r.useState)(""),p=(0,i.Z)(u,2),x=p[0],g=p[1],h=m.getViewConfig().displayMetaDatas,v=null==o?void 0:o.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(v){for(var e="",n=0;n<v.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===h[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<h.length;t++)i(t)}g(e),c(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:b.B,children:x}):(0,f.jsx)(f.Fragment,{})}},13703:(e,n,o)=>{o.r(n),o.d(n,{default:()=>I});var i=o(80248),t=o(34988),r=o(65515),d=o.n(r),l=o(75327),a=o(9420),s=o(87363),c=o(94873),m=o(13838),u=o(88683),p=o(86587),x=o(46770),g=o(56474),h=o(55461),v=o(21801),b=o(91087),y=o(19456),f=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const I=(0,a.Pi)((function Option(e){var n,o=e.item,i=e.paletteId,r=e.hidePricePreview,a=e.namePostFix,I=o,j=(0,l.NP)(),M=(0,u.useTranslation)().t,w=(0,u.useDivaCore)().state.dimensions,S=w.isMobile,N=w.isTablet,C=(0,s.useState)(""),z=(0,t.Z)(C,2),A=z[0],P=z[1],k={},Z={},O=void 0,E=!1,T={},L=(0,x.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,x.sJ)({isOpen:L[0],auto:!0,placement:j.getViewConfig().tooltipPosition||"left-center"});return S||N||j.getViewConfig().hideTooltip||!I.image&&!I.hexColor||I.contentItemId||(E=L[0],T=L[1],k=D.triggerProps,Z=D.layerProps,O=D.renderLayer),(0,f.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:I.codex,"data-test-id":"plannerPaletteItem",className:d()(c.CA,I.sel?c.pA:void 0),onClick:function onClick(){I.doShowFav&&j.paletteViewHandler.clickedOnFavIcon(I),j.paletteViewHandler.clickedOnConfigPalette(I,void 0,i)}},k),T),{},{children:[(0,f.jsxs)("div",{className:d()(c.iZ,c.NC),children:[I.sel&&(0,f.jsx)(p.default,{listenToOptionVariables:!0}),I.contentItemId&&(0,f.jsx)(v.default,{item:I,style:{bottom:8}},I.codex),"TEXT"==I.layout&&(0,f.jsx)("div",{className:c.$l}),!("TEXT"==I.layout)&&(0,f.jsx)("div",{className:c.K5,style:{backgroundImage:"url(".concat(I.image,")")}}),(0,f.jsxs)("div",{className:d()(c.AR,"TEXT"==I.layout?c.Eb:void 0),children:[(0,f.jsx)("div",{className:d()(c.db,""!==A?c.Bm:void 0),dangerouslySetInnerHTML:{__html:I.text+(a||"")}}),(0,f.jsx)(g.default,{style:{position:"relative",float:"left"},metaData:I.metaData,visible:[A,P]},I.codex)]}),E&&(null===(n=O)||void 0===n?void 0:n((0,f.jsx)(h.default,{text:I.text+(I.freeText?I.freeText:"")+(a||""),desciption:A,image:I.image,hexColor:I.hexColor,pricePreviewPromise:I.pricePreviewPromise,layerProps:Z},I.codex))),I.doShowFav&&(0,f.jsx)("div",{className:I.isFav?m.Md:m.Hq})]}),!r&&void 0!==I.pricePreviewPromise&&(0,f.jsx)(b.default,{asyncPricePreview:I.pricePreviewPromise,sel:I.sel}),void 0!==I.checkForReversingChanges&&(0,f.jsx)(y.default,{item:I,paletteId:i}),I.disabledByConstructionRule&&(0,f.jsx)("div",{className:d()(c.ox),title:M("configurator."+I.disabledByConstructionRule)})]}))}))},86587:(e,n,o)=>{o.r(n),o.d(n,{default:()=>d});var i=o(80248),t=(o(87363),o(2765)),r=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const d=function IsActive(e){return(0,r.jsx)(t.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/Options/IsActive"}))}},84887:(e,n,o)=>{o.d(n,{B:()=>l,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),d=o.n(r)()(t());d.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var l="index-module--hpPAb";const a=d},6284:(e,n,o)=>{o.d(n,{$l:()=>v,AR:()=>y,Bm:()=>j,CA:()=>u,Eb:()=>f,K5:()=>b,NC:()=>h,ZP:()=>w,db:()=>I,iZ:()=>x,ox:()=>M,pA:()=>p,vc:()=>g});var i=o(8081),t=o.n(i),r=o(23645),d=o.n(r),l=o(61667),a=o.n(l),s=new URL(o(63173),o.b),c=d()(t()),m=a()(s);c.push([e.id,"/*ConfigPalette with Normal & Small */\n\n.index-module--FGg5H {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  flex-wrap: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  border: var(--optionItemBorder) solid transparent;\n  border: var(--optionItemBorder) solid var(--optionItemBorderColor, transparent);\n  white-space: pre-line;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H {\n  background-color: #374c86;\n}\n\n.index-module--zZnWk {\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderSelColor, var(--primaryColor));\n}\n\n.index-module--FGg5H:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n  border: var(--optionItemBorder) solid var(--primaryColor);\n  border: var(--optionItemBorder) solid var(--optionItemBorderHoverColor, var(--primaryColor));\n}\n.index-module--FGg5H:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--FGg5H .index-module--pQje2 {\n  width: 98%;\n  background: white;\n  position: relative;\n  /* border-radius: var(--globalBorderRadius);*/\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--pQje2,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--pQje2 {\n  background-color: #374c86;\n}\n\n.index-module--FGg5H.index-module--OqFNz {\n  width: 48%;\n  float: left;\n  margin-left: 1%;\n  margin-right: 1%;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--CcpMC {\n  height: 80px;\n}\n\n.index-module--FGg5H .index-module--pQje2.index-module--II_8j {\n  height: 64px;\n}\n\n.index-module--FGg5H .index-module--dUy8g {\n  width: 18px;\n  float: left;\n  height: 48px;\n}\n\n.index-module--FGg5H .index-module--CcpMC .index-module--Z8KXz {\n  height: 80px;\n  width: 112px;\n}\n\n.index-module--FGg5H .index-module--II_8j .index-module--Z8KXz {\n  height: 64px;\n  width: 96px;\n}\n.index-module--FGg5H.index-module--OqFNz .index-module--Z8KXz {\n  height: 64px;\n  width: 64px;\n}\n\n.index-module--FGg5H .index-module--Z8KXz {\n  float: left;\n\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: left center;\n}\n\n.index-module--m9VzR {\n  float: left;\n  max-height: 64px;\n  margin-top: 11.2px;\n  margin-left: 11.2px;\n  max-width: calc(100% - 128px);\n}\n\n.index-module--Y5eRx {\n  max-width: calc(100% - 32px);\n}\n\n.index-module--FGg5H.index-module--OqFNz .index-module--m9VzR {\n  max-width: 50%;\n  margin-top: 17.6px;\n}\n\n.index-module--FGg5H .index-module--mZh26 {\n  display: -webkit-box;\n  min-height: 16px;\n  border-radius: var(--globalBorderRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 20.8px;\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--FGg5H .index-module--mZh26,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--FGg5H .index-module--mZh26 {\n  color: #fff;\n}\n\n.index-module--FGg5H .index-module--mZh26.index-module--NabGm {\n  -webkit-line-clamp: 1;\n}\n\n.index-module--CcpMC .index-module--mZh26 {\n  -webkit-line-clamp: 3;\n}\n\n.index-module--II_8j .index-module--mZh26 {\n  -webkit-line-clamp: 2;\n}\n\n@media all and (max-width: 1100px) {\n  .index-module--FGg5H .index-module--CcpMC {\n    height: 80px;\n  }\n\n  .index-module--FGg5H .index-module--CcpMC img {\n    height: 80px;\n  }\n\n  .index-module--m9VzR {\n    -webkit-line-clamp: 2;\n    max-width: calc(100% - 128px);\n    margin-top: 11.2px;\n    /*Hier noch falls 2 spaltig wieder einspaltig machen*/\n  }\n}\n\n.index-module--iEJ0N {\n  float: right;\n  z-index: 900;\n}\n\n.index-module--MhR1_ .index-module--iEJ0N {\n  float: right;\n  margin-right: 11.2px;\n  width: auto;\n}\n\n.index-module--2NJnv {\n  display: block;\n  height: 30px;\n  background-image: url("+m+");\n  width: 30px;\n  background-repeat: no-repeat;\n  background-size: contain;\n  padding: 0;\n  position: absolute;\n  z-index: 888;\n  bottom: calc(50% - 15px);\n  right: 1rem;\n}\n",""]);var u="index-module--FGg5H",p="index-module--zZnWk",x="index-module--pQje2",g="index-module--CcpMC",h="index-module--II_8j",v="index-module--dUy8g",b="index-module--Z8KXz",y="index-module--m9VzR",f="index-module--Y5eRx",I="index-module--mZh26",j="index-module--NabGm",M="index-module--2NJnv";const w=c},94873:(e,n,o)=>{o.d(n,{$l:()=>g.$l,AR:()=>g.AR,Bm:()=>g.Bm,CA:()=>g.CA,Eb:()=>g.Eb,K5:()=>g.K5,NC:()=>g.NC,db:()=>g.db,iZ:()=>g.iZ,ox:()=>g.ox,pA:()=>g.pA,vc:()=>g.vc});var i=o(93379),t=o.n(i),r=o(7795),d=o.n(r),l=o(90569),a=o.n(l),s=o(3565),c=o.n(s),m=o(19216),u=o.n(m),p=o(44589),x=o.n(p),g=o(6284),h={};h.styleTagTransform=x(),h.setAttributes=c(),h.insert=a().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=u();t()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals},63173:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMS4zMTExNyAwIDAgMS4zMDIzOSA3MzcuMzkgMTU5LjkxKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSIwIiB5Mj0iLS41OTkiIHgyPSIwIiB5MT0iNDUuNDciPjxzdG9wIHN0b3AtY29sb3I9IiNmZmM1MTUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmQ1NWIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyB0cmFuc2Zvcm09Im1hdHJpeCguODU3MTQgMCAwIC44NTcxNC02MjcuMDItMTMwLjgpIj48cGF0aCBkPSJtNzk3Ljk0IDIxMi4wMWwtMjUuNjA3LTQ4Yy0uNzM2LTEuMzMzLTIuMDY4LTIuMDc0LTMuNTUxLTIuMDc0LTEuNDgzIDAtMi44MjIuODg5LTMuNTY5IDIuMjIybC0yNS40MTcgNDhjLS41OTggMS4xODUtLjYwNSAyLjgxNS4xMzIgNCAuNzM3IDEuMTg1IDEuOTIxIDEuNzc4IDMuNDA0IDEuNzc4aDUxLjAyYzEuNDgzIDAgMi44MjEtLjc0MSAzLjQyLTEuOTI2Ljc0Ny0xLjE4NS43NTMtMi42NjcuMTY1LTQiIGZpbGw9InVybCgjMCkiLz48cGF0aCBkPSJtLTI2LjMwOSAxOC4wN2MtMS4xOCAwLTIuMTM1Ljk2OC0yLjEzNSAyLjEyOXYxMi44MmMwIDEuMTc2Ljk0OCAyLjEyOSAyLjEzNSAyLjEyOSAxLjE4MyAwIDIuMTM1LS45NjggMi4xMzUtMi4xMjl2LTEyLjgyYzAtMS4xNzYtLjk0Ni0yLjEyOS0yLjEzNS0yLjEyOXptMCAyMS4zNDhjLTEuMTggMC0yLjEzNS45NTQtMi4xMzUgMi4xMzUgMCAxLjE4Ljk1NCAyLjEzNSAyLjEzNSAyLjEzNSAxLjE4MSAwIDIuMTM1LS45NTQgMi4xMzUtMi4xMzUgMC0xLjE4LS45NTItMi4xMzUtMi4xMzUtMi4xMzV6IiB0cmFuc2Zvcm09Im1hdHJpeCgxLjA1MTk2IDAgMCAxLjA1MTk2IDc5Ni41MyAxNjEuODcpIiBmaWxsPSIjMDAwIiBzdHJva2U9IiM0MDMzMGQiIGZpbGwtb3BhY2l0eT0iLjc1Ii8+PC9nPjwvc3ZnPg=="},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),d=o(94299),l=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var u=o(47514);const p=(0,l.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,d.Z)(o.color)}`],n[`fontSize${(0,d.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),x=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:l,className:a,color:c="inherit",component:m="svg",fontSize:x="medium",htmlColor:g,inheritViewBox:h=!1,titleAccess:v,viewBox:b="0 0 24 24",...y}=o,f=i.isValidElement(l)&&"svg"===l.type,I={...o,color:c,component:m,fontSize:x,instanceFontSize:e.fontSize,inheritViewBox:h,viewBox:b,hasSvgAsChild:f},j={};h||(j.viewBox=b);const M=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,d.Z)(n)}`,`fontSize${(0,d.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(I);return(0,u.jsxs)(p,{as:m,className:(0,t.Z)(M.root,a),focusable:"false",color:g,"aria-hidden":!v||void 0,role:v?"img":void 0,ref:n,...j,...y,...f&&l.props,ownerState:I,children:[f?l.props.children:l,v?(0,u.jsx)("title",{children:v}):null]})}));x.muiName="SvgIcon";const g=x;function createSvgIcon(e,n){function Component(n,o){return(0,u.jsx)(g,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=g.muiName,i.memo(i.forwardRef(Component))}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7909.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7909],{87909:(t,r,a)=>{a.r(r),a.d(r,{default:()=>y});var o=a(12952),l=a(84658),i=a(13125),c=a(43860),d=a(80248),u=a(50747),g=a.n(u),h=a(57312),P=a(69369),p=a(60415),m=a(41219),D=a(64357),k=a(65411);function parseSetPlanData(t){var r=P.ZP.decodeBase64(t);return JSON.parse(r)}function isSavePlannerV2(t){return 2===t.v}function saveElementArticleCodex(t){return t.articleCodex||t.Codex}var v=a(58178);function _createForOfIteratorHelper(t,r){var a="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!a){if(Array.isArray(t)||(a=function _unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var a={}.toString.call(t).slice(8,-1);return"Object"===a&&t.constructor&&(a=t.constructor.name),"Map"===a||"Set"===a?Array.from(t):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){a&&(t=a);var o=0,l=function F(){};return{s:l,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,c=!0,d=!1;return{s:function s(){a=a.call(t)},n:function n(){var t=a.next();return c=t.done,t},e:function e(t){d=!0,i=t},f:function f(){try{c||null==a.return||a.return()}finally{if(d)throw i}}}}function _arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var a=0,o=Array(r);a<r;a++)o[a]=t[a];return o}var E=P.ZP.initLog("Planner","WEB-PLANNER-LOGIC"),I=["AVO","AVU","AVC","AVS","AVN"],y=function(){function DivaStandardPlanner(t,r,a,o,l,c){var u=this;(0,i.Z)(this,DivaStandardPlanner),(0,d.Z)(this,"plannerID",void 0),(0,d.Z)(this,"set",void 0),(0,d.Z)(this,"plannerBoundingBox",void 0),(0,d.Z)(this,"plannerElements",void 0),(0,d.Z)(this,"doDisablePlanner2D",!1),(0,d.Z)(this,"plannerHasStaticBackground",void 0),(0,d.Z)(this,"isIDM3DCat",!1),(0,d.Z)(this,"IDM3DCatCodex",""),(0,d.Z)(this,"IDM3DEnvironment","diva.ro"),(0,d.Z)(this,"nextElementId",1),(0,d.Z)(this,"collisionHandler",void 0),(0,d.Z)(this,"dockToAVUorAVOororAVNorAVSorAVC",(function(t,r){var a=function hasFreeDP(r){return t.getFreeDockingPointsByType(r).length>0};if(a("AVU")){var o=k.Z.tryDockElement(t,"AVU",r);if(o)return u.updateWorldPos(t,o),!0;for(var l=0;l<r.length;l++){var i=r[l].getCurrentAccessorires().map((function(t){return u.plannerElements.get(t.getElementId())}));if(u.dockToAVUorAVOororAVNorAVSorAVC(t,i))return!0}}if(a("AVO")){var c=k.Z.tryDockElement(t,"AVO",r);if(c)return u.updateWorldPos(t,c),!0}if(a("AVN")){var d=k.Z.tryDockElement(t,"AVN",r);if(d)return u.updateWorldPos(t,d),!0}if(a("AVS")){var g=k.Z.tryDockElement(t,"AVS",r);if(g)return u.updateWorldPos(t,g),!0}if(a("AVC")){var h=k.Z.tryDockElement(t,"AVC",r);if(h)return u.updateWorldPos(t,h),!0}return!1})),this.set=t,this.plannerID=a,this.plannerElements=new Map,this.plannerBoundingBox=new v.Z,this.plannerBoundingBox.initPlannerBBox(o),this.doDisablePlanner2D=l,this.collisionHandler={updatePlannerMsgContainer:r,collisionDetected:!1,collisionPairs:[]},this.plannerHasStaticBackground=c}return(0,c.Z)(DivaStandardPlanner,[{key:"updatePlannerPosNr",value:function updatePlannerPosNr(){var t,r=this,a=[],o=new Map,l=this;this.plannerElements.forEach((function(t,r){o.set(r,!0),t.IsDockedAccessoire||t.HasAVL&&t.dockingTypeIsDocking("AVL")||a.push(t)})),this.getCatalogData().dontSetPosNrFromPlanner||(a=a.sort((function(t,r){return t.WorldPosCenter.x-r.WorldPosCenter.x})));for(var i=function updateAccessoiresOfElement(a,c){for(var d=[],u=function setPosNrForElementsOnDock(r,i){if(a["Has"+r]){var d=a.getDockingDockingPointsByType(r);d=d.sort((function(t,r){return l.plannerElements.get(t.OnElementId).WorldPosCorner.x-l.plannerElements.get(r.OnElementId).WorldPosCorner.x}));for(var u=0;u<d.length;u++){var g=d[u].OnElementId;if(o.has(g)){var h=l.plannerElements.get(g);h.PosNr=c,h.AccessoirePosNr=t,o.delete(g),t++,i.push(h)}}}},g=0;g<I.length;g++)u(I[g],d);r.plannerElements.forEach((function(r){r.getIsNotDockedAccessoire()&&r.getParentElementId()===a.getElementId()&&(r.PosNr=c,r.AccessoirePosNr=t,o.delete(r.getElementId()),t++,d.push(r))}));for(var h=0;h<d.length;h++)i(d[h],c)},c=function updatePosInChain(r,a){if(null==r)return a;if(r.PosNr=a,t=1,o.delete(r.ElementId),i(r,a),a++,r.HasAVR&&r.dockingTypeIsDocking("AVR")){var d=r.getDockingDockingPointsByType("AVR")[0].OnElementId;return c(l.plannerElements.get(d),a)}return a},d=1,u=0;u<a.length;u++)d=c(a[u],d)}},{key:"updateWorldPos",value:function updateWorldPos(t,r){var a=!1,o=this.plannerElements.get(r.OnElementId),l=o.getDockingPointById(r.OnDP.DpId);if(null==l)return a;this.applyDockTransform(t,o,r,l),a=this.set.onDockingChanged(t.ElementId,o.ElementId,"DOCK",r.Type);var i=this.set.getPlannerData(t.ElementId);t.updatePlannerData(i);var c=this.set.getPlannerData(o.ElementId);return o.updatePlannerData(c),a}},{key:"applyDockTransform",value:function applyDockTransform(t,r,a,o){var l=(0,p.eY)(r,o,t,a);t.RotDeg=l.rotDeg,t.WorldPosCorner=new D.P(l.worldPosCorner.x,l.worldPosCorner.y,l.worldPosCorner.z),t.WorldPosCornerIgnoreOLF=new D.P(l.worldPosCornerIgnoreOLF.x,l.worldPosCornerIgnoreOLF.y,l.worldPosCornerIgnoreOLF.z)}},{key:"getDockSnapPreview",value:function getDockSnapPreview(t,r){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],o=this.plannerElements.get(t);if(!o)return null;var l,i=this.getAllPlannerElements().filter((function(r){return r.getElementId()!==t&&!a.includes(r.getElementId())})),c=k.Z.searchDockableElementsInArea(o,i,r);if(!c||0===c.size)return null;if(c.forEach((function(t){(null==l||t.distance<l.distance)&&(l=t)})),null==l)return null;var d=this.plannerElements.get(l.targetDP.ElementId);if(!d)return null;var u=o.RotDeg,g=o.WorldPosCenter,h=g.x,P=g.y,p=g.z;this.applyDockTransform(o,d,l.sourceDP,l.targetDP);var m=o.WorldPosCenter,v={dx:m.x-h,dz:m.z-p,dRotDeg:o.RotDeg-u};return o.RotDeg=u,o.WorldPosCenter=new D.P(h,P,p),v}},{key:"updateAllElementsWorldPos",value:function updateAllElementsWorldPos(t,r){if(this.doDisablePlanner2D)return!1;var a=function getDockedDPsInPriorityOrder(t){return t.getDockingDockingPointsByType("AVL").concat(t.getDockingDockingPointsByType("AVR")).concat(t.getDockingDockingPointsByType("AVU")).concat(t.getDockingDockingPointsByType("AVO")).concat(t.getDockingDockingPointsByType("AVN")).concat(t.getDockingDockingPointsByType("AVS")).concat(t.getDockingDockingPointsByType("AVC"))},o=!1,l=[],i=[];this.plannerElements.forEach((function(t,r){t.IsDockedAccessoire?i.push(t):l[t.PosNr-1]=t})),l=l.concat(i);for(var c=[],d=0,u=0;u<l.length;u++)if(l[u]){var g=l[u];if(c.push(g.ElementId),u>d)for(var h=a(g),P=0;P<h.length;P++)if(c.indexOf(h[P].OnElementId)>=0){o=this.updateWorldPos(g,h[P]);break}}else d=u;if(r&&r.length>0)for(var p=new Set(r),m=!0;m;){m=!1;var D,k=_createForOfIteratorHelper(l);try{for(k.s();!(D=k.n()).done;){var v=D.value;if(v&&!p.has(v.ElementId)){var E=a(v).find((function(t){return p.has(t.OnElementId)}));E&&(o=this.updateWorldPos(v,E)||o,p.add(v.ElementId),m=!0)}}}catch(t){k.e(t)}finally{k.f()}}return this.checkCollision(!1,t),o}},{key:"addElementToWorld",value:(b=(0,l.Z)(g().mark((function _callee(t,r,a,o){var l,i,c,d,u,h,P,p,m,v,E,I,y=arguments;return g().wrap((function _callee$(g){for(;;)switch(g.prev=g.next){case 0:if(l=y.length>4&&void 0!==y[4]?y[4]:100,!(i=y.length>5?y[5]:void 0)||!i.forceSetToTrans){g.next=8;break}t.WorldPosCenter=i.transform.worldPosCenter,t.RotDeg=i.transform.rotDeg,this.set.onDockingChanged(t.ElementId,-1,"NOT_DOCKED"),g.next=48;break;case 8:if(c=!1,!r){g.next=47;break}d=0;case 11:if(!(d<r.length)){g.next=47;break}if(u=r[d].targetElemIdToDock,h=r[d].targetDockingPointId,!(u&&u>-1&&this.plannerElements.has(u))){g.next=44;break}if(!h||""==h){g.next=32;break}if(!(P=this.plannerElements.get(u))){g.next=30;break}if(!(p=P.getDockingPointById(h))){g.next=30;break}if(!(m=k.Z.tryDockElementToDP(t,P,p))){g.next=26;break}this.updateWorldPos(t,m),c=!0,g.next=30;break;case 26:return g.next=28,this.tryToDockWithDifferentSVGWithFormula(t,u);case 28:if(!g.sent){g.next=30;break}c=!0;case 30:g.next=44;break;case 32:if(v=!1,(t.HasAVL||t.HasAVR)&&(v=this.dockToAVLorAVR(t,[this.plannerElements.get(u)])),v||(v=this.dockToAVUorAVOororAVNorAVSorAVC(t,[this.plannerElements.get(u)])),v){g.next=43;break}return g.next=38,this.tryToDockWithDifferentSVGWithFormula(t,u);case 38:if(v=g.sent){g.next=43;break}return g.next=42,this.addElementToWorld(t,void 0,void 0,void 0,50);case 42:return g.abrupt("return");case 43:v&&(c=!0);case 44:d++,g.next=11;break;case 47:c||(E=this.getAllPlannerElements(),I=this.dockToAVLorAVR(t,E),a&&(I=!1),I||(I=this.dockToAVUorAVOororAVNorAVSorAVC(t,E),a&&(I=!1),I||(null==o&&(t.WorldPosCenter=new D.P(this.plannerBoundingBox.WorldPos.x+this.plannerBoundingBox.Size.x+(0==this.plannerBoundingBox.Size.x?0:t.Width/2+l),this.plannerBoundingBox.WorldPos.y,this.plannerBoundingBox.WorldPos.z+t.Depth/2)),this.set.onDockingChanged(t.ElementId,-1,"NOT_DOCKED"))));case 48:this.updatePlannerPosNr(),this.updateAllElementsWorldPos(),this.updatePlannerPosNr(),this.checkCollision(!1,t.getElementId()),this.updatePlannerBoundingBox();case 53:case"end":return g.stop()}}),_callee,this)}))),function addElementToWorld(t,r,a,o){return b.apply(this,arguments)})},{key:"tryToDockWithDifferentSVGWithFormula",value:(C=(0,l.Z)(g().mark((function _callee2(t,r){var a,o,l,i,c,d,u,h,p,m,D,k,v;return g().wrap((function _callee2$(g){for(;;)switch(g.prev=g.next){case 0:if(a=!1,o=this.set.getArticleByElementId(t.ElementId),l=null==o?void 0:o.VariantValues,i=t.getSVGsWithFormula(),!t.FilterAVL.length&&!t.FilterAVR.length){g.next=52;break}if(null==i||!i.length){g.next=18;break}c=0;case 7:if(!(c<i.length)){g.next=18;break}return d=P.ZP.getVariantValuesFromRule(i[c].JsFormula,{}),g.next=11,this.applyVariantValuesAndTryDock(t,r,d);case 11:if(!(a=g.sent)){g.next=15;break}return E.debug("svgWithFormula nr: "+c+" did dock: "+i[c].SVG),g.abrupt("break",18);case 15:c++,g.next=7;break;case 18:if(a||!o){g.next=31;break}u=this.getVariantValuesMatchingTargetFilters(o,this.plannerElements.get(r)),h=0;case 21:if(!(h<u.length&&h<20)){g.next=31;break}return g.next=24,this.applyVariantValuesAndTryDock(t,r,u[h]);case 24:if(!(a=g.sent)){g.next=28;break}return E.debug("following variantValues matching the target avl/avr filter did dock: ",u[h]),g.abrupt("break",31);case 28:h++,g.next=21;break;case 31:if(null==(p=t.getVaraintValuesInfluencingAVLAVRFilter())||!p.length||a){g.next=44;break}m=0;case 34:if(!(m<p.length&&m<20)){g.next=44;break}return g.next=37,this.applyVariantValuesAndTryDock(t,r,p[m]);case 37:if(!(a=g.sent)){g.next=41;break}return E.debug("following variantValues did dock: ",p[m]),g.abrupt("break",44);case 41:m++,g.next=34;break;case 44:if(a){g.next=52;break}for(v in D=new Map,k=new Map,l)k.set(v,l[v]);return D.set(t.ElementId,k),g.next=51,this.set.updateCfgValuesByPlanner(D,!0);case 51:o&&this.commitPendingConnectorFilters(o);case 52:return g.abrupt("return",a);case 53:case"end":return g.stop()}}),_callee2,this)}))),function tryToDockWithDifferentSVGWithFormula(t,r){return C.apply(this,arguments)})},{key:"applyVariantValuesAndTryDock",value:(A=(0,l.Z)(g().mark((function _callee3(t,r,a){var o,l,i,c;return g().wrap((function _callee3$(d){for(;;)switch(d.prev=d.next){case 0:for(i in o=new Map,l=new Map,a)l.set(i,a[i]);return o.set(t.ElementId,l),d.next=6,this.set.updateCfgValuesByPlanner(o,!0);case 6:return(c=this.set.getArticleByElementId(t.ElementId))&&this.commitPendingConnectorFilters(c),d.abrupt("return",this.dockToAVLorAVR(t,[this.plannerElements.get(r)]));case 9:case"end":return d.stop()}}),_callee3,this)}))),function applyVariantValuesAndTryDock(t,r,a){return A.apply(this,arguments)})},{key:"commitPendingConnectorFilters",value:function commitPendingConnectorFilters(t){t.newPossibleAVRFilters&&(t.avr=t.newPossibleAVRFilters,t.newPossibleAVRFilters=void 0),t.newPossibleAVLFilters&&(t.avl=t.newPossibleAVLFilters,t.newPossibleAVLFilters=void 0)}},{key:"getVariantValuesMatchingTargetFilters",value:function getVariantValuesMatchingTargetFilters(t,r){if(!r)return[];var a=t.CatalogData.isIDMFormat?"":"OPT",o=t.CatalogData.isIDMFormat?"":"OPV",l=[],i=new Set,c=function collect(r,c){var d,u=_createForOfIteratorHelper(c);try{for(u.s();!(d=u.n()).done;){var g,h=d.value,P=_createForOfIteratorHelper(t.getVariantValuesInfluencingOptions([a+r],o+h));try{for(P.s();!(g=P.n()).done;){var p=g.value,m=JSON.stringify(p);i.has(m)||(i.add(m),l.push(p))}}catch(t){P.e(t)}finally{P.f()}}}catch(t){u.e(t)}finally{u.f()}};return c("89",r.FilterAVR),c("90",r.FilterAVL),l}},{key:"dockToAVLorAVR",value:function dockToAVLorAVR(t,r){var a=!1,o=!1;if(t.HasAVL){var l=k.Z.tryDockElement(t,"AVL",r);l&&(this.updateWorldPos(t,l),a=!0)}if(!a&&t.HasAVR){var i=k.Z.tryDockElement(t,"AVR",r);i&&(o=!0,this.updateWorldPos(t,i))}return a||o}},{key:"getAllViewPlannerElements",value:function getAllViewPlannerElements(){return this.getAllPlannerElements()}},{key:"getFreeDockingPointsByElementId",value:function getFreeDockingPointsByElementId(t,r){if(!this.plannerElements.has(t))return{dockingPoints:[],filter:[]};var a=this.plannerElements.get(t),o=a.getFreeDockingPointsByType(r),l=[];switch(r){case"AVR":l=a.getFilterAVR();break;case"AVL":l=a.getFilterAVL()}return{dockingPoints:o,filter:l}}},{key:"getDockedDockingPointsByElementId",value:function getDockedDockingPointsByElementId(t,r){if(!this.plannerElements.has(t))return[];for(var a=this.plannerElements.get(t),o=[],l=0;l<r.length;l++)o=o.concat(a.getDockingDockingPointsByType(r[l]));return o}},{key:"getNeighborElements",value:function getNeighborElements(t,r){if(!this.plannerElements.has(t))return[];var a=this.plannerElements.get(t),o=null==a?void 0:a.getDockingDockingPointsByType(r);if(!o)return[];for(var l=[],i=0;i<(null==o?void 0:o.length);i++)null!=o[i]&&l.push(o[i].OnElementId);return l}},{key:"getDockedGroups",value:function getDockedGroups(){for(var t=[],r=this.getAllPlannerElements(),a=[],o=0;o<this.getAllPlannerElements().length;o++){var l=r[o];if(a.push(l.getElementId()),!l.IsAccessoire){var i=l.getDockingPointsByType("AVL");if(i&&0!=i.length)for(var c=0;c<i.length;c++)i[c].IsDocking||t.push(l);else t.push(l)}}t.sort((function(t,r){return t.WorldPosCorner.x<r.WorldPosCorner.x?1:0}));var d=[];for(o=0;o<t.length;o++){var u=t[o],g=[];a.splice(a.indexOf(u.getElementId()),1);for(var h=!1,P=u;!h;){g.push(P.getElementId()),a.splice(a.indexOf(P.getElementId()),1);var p=this.getAccessoiresRecursive(P.getElementId());for(c=0;c<p.length;c++)g.push(p[c]),a.splice(a.indexOf(p[c]),1);var m=this.getNeighborElements(P.getElementId(),"AVR");m&&0!=m.length?P=this.plannerElements.get(m[0]):h=!0}d.push(g)}for(o=0;o<a.length;o++)d.push([a[o]]);return d}},{key:"getAccessoiresRecursive",value:function getAccessoiresRecursive(t){var r=this,a=function calcAccs(t,o,l){l.push(t);for(var i=r.getNeighborElements(t,"AVC"),c=r.getNeighborElements(t,"AVO"),d=r.getNeighborElements(t,"AVU"),u=r.getNeighborElements(t,"AVN"),g=r.getNeighborElements(t,"AVS"),h=i.concat(c).concat(d).concat(u).concat(g),P=0;P<h.length;P++)l.indexOf(h[P])>=0||(o.push(h[P]),l.push(h[P]),a(h[P],o,l))},o=[];return a(t,o,[]),o}},{key:"getBoundingBox",value:function getBoundingBox(){return this.plannerBoundingBox}},{key:"initIDM3DMeta",value:function initIDM3DMeta(t,r){this.isIDM3DCat=!0,this.IDM3DCatCodex=t||this.set.getCatalogCodex(),r&&(this.IDM3DEnvironment=r)}},{key:"updatePlanner",value:(x=(0,l.Z)(g().mark((function _callee4(){var t,r,a,o,l,i;return g().wrap((function _callee4$(c){for(;;)switch(c.prev=c.next){case 0:t=this.getAllPlannerElements(),r=[],a=0;case 3:if(!(a<t.length)){c.next=13;break}if(!(o=t[a]).updatePlannerData(this.set.getPlannerData(o.getElementId()))){c.next=10;break}return r.push(o.ElementId),c.next=10,m.Z.loadSVG(o,this.set);case 10:a++,c.next=3;break;case 13:if(l=[],r.length){for(E.debug("Configuration changed one plannerElement. UpdateDockingRelations","DivaStandardPlanner - updatePlanner"),i=k.Z.updateDockingRelations(this.plannerElements),a=0;a<i.length;a++)i[a].IsDockedAccessoire&&l.push(i[a].ElementId);this.updateAllElementsWorldPos(void 0,r),this.updatePlannerPosNr(),this.updatePlannerBoundingBox()}return c.abrupt("return",{doDeleteBackGrid:!1,elemIdsToDelete:l,elementIdsToUpdateSelection:r,failed:!1});case 16:case"end":return c.stop()}}),_callee4,this)}))),function updatePlanner(){return x.apply(this,arguments)})},{key:"extendPlanner",value:(y=(0,l.Z)(g().mark((function _callee5(t,r){var a,l,i,c,d,u,p,v,I,y,x,A,C,b,V,B,N,S,T,W;return g().wrap((function _callee5$(g){for(;;)switch(g.prev=g.next){case 0:if(!isSavePlannerV2(a=parseSetPlanData(t))){g.next=39;break}l=a.set.elements,i=[],c=[],d=new Map,u=0;case 7:if(!(u<l.length)){g.next=35;break}if(g.prev=8,I=l[u],this.set.CatalogData.getCatalogArticleByArticleCodex(null!==(p=saveElementArticleCodex(I))&&void 0!==p?p:"")||null===(v=I.AccessoireInitParams)||void 0===v||!v.RelatedToBasketID||this.set.getSetState.onlyRunLogic){g.next=14;break}return E.error(new P.GE("Error initializing element nr "+u+" in the Standard Web Planner. PlanData V2",{code:"WC_0012"})),g.abrupt("continue",32);case 14:if(y=new h.Z(this.set.getSetId(),I.basketID,this.nextElementId,DivaStandardPlanner.plannerType),d.set(I.elementID,y),this.nextElementId=y.getElementId()+1,this.plannerElements.set(y.ElementId,y),this.set.setElementId(I.basketID,y.ElementId),x=this.set.getPlannerData(y.ElementId),y.updatePlannerData(x),this.doDisablePlanner2D){g.next=24;break}return g.next=24,m.Z.loadSVG(y,this.set);case 24:y.WorldPosCenter=new D.P(r.WorldPos.x+r.Size.x+I.x+100,r.WorldPos.y+I.y,r.WorldPos.z+I.z),y.RotDeg=I.rot,y.IsDockedAccessoire?(c.push(I),y.PosNr=I.posNr,null!=I.accNr&&(y.AccessoirePosNr=I.accNr)):(i[I.posNr-1]=I,y.PosNr=I.posNr),g.next=32;break;case 29:g.prev=29,g.t0=g.catch(8),E.error(new P.GE("Error initializing element nr "+u+" in the Standard Web Planner. PlanData V2",{cause:g.t0,code:"WC_0012"}));case 32:u++,g.next=7;break;case 35:for(A=[].concat((0,o.Z)(i.filter((function(t){return null!=t}))),c),u=0;u<A.length;u++)if(C=A[u],b=d.get(C.elementID),A.length>1&&u>0)for(V=C.DP,B=0;B<V.length;B++)N=V[B],S=null==b?void 0:b.getDockingPointById(N.id),T=d.get(N.onID),W=null==T?void 0:T.getDockingPointById(N.onDPID),S&&W&&k.Z.tryDockElementDPToDP(b,T,S,W);g.next=40;break;case 39:E.error(new P.GE("The function extend Planner works only with products that are saved in the configurator 2.0",{code:"WC_0012"}));case 40:case"end":return g.stop()}}),_callee5,this,[[8,29]])}))),function extendPlanner(t,r){return y.apply(this,arguments)})},{key:"initPlanner",value:(u=(0,l.Z)(g().mark((function _callee6(t){var r,a,l,i,c,d,u,p,v,I,y,x,A,C,b,V,B,N,S,T,W,w,_,O,R,Z,L,M,z,G,H,U,$,J,K,j,X,Y,q,Q,ee,ne,te,re,ae,oe,le,ie,se,ce,de,ue;return g().wrap((function _callee6$(g){for(;;)switch(g.prev=g.next){case 0:if(!isSavePlannerV2(r=parseSetPlanData(t))){g.next=63;break}if(E.debug("Initialize set Plan Data - V2\n"+r,"DivaStandardPlanner initPlanner"),null!==(a=r.set)&&void 0!==a&&null!==(a=a.elements)&&void 0!==a&&a.length){g.next=5;break}return g.abrupt("return");case 5:l=r.set.elements,i=[],c=[],d=0;case 9:if(!(d<l.length)){g.next=37;break}if(g.prev=10,v=l[d],this.set.CatalogData.getCatalogArticleByArticleCodex(null!==(u=saveElementArticleCodex(v))&&void 0!==u?u:"")||null===(p=v.AccessoireInitParams)||void 0===p||!p.RelatedToBasketID||this.set.getSetState.onlyRunLogic){g.next=16;break}return E.error(new P.GE("Error initializing element nr "+d+" in the Standard Web Planner. PlanData V2",{code:"WC_0012"})),g.abrupt("continue",34);case 16:if(I=v.elementID,y=new h.Z(this.set.getSetId(),v.basketID,I,DivaStandardPlanner.plannerType),this.nextElementId=I+1,this.plannerElements.set(y.ElementId,y),this.set.setElementId(v.basketID,y.ElementId),x=this.set.getPlannerData(y.ElementId),y.updatePlannerData(x),this.doDisablePlanner2D){g.next=26;break}return g.next=26,m.Z.loadSVG(y,this.set);case 26:y.WorldPosCenter=new D.P(this.plannerBoundingBox.WorldPos.x+v.x,this.plannerBoundingBox.WorldPos.y+v.y,this.plannerBoundingBox.WorldPos.z+v.z),y.RotDeg=v.rot,y.IsDockedAccessoire?(c.push(v),y.PosNr=v.posNr,null!=v.accNr&&(y.AccessoirePosNr=v.accNr)):(i[v.posNr-1]=v,y.PosNr=v.posNr),g.next=34;break;case 31:g.prev=31,g.t0=g.catch(10),E.error(new P.GE("Error initializing element nr "+d+" in the Standard Web Planner. PlanData V2",{cause:g.t0,code:"WC_0012"}));case 34:d++,g.next=9;break;case 37:A=1==i.filter(Boolean).length,C=[].concat((0,o.Z)(i.filter((function(t){return null!=t}))),c),d=0;case 40:if(!(d<C.length)){g.next=61;break}if(g.prev=41,b=C[d],0!=d||!A||!this.plannerHasStaticBackground){g.next=48;break}return null!=(null==(V=i[d])?void 0:V.x)||null!=(null==V?void 0:V.y)||null!=(null==V?void 0:V.z)||(B=this.plannerElements.get(b.elementID))&&(B.WorldPosCenter=new D.P(0,B.Height/2,B.Depth/2)),g.abrupt("continue",58);case 48:if(null!=b.DP&&0!=b.DP.length){g.next=50;break}return g.abrupt("continue",58);case 50:for(N=b.DP,S=0;S<N.length;S++)(T=N[S]).id&&null!=T.onID&&T.onDPID&&(W=this.plannerElements.get(b.elementID),w=null==W?void 0:W.getDockingPointById(T.id),_=this.plannerElements.get(T.onID),O=null==_?void 0:_.getDockingPointById(T.onDPID),w&&O?w.IsDocking&&w.OnDP==O||k.Z.tryDockElementDPToDP(W,_,w,O)||this.doDisablePlanner2D||E.error(new P.GE("Saved docking relation rejected on init: "+T.id+" (elem "+(null==W?void 0:W.ElementId)+") -> "+T.onDPID+" (elem "+(null==_?void 0:_.ElementId)+")",{code:"WC_0012"})):this.doDisablePlanner2D||E.error(new P.GE("Error initializing docking point between source element with id: "+(null==W?void 0:W.ElementId)+" and target Element with id: "+(null==_?void 0:_.ElementId)+". SourceDPID: "+T.id+"; targetDPID: "+T.onDPID)));g.next=58;break;case 54:g.prev=54,g.t1=g.catch(41),Z=null===(R=C[d])||void 0===R?void 0:R.elementID,E.error(new P.GE("Error initializing dockingPoints of element with elementID "+Z,{cause:g.t1,code:"WC_0012"}));case 58:d++,g.next=40;break;case 61:g.next=116;break;case 63:if(E.debug("Initialize set Plan Data - old V1\n"+r,"DivaStandardPlanner initPlanner"),null!=(z=null===(L=r.Sets)||void 0===L?void 0:L[0])&&null!==(M=z.Elements)&&void 0!==M&&M.length){g.next=67;break}return g.abrupt("return");case 67:G=z.Elements,H=[],U=[],d=0;case 71:if(!(d<G.length)){g.next=105;break}if(g.prev=72,K=G[d],this.set.CatalogData.getCatalogArticleByArticleCodex(null!==($=saveElementArticleCodex(K))&&void 0!==$?$:"")||null===(J=K.AccessoireInitParams)||void 0===J||!J.RelatedToBasketID||this.set.getSetState.onlyRunLogic){g.next=78;break}return E.error(new P.GE("Error initializing element nr "+d+" in the Standard Web Planner. PlanData V1",{code:"WC_0012"})),g.abrupt("continue",102);case 78:if(j=K.BasketID,-1==this.set.getElementId(j)&&this.set.setElementId(j,Number(K.ID)),X=this.set.getElementId(j),K.elementId=X,-1!=X){g.next=85;break}return E.error(new P.GE("Error when initializing planner. The elementID Was not saved in the article. ",{code:"WC_0012"})),g.abrupt("continue",102);case 85:if(Y=new h.Z(this.set.getSetId(),j,X,DivaStandardPlanner.plannerType),this.nextElementId=X+1,this.plannerElements.set(Y.ElementId,Y),q=this.set.getPlannerData(Y.ElementId),Y.updatePlannerData(q),this.doDisablePlanner2D){g.next=93;break}return g.next=93,m.Z.loadSVG(Y,this.set);case 93:Q=new D.P(K.PosX,K.PosZ,K.PosY),Y.WorldPosCenter=new D.P(this.plannerBoundingBox.WorldPos.x+Q.x,this.plannerBoundingBox.WorldPos.y+Q.y,this.plannerBoundingBox.WorldPos.z+Q.z),Y.RotDeg=K.Rot,Y.IsDockedAccessoire?(U.push(K),K.PosNum.toString().indexOf(".")>0&&(ee=K.PosNum.toString().split(".")[0],ne=K.PosNum.toString().split(".")[1],Y.PosNr=Number(ee),Y.AccessoirePosNr=Number(ne))):(H[K.PosNum-1]=K,Y.PosNr=K.PosNum),g.next=102;break;case 99:g.prev=99,g.t2=g.catch(72),E.error(new P.GE("Error initializing element nr "+d+" in the Standard Web Planner - Plan Data old Planner",{cause:g.t2,code:"WC_0012"}));case 102:d++,g.next=71;break;case 105:te=[].concat((0,o.Z)(H.filter((function(t){return null!=t}))),U),d=0;case 107:if(!(d<te.length)){g.next=116;break}if(null!=(re=te[d]).DP&&0!=re.DP.length){g.next=111;break}return g.abrupt("continue",113);case 111:for(ae=re.DP,S=0;S<ae.length;S++)(oe=ae[S]).DP&&""!=oe.DP&&oe.onID&&""!=oe.onID&&(ie=parseInt(String(oe.onID)),se=oe.DP,ce=null!=re.elementId?this.plannerElements.get(re.elementId):void 0,de=null!==(le=this.plannerElements.get(ie))&&void 0!==le?le:this.getPlannerElementByIndex(ie-1),ce&&de?k.Z.initDockingPointRelationByArea(ce,de,se):E.error(new P.GE("Error initializing dockingPoints of element with elementID "+re.elementId,{code:"WC_0012"})));case 113:d++,g.next=107;break;case 116:this.plannerElements.forEach((function(t){!t.IsDockedAccessoire&&(null==ue||t.PosNr<ue.PosNr)&&(ue=t)})),this.updateAllElementsWorldPos(void 0,ue?[ue.ElementId]:void 0),this.updatePlannerPosNr();case 119:case"end":return g.stop()}}),_callee6,this,[[10,31],[41,54],[72,99]])}))),function initPlanner(t){return u.apply(this,arguments)})},{key:"getPlannerElementByIndex",value:function getPlannerElementByIndex(t){var r=void 0,a=0;return this.plannerElements.forEach((function(o,l){t==a&&(r=o),a++})),r}},{key:"addPlannerElement",value:(a=(0,l.Z)(g().mark((function _callee7(t,r){var a,o,l,i,c,d,u;return g().wrap((function _callee7$(g){for(;;)switch(g.prev=g.next){case 0:if(c=new h.Z(this.set.getSetId(),t,this.nextElementId,DivaStandardPlanner.plannerType),this.nextElementId++,this.plannerElements.set(c.ElementId,c),this.set.setElementId(t,c.ElementId),d=this.set.getPlannerData(c.ElementId),c.updatePlannerData(d),this.doDisablePlanner2D){g.next=9;break}return g.next=9,m.Z.loadSVG(c,this.set);case 9:if(null==(u=null!==(a=r.dockingPointInfos)&&void 0!==a?a:[{targetDockingPointId:r.targetDockingPointId,targetElemIdToDock:r.targetElemIdToDock}])||null===(o=u[0])||void 0===o||!o.targetElemIdToDock||null==u||null===(l=u[0])||void 0===l||!l.targetDockingPointId){g.next=15;break}return g.next=13,this.addElementToWorld(c,u);case 13:g.next=27;break;case 15:if(null==u||null===(i=u[0])||void 0===i||!i.targetElemIdToDock){g.next=20;break}return g.next=18,this.addElementToWorld(c,u);case 18:g.next=27;break;case 20:if(!r.oldPlannerTransform){g.next=25;break}return g.next=23,this.addElementToWorld(c,void 0,void 0,void 0,void 0,{forceSetToTrans:!0,transform:r.oldPlannerTransform});case 23:g.next=27;break;case 25:return g.next=27,this.addElementToWorld(c);case 27:this.updatePlannerBoundingBox();case 28:case"end":return g.stop()}}),_callee7,this)}))),function addPlannerElement(t,r){return a.apply(this,arguments)})},{key:"movePlannerElement",value:function movePlannerElement(){throw Error("move planner not implemented in standard")}},{key:"copyPlannerElement",value:(r=(0,l.Z)(g().mark((function _callee8(t,r){var a,o,l,i,c,d;return g().wrap((function _callee8$(u){for(;;)switch(u.prev=u.next){case 0:a=0;case 1:if(!(a<t.length)){u.next=24;break}if(l=t[a],null!=r){u.next=7;break}return u.next=6,this.addPlannerElement(l.value,{});case 6:return u.abrupt("continue",21);case 7:if(-1==(i=null===(o=r.copyIndex)||void 0===o?void 0:o.x)||1==i){u.next=12;break}return u.next=11,this.addPlannerElement(l.value,{});case 11:return u.abrupt("continue",21);case 12:if(c=this.plannerElements.get(l.key),d=null==c?void 0:c.getFreeDockingPointsByType(-1==i?"AVL":"AVR").find((function(t){return!t.IsDisabled})),!c||!d){u.next=19;break}return u.next=17,this.addPlannerElement(l.value,{targetElemIdToDock:c.ElementId,targetDockingPointId:d.DpId});case 17:u.next=21;break;case 19:return u.next=21,this.addPlannerElement(l.value,{});case 21:a++,u.next=1;break;case 24:case"end":return u.stop()}}),_callee8,this)}))),function copyPlannerElement(t,a){return r.apply(this,arguments)})},{key:"getPlannerElementsInfluencedByDeletion",value:function getPlannerElementsInfluencedByDeletion(t,r){return[]}},{key:"getPlannerElementsInfluencedByCopy",value:function getPlannerElementsInfluencedByCopy(t,r){if(!r||"BoxPlanner_backside"!=r.copyType&&"STD"!=r.copyType)throw new Error("copyType needs to be BoxPlanner_backside or STD here");return this.plannerElements.has(t)?[t]:[]}},{key:"deletePlannerElement",value:(t=(0,l.Z)(g().mark((function _callee9(t,r){var a,o,l,i,c,d,u,h,p,m,D,v,E,I,y;return g().wrap((function _callee9$(g){for(;;)switch(g.prev=g.next){case 0:return g.next=2,P.ZP.Sleep(1);case 2:if(this.plannerElements.has(t)){g.next=4;break}return g.abrupt("return",{});case 4:return a=this.plannerElements.get(t),o=this.getParentElement(a),l=-1,i=999,c=-1,d=-1,u=!1,this.plannerElements.forEach((function(t,r){u||(null!=a&&a.IsAccessoire&&a.PosNr==t.PosNr&&(c=t.getElementId(),u=!0),t.getPosNr()<a.getPosNr()&&t.getPosNr()>l?(l=t.getPosNr(),c=t.getElementId()):t.getPosNr()>a.getPosNr()&&t.getPosNr()<i&&(i=t.getPosNr(),d=t.getElementId()))})),h=!1,r&&(p=a.getDockingDockingPointsByType("AVL"),m=a.getDockingDockingPointsByType("AVR"),p.length>0&&m.length>0&&(D=this.plannerElements.get(p[0].OnElementId),v=this.plannerElements.get(m[0].OnElementId),D&&v&&(E=D.getDockingDockingPointsByType("AVR"),I=v.getDockingDockingPointsByType("AVL"),E.length>0&&I.length>0&&(k.Z.removeDockingPointRelations(a),h=!0,k.Z.tryDockElementDPToDP(D,v,E[0],I[0]))))),y={rotDeg:a.getRotDeg(),worldPosCenter:a.WorldPosCenter},h||k.Z.removeDockingPointRelations(a),this.plannerElements.delete(t),this.tryToDockForNotDockedAccessoire(o),this.updatePlannerPosNr(),this.updateAllElementsWorldPos(),this.updatePlannerPosNr(),this.checkCollision(!1,a.getElementId()),this.updatePlannerBoundingBox(),g.abrupt("return",{newElementToSelect:c>=0?c:d>=0?d:void 0,transform:y});case 24:case"end":return g.stop()}}),_callee9,this)}))),function deletePlannerElement(r,a){return t.apply(this,arguments)})},{key:"tryToDockForNotDockedAccessoire",value:function tryToDockForNotDockedAccessoire(t){if(t)for(var r=t.getCurrentAccessorires().filter((function(t){return t.getIsNotDockedAccessoire()})),a=0;a<r.length;a++){var o=r[a].getElementId(),l=this.plannerElements.get(o);if(l)if(this.dockToAVUorAVOororAVNorAVSorAVC(l,[t]))break}}},{key:"checkCollision",value:function checkCollision(t,r){if(!this.doDisablePlanner2D){for(var a,o,l=this.getAllPlannerElements(),i=!1,c=[],d=0;d<l.length;d++){var u=l[d];if(!r||u.getElementId()==r)for(var g=r?0:d+1;g<l.length;g++){var h,P,p=l[g];if(u.getElementId()!=p.getElementId()&&!k.Z.checkElementsAreDocking(u,p)){var D=!1;if((this.set.CatalogData.doCheckConstructionWarnings||null!==(h=this.set.CatalogData.forceConstructionWarningForArticles)&&void 0!==h&&h.includes(u.ArticleCodex)||null!==(P=this.set.CatalogData.forceConstructionWarningForArticles)&&void 0!==P&&P.includes(p.ArticleCodex))&&(D=m.Z.checkCollision(u,p,this.set.CatalogData.checkCollisionForDifferentLayers)),D&&(i=!0,c.push({elementId1:u.getElementId(),elementId2:p.getElementId()}),E.debug("Collision Found between element1: "+u.ElementId+"; and element2: "+p.ElementId),!t))break}}}if(this.collisionHandler.collisionDetected&&!i)null===(a=(o=this.collisionHandler).updatePlannerMsgContainer)||void 0===a||a.call(o,"COLLISION_MSG",!1,"WARNING","COLLISION_MSG",!1);else if(!this.collisionHandler.collisionDetected&&i){var v,I;null===(v=(I=this.collisionHandler).updatePlannerMsgContainer)||void 0===v||v.call(I,"COLLISION_MSG",!0,"WARNING","COLLISION_MSG",!1)}this.collisionHandler.collisionPairs=c,this.collisionHandler.collisionDetected=i}}},{key:"updateSetPosNr",value:function updateSetPosNr(t){for(var r=this.getAllPlannerElements(),a=0;a<r.length;a++){var o=r[a];o.SetPosNr=t+o.PosNr-1,this.set.setPosNr(o.ElementId,o.getPosNr())}for(var l=0;l<r.length;l++)r[l].IsAccessoire||this.set.giveAccNewPosNrByBasketId(r[l].getBasketId());return r.length}},{key:"updatePlannerTrans",value:function updatePlannerTrans(t,r,a,o,l,i,c){var d=this,u=!1;if(this.plannerElements.has(t)){var g=this.plannerElements.get(t);if(null==g||g.updateDeltaTrans(r,a,o,"END"==l,c),"START"==l){if(g){var h=["AVR","AVL"];g.IsDockedAccessoire&&(h=h.concat(["AVO","AVU","AVN","AVS","AVC"]));for(var P=k.Z.removeDockingPointRelationsByType(g,h),p=0;p<P.length;p++)u=this.set.onDockingChanged(g.ElementId,P[p],"UNDOCK")}}else if("END"==l){var m=k.Z.searchDockableElementsInArea(g,this.getAllPlannerElements(),i);null!=m&&m.size>0&&m.forEach((function(t,r){var a=d.plannerElements.get(t.targetDP.ElementId);a&&k.Z.tryDockElementDPToDP(g,a,t.sourceDP,t.targetDP)})),u=this.updateAllElementsWorldPos(t),this.updatePlannerPosNr(),this.updatePlannerBoundingBox()}}return u}},{key:"destroyPlanner",value:function destroyPlanner(){this.plannerElements.forEach((function(t,r){t.destroy()})),this.plannerElements.clear()}},{key:"saveSetPlanner",value:function saveSetPlanner(){var t=this;if(0==this.plannerElements.size)return null;var r=[];return this.plannerElements.forEach((function(a,o){for(var l=a.getDockingDockingPoints(),i=[],c=0;c<l.length;c++){var d,u={id:l[c].DpId,onID:l[c].OnElementId,onDPID:null===(d=l[c].OnDP)||void 0===d?void 0:d.DpId};i.push(u)}var g={elementID:a.getElementId(),basketID:t.set.getBasketId(a.getElementId()),CatalogCodex:t.set.getCatalogCodex(),Codex:t.set.getArticleCodex(a.getElementId()),posNr:a.PosNr,accNr:a.IsDockedAccessoire?a.AccessoirePosNr:void 0,x:a.WorldPosCenter.x,y:a.WorldPosCenter.y,z:a.WorldPosCenter.z,rot:a.RotDeg,width:a.Width?a.Width:-1,height:a.Height?a.Height:-1,depth:a.Depth?a.Depth:-1,DP:i};if(a.IsAccessoire){var h=t.set.getParentBasketIdOfElementId(a.getElementId());null!=h&&(g.AccessoireInitParams={RelatedToBasketID:h})}r.push(g)})),{setId:this.set.getSetId(),x:0,y:0,z:0,width:this.plannerBoundingBox.Size.x,height:this.plannerBoundingBox.Size.y,depth:this.plannerBoundingBox.Size.z,rot:0,elements:r}}},{key:"getPlannerId",value:function getPlannerId(){return this.plannerID}},{key:"getSetData",value:function getSetData(t,r,a,o){var l=this,i={ID:r?this.set.getSetId():"S1",H:"",x:0,y:0,z:0,w:0,ELE:[],Blob:this.set.CatalogData.supplierILN,Cat:this.set.getCatalogCodex()},c=this.set.getAlternateRenderInfo();c&&(i.AlternateImg=c),a&&(i.ShowDim=a),this.isIDM3DCat&&(i.IsIDM3D=!0,i.IDM3DCatCodex=this.IDM3DCatCodex,i.IDM3DEnvironment=this.IDM3DEnvironment),this.plannerElements.forEach((function(r,c){var d=l.set.getPlannerConfigData(c,o),u=d.config,g=[];if(d.accs&&d.accs.length>0)for(var h=0;h<d.accs.length;h++)l.plannerElements.has(d.accs[h])&&g.push("E"+d.accs[h]);if(!t||null!=u.Model){var p,m,D,k,v=l.set.getArticleByElementId(c),E={ID:"E"+c,Model:u.Model,x:-Math.round(100*r.WorldPosCenterIgnoreOLF.x)/100,y:Math.round(100*r.WorldPosCenterIgnoreOLF.y)/100,z:Math.round(100*r.WorldPosCenterIgnoreOLF.z)/100,PosPivot:"Center",w:Math.round(100*r.getRotDeg())/100,RotPivot:"Center",DP:r.getDockingPointJS3D(),MAT:u.MAT,MOVE:null!==(p=u.MOVE)&&void 0!==p?p:void 0,CFG:u.CFG,H:"",ACCs:g.length>0?g:void 0};if(a)E.TechSize={Width:null==r.Width||isNaN(r.Width)?null!==(m=null==v?void 0:v.width)&&void 0!==m?m:0:r.Width,Height:null==r.Height||isNaN(r.Height)?null!==(D=null==v?void 0:v.height)&&void 0!==D?D:0:r.Height,Depth:null==r.Depth||isNaN(r.Depth)?null!==(k=null==v?void 0:v.depth)&&void 0!==k?k:0:r.Depth};var I=(0,P.FB)(JSON.stringify(E));E.H=I,i.ELE.push(E)}var y=l.set.getShelfPlannerData(c);if(y)for(var x=0;x<y.length;x++){var A=y[x],C=l.set.getShelfPlannerConfigData(A.basketId).config,b=[];if(C.accs&&C.accs.length>0)for(var V=0;V<C.accs.length;V++)l.plannerElements.has(C.accs[V])&&b.push("E"+C.accs[V]);var B={ID:"E"+A.parentElementId+"."+A.gridId+"."+A.rh,H:"",Model:A.model,x:0,y:0,z:1,w:0,PosPivot:"Center",RotPivot:"Center",DP:"RH"+A.rh+":E"+A.parentElementId,GN:A.gridName,MAT:C.MAT,CFG:C.CFG,ACCs:b.length>0?b:void 0};I=(0,P.FB)(JSON.stringify(B));B.H=I,i.ELE.push(B)}}));var d=(0,P.FB)(JSON.stringify(i));return i.H=d,{constructionSet:i}}},{key:"getElementPosInfo",value:function getElementPosInfo(){var t={};return this.plannerElements.forEach((function(r,a){r.IsDockedAccessoire?t[a]={pos:r.PosNr,isAcc:!0,accPos:r.AccessoirePosNr}:t[a]={pos:r.PosNr,isAcc:!1}})),t}},{key:"getPlanningIsComplete",value:function getPlanningIsComplete(t){var r=this,a=!t&&(this.set.CatalogData.doHideCompletenessWarning||!this.set.CatalogData.doCheckConstructionWarnings),o=!1;return this.plannerElements.forEach((function(t,l){var i;(!a||null!==(i=r.set.CatalogData.forceConstructionWarningForArticles)&&void 0!==i&&i.includes(t.ArticleCodex))&&!o&&(t.getFreeDockingPointsByType("AVL").length>0||t.getFreeDockingPointsByType("AVR").length>0)&&(o=!0)})),!o}},{key:"getPlannerBoundingBox",value:function getPlannerBoundingBox(){var t=this.set.CatalogData,r=this.plannerBoundingBox.getWidth(t.PlannerMeasureDigits),a=this.plannerBoundingBox.getDepth(t.PlannerMeasureDigits),o=this.plannerBoundingBox.getHeight(t.PlannerMeasureDigits),l=this.plannerBoundingBox.getWidth(t.PlannerMeasureDigits,!0),i=this.plannerBoundingBox.getDepth(t.PlannerMeasureDigits,!0),c=this.plannerBoundingBox.getHeight(t.PlannerMeasureDigits,!0),d=l!==r||i!==a||c!==o;return{width:r,height:o,depth:a,widthIgnoreOLF:d?l:void 0,depthIgnoreOLF:d?i:void 0,heightIgnoreOLF:d?c:void 0}}},{key:"updatePlannerBoundingBox",value:function updatePlannerBoundingBox(){this.plannerBoundingBox.calcPlannerBoundingBox(this.getAllPlannerElements()),this.plannerBoundingBox.calcPlannerBoundingBoxIgnoreOLF(this.getAllPlannerElements())}},{key:"getCatalogData",value:function getCatalogData(){return this.set.CatalogData}},{key:"getAllPlannerElements",value:function getAllPlannerElements(){var t=[];return this.plannerElements.forEach((function(r,a){t.push(r)})),t}},{key:"getParentElement",value:function getParentElement(t){var r=void 0,a=t.getParentElementId();return a&&(r=this.plannerElements.get(a)),r}},{key:"getPositionOfPlannerElements",value:function getPositionOfPlannerElements(){var t=this.set.getSetId();this.plannerElements.forEach((function(r,a){E.log("SetID:",t),E.log("Elementid:",r.ElementId),E.log("X:",r.WorldPosCenter.x),E.log("Y:",r.WorldPosCenter.y),E.log("X:",r.WorldPosCenter.z),E.log("ROT:",r.RotDeg),E.log("___________________________")}))}},{key:"clonePlanner",value:function clonePlanner(t,r){return new DivaStandardPlanner(t,(function(){}),r,new v.Z,!0,!1)}},{key:"getPlannerInteractionInformation",value:function getPlannerInteractionInformation(){return E.error(new P.GE("The function getPlannerInteractionInformation is not implemented yet for standard planner. Dont call it or ask roadmap when its its turn",{code:"WC_0012"})),{boxPlannerInteractionInformationPerElement:new Map}}},{key:"getGeneralPlanningState",value:function getGeneralPlanningState(t){return E.error(new P.GE("The function getGeneralPlanningState is not implemented yet for standard planner. Dont call it or ask roadmap when its its turn",{code:"WC_0012"})),{grids:[]}}}]);var t,r,a,u,y,x,A,C,b}();(0,d.Z)(y,"plannerType","STD")}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7909],{87909:(t,r,a)=>{a.r(r),a.d(r,{default:()=>y});var o=a(12952),l=a(84658),i=a(13125),c=a(43860),d=a(80248),u=a(50747),g=a.n(u),h=a(57312),P=a(69369),p=a(60415),m=a(95212),D=a(64357),v=a(65411);function parseSetPlanData(t){var r=P.ZP.decodeBase64(t);return JSON.parse(r)}function isSavePlannerV2(t){return 2===t.v}function saveElementArticleCodex(t){return t.articleCodex||t.Codex}var k=a(58178);function _createForOfIteratorHelper(t,r){var a="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!a){if(Array.isArray(t)||(a=function _unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var a={}.toString.call(t).slice(8,-1);return"Object"===a&&t.constructor&&(a=t.constructor.name),"Map"===a||"Set"===a?Array.from(t):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){a&&(t=a);var o=0,l=function F(){};return{s:l,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,c=!0,d=!1;return{s:function s(){a=a.call(t)},n:function n(){var t=a.next();return c=t.done,t},e:function e(t){d=!0,i=t},f:function f(){try{c||null==a.return||a.return()}finally{if(d)throw i}}}}function _arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var a=0,o=Array(r);a<r;a++)o[a]=t[a];return o}var E=P.ZP.initLog("Planner","WEB-PLANNER-LOGIC"),I=["AVO","AVU","AVC","AVS","AVN"],y=function(){function DivaStandardPlanner(t,r,a,o,l,c){var u=this;(0,i.Z)(this,DivaStandardPlanner),(0,d.Z)(this,"plannerID",void 0),(0,d.Z)(this,"set",void 0),(0,d.Z)(this,"plannerBoundingBox",void 0),(0,d.Z)(this,"plannerElements",void 0),(0,d.Z)(this,"doDisablePlanner2D",!1),(0,d.Z)(this,"plannerHasStaticBackground",void 0),(0,d.Z)(this,"isIDM3DCat",!1),(0,d.Z)(this,"IDM3DCatCodex",""),(0,d.Z)(this,"IDM3DEnvironment","diva.ro"),(0,d.Z)(this,"nextElementId",1),(0,d.Z)(this,"collisionHandler",void 0),(0,d.Z)(this,"dockToAVUorAVOororAVNorAVSorAVC",(function(t,r){var a=function hasFreeDP(r){return t.getFreeDockingPointsByType(r).length>0};if(a("AVU")){var o=v.Z.tryDockElement(t,"AVU",r);if(o)return u.updateWorldPos(t,o),!0;for(var l=0;l<r.length;l++){var i=r[l].getCurrentAccessorires().map((function(t){return u.plannerElements.get(t.getElementId())}));if(u.dockToAVUorAVOororAVNorAVSorAVC(t,i))return!0}}if(a("AVO")){var c=v.Z.tryDockElement(t,"AVO",r);if(c)return u.updateWorldPos(t,c),!0}if(a("AVN")){var d=v.Z.tryDockElement(t,"AVN",r);if(d)return u.updateWorldPos(t,d),!0}if(a("AVS")){var g=v.Z.tryDockElement(t,"AVS",r);if(g)return u.updateWorldPos(t,g),!0}if(a("AVC")){var h=v.Z.tryDockElement(t,"AVC",r);if(h)return u.updateWorldPos(t,h),!0}return!1})),this.set=t,this.plannerID=a,this.plannerElements=new Map,this.plannerBoundingBox=new k.Z,this.plannerBoundingBox.initPlannerBBox(o),this.doDisablePlanner2D=l,this.collisionHandler={updatePlannerMsgContainer:r,collisionDetected:!1,collisionPairs:[]},this.plannerHasStaticBackground=c}return(0,c.Z)(DivaStandardPlanner,[{key:"updatePlannerPosNr",value:function updatePlannerPosNr(){var t,r=this,a=[],o=new Map,l=this;this.plannerElements.forEach((function(t,r){o.set(r,!0),t.IsDockedAccessoire||t.HasAVL&&t.dockingTypeIsDocking("AVL")||a.push(t)})),this.getCatalogData().dontSetPosNrFromPlanner||(a=a.sort((function(t,r){return t.WorldPosCenter.x-r.WorldPosCenter.x})));for(var i=function updateAccessoiresOfElement(a,c){for(var d=[],u=function setPosNrForElementsOnDock(r,i){if(a["Has"+r]){var d=a.getDockingDockingPointsByType(r);d=d.sort((function(t,r){return l.plannerElements.get(t.OnElementId).WorldPosCorner.x-l.plannerElements.get(r.OnElementId).WorldPosCorner.x}));for(var u=0;u<d.length;u++){var g=d[u].OnElementId;if(o.has(g)){var h=l.plannerElements.get(g);h.PosNr=c,h.AccessoirePosNr=t,o.delete(g),t++,i.push(h)}}}},g=0;g<I.length;g++)u(I[g],d);r.plannerElements.forEach((function(r){r.getIsNotDockedAccessoire()&&r.getParentElementId()===a.getElementId()&&(r.PosNr=c,r.AccessoirePosNr=t,o.delete(r.getElementId()),t++,d.push(r))}));for(var h=0;h<d.length;h++)i(d[h],c)},c=function updatePosInChain(r,a){if(null==r)return a;if(r.PosNr=a,t=1,o.delete(r.ElementId),i(r,a),a++,r.HasAVR&&r.dockingTypeIsDocking("AVR")){var d=r.getDockingDockingPointsByType("AVR")[0].OnElementId;return c(l.plannerElements.get(d),a)}return a},d=1,u=0;u<a.length;u++)d=c(a[u],d)}},{key:"updateWorldPos",value:function updateWorldPos(t,r){var a=!1,o=this.plannerElements.get(r.OnElementId),l=o.getDockingPointById(r.OnDP.DpId);if(null==l)return a;this.applyDockTransform(t,o,r,l),a=this.set.onDockingChanged(t.ElementId,o.ElementId,"DOCK",r.Type);var i=this.set.getPlannerData(t.ElementId);t.updatePlannerData(i);var c=this.set.getPlannerData(o.ElementId);return o.updatePlannerData(c),a}},{key:"applyDockTransform",value:function applyDockTransform(t,r,a,o){var l=(0,p.eY)(r,o,t,a);t.RotDeg=l.rotDeg,t.WorldPosCorner=new D.P(l.worldPosCorner.x,l.worldPosCorner.y,l.worldPosCorner.z),t.WorldPosCornerIgnoreOLF=new D.P(l.worldPosCornerIgnoreOLF.x,l.worldPosCornerIgnoreOLF.y,l.worldPosCornerIgnoreOLF.z)}},{key:"getDockSnapPreview",value:function getDockSnapPreview(t,r){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],o=this.plannerElements.get(t);if(!o)return null;var l,i=this.getAllPlannerElements().filter((function(r){return r.getElementId()!==t&&!a.includes(r.getElementId())})),c=v.Z.searchDockableElementsInArea(o,i,r);if(!c||0===c.size)return null;if(c.forEach((function(t){(null==l||t.distance<l.distance)&&(l=t)})),null==l)return null;var d=this.plannerElements.get(l.targetDP.ElementId);if(!d)return null;var u=o.RotDeg,g=o.WorldPosCenter,h=g.x,P=g.y,p=g.z;this.applyDockTransform(o,d,l.sourceDP,l.targetDP);var m=o.WorldPosCenter,k={dx:m.x-h,dz:m.z-p,dRotDeg:o.RotDeg-u};return o.RotDeg=u,o.WorldPosCenter=new D.P(h,P,p),k}},{key:"updateAllElementsWorldPos",value:function updateAllElementsWorldPos(t,r){if(this.doDisablePlanner2D)return!1;var a=function getDockedDPsInPriorityOrder(t){return t.getDockingDockingPointsByType("AVL").concat(t.getDockingDockingPointsByType("AVR")).concat(t.getDockingDockingPointsByType("AVU")).concat(t.getDockingDockingPointsByType("AVO")).concat(t.getDockingDockingPointsByType("AVN")).concat(t.getDockingDockingPointsByType("AVS")).concat(t.getDockingDockingPointsByType("AVC"))},o=!1,l=[],i=[];this.plannerElements.forEach((function(t,r){t.IsDockedAccessoire?i.push(t):l[t.PosNr-1]=t})),l=l.concat(i);for(var c=[],d=0,u=0;u<l.length;u++)if(l[u]){var g=l[u];if(c.push(g.ElementId),u>d)for(var h=a(g),P=0;P<h.length;P++)if(c.indexOf(h[P].OnElementId)>=0){o=this.updateWorldPos(g,h[P]);break}}else d=u;if(r&&r.length>0)for(var p=new Set(r),m=!0;m;){m=!1;var D,v=_createForOfIteratorHelper(l);try{for(v.s();!(D=v.n()).done;){var k=D.value;if(k&&!p.has(k.ElementId)){var E=a(k).find((function(t){return p.has(t.OnElementId)}));E&&(o=this.updateWorldPos(k,E)||o,p.add(k.ElementId),m=!0)}}}catch(t){v.e(t)}finally{v.f()}}return this.checkCollision(!1,t),o}},{key:"addElementToWorld",value:(b=(0,l.Z)(g().mark((function _callee(t,r,a,o){var l,i,c,d,u,h,P,p,m,k,E,I,y=arguments;return g().wrap((function _callee$(g){for(;;)switch(g.prev=g.next){case 0:if(l=y.length>4&&void 0!==y[4]?y[4]:100,!(i=y.length>5?y[5]:void 0)||!i.forceSetToTrans){g.next=8;break}t.WorldPosCenter=i.transform.worldPosCenter,t.RotDeg=i.transform.rotDeg,this.set.onDockingChanged(t.ElementId,-1,"NOT_DOCKED"),g.next=48;break;case 8:if(c=!1,!r){g.next=47;break}d=0;case 11:if(!(d<r.length)){g.next=47;break}if(u=r[d].targetElemIdToDock,h=r[d].targetDockingPointId,!(u&&u>-1&&this.plannerElements.has(u))){g.next=44;break}if(!h||""==h){g.next=32;break}if(!(P=this.plannerElements.get(u))){g.next=30;break}if(!(p=P.getDockingPointById(h))){g.next=30;break}if(!(m=v.Z.tryDockElementToDP(t,P,p))){g.next=26;break}this.updateWorldPos(t,m),c=!0,g.next=30;break;case 26:return g.next=28,this.tryToDockWithDifferentSVGWithFormula(t,u);case 28:if(!g.sent){g.next=30;break}c=!0;case 30:g.next=44;break;case 32:if(k=!1,(t.HasAVL||t.HasAVR)&&(k=this.dockToAVLorAVR(t,[this.plannerElements.get(u)])),k||(k=this.dockToAVUorAVOororAVNorAVSorAVC(t,[this.plannerElements.get(u)])),k){g.next=43;break}return g.next=38,this.tryToDockWithDifferentSVGWithFormula(t,u);case 38:if(k=g.sent){g.next=43;break}return g.next=42,this.addElementToWorld(t,void 0,void 0,void 0,50);case 42:return g.abrupt("return");case 43:k&&(c=!0);case 44:d++,g.next=11;break;case 47:c||(E=this.getAllPlannerElements(),I=this.dockToAVLorAVR(t,E),a&&(I=!1),I||(I=this.dockToAVUorAVOororAVNorAVSorAVC(t,E),a&&(I=!1),I||(null==o&&(t.WorldPosCenter=new D.P(this.plannerBoundingBox.WorldPos.x+this.plannerBoundingBox.Size.x+(0==this.plannerBoundingBox.Size.x?0:t.Width/2+l),this.plannerBoundingBox.WorldPos.y,this.plannerBoundingBox.WorldPos.z+t.Depth/2)),this.set.onDockingChanged(t.ElementId,-1,"NOT_DOCKED"))));case 48:this.updatePlannerPosNr(),this.updateAllElementsWorldPos(),this.updatePlannerPosNr(),this.checkCollision(!1,t.getElementId()),this.updatePlannerBoundingBox();case 53:case"end":return g.stop()}}),_callee,this)}))),function addElementToWorld(t,r,a,o){return b.apply(this,arguments)})},{key:"tryToDockWithDifferentSVGWithFormula",value:(C=(0,l.Z)(g().mark((function _callee2(t,r){var a,o,l,i,c,d,u,h,p,m,D,v,k;return g().wrap((function _callee2$(g){for(;;)switch(g.prev=g.next){case 0:if(a=!1,o=this.set.getArticleByElementId(t.ElementId),l=null==o?void 0:o.VariantValues,i=t.getSVGsWithFormula(),!t.FilterAVL.length&&!t.FilterAVR.length){g.next=52;break}if(null==i||!i.length){g.next=18;break}c=0;case 7:if(!(c<i.length)){g.next=18;break}return d=P.ZP.getVariantValuesFromRule(i[c].JsFormula,{}),g.next=11,this.applyVariantValuesAndTryDock(t,r,d);case 11:if(!(a=g.sent)){g.next=15;break}return E.debug("svgWithFormula nr: "+c+" did dock: "+i[c].SVG),g.abrupt("break",18);case 15:c++,g.next=7;break;case 18:if(a||!o){g.next=31;break}u=this.getVariantValuesMatchingTargetFilters(o,this.plannerElements.get(r)),h=0;case 21:if(!(h<u.length&&h<20)){g.next=31;break}return g.next=24,this.applyVariantValuesAndTryDock(t,r,u[h]);case 24:if(!(a=g.sent)){g.next=28;break}return E.debug("following variantValues matching the target avl/avr filter did dock: ",u[h]),g.abrupt("break",31);case 28:h++,g.next=21;break;case 31:if(null==(p=t.getVaraintValuesInfluencingAVLAVRFilter())||!p.length||a){g.next=44;break}m=0;case 34:if(!(m<p.length&&m<20)){g.next=44;break}return g.next=37,this.applyVariantValuesAndTryDock(t,r,p[m]);case 37:if(!(a=g.sent)){g.next=41;break}return E.debug("following variantValues did dock: ",p[m]),g.abrupt("break",44);case 41:m++,g.next=34;break;case 44:if(a){g.next=52;break}for(k in D=new Map,v=new Map,l)v.set(k,l[k]);return D.set(t.ElementId,v),g.next=51,this.set.updateCfgValuesByPlanner(D,!0);case 51:o&&this.commitPendingConnectorFilters(o);case 52:return g.abrupt("return",a);case 53:case"end":return g.stop()}}),_callee2,this)}))),function tryToDockWithDifferentSVGWithFormula(t,r){return C.apply(this,arguments)})},{key:"applyVariantValuesAndTryDock",value:(A=(0,l.Z)(g().mark((function _callee3(t,r,a){var o,l,i,c;return g().wrap((function _callee3$(d){for(;;)switch(d.prev=d.next){case 0:for(i in o=new Map,l=new Map,a)l.set(i,a[i]);return o.set(t.ElementId,l),d.next=6,this.set.updateCfgValuesByPlanner(o,!0);case 6:return(c=this.set.getArticleByElementId(t.ElementId))&&this.commitPendingConnectorFilters(c),d.abrupt("return",this.dockToAVLorAVR(t,[this.plannerElements.get(r)]));case 9:case"end":return d.stop()}}),_callee3,this)}))),function applyVariantValuesAndTryDock(t,r,a){return A.apply(this,arguments)})},{key:"commitPendingConnectorFilters",value:function commitPendingConnectorFilters(t){t.newPossibleAVRFilters&&(t.avr=t.newPossibleAVRFilters,t.newPossibleAVRFilters=void 0),t.newPossibleAVLFilters&&(t.avl=t.newPossibleAVLFilters,t.newPossibleAVLFilters=void 0)}},{key:"getVariantValuesMatchingTargetFilters",value:function getVariantValuesMatchingTargetFilters(t,r){if(!r)return[];var a=t.CatalogData.isIDMFormat?"":"OPT",o=t.CatalogData.isIDMFormat?"":"OPV",l=[],i=new Set,c=function collect(r,c){var d,u=_createForOfIteratorHelper(c);try{for(u.s();!(d=u.n()).done;){var g,h=d.value,P=_createForOfIteratorHelper(t.getVariantValuesInfluencingOptions([a+r],o+h));try{for(P.s();!(g=P.n()).done;){var p=g.value,m=JSON.stringify(p);i.has(m)||(i.add(m),l.push(p))}}catch(t){P.e(t)}finally{P.f()}}}catch(t){u.e(t)}finally{u.f()}};return c("89",r.FilterAVR),c("90",r.FilterAVL),l}},{key:"dockToAVLorAVR",value:function dockToAVLorAVR(t,r){var a=!1,o=!1;if(t.HasAVL){var l=v.Z.tryDockElement(t,"AVL",r);l&&(this.updateWorldPos(t,l),a=!0)}if(!a&&t.HasAVR){var i=v.Z.tryDockElement(t,"AVR",r);i&&(o=!0,this.updateWorldPos(t,i))}return a||o}},{key:"getAllViewPlannerElements",value:function getAllViewPlannerElements(){return this.getAllPlannerElements()}},{key:"getFreeDockingPointsByElementId",value:function getFreeDockingPointsByElementId(t,r){if(!this.plannerElements.has(t))return{dockingPoints:[],filter:[]};var a=this.plannerElements.get(t),o=a.getFreeDockingPointsByType(r),l=[];switch(r){case"AVR":l=a.getFilterAVR();break;case"AVL":l=a.getFilterAVL()}return{dockingPoints:o,filter:l}}},{key:"getDockedDockingPointsByElementId",value:function getDockedDockingPointsByElementId(t,r){if(!this.plannerElements.has(t))return[];for(var a=this.plannerElements.get(t),o=[],l=0;l<r.length;l++)o=o.concat(a.getDockingDockingPointsByType(r[l]));return o}},{key:"getNeighborElements",value:function getNeighborElements(t,r){if(!this.plannerElements.has(t))return[];var a=this.plannerElements.get(t),o=null==a?void 0:a.getDockingDockingPointsByType(r);if(!o)return[];for(var l=[],i=0;i<(null==o?void 0:o.length);i++)null!=o[i]&&l.push(o[i].OnElementId);return l}},{key:"getDockedGroups",value:function getDockedGroups(){for(var t=[],r=this.getAllPlannerElements(),a=[],o=0;o<this.getAllPlannerElements().length;o++){var l=r[o];if(a.push(l.getElementId()),!l.IsAccessoire){var i=l.getDockingPointsByType("AVL");if(i&&0!=i.length)for(var c=0;c<i.length;c++)i[c].IsDocking||t.push(l);else t.push(l)}}t.sort((function(t,r){return t.WorldPosCorner.x<r.WorldPosCorner.x?1:0}));var d=[],u=function removeFromElementsToAdd(t){var r=a.indexOf(t);r>=0&&a.splice(r,1)};for(o=0;o<t.length;o++){var g=t[o],h=[];u(g.getElementId());for(var P=!1,p=g;!P;){h.push(p.getElementId()),u(p.getElementId());var m=this.getAccessoiresRecursive(p.getElementId());for(c=0;c<m.length;c++)h.push(m[c]),u(m[c]);var D=this.getNeighborElements(p.getElementId(),"AVR");D&&0!=D.length?p=this.plannerElements.get(D[0]):P=!0}d.push(h)}for(o=0;o<a.length;o++)d.push([a[o]]);return d}},{key:"getAccessoiresRecursive",value:function getAccessoiresRecursive(t){var r=this,a=function calcAccs(t,o,l){l.push(t);for(var i=r.getNeighborElements(t,"AVC"),c=r.getNeighborElements(t,"AVO"),d=r.getNeighborElements(t,"AVU"),u=r.getNeighborElements(t,"AVN"),g=r.getNeighborElements(t,"AVS"),h=i.concat(c).concat(d).concat(u).concat(g),P=0;P<h.length;P++)l.indexOf(h[P])>=0||(o.push(h[P]),l.push(h[P]),a(h[P],o,l))},o=[];return a(t,o,[]),o}},{key:"getBoundingBox",value:function getBoundingBox(){return this.plannerBoundingBox}},{key:"initIDM3DMeta",value:function initIDM3DMeta(t,r){this.isIDM3DCat=!0,this.IDM3DCatCodex=t||this.set.getCatalogCodex(),r&&(this.IDM3DEnvironment=r)}},{key:"updatePlanner",value:(x=(0,l.Z)(g().mark((function _callee4(){var t,r,a,o,l,i;return g().wrap((function _callee4$(c){for(;;)switch(c.prev=c.next){case 0:t=this.getAllPlannerElements(),r=[],a=0;case 3:if(!(a<t.length)){c.next=13;break}if(!(o=t[a]).updatePlannerData(this.set.getPlannerData(o.getElementId()))){c.next=10;break}return r.push(o.ElementId),c.next=10,m.Z.loadSVG(o,this.set);case 10:a++,c.next=3;break;case 13:if(l=[],r.length){for(E.debug("Configuration changed one plannerElement. UpdateDockingRelations","DivaStandardPlanner - updatePlanner"),i=v.Z.updateDockingRelations(this.plannerElements),a=0;a<i.length;a++)i[a].IsDockedAccessoire&&l.push(i[a].ElementId);this.updateAllElementsWorldPos(void 0,r),this.updatePlannerPosNr(),this.updatePlannerBoundingBox()}return c.abrupt("return",{doDeleteBackGrid:!1,elemIdsToDelete:l,elementIdsToUpdateSelection:r,failed:!1});case 16:case"end":return c.stop()}}),_callee4,this)}))),function updatePlanner(){return x.apply(this,arguments)})},{key:"extendPlanner",value:(y=(0,l.Z)(g().mark((function _callee5(t,r){var a,l,i,c,d,u,p,k,I,y,x,A,C,b,V,S,B,w,T,N;return g().wrap((function _callee5$(g){for(;;)switch(g.prev=g.next){case 0:if(!isSavePlannerV2(a=parseSetPlanData(t))){g.next=39;break}l=a.set.elements,i=[],c=[],d=new Map,u=0;case 7:if(!(u<l.length)){g.next=35;break}if(g.prev=8,I=l[u],this.set.CatalogData.getCatalogArticleByArticleCodex(null!==(p=saveElementArticleCodex(I))&&void 0!==p?p:"")||null===(k=I.AccessoireInitParams)||void 0===k||!k.RelatedToBasketID||this.set.getSetState.onlyRunLogic){g.next=14;break}return E.error(new P.GE("Error initializing element nr "+u+" in the Standard Web Planner. PlanData V2",{code:"WC_0012"})),g.abrupt("continue",32);case 14:if(y=new h.Z(this.set.getSetId(),I.basketID,this.nextElementId,DivaStandardPlanner.plannerType),d.set(I.elementID,y),this.nextElementId=y.getElementId()+1,this.plannerElements.set(y.ElementId,y),this.set.setElementId(I.basketID,y.ElementId),x=this.set.getPlannerData(y.ElementId),y.updatePlannerData(x),this.doDisablePlanner2D){g.next=24;break}return g.next=24,m.Z.loadSVG(y,this.set);case 24:y.WorldPosCenter=new D.P(r.WorldPos.x+r.Size.x+I.x+100,r.WorldPos.y+I.y,r.WorldPos.z+I.z),y.RotDeg=I.rot,y.IsDockedAccessoire?(c.push(I),y.PosNr=I.posNr,null!=I.accNr&&(y.AccessoirePosNr=I.accNr)):(i[I.posNr-1]=I,y.PosNr=I.posNr),g.next=32;break;case 29:g.prev=29,g.t0=g.catch(8),E.error(new P.GE("Error initializing element nr "+u+" in the Standard Web Planner. PlanData V2",{cause:g.t0,code:"WC_0012"}));case 32:u++,g.next=7;break;case 35:for(A=[].concat((0,o.Z)(i.filter((function(t){return null!=t}))),c),u=0;u<A.length;u++)if(C=A[u],b=d.get(C.elementID),A.length>1&&u>0)for(V=C.DP,S=0;S<V.length;S++)B=V[S],w=null==b?void 0:b.getDockingPointById(B.id),T=d.get(B.onID),N=null==T?void 0:T.getDockingPointById(B.onDPID),w&&N&&v.Z.tryDockElementDPToDP(b,T,w,N);g.next=40;break;case 39:E.error(new P.GE("The function extend Planner works only with products that are saved in the configurator 2.0",{code:"WC_0012"}));case 40:case"end":return g.stop()}}),_callee5,this,[[8,29]])}))),function extendPlanner(t,r){return y.apply(this,arguments)})},{key:"initPlanner",value:(u=(0,l.Z)(g().mark((function _callee6(t){var r,a,l,i,c,d,u,p,k,I,y,x,A,C,b,V,S,B,w,T,N,W,O,_,L,Z,R,M,G,H,z,U,X,Y,$,J,j,K,q,Q,ee,ne,te,re,ae,oe,le,ie,se,ce,de,ue;return g().wrap((function _callee6$(g){for(;;)switch(g.prev=g.next){case 0:if(!isSavePlannerV2(r=parseSetPlanData(t))){g.next=63;break}if(E.debug("Initialize set Plan Data - V2\n"+r,"DivaStandardPlanner initPlanner"),null!==(a=r.set)&&void 0!==a&&null!==(a=a.elements)&&void 0!==a&&a.length){g.next=5;break}return g.abrupt("return");case 5:l=r.set.elements,i=[],c=[],d=0;case 9:if(!(d<l.length)){g.next=37;break}if(g.prev=10,k=l[d],this.set.CatalogData.getCatalogArticleByArticleCodex(null!==(u=saveElementArticleCodex(k))&&void 0!==u?u:"")||null===(p=k.AccessoireInitParams)||void 0===p||!p.RelatedToBasketID||this.set.getSetState.onlyRunLogic){g.next=16;break}return E.error(new P.GE("Error initializing element nr "+d+" in the Standard Web Planner. PlanData V2",{code:"WC_0012"})),g.abrupt("continue",34);case 16:if(I=k.elementID,y=new h.Z(this.set.getSetId(),k.basketID,I,DivaStandardPlanner.plannerType),this.nextElementId=I+1,this.plannerElements.set(y.ElementId,y),this.set.setElementId(k.basketID,y.ElementId),x=this.set.getPlannerData(y.ElementId),y.updatePlannerData(x),this.doDisablePlanner2D){g.next=26;break}return g.next=26,m.Z.loadSVG(y,this.set);case 26:y.WorldPosCenter=new D.P(this.plannerBoundingBox.WorldPos.x+k.x,this.plannerBoundingBox.WorldPos.y+k.y,this.plannerBoundingBox.WorldPos.z+k.z),y.RotDeg=k.rot,y.IsDockedAccessoire?(c.push(k),y.PosNr=k.posNr,null!=k.accNr&&(y.AccessoirePosNr=k.accNr)):(i[k.posNr-1]=k,y.PosNr=k.posNr),g.next=34;break;case 31:g.prev=31,g.t0=g.catch(10),E.error(new P.GE("Error initializing element nr "+d+" in the Standard Web Planner. PlanData V2",{cause:g.t0,code:"WC_0012"}));case 34:d++,g.next=9;break;case 37:A=1==i.filter(Boolean).length,C=[].concat((0,o.Z)(i.filter((function(t){return null!=t}))),c),d=0;case 40:if(!(d<C.length)){g.next=61;break}if(g.prev=41,b=C[d],0!=d||!A||!this.plannerHasStaticBackground){g.next=48;break}return null!=(null==(V=i[d])?void 0:V.x)||null!=(null==V?void 0:V.y)||null!=(null==V?void 0:V.z)||(S=this.plannerElements.get(b.elementID))&&(S.WorldPosCenter=new D.P(0,S.Height/2,S.Depth/2)),g.abrupt("continue",58);case 48:if(null!=b.DP&&0!=b.DP.length){g.next=50;break}return g.abrupt("continue",58);case 50:for(B=b.DP,w=0;w<B.length;w++)(T=B[w]).id&&null!=T.onID&&T.onDPID&&(N=this.plannerElements.get(b.elementID),W=null==N?void 0:N.getDockingPointById(T.id),O=this.plannerElements.get(T.onID),_=null==O?void 0:O.getDockingPointById(T.onDPID),W&&_?W.IsDocking&&W.OnDP==_||v.Z.tryDockElementDPToDP(N,O,W,_)||this.doDisablePlanner2D||E.error(new P.GE("Saved docking relation rejected on init: "+T.id+" (elem "+(null==N?void 0:N.ElementId)+") -> "+T.onDPID+" (elem "+(null==O?void 0:O.ElementId)+")",{code:"WC_0012"})):this.doDisablePlanner2D||E.error(new P.GE("Error initializing docking point between source element with id: "+(null==N?void 0:N.ElementId)+" and target Element with id: "+(null==O?void 0:O.ElementId)+". SourceDPID: "+T.id+"; targetDPID: "+T.onDPID)));g.next=58;break;case 54:g.prev=54,g.t1=g.catch(41),Z=null===(L=C[d])||void 0===L?void 0:L.elementID,E.error(new P.GE("Error initializing dockingPoints of element with elementID "+Z,{cause:g.t1,code:"WC_0012"}));case 58:d++,g.next=40;break;case 61:g.next=116;break;case 63:if(E.debug("Initialize set Plan Data - old V1\n"+r,"DivaStandardPlanner initPlanner"),null!=(G=null===(R=r.Sets)||void 0===R?void 0:R[0])&&null!==(M=G.Elements)&&void 0!==M&&M.length){g.next=67;break}return g.abrupt("return");case 67:H=G.Elements,z=[],U=[],d=0;case 71:if(!(d<H.length)){g.next=105;break}if(g.prev=72,$=H[d],this.set.CatalogData.getCatalogArticleByArticleCodex(null!==(X=saveElementArticleCodex($))&&void 0!==X?X:"")||null===(Y=$.AccessoireInitParams)||void 0===Y||!Y.RelatedToBasketID||this.set.getSetState.onlyRunLogic){g.next=78;break}return E.error(new P.GE("Error initializing element nr "+d+" in the Standard Web Planner. PlanData V1",{code:"WC_0012"})),g.abrupt("continue",102);case 78:if(J=$.BasketID,-1==this.set.getElementId(J)&&this.set.setElementId(J,Number($.ID)),j=this.set.getElementId(J),$.elementId=j,-1!=j){g.next=85;break}return E.error(new P.GE("Error when initializing planner. The elementID Was not saved in the article. ",{code:"WC_0012"})),g.abrupt("continue",102);case 85:if(K=new h.Z(this.set.getSetId(),J,j,DivaStandardPlanner.plannerType),this.nextElementId=j+1,this.plannerElements.set(K.ElementId,K),q=this.set.getPlannerData(K.ElementId),K.updatePlannerData(q),this.doDisablePlanner2D){g.next=93;break}return g.next=93,m.Z.loadSVG(K,this.set);case 93:Q=new D.P($.PosX,$.PosZ,$.PosY),K.WorldPosCenter=new D.P(this.plannerBoundingBox.WorldPos.x+Q.x,this.plannerBoundingBox.WorldPos.y+Q.y,this.plannerBoundingBox.WorldPos.z+Q.z),K.RotDeg=$.Rot,K.IsDockedAccessoire?(U.push($),$.PosNum.toString().indexOf(".")>0&&(ee=$.PosNum.toString().split(".")[0],ne=$.PosNum.toString().split(".")[1],K.PosNr=Number(ee),K.AccessoirePosNr=Number(ne))):(z[$.PosNum-1]=$,K.PosNr=$.PosNum),g.next=102;break;case 99:g.prev=99,g.t2=g.catch(72),E.error(new P.GE("Error initializing element nr "+d+" in the Standard Web Planner - Plan Data old Planner",{cause:g.t2,code:"WC_0012"}));case 102:d++,g.next=71;break;case 105:te=[].concat((0,o.Z)(z.filter((function(t){return null!=t}))),U),d=0;case 107:if(!(d<te.length)){g.next=116;break}if(null!=(re=te[d]).DP&&0!=re.DP.length){g.next=111;break}return g.abrupt("continue",113);case 111:for(ae=re.DP,w=0;w<ae.length;w++)(oe=ae[w]).DP&&""!=oe.DP&&oe.onID&&""!=oe.onID&&(ie=parseInt(String(oe.onID)),se=oe.DP,ce=null!=re.elementId?this.plannerElements.get(re.elementId):void 0,de=null!==(le=this.plannerElements.get(ie))&&void 0!==le?le:this.getPlannerElementByIndex(ie-1),ce&&de?v.Z.initDockingPointRelationByArea(ce,de,se):E.error(new P.GE("Error initializing dockingPoints of element with elementID "+re.elementId,{code:"WC_0012"})));case 113:d++,g.next=107;break;case 116:this.plannerElements.forEach((function(t){!t.IsDockedAccessoire&&(null==ue||t.PosNr<ue.PosNr)&&(ue=t)})),this.updateAllElementsWorldPos(void 0,ue?[ue.ElementId]:void 0),this.updatePlannerPosNr();case 119:case"end":return g.stop()}}),_callee6,this,[[10,31],[41,54],[72,99]])}))),function initPlanner(t){return u.apply(this,arguments)})},{key:"getPlannerElementByIndex",value:function getPlannerElementByIndex(t){var r=void 0,a=0;return this.plannerElements.forEach((function(o,l){t==a&&(r=o),a++})),r}},{key:"addPlannerElement",value:(a=(0,l.Z)(g().mark((function _callee7(t,r){var a,o,l,i,c,d,u;return g().wrap((function _callee7$(g){for(;;)switch(g.prev=g.next){case 0:if(c=new h.Z(this.set.getSetId(),t,this.nextElementId,DivaStandardPlanner.plannerType),this.nextElementId++,this.plannerElements.set(c.ElementId,c),this.set.setElementId(t,c.ElementId),d=this.set.getPlannerData(c.ElementId),c.updatePlannerData(d),this.doDisablePlanner2D){g.next=9;break}return g.next=9,m.Z.loadSVG(c,this.set);case 9:if(null==(u=null!==(a=r.dockingPointInfos)&&void 0!==a?a:[{targetDockingPointId:r.targetDockingPointId,targetElemIdToDock:r.targetElemIdToDock}])||null===(o=u[0])||void 0===o||!o.targetElemIdToDock||null==u||null===(l=u[0])||void 0===l||!l.targetDockingPointId){g.next=15;break}return g.next=13,this.addElementToWorld(c,u);case 13:g.next=27;break;case 15:if(null==u||null===(i=u[0])||void 0===i||!i.targetElemIdToDock){g.next=20;break}return g.next=18,this.addElementToWorld(c,u);case 18:g.next=27;break;case 20:if(!r.oldPlannerTransform){g.next=25;break}return g.next=23,this.addElementToWorld(c,void 0,void 0,void 0,void 0,{forceSetToTrans:!0,transform:r.oldPlannerTransform});case 23:g.next=27;break;case 25:return g.next=27,this.addElementToWorld(c);case 27:this.updatePlannerBoundingBox();case 28:case"end":return g.stop()}}),_callee7,this)}))),function addPlannerElement(t,r){return a.apply(this,arguments)})},{key:"movePlannerElement",value:function movePlannerElement(){throw Error("move planner not implemented in standard")}},{key:"copyPlannerElement",value:(r=(0,l.Z)(g().mark((function _callee8(t,r){var a,o,l,i,c,d;return g().wrap((function _callee8$(u){for(;;)switch(u.prev=u.next){case 0:a=0;case 1:if(!(a<t.length)){u.next=24;break}if(l=t[a],null!=r){u.next=7;break}return u.next=6,this.addPlannerElement(l.value,{});case 6:return u.abrupt("continue",21);case 7:if(-1==(i=null===(o=r.copyIndex)||void 0===o?void 0:o.x)||1==i){u.next=12;break}return u.next=11,this.addPlannerElement(l.value,{});case 11:return u.abrupt("continue",21);case 12:if(c=this.plannerElements.get(l.key),d=null==c?void 0:c.getFreeDockingPointsByType(-1==i?"AVL":"AVR").find((function(t){return!t.IsDisabled})),!c||!d){u.next=19;break}return u.next=17,this.addPlannerElement(l.value,{targetElemIdToDock:c.ElementId,targetDockingPointId:d.DpId});case 17:u.next=21;break;case 19:return u.next=21,this.addPlannerElement(l.value,{});case 21:a++,u.next=1;break;case 24:case"end":return u.stop()}}),_callee8,this)}))),function copyPlannerElement(t,a){return r.apply(this,arguments)})},{key:"getPlannerElementsInfluencedByDeletion",value:function getPlannerElementsInfluencedByDeletion(t,r){return[]}},{key:"getPlannerElementsInfluencedByCopy",value:function getPlannerElementsInfluencedByCopy(t,r){if(!r||"BoxPlanner_backside"!=r.copyType&&"STD"!=r.copyType)throw new Error("copyType needs to be BoxPlanner_backside or STD here");return this.plannerElements.has(t)?[t]:[]}},{key:"deletePlannerElement",value:(t=(0,l.Z)(g().mark((function _callee9(t,r){var a,o,l,i,c,d,u,h,p,m,D,k,E,I,y;return g().wrap((function _callee9$(g){for(;;)switch(g.prev=g.next){case 0:return g.next=2,P.ZP.Sleep(1);case 2:if(this.plannerElements.has(t)){g.next=4;break}return g.abrupt("return",{});case 4:return a=this.plannerElements.get(t),o=this.getParentElement(a),l=-1,i=999,c=-1,d=-1,u=!1,this.plannerElements.forEach((function(t,r){u||(null!=a&&a.IsAccessoire&&a.PosNr==t.PosNr&&(c=t.getElementId(),u=!0),t.getPosNr()<a.getPosNr()&&t.getPosNr()>l?(l=t.getPosNr(),c=t.getElementId()):t.getPosNr()>a.getPosNr()&&t.getPosNr()<i&&(i=t.getPosNr(),d=t.getElementId()))})),h=!1,r&&(p=a.getDockingDockingPointsByType("AVL"),m=a.getDockingDockingPointsByType("AVR"),p.length>0&&m.length>0&&(D=this.plannerElements.get(p[0].OnElementId),k=this.plannerElements.get(m[0].OnElementId),D&&k&&(E=D.getDockingDockingPointsByType("AVR"),I=k.getDockingDockingPointsByType("AVL"),E.length>0&&I.length>0&&(v.Z.removeDockingPointRelations(a),h=!0,v.Z.tryDockElementDPToDP(D,k,E[0],I[0]))))),y={rotDeg:a.getRotDeg(),worldPosCenter:a.WorldPosCenter},h||v.Z.removeDockingPointRelations(a),this.plannerElements.delete(t),this.tryToDockForNotDockedAccessoire(o),this.updatePlannerPosNr(),this.updateAllElementsWorldPos(),this.updatePlannerPosNr(),this.checkCollision(!1,a.getElementId()),this.updatePlannerBoundingBox(),g.abrupt("return",{newElementToSelect:c>=0?c:d>=0?d:void 0,transform:y});case 24:case"end":return g.stop()}}),_callee9,this)}))),function deletePlannerElement(r,a){return t.apply(this,arguments)})},{key:"tryToDockForNotDockedAccessoire",value:function tryToDockForNotDockedAccessoire(t){if(t)for(var r=t.getCurrentAccessorires().filter((function(t){return t.getIsNotDockedAccessoire()})),a=0;a<r.length;a++){var o=r[a].getElementId(),l=this.plannerElements.get(o);if(l)if(this.dockToAVUorAVOororAVNorAVSorAVC(l,[t]))break}}},{key:"checkCollision",value:function checkCollision(t,r){if(!this.doDisablePlanner2D){for(var a,o,l=this.getAllPlannerElements(),i=!1,c=[],d=0;d<l.length;d++){var u=l[d];if(!r||u.getElementId()==r)for(var g=r?0:d+1;g<l.length;g++){var h,P,p=l[g];if(u.getElementId()!=p.getElementId()&&!v.Z.checkElementsAreDocking(u,p)){var D=!1;if((this.set.CatalogData.doCheckConstructionWarnings||null!==(h=this.set.CatalogData.forceConstructionWarningForArticles)&&void 0!==h&&h.includes(u.ArticleCodex)||null!==(P=this.set.CatalogData.forceConstructionWarningForArticles)&&void 0!==P&&P.includes(p.ArticleCodex))&&(D=m.Z.checkCollision(u,p,this.set.CatalogData.checkCollisionForDifferentLayers)),D&&(i=!0,c.push({elementId1:u.getElementId(),elementId2:p.getElementId()}),E.debug("Collision Found between element1: "+u.ElementId+"; and element2: "+p.ElementId),!t))break}}}if(this.collisionHandler.collisionDetected&&!i)null===(a=(o=this.collisionHandler).updatePlannerMsgContainer)||void 0===a||a.call(o,"COLLISION_MSG",!1,"WARNING","COLLISION_MSG",!1);else if(!this.collisionHandler.collisionDetected&&i){var k,I;null===(k=(I=this.collisionHandler).updatePlannerMsgContainer)||void 0===k||k.call(I,"COLLISION_MSG",!0,"WARNING","COLLISION_MSG",!1)}this.collisionHandler.collisionPairs=c,this.collisionHandler.collisionDetected=i}}},{key:"updateSetPosNr",value:function updateSetPosNr(t){for(var r=this.getAllPlannerElements(),a=0;a<r.length;a++){var o=r[a];o.SetPosNr=t+o.PosNr-1,this.set.setPosNr(o.ElementId,o.getPosNr())}for(var l=0;l<r.length;l++)r[l].IsAccessoire||this.set.giveAccNewPosNrByBasketId(r[l].getBasketId());return r.length}},{key:"updatePlannerTrans",value:function updatePlannerTrans(t,r,a,o,l,i,c){var d=this,u=!1;if(this.plannerElements.has(t)){var g=this.plannerElements.get(t);if(null==g||g.updateDeltaTrans(r,a,o,"END"==l,c),"START"==l){if(g){var h=["AVR","AVL"];g.IsDockedAccessoire&&(h=h.concat(["AVO","AVU","AVN","AVS","AVC"]));for(var P=v.Z.removeDockingPointRelationsByType(g,h),p=0;p<P.length;p++)u=this.set.onDockingChanged(g.ElementId,P[p],"UNDOCK")}}else if("END"==l){var m=v.Z.searchDockableElementsInArea(g,this.getAllPlannerElements(),i);null!=m&&m.size>0&&m.forEach((function(t,r){var a=d.plannerElements.get(t.targetDP.ElementId);a&&v.Z.tryDockElementDPToDP(g,a,t.sourceDP,t.targetDP)})),u=this.updateAllElementsWorldPos(t),this.updatePlannerPosNr(),this.updatePlannerBoundingBox()}}return u}},{key:"destroyPlanner",value:function destroyPlanner(){this.plannerElements.forEach((function(t,r){t.destroy()})),this.plannerElements.clear()}},{key:"saveSetPlanner",value:function saveSetPlanner(){var t=this;if(0==this.plannerElements.size)return null;var r=[];return this.plannerElements.forEach((function(a,o){for(var l=a.getDockingDockingPoints(),i=[],c=0;c<l.length;c++){var d,u={id:l[c].DpId,onID:l[c].OnElementId,onDPID:null===(d=l[c].OnDP)||void 0===d?void 0:d.DpId};i.push(u)}var g={elementID:a.getElementId(),basketID:t.set.getBasketId(a.getElementId()),CatalogCodex:t.set.getCatalogCodex(),Codex:t.set.getArticleCodex(a.getElementId()),posNr:a.PosNr,accNr:a.IsDockedAccessoire?a.AccessoirePosNr:void 0,x:a.WorldPosCenter.x,y:a.WorldPosCenter.y,z:a.WorldPosCenter.z,rot:a.RotDeg,width:a.Width?a.Width:-1,height:a.Height?a.Height:-1,depth:a.Depth?a.Depth:-1,DP:i};if(a.IsAccessoire){var h=t.set.getParentBasketIdOfElementId(a.getElementId());null!=h&&(g.AccessoireInitParams={RelatedToBasketID:h})}r.push(g)})),{setId:this.set.getSetId(),x:0,y:0,z:0,width:this.plannerBoundingBox.Size.x,height:this.plannerBoundingBox.Size.y,depth:this.plannerBoundingBox.Size.z,rot:0,elements:r}}},{key:"getPlannerId",value:function getPlannerId(){return this.plannerID}},{key:"getSetData",value:function getSetData(t,r,a,o){var l=this,i={ID:r?this.set.getSetId():"S1",H:"",x:0,y:0,z:0,w:0,ELE:[],Blob:this.set.CatalogData.supplierILN,Cat:this.set.getCatalogCodex()},c=this.set.getAlternateRenderInfo();c&&(i.AlternateImg=c),a&&(i.ShowDim=a),this.isIDM3DCat&&(i.IsIDM3D=!0,i.IDM3DCatCodex=this.IDM3DCatCodex,i.IDM3DEnvironment=this.IDM3DEnvironment),this.plannerElements.forEach((function(r,c){var d=l.set.getPlannerConfigData(c,o),u=d.config,g=[];if(d.accs&&d.accs.length>0)for(var h=0;h<d.accs.length;h++)l.plannerElements.has(d.accs[h])&&g.push("E"+d.accs[h]);if(!t||null!=u.Model){var p,m,D,v,k=l.set.getArticleByElementId(c),E={ID:"E"+c,Model:u.Model,x:-Math.round(100*r.WorldPosCenterIgnoreOLF.x)/100,y:Math.round(100*r.WorldPosCenterIgnoreOLF.y)/100,z:Math.round(100*r.WorldPosCenterIgnoreOLF.z)/100,PosPivot:"Center",w:Math.round(100*r.getRotDeg())/100,RotPivot:"Center",DP:r.getDockingPointJS3D(),MAT:u.MAT,MOVE:null!==(p=u.MOVE)&&void 0!==p?p:void 0,CFG:u.CFG,H:"",ACCs:g.length>0?g:void 0};if(a)E.TechSize={Width:null==r.Width||isNaN(r.Width)?null!==(m=null==k?void 0:k.width)&&void 0!==m?m:0:r.Width,Height:null==r.Height||isNaN(r.Height)?null!==(D=null==k?void 0:k.height)&&void 0!==D?D:0:r.Height,Depth:null==r.Depth||isNaN(r.Depth)?null!==(v=null==k?void 0:k.depth)&&void 0!==v?v:0:r.Depth};var I=(0,P.FB)(JSON.stringify(E));E.H=I,i.ELE.push(E)}var y=l.set.getShelfPlannerData(c);if(y)for(var x=0;x<y.length;x++){var A=y[x],C=l.set.getShelfPlannerConfigData(A.basketId).config,b=[];if(C.accs&&C.accs.length>0)for(var V=0;V<C.accs.length;V++)l.plannerElements.has(C.accs[V])&&b.push("E"+C.accs[V]);var S={ID:"E"+A.parentElementId+"."+A.gridId+"."+A.rh,H:"",Model:A.model,x:0,y:0,z:1,w:0,PosPivot:"Center",RotPivot:"Center",DP:"RH"+A.rh+":E"+A.parentElementId,GN:A.gridName,MAT:C.MAT,CFG:C.CFG,ACCs:b.length>0?b:void 0};I=(0,P.FB)(JSON.stringify(S));S.H=I,i.ELE.push(S)}}));var d=(0,P.FB)(JSON.stringify(i));return i.H=d,{constructionSet:i}}},{key:"getElementPosInfo",value:function getElementPosInfo(){var t={};return this.plannerElements.forEach((function(r,a){r.IsDockedAccessoire?t[a]={pos:r.PosNr,isAcc:!0,accPos:r.AccessoirePosNr}:t[a]={pos:r.PosNr,isAcc:!1}})),t}},{key:"getPlanningIsComplete",value:function getPlanningIsComplete(t){var r=this,a=!t&&(this.set.CatalogData.doHideCompletenessWarning||!this.set.CatalogData.doCheckConstructionWarnings),o=!1;return this.plannerElements.forEach((function(t,l){var i;(!a||null!==(i=r.set.CatalogData.forceConstructionWarningForArticles)&&void 0!==i&&i.includes(t.ArticleCodex))&&!o&&(t.getFreeDockingPointsByType("AVL").length>0||t.getFreeDockingPointsByType("AVR").length>0)&&(o=!0)})),!o}},{key:"getPlannerBoundingBox",value:function getPlannerBoundingBox(){var t=this.set.CatalogData,r=this.plannerBoundingBox.getWidth(t.PlannerMeasureDigits),a=this.plannerBoundingBox.getDepth(t.PlannerMeasureDigits),o=this.plannerBoundingBox.getHeight(t.PlannerMeasureDigits),l=this.plannerBoundingBox.getWidth(t.PlannerMeasureDigits,!0),i=this.plannerBoundingBox.getDepth(t.PlannerMeasureDigits,!0),c=this.plannerBoundingBox.getHeight(t.PlannerMeasureDigits,!0),d=l!==r||i!==a||c!==o;return{width:r,height:o,depth:a,widthIgnoreOLF:d?l:void 0,depthIgnoreOLF:d?i:void 0,heightIgnoreOLF:d?c:void 0}}},{key:"updatePlannerBoundingBox",value:function updatePlannerBoundingBox(){this.plannerBoundingBox.calcPlannerBoundingBox(this.getAllPlannerElements()),this.plannerBoundingBox.calcPlannerBoundingBoxIgnoreOLF(this.getAllPlannerElements())}},{key:"getCatalogData",value:function getCatalogData(){return this.set.CatalogData}},{key:"getAllPlannerElements",value:function getAllPlannerElements(){var t=[];return this.plannerElements.forEach((function(r,a){t.push(r)})),t}},{key:"getParentElement",value:function getParentElement(t){var r=void 0,a=t.getParentElementId();return a&&(r=this.plannerElements.get(a)),r}},{key:"getPositionOfPlannerElements",value:function getPositionOfPlannerElements(){var t=this.set.getSetId();this.plannerElements.forEach((function(r,a){E.log("SetID:",t),E.log("Elementid:",r.ElementId),E.log("X:",r.WorldPosCenter.x),E.log("Y:",r.WorldPosCenter.y),E.log("X:",r.WorldPosCenter.z),E.log("ROT:",r.RotDeg),E.log("___________________________")}))}},{key:"clonePlanner",value:function clonePlanner(t,r){return new DivaStandardPlanner(t,(function(){}),r,new k.Z,!0,!1)}},{key:"getPlannerInteractionInformation",value:function getPlannerInteractionInformation(){return E.error(new P.GE("The function getPlannerInteractionInformation is not implemented yet for standard planner. Dont call it or ask roadmap when its its turn",{code:"WC_0012"})),{boxPlannerInteractionInformationPerElement:new Map}}},{key:"getGeneralPlanningState",value:function getGeneralPlanningState(t){return E.error(new P.GE("The function getGeneralPlanningState is not implemented yet for standard planner. Dont call it or ask roadmap when its its turn",{code:"WC_0012"})),{grids:[]}}}]);var t,r,a,u,y,x,A,C,b}();(0,d.Z)(y,"plannerType","STD")},65411:(t,r,a)=>{a.d(r,{Z:()=>u});var o=a(13125),l=a(43860),i=a(89429),c=a(49736);function _superPropBase(t,r){for(;!{}.hasOwnProperty.call(t,r)&&null!==(t=(0,c.Z)(t)););return t}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(t,r,a){var o=_superPropBase(t,r);if(o){var l=Object.getOwnPropertyDescriptor(o,r);return l.get?l.get.call(arguments.length<3?t:a):l.value}},_get.apply(null,arguments)}var d=a(91870);function _callSuper(t,r,a){return r=(0,c.Z)(r),(0,i.Z)(t,_isNativeReflectConstruct()?Reflect.construct(r,a||[],(0,c.Z)(t).constructor):r.apply(t,a))}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t})()}const u=new(function(t){function DockingPointHandler(){return(0,o.Z)(this,DockingPointHandler),_callSuper(this,DockingPointHandler,arguments)}return(0,d.Z)(DockingPointHandler,t),(0,l.Z)(DockingPointHandler,[{key:"initDockingPointsFromSvg",value:function initDockingPointsFromSvg(t,r,a,o){var l="minX"in a?a:{minX:a.svgMinXVal,minY:a.svgMinYVal};!function _superPropGet(t,r,a,o){var l=_get((0,c.Z)(1&o?t.prototype:t),r,a);return 2&o&&"function"==typeof l?function(t){return l.apply(a,t)}:l}(DockingPointHandler,"initDockingPointsFromSvg",this,3)([t,r,l,o])}}])}(a(60415).pD))},95212:(t,r,a)=>{a.d(r,{Z:()=>v});var o=a(84658),l=a(13125),i=a(43860),c=a(80248),d=a(50747),u=a.n(d),g=a(58129),h=a(65411),P=a(64357),p=a(69369),m=a(60415),D=p.ZP.initLog("Planner","WEB-PLANNER-LOGIC");const v=new(function(){return(0,i.Z)((function PlannerHandler2D(){(0,l.Z)(this,PlannerHandler2D),(0,c.Z)(this,"svgUtils",void 0),this.svgUtils=new g.Z}),[{key:"checkCollision",value:function checkCollision(t,r,a){if(p.ZP.startSpanOfApm("PlannerHandler2D checkCollision"),!(t.Layer==r.Layer||a.includes(Number(t.Layer))&&a.includes(Number(r.Layer))))return p.ZP.endSpanOfApm("PlannerHandler2D checkCollision"),!1;var o=t.getWorld2DBBoxOutline(),l=r.getWorld2DBBoxOutline();if((0,m.JU)(o,l)){if(!t.HasOLTPolygon&&!t.HasOLFPolygon)return D.error(new p.GE("checkCollision PlannerHandler2D - The element with id: "+t.getElementId()+" has no OLT AND no OLF",{code:"WC_0012"})),p.ZP.endSpanOfApm("PlannerHandler2D checkCollision"),!1;if(!r.HasOLTPolygon&&!r.HasOLFPolygon)return D.error(new p.GE("checkCollision PlannerHandler2D - The element with id: "+r.getElementId()+" has no OLT AND no OLF",{code:"WC_0012"})),p.ZP.endSpanOfApm("PlannerHandler2D checkCollision"),!1;var i=t.HasOLFPolygon?t.getOLFPolygonWorldPos():t.getOLTPolygonWorldPos(),c=r.HasOLFPolygon?r.getOLFPolygonWorldPos():r.getOLTPolygonWorldPos();return p.ZP.endSpanOfApm("PlannerHandler2D checkCollision"),(0,m.JU)(i,c)}return p.ZP.endSpanOfApm("PlannerHandler2D checkCollision"),(0,m.uA)(o,l)}},{key:"parseSvg",value:function parseSvg(t,r,a,o,l){var i,c;r=this.svgUtils.removeMaskFromSvg(r),h.Z.initDockingPointsFromSvg(t,this.svgUtils.getDPsInSVG(r),a,o);var d=this.svgUtils.getPointOfPoligonById(r,"OLT");null!=d&&d.length||D.warn("no olt fount in svg for element"+t.ArticleCodex+" with id "+t.getElementId()),t.OLTPolygon=d;var u=this.svgUtils.getPointOfPoligonById(r,"OLF"),g=(0,m.Qq)(r);if(null!=u&&u.length){var v,k,E=this.svgUtils.getBoundingBoxOfPoints(u),I=null!==(v=null==g?void 0:g.width)&&void 0!==v?v:E.width,y=null!==(k=null==g?void 0:g.height)&&void 0!==k?k:E.height;t.setupOLF(u,I,y)}else if(g){var x=[new P.FM(g.minX,g.minY),new P.FM(g.minX+g.width,g.minY),new P.FM(g.minX+g.width,g.minY+g.height),new P.FM(g.minX,g.minY+g.height)];t.setupOLF(x,g.width,g.height)}else null!=l&&l.heightOLF,null!=l&&l.widthOLF?t.setupOLF(u,null==l?void 0:l.widthOLF,null==l?void 0:l.heightOLF):t.clearOLF();var A=(0,m.hd)(r);if(t.OLTWidth=null!==(i=null==A?void 0:A.width)&&void 0!==i?i:0,t.OLTDepth=null!==(c=null==A?void 0:A.height)&&void 0!==c?c:0,t.OLTLeft=A&&g?A.x-g.minX:0,t.OLTTop=A&&g?A.y-g.minY:0,t.DoSetWidthFromSVG||t.DoSetDepthFromSVG){var C=(0,m.O3)(r);t.DoSetWidthFromSVG&&null!=C&&C.width&&(t.WidthFromSVG=C.width/p.ZP.UnitRecalc),t.DoSetDepthFromSVG&&null!=C&&C.height&&(t.DepthFromSVG=C.height/p.ZP.UnitRecalc)}t.SvgData=r,t.cleanShapeOLF2D(),t.cleanShapeOLT2D()}},{key:"getMinBorderSVG",value:function getMinBorderSVG(t){var r=(0,m.dI)(t);return{svgMinXVal:r.minX,svgMinYVal:r.minY}}},{key:"loadSVG",value:(t=(0,o.Z)(u().mark((function _callee(t,r){var a,o,l,i,c,d,g,h,P,m,v=this;return u().wrap((function _callee$(u){for(;;)switch(u.prev=u.next){case 0:if(a=t.SvgFileName){u.next=3;break}return u.abrupt("return",!1);case 3:if(!r.CatalogData.isIDMFormat){u.next=9;break}return u.next=6,r.api.fetchData(a,{method:"GET",config:{},data:{}});case 6:o=u.sent,u.next=16;break;case 9:return u.next=11,r.api.getDataCache(this.getSVGUrl(a,r.CatalogData.mediaUrl),void 0,r.CatalogData.accountSessionGuid);case 11:if(!(i=u.sent).Error){u.next=14;break}throw new Error(i.Error);case 14:"success"==i.Result.toLowerCase()&&(l=i.Content),o=p.ZP.decodeBase64(l);case 16:if(o||D.error(new p.GE("Fehler beim laden des SVGs ",{code:"WC_0009",custom:{svgFile:a}})),t.svgBefore=o,c=t.Width,-1===(d=t.Depth)&&-1!==t.Height&&(d=t.Height),!(null!=c&&c>0&&null!=d&&d>0)){u.next=31;break}return h=this.getMinBorderSVG(o),P=r.CatalogData.isIDMFormat?a:"".concat(r.CatalogData.mediaUrl,"pln_").concat(a),m="",u.next=27,new Promise((function(t,a){g=v.svgUtils.ccCheckStretchAreas(o,c,d,r.CatalogData.useGlobalSVGScale,h.svgMinXVal,h.svgMinYVal,(function(r){m=r,t()}),P)}));case 27:t.svgAfter=m,this.parseSvg(t,m,h,r.CatalogData.getPlannerConfig(),g),u.next=33;break;case 31:t.svgAfter=o,this.parseSvg(t,o,{svgMinXVal:0,svgMinYVal:0},r.CatalogData.getPlannerConfig());case 33:return u.abrupt("return",!0);case 34:case"end":return u.stop()}}),_callee,this)}))),function loadSVG(r,a){return t.apply(this,arguments)})},{key:"getSVGUrl",value:function getSVGUrl(t,r){var a=r+"pln_"+t,o=a.indexOf("/files/");return a=a.substring(o),"function=GetFileAsString&fileUrl="+encodeURIComponent(a)}}]);var t}())}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8445.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8445],{88445:(e,n,t)=>{t.r(n),t.d(n,{default:()=>r});var l=t(34988),o=t(65515),i=t.n(o),c=t(9420),u=t(87363),s=t(62052),a=t(47514),d=new s.FM(0,0);const r=(0,c.Pi)((function Outline(e){var n,t,o=e.item,c=e.plannerUIProps,r=(0,u.useState)(!1),v=(0,l.Z)(r,2),h=v[0],m=v[1],f=(0,u.useState)(o.position.x),M=(0,l.Z)(f,2),g=M[0],b=M[1],I=(0,u.useState)(o.position.y),p=(0,l.Z)(I,2),x=p[0],D=p[1],F=!1;return(0,a.jsx)("div",{onClick:function onClick(){var e;null===(e=o.clickFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId))},onMouseDown:function onMouseDown(e){F=!0,d=new s.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(F=!0,d=new s.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var n,t;F&&!h&&(m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId)));h&&(null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.clientX-d.x,e.clientY-d.y)),b(g+e.clientX-d.x),D(x+e.clientY-d.y),d.x=e.clientX,d.y=e.clientY);F=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var n,t;if(F&&!h)m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId));if(h)null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.touches[0].clientX-d.x,e.touches[0].clientY-d.y)),b(g+e.touches[0].clientX-d.x),D(x+e.touches[0].clientY-d.y),d.x=e.touches[0].clientX,d.y=e.touches[0].clientY;F=!1}},onMouseUp:function onMouseUp(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},onTouchEnd:function onTouchEnd(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},style:{left:g+"px",top:x+"px",width:(null==o||null===(n=o.size)||void 0===n?void 0:n.x)+"px",height:(null==o||null===(t=o.size)||void 0===t?void 0:t.y)+"px",transform:"rotate("+(null==o?void 0:o.rotOfElement)+"deg)"},className:i()(h?c.classes.outline.outline2D.draggableActive:void 0,"selected"==o.elemState?c.classes.outline.outline2D.draggable:void 0,"selectable"==o.elemState?c.classes.outline.outline2D.selectable:void 0)})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8445],{88445:(e,n,t)=>{t.r(n),t.d(n,{default:()=>r});var l=t(34988),o=t(65515),i=t.n(o),c=t(9420),u=t(87363),s=t(87998),a=t(47514),d=new s.FM(0,0);const r=(0,c.Pi)((function Outline(e){var n,t,o=e.item,c=e.plannerUIProps,r=(0,u.useState)(!1),v=(0,l.Z)(r,2),h=v[0],m=v[1],f=(0,u.useState)(o.position.x),M=(0,l.Z)(f,2),g=M[0],b=M[1],I=(0,u.useState)(o.position.y),p=(0,l.Z)(I,2),x=p[0],D=p[1],F=!1;return(0,a.jsx)("div",{onClick:function onClick(){var e;null===(e=o.clickFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId))},onMouseDown:function onMouseDown(e){F=!0,d=new s.FM(e.clientX,e.clientY)},onTouchStart:function onTouchStart(e){1==e.touches.length&&(F=!0,d=new s.FM(e.touches[0].clientX,e.touches[0].clientY))},onMouseMove:function onMouseMove(e){var n,t;F&&!h&&(m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId)));h&&(null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.clientX-d.x,e.clientY-d.y)),b(g+e.clientX-d.x),D(x+e.clientY-d.y),d.x=e.clientX,d.y=e.clientY);F=!1},onTouchMove:function onTouchMove(e){if(1==e.touches.length){var n,t;if(F&&!h)m(!0),null===(n=o.onDragStartFunction)||void 0===n||n.call(o,o.setId,Number(o.elementId));if(h)null===(t=o.onDragMoveFunction)||void 0===t||t.call(o,o.setId,Number(o.elementId),new s.FM(e.touches[0].clientX-d.x,e.touches[0].clientY-d.y)),b(g+e.touches[0].clientX-d.x),D(x+e.touches[0].clientY-d.y),d.x=e.touches[0].clientX,d.y=e.touches[0].clientY;F=!1}},onMouseUp:function onMouseUp(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},onTouchEnd:function onTouchEnd(){var e;h&&(m(!1),null===(e=o.onDragEndFunction)||void 0===e||e.call(o,o.setId,Number(o.elementId)));F=!1},style:{left:g+"px",top:x+"px",width:(null==o||null===(n=o.size)||void 0===n?void 0:n.x)+"px",height:(null==o||null===(t=o.size)||void 0===t?void 0:t.y)+"px",transform:"rotate("+(null==o?void 0:o.rotOfElement)+"deg)"},className:i()(h?c.classes.outline.outline2D.draggableActive:void 0,"selected"==o.elemState?c.classes.outline.outline2D.draggable:void 0,"selectable"==o.elemState?c.classes.outline.outline2D.selectable:void 0)})}))}}]);