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

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

@@ -0,0 +1,2 @@
+/*! For license information please see 7139.diva-web-planner-react.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7139],{27139:(t,e,i)=>{i.d(e,{s:()=>w});var o=i(87363),n=i(94346),s=i.n(n),a=i(47514),l=i(61533),__assign=function(){return __assign=Object.assign||function(t){for(var e,i=1,o=arguments.length;i<o;i++)for(var n in e=arguments[i])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},__assign.apply(this,arguments)},h={width:"100%",height:"10px",top:"0px",left:"0px",cursor:"row-resize"},p={width:"10px",height:"100%",top:"0px",left:"0px",cursor:"col-resize"},d={width:"20px",height:"20px",position:"absolute",zIndex:1},u={top:__assign(__assign({},h),{top:"-5px"}),right:__assign(__assign({},p),{left:void 0,right:"-5px"}),bottom:__assign(__assign({},h),{top:void 0,bottom:"-5px"}),left:__assign(__assign({},p),{left:"-5px"}),topRight:__assign(__assign({},d),{right:"-10px",top:"-10px",cursor:"ne-resize"}),bottomRight:__assign(__assign({},d),{right:"-10px",bottom:"-10px",cursor:"se-resize"}),bottomLeft:__assign(__assign({},d),{left:"-10px",bottom:"-10px",cursor:"sw-resize"}),topLeft:__assign(__assign({},d),{left:"-10px",top:"-10px",cursor:"nw-resize"})},c=(0,o.memo)((function(t){var e=t.onResizeStart,i=t.direction,n=t.children,s=t.replaceStyles,l=t.className,h=(0,o.useCallback)((function(t){e(t,i)}),[e,i]),p=(0,o.useCallback)((function(t){e(t,i)}),[e,i]),d=(0,o.useMemo)((function(){return __assign(__assign({position:"absolute",userSelect:"none"},u[i]),null!=s?s:{})}),[s,i]);return(0,a.jsx)("div",{className:l||void 0,style:d,onMouseDown:h,onTouchStart:p,children:n})})),f=function(){var extendStatics=function(t,e){return extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])},extendStatics(t,e)};return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function __(){this.constructor=t}extendStatics(t,e),t.prototype=null===e?Object.create(e):(__.prototype=e.prototype,new __)}}(),lib_assign=function(){return lib_assign=Object.assign||function(t){for(var e,i=1,o=arguments.length;i<o;i++)for(var n in e=arguments[i])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},lib_assign.apply(this,arguments)},g={width:"auto",height:"auto"},clamp=function(t,e,i){return Math.max(Math.min(t,i),e)},snap=function(t,e,i){var o=Math.round(t/e);return o*e+i*(o-1)},hasDirection=function(t,e){return new RegExp(t,"i").test(e)},isTouchEvent=function(t){return Boolean(t.touches&&t.touches.length)},findClosestSnap=function(t,e,i){void 0===i&&(i=0);var o=e.reduce((function(i,o,n){return Math.abs(o-t)<Math.abs(e[i]-t)?n:i}),0),n=Math.abs(e[o]-t);return 0===i||n<i?e[o]:t},getStringSize=function(t){return"auto"===(t=t.toString())||t.endsWith("px")||t.endsWith("%")||t.endsWith("vh")||t.endsWith("vw")||t.endsWith("vmax")||t.endsWith("vmin")?t:"".concat(t,"px")},getPixelSize=function(t,e,i,o){if(t&&"string"==typeof t){if(t.endsWith("px"))return Number(t.replace("px",""));if(t.endsWith("%"))return e*(Number(t.replace("%",""))/100);if(t.endsWith("vw"))return i*(Number(t.replace("vw",""))/100);if(t.endsWith("vh"))return o*(Number(t.replace("vh",""))/100)}return t},b=["as","ref","style","className","grid","gridGap","snap","bounds","boundsByDirection","size","defaultSize","minWidth","minHeight","maxWidth","maxHeight","lockAspectRatio","lockAspectRatioExtraWidth","lockAspectRatioExtraHeight","enable","handleStyles","handleClasses","handleWrapperStyle","handleWrapperClass","children","onResizeStart","onResize","onResizeStop","handleComponent","scale","resizeRatio","snapGap"],m="__resizable_base__",y=function(t){function Resizable(e){var i,o,n,s,a=t.call(this,e)||this;return a.ratio=1,a.resizable=null,a.parentLeft=0,a.parentTop=0,a.resizableLeft=0,a.resizableRight=0,a.resizableTop=0,a.resizableBottom=0,a.targetLeft=0,a.targetTop=0,a.delta={width:0,height:0},a.appendBase=function(){if(!a.resizable||!a.window)return null;var t=a.parentNode;if(!t)return null;var e=a.window.document.createElement("div");return e.style.width="100%",e.style.height="100%",e.style.position="absolute",e.style.transform="scale(0, 0)",e.style.left="0",e.style.flex="0 0 100%",e.classList?e.classList.add(m):e.className+=m,t.appendChild(e),e},a.removeBase=function(t){var e=a.parentNode;e&&e.removeChild(t)},a.state={isResizing:!1,width:null!==(o=null===(i=a.propsSize)||void 0===i?void 0:i.width)&&void 0!==o?o:"auto",height:null!==(s=null===(n=a.propsSize)||void 0===n?void 0:n.height)&&void 0!==s?s:"auto",direction:"right",original:{x:0,y:0,width:0,height:0},backgroundStyle:{height:"100%",width:"100%",backgroundColor:"rgba(0,0,0,0)",cursor:"auto",opacity:0,position:"fixed",zIndex:9999,top:"0",left:"0",bottom:"0",right:"0"},flexBasis:void 0},a.onResizeStart=a.onResizeStart.bind(a),a.onMouseMove=a.onMouseMove.bind(a),a.onMouseUp=a.onMouseUp.bind(a),a}return f(Resizable,t),Object.defineProperty(Resizable.prototype,"parentNode",{get:function(){return this.resizable?this.resizable.parentNode:null},enumerable:!1,configurable:!0}),Object.defineProperty(Resizable.prototype,"window",{get:function(){return this.resizable&&this.resizable.ownerDocument?this.resizable.ownerDocument.defaultView:null},enumerable:!1,configurable:!0}),Object.defineProperty(Resizable.prototype,"propsSize",{get:function(){return this.props.size||this.props.defaultSize||g},enumerable:!1,configurable:!0}),Object.defineProperty(Resizable.prototype,"size",{get:function(){var t=0,e=0;if(this.resizable&&this.window){var i=this.resizable.offsetWidth,o=this.resizable.offsetHeight,n=this.resizable.style.position;"relative"!==n&&(this.resizable.style.position="relative"),t="auto"!==this.resizable.style.width?this.resizable.offsetWidth:i,e="auto"!==this.resizable.style.height?this.resizable.offsetHeight:o,this.resizable.style.position=n}return{width:t,height:e}},enumerable:!1,configurable:!0}),Object.defineProperty(Resizable.prototype,"sizeStyle",{get:function(){var t=this,e=this.props.size,getSize=function(e){var i;if(void 0===t.state[e]||"auto"===t.state[e])return"auto";if(t.propsSize&&t.propsSize[e]&&(null===(i=t.propsSize[e])||void 0===i?void 0:i.toString().endsWith("%"))){if(t.state[e].toString().endsWith("%"))return t.state[e].toString();var o=t.getParentSize(),n=Number(t.state[e].toString().replace("px",""))/o[e]*100;return"".concat(n,"%")}return getStringSize(t.state[e])};return{width:e&&void 0!==e.width&&!this.state.isResizing?getStringSize(e.width):getSize("width"),height:e&&void 0!==e.height&&!this.state.isResizing?getStringSize(e.height):getSize("height")}},enumerable:!1,configurable:!0}),Resizable.prototype.getParentSize=function(){if(!this.parentNode)return this.window?{width:this.window.innerWidth,height:this.window.innerHeight}:{width:0,height:0};var t=this.appendBase();if(!t)return{width:0,height:0};var e=!1,i=this.parentNode.style.flexWrap;"wrap"!==i&&(e=!0,this.parentNode.style.flexWrap="wrap"),t.style.position="relative",t.style.minWidth="100%",t.style.minHeight="100%";var o={width:t.offsetWidth,height:t.offsetHeight};return e&&(this.parentNode.style.flexWrap=i),this.removeBase(t),o},Resizable.prototype.bindEvents=function(){this.window&&(this.window.addEventListener("mouseup",this.onMouseUp),this.window.addEventListener("mousemove",this.onMouseMove),this.window.addEventListener("mouseleave",this.onMouseUp),this.window.addEventListener("touchmove",this.onMouseMove,{capture:!0,passive:!1}),this.window.addEventListener("touchend",this.onMouseUp))},Resizable.prototype.unbindEvents=function(){this.window&&(this.window.removeEventListener("mouseup",this.onMouseUp),this.window.removeEventListener("mousemove",this.onMouseMove),this.window.removeEventListener("mouseleave",this.onMouseUp),this.window.removeEventListener("touchmove",this.onMouseMove,!0),this.window.removeEventListener("touchend",this.onMouseUp))},Resizable.prototype.componentDidMount=function(){if(this.resizable&&this.window){var t=this.window.getComputedStyle(this.resizable);this.setState({width:this.state.width||this.size.width,height:this.state.height||this.size.height,flexBasis:"auto"!==t.flexBasis?t.flexBasis:void 0})}},Resizable.prototype.componentWillUnmount=function(){this.window&&this.unbindEvents()},Resizable.prototype.createSizeForCssProperty=function(t,e){var i=this.propsSize&&this.propsSize[e];return"auto"!==this.state[e]||this.state.original[e]!==t||void 0!==i&&"auto"!==i?t:"auto"},Resizable.prototype.calculateNewMaxFromBoundary=function(t,e){var i,o,n=this.props.boundsByDirection,s=this.state.direction,a=n&&hasDirection("left",s),l=n&&hasDirection("top",s);if("parent"===this.props.bounds){var h=this.parentNode;h&&(i=a?this.resizableRight-this.parentLeft:h.offsetWidth+(this.parentLeft-this.resizableLeft),o=l?this.resizableBottom-this.parentTop:h.offsetHeight+(this.parentTop-this.resizableTop))}else"window"===this.props.bounds?this.window&&(i=a?this.resizableRight:this.window.innerWidth-this.resizableLeft,o=l?this.resizableBottom:this.window.innerHeight-this.resizableTop):this.props.bounds&&(i=a?this.resizableRight-this.targetLeft:this.props.bounds.offsetWidth+(this.targetLeft-this.resizableLeft),o=l?this.resizableBottom-this.targetTop:this.props.bounds.offsetHeight+(this.targetTop-this.resizableTop));return i&&Number.isFinite(i)&&(t=t&&t<i?t:i),o&&Number.isFinite(o)&&(e=e&&e<o?e:o),{maxWidth:t,maxHeight:e}},Resizable.prototype.calculateNewSizeFromDirection=function(t,e){var i,o=this.props.scale||1,n=(i=this.props.resizeRatio||1,Array.isArray(i)?i:[i,i]),s=n[0],a=n[1],l=this.state,h=l.direction,p=l.original,d=this.props,u=d.lockAspectRatio,c=d.lockAspectRatioExtraHeight,f=d.lockAspectRatioExtraWidth,g=p.width,b=p.height,m=c||0,y=f||0;return hasDirection("right",h)&&(g=p.width+(t-p.x)*s/o,u&&(b=(g-y)/this.ratio+m)),hasDirection("left",h)&&(g=p.width-(t-p.x)*s/o,u&&(b=(g-y)/this.ratio+m)),hasDirection("bottom",h)&&(b=p.height+(e-p.y)*a/o,u&&(g=(b-m)*this.ratio+y)),hasDirection("top",h)&&(b=p.height-(e-p.y)*a/o,u&&(g=(b-m)*this.ratio+y)),{newWidth:g,newHeight:b}},Resizable.prototype.calculateNewSizeFromAspectRatio=function(t,e,i,o){var n=this.props,s=n.lockAspectRatio,a=n.lockAspectRatioExtraHeight,l=n.lockAspectRatioExtraWidth,h=void 0===o.width?10:o.width,p=void 0===i.width||i.width<0?t:i.width,d=void 0===o.height?10:o.height,u=void 0===i.height||i.height<0?e:i.height,c=a||0,f=l||0;if(s){var g=(d-c)*this.ratio+f,b=(u-c)*this.ratio+f,m=(h-f)/this.ratio+c,y=(p-f)/this.ratio+c,v=Math.max(h,g),w=Math.min(p,b),S=Math.max(d,m),x=Math.min(u,y);t=clamp(t,v,w),e=clamp(e,S,x)}else t=clamp(t,h,p),e=clamp(e,d,u);return{newWidth:t,newHeight:e}},Resizable.prototype.setBoundingClientRect=function(){var t=1/(this.props.scale||1);if("parent"===this.props.bounds){var e=this.parentNode;if(e){var i=e.getBoundingClientRect();this.parentLeft=i.left*t,this.parentTop=i.top*t}}if(this.props.bounds&&"string"!=typeof this.props.bounds){var o=this.props.bounds.getBoundingClientRect();this.targetLeft=o.left*t,this.targetTop=o.top*t}if(this.resizable){var n=this.resizable.getBoundingClientRect(),s=n.left,a=n.top,l=n.right,h=n.bottom;this.resizableLeft=s*t,this.resizableRight=l*t,this.resizableTop=a*t,this.resizableBottom=h*t}},Resizable.prototype.onResizeStart=function(t,e){if(this.resizable&&this.window){var i,o=0,n=0;if(t.nativeEvent&&function(t){return Boolean((t.clientX||0===t.clientX)&&(t.clientY||0===t.clientY))}(t.nativeEvent)?(o=t.nativeEvent.clientX,n=t.nativeEvent.clientY):t.nativeEvent&&isTouchEvent(t.nativeEvent)&&(o=t.nativeEvent.touches[0].clientX,n=t.nativeEvent.touches[0].clientY),this.props.onResizeStart)if(this.resizable)if(!1===this.props.onResizeStart(t,e,this.resizable))return;this.props.size&&(void 0!==this.props.size.height&&this.props.size.height!==this.state.height&&this.setState({height:this.props.size.height}),void 0!==this.props.size.width&&this.props.size.width!==this.state.width&&this.setState({width:this.props.size.width})),this.ratio="number"==typeof this.props.lockAspectRatio?this.props.lockAspectRatio:this.size.width/this.size.height;var s=this.window.getComputedStyle(this.resizable);if("auto"!==s.flexBasis){var a=this.parentNode;if(a){var l=this.window.getComputedStyle(a).flexDirection;this.flexDir=l.startsWith("row")?"row":"column",i=s.flexBasis}}this.setBoundingClientRect(),this.bindEvents();var h={original:{x:o,y:n,width:this.size.width,height:this.size.height},isResizing:!0,backgroundStyle:lib_assign(lib_assign({},this.state.backgroundStyle),{cursor:this.window.getComputedStyle(t.target).cursor||"auto"}),direction:e,flexBasis:i};this.setState(h)}},Resizable.prototype.onMouseMove=function(t){var e=this;if(this.state.isResizing&&this.resizable&&this.window){if(this.window.TouchEvent&&isTouchEvent(t))try{t.preventDefault(),t.stopPropagation()}catch(t){}var i=this.props,o=i.maxWidth,n=i.maxHeight,s=i.minWidth,a=i.minHeight,h=isTouchEvent(t)?t.touches[0].clientX:t.clientX,p=isTouchEvent(t)?t.touches[0].clientY:t.clientY,d=this.state,u=d.direction,c=d.original,f=d.width,g=d.height,b=this.getParentSize(),m=function(t,e,i,o,n,s,a){return o=getPixelSize(o,t.width,e,i),n=getPixelSize(n,t.height,e,i),s=getPixelSize(s,t.width,e,i),a=getPixelSize(a,t.height,e,i),{maxWidth:void 0===o?void 0:Number(o),maxHeight:void 0===n?void 0:Number(n),minWidth:void 0===s?void 0:Number(s),minHeight:void 0===a?void 0:Number(a)}}(b,this.window.innerWidth,this.window.innerHeight,o,n,s,a);o=m.maxWidth,n=m.maxHeight,s=m.minWidth,a=m.minHeight;var y=this.calculateNewSizeFromDirection(h,p),v=y.newHeight,w=y.newWidth,S=this.calculateNewMaxFromBoundary(o,n);this.props.snap&&this.props.snap.x&&(w=findClosestSnap(w,this.props.snap.x,this.props.snapGap)),this.props.snap&&this.props.snap.y&&(v=findClosestSnap(v,this.props.snap.y,this.props.snapGap));var x=this.calculateNewSizeFromAspectRatio(w,v,{width:S.maxWidth,height:S.maxHeight},{width:s,height:a});if(w=x.newWidth,v=x.newHeight,this.props.grid){var z=snap(w,this.props.grid[0],this.props.gridGap?this.props.gridGap[0]:0),D=snap(v,this.props.grid[1],this.props.gridGap?this.props.gridGap[1]:0),R=this.props.snapGap||0;w=0===R||Math.abs(z-w)<=R?z:w,v=0===R||Math.abs(D-v)<=R?D:v}var P={width:w-c.width,height:v-c.height};if(this.delta=P,f&&"string"==typeof f)if(f.endsWith("%")){var W=w/b.width*100;w="".concat(W,"%")}else if(f.endsWith("vw")){var M=w/this.window.innerWidth*100;w="".concat(M,"vw")}else if(f.endsWith("vh")){var C=w/this.window.innerHeight*100;w="".concat(C,"vh")}if(g&&"string"==typeof g)if(g.endsWith("%")){W=v/b.height*100;v="".concat(W,"%")}else if(g.endsWith("vw")){M=v/this.window.innerWidth*100;v="".concat(M,"vw")}else if(g.endsWith("vh")){C=v/this.window.innerHeight*100;v="".concat(C,"vh")}var _={width:this.createSizeForCssProperty(w,"width"),height:this.createSizeForCssProperty(v,"height")};"row"===this.flexDir?_.flexBasis=_.width:"column"===this.flexDir&&(_.flexBasis=_.height);var N=this.state.width!==_.width,E=this.state.height!==_.height,O=this.state.flexBasis!==_.flexBasis,T=N||E||O;T&&(0,l.flushSync)((function(){e.setState(_)})),this.props.onResize&&T&&this.props.onResize(t,u,this.resizable,P)}},Resizable.prototype.onMouseUp=function(t){var e,i,o=this.state,n=o.isResizing,s=o.direction;o.original;n&&this.resizable&&(this.props.onResizeStop&&this.props.onResizeStop(t,s,this.resizable,this.delta),this.props.size&&this.setState({width:null!==(e=this.props.size.width)&&void 0!==e?e:"auto",height:null!==(i=this.props.size.height)&&void 0!==i?i:"auto"}),this.unbindEvents(),this.setState({isResizing:!1,backgroundStyle:lib_assign(lib_assign({},this.state.backgroundStyle),{cursor:"auto"})}))},Resizable.prototype.updateSize=function(t){var e,i;this.setState({width:null!==(e=t.width)&&void 0!==e?e:"auto",height:null!==(i=t.height)&&void 0!==i?i:"auto"})},Resizable.prototype.renderResizer=function(){var t=this,e=this.props,i=e.enable,o=e.handleStyles,n=e.handleClasses,s=e.handleWrapperStyle,l=e.handleWrapperClass,h=e.handleComponent;if(!i)return null;var p=Object.keys(i).map((function(e){return!1!==i[e]?(0,a.jsx)(c,{direction:e,onResizeStart:t.onResizeStart,replaceStyles:o&&o[e],className:n&&n[e],children:h&&h[e]?h[e]:null},e):null}));return(0,a.jsx)("div",{className:l,style:s,children:p})},Resizable.prototype.render=function(){var t=this,e=Object.keys(this.props).reduce((function(e,i){return-1!==b.indexOf(i)||(e[i]=t.props[i]),e}),{}),i=lib_assign(lib_assign(lib_assign({position:"relative",userSelect:this.state.isResizing?"none":"auto"},this.props.style),this.sizeStyle),{maxWidth:this.props.maxWidth,maxHeight:this.props.maxHeight,minWidth:this.props.minWidth,minHeight:this.props.minHeight,boxSizing:"border-box",flexShrink:0});this.state.flexBasis&&(i.flexBasis=this.state.flexBasis);var o=this.props.as||"div";return(0,a.jsxs)(o,lib_assign({style:i,className:this.props.className},e,{ref:function(e){e&&(t.resizable=e)},children:[this.state.isResizing&&(0,a.jsx)("div",{style:this.state.backgroundStyle}),this.props.children,this.renderResizer()]}))},Resizable.defaultProps={as:"div",onResizeStart:function(){},onResize:function(){},onResizeStop:function(){},enable:{top:!0,right:!0,bottom:!0,left:!0,topRight:!0,bottomRight:!0,bottomLeft:!0,topLeft:!0},style:{},grid:[1,1],gridGap:[0,0],lockAspectRatio:!1,lockAspectRatioExtraWidth:0,lockAspectRatioExtraHeight:0,scale:1,resizeRatio:1,snapGap:0},Resizable}(o.PureComponent),extendStatics=function(t,e){return extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])},extendStatics(t,e)};var react_rnd_lib_assign=function(){return react_rnd_lib_assign=Object.assign||function __assign(t){for(var e,i=1,o=arguments.length;i<o;i++)for(var n in e=arguments[i])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t},react_rnd_lib_assign.apply(this,arguments)};var v={width:"auto",height:"auto",display:"inline-block",position:"absolute",top:0,left:0},w=function(t){function Rnd(e){var i=t.call(this,e)||this;return i.resizingPosition={x:0,y:0},i.offsetFromParent={left:0,top:0},i.resizableElement={current:null},i.originalPosition={x:0,y:0},i.state={resizing:!1,bounds:{top:0,right:0,bottom:0,left:0},maxWidth:e.maxWidth,maxHeight:e.maxHeight},i.onResizeStart=i.onResizeStart.bind(i),i.onResize=i.onResize.bind(i),i.onResizeStop=i.onResizeStop.bind(i),i.onDragStart=i.onDragStart.bind(i),i.onDrag=i.onDrag.bind(i),i.onDragStop=i.onDragStop.bind(i),i.getMaxSizesFromProps=i.getMaxSizesFromProps.bind(i),i}return function lib_extends(t,e){function __(){this.constructor=t}extendStatics(t,e),t.prototype=null===e?Object.create(e):(__.prototype=e.prototype,new __)}(Rnd,t),Rnd.prototype.componentDidMount=function(){this.updateOffsetFromParent();var t=this.offsetFromParent,e=t.left,i=t.top,o=this.getDraggablePosition(),n=o.x,s=o.y;this.draggable.setState({x:n-e,y:s-i}),this.forceUpdate()},Rnd.prototype.getDraggablePosition=function(){var t=this.draggable.state;return{x:t.x,y:t.y}},Rnd.prototype.getParent=function(){return this.resizable&&this.resizable.parentNode},Rnd.prototype.getParentSize=function(){return this.resizable.getParentSize()},Rnd.prototype.getMaxSizesFromProps=function(){return{maxWidth:void 0===this.props.maxWidth?Number.MAX_SAFE_INTEGER:this.props.maxWidth,maxHeight:void 0===this.props.maxHeight?Number.MAX_SAFE_INTEGER:this.props.maxHeight}},Rnd.prototype.getSelfElement=function(){return this.resizable&&this.resizable.resizable},Rnd.prototype.getOffsetHeight=function(t){var e=this.props.scale;switch(this.props.bounds){case"window":return window.innerHeight/e;case"body":return document.body.offsetHeight/e;default:return t.offsetHeight}},Rnd.prototype.getOffsetWidth=function(t){var e=this.props.scale;switch(this.props.bounds){case"window":return window.innerWidth/e;case"body":return document.body.offsetWidth/e;default:return t.offsetWidth}},Rnd.prototype.onDragStart=function(t,e){this.props.onDragStart&&this.props.onDragStart(t,e);var i=this.getDraggablePosition();if(this.originalPosition=i,this.props.bounds){var o,n=this.getParent(),s=this.props.scale;if("parent"===this.props.bounds)o=n;else{if("body"===this.props.bounds){var a=n.getBoundingClientRect(),l=a.left,h=a.top,p=document.body.getBoundingClientRect(),d=-(l-n.offsetLeft*s-p.left)/s,u=-(h-n.offsetTop*s-p.top)/s,c=(document.body.offsetWidth-this.resizable.size.width*s)/s+d,f=(document.body.offsetHeight-this.resizable.size.height*s)/s+u;return this.setState({bounds:{top:u,right:c,bottom:f,left:d}})}if("window"===this.props.bounds){if(!this.resizable)return;var g=n.getBoundingClientRect(),b=g.left,m=g.top,y=-(b-n.offsetLeft*s)/s,v=-(m-n.offsetTop*s)/s;c=(window.innerWidth-this.resizable.size.width*s)/s+y,f=(window.innerHeight-this.resizable.size.height*s)/s+v;return this.setState({bounds:{top:v,right:c,bottom:f,left:y}})}"string"==typeof this.props.bounds?o=document.querySelector(this.props.bounds):this.props.bounds instanceof HTMLElement&&(o=this.props.bounds)}if(o instanceof HTMLElement&&n instanceof HTMLElement){var w=o.getBoundingClientRect(),S=w.left,x=w.top,z=n.getBoundingClientRect(),D=(S-z.left)/s,R=x-z.top;if(this.resizable){this.updateOffsetFromParent();var P=this.offsetFromParent;this.setState({bounds:{top:R-P.top,right:D+(o.offsetWidth-this.resizable.size.width)-P.left/s,bottom:R+(o.offsetHeight-this.resizable.size.height)-P.top,left:D-P.left/s}})}}}},Rnd.prototype.onDrag=function(t,e){if(this.props.onDrag){var i=this.offsetFromParent,o=i.left,n=i.top;return this.props.dragAxis&&"both"!==this.props.dragAxis?"x"===this.props.dragAxis?this.props.onDrag(t,react_rnd_lib_assign(react_rnd_lib_assign({},e),{x:e.x+o,y:this.originalPosition.y+n,deltaY:0})):"y"===this.props.dragAxis?this.props.onDrag(t,react_rnd_lib_assign(react_rnd_lib_assign({},e),{x:this.originalPosition.x+o,y:e.y+n,deltaX:0})):void 0:this.props.onDrag(t,react_rnd_lib_assign(react_rnd_lib_assign({},e),{x:e.x+o,y:e.y+n}))}},Rnd.prototype.onDragStop=function(t,e){if(this.props.onDragStop){var i=this.offsetFromParent,o=i.left,n=i.top;return this.props.dragAxis&&"both"!==this.props.dragAxis?"x"===this.props.dragAxis?this.props.onDragStop(t,react_rnd_lib_assign(react_rnd_lib_assign({},e),{x:e.x+o,y:this.originalPosition.y+n,deltaY:0})):"y"===this.props.dragAxis?this.props.onDragStop(t,react_rnd_lib_assign(react_rnd_lib_assign({},e),{x:this.originalPosition.x+o,y:e.y+n,deltaX:0})):void 0:this.props.onDragStop(t,react_rnd_lib_assign(react_rnd_lib_assign({},e),{x:e.x+o,y:e.y+n}))}},Rnd.prototype.onResizeStart=function(t,e,i){t.stopPropagation(),this.setState({resizing:!0});var o=this.props.scale,n=this.offsetFromParent,s=this.getDraggablePosition();if(this.resizingPosition={x:s.x+n.left,y:s.y+n.top},this.originalPosition=s,this.props.bounds){var a=this.getParent(),l=void 0;"parent"===this.props.bounds?l=a:"body"===this.props.bounds?l=document.body:"window"===this.props.bounds?l=window:"string"==typeof this.props.bounds?l=document.querySelector(this.props.bounds):this.props.bounds instanceof HTMLElement&&(l=this.props.bounds);var h=this.getSelfElement();if(h instanceof Element&&(l instanceof HTMLElement||l===window)&&a instanceof HTMLElement){var p=this.getMaxSizesFromProps(),d=p.maxWidth,u=p.maxHeight,c=this.getParentSize();if(d&&"string"==typeof d)if(d.endsWith("%")){var f=Number(d.replace("%",""))/100;d=c.width*f}else d.endsWith("px")&&(d=Number(d.replace("px","")));if(u&&"string"==typeof u)if(u.endsWith("%")){f=Number(u.replace("%",""))/100;u=c.height*f}else u.endsWith("px")&&(u=Number(u.replace("px","")));var g=h.getBoundingClientRect(),b=g.left,m=g.top,y="window"===this.props.bounds?{left:0,top:0}:l.getBoundingClientRect(),v=y.left,w=y.top,S=this.getOffsetWidth(l),x=this.getOffsetHeight(l),z=e.toLowerCase().endsWith("left"),D=e.toLowerCase().endsWith("right"),R=e.startsWith("top"),P=e.startsWith("bottom");if((z||R)&&this.resizable){var W=(b-v)/o+this.resizable.size.width;this.setState({maxWidth:W>Number(d)?d:W})}if(D||this.props.lockAspectRatio&&!z&&!R){W=S+(v-b)/o;this.setState({maxWidth:W>Number(d)?d:W})}if((R||z)&&this.resizable){W=(m-w)/o+this.resizable.size.height;this.setState({maxHeight:W>Number(u)?u:W})}if(P||this.props.lockAspectRatio&&!R&&!z){W=x+(w-m)/o;this.setState({maxHeight:W>Number(u)?u:W})}}}else this.setState({maxWidth:this.props.maxWidth,maxHeight:this.props.maxHeight});this.props.onResizeStart&&this.props.onResizeStart(t,e,i)},Rnd.prototype.onResize=function(t,e,i,o){var n=this,s={x:this.originalPosition.x,y:this.originalPosition.y},a=-o.width,h=-o.height;["top","left","topLeft","bottomLeft","topRight"].includes(e)&&("bottomLeft"===e?s.x+=a:("topRight"===e||(s.x+=a),s.y+=h));var p=this.draggable.state;s.x===p.x&&s.y===p.y||(0,l.flushSync)((function(){n.draggable.setState(s)})),this.updateOffsetFromParent();var d=this.offsetFromParent,u=this.getDraggablePosition().x+d.left,c=this.getDraggablePosition().y+d.top;this.resizingPosition={x:u,y:c},this.props.onResize&&this.props.onResize(t,e,i,o,{x:u,y:c})},Rnd.prototype.onResizeStop=function(t,e,i,o){this.setState({resizing:!1});var n=this.getMaxSizesFromProps(),s=n.maxWidth,a=n.maxHeight;this.setState({maxWidth:s,maxHeight:a}),this.props.onResizeStop&&this.props.onResizeStop(t,e,i,o,this.resizingPosition)},Rnd.prototype.updateSize=function(t){this.resizable&&this.resizable.updateSize({width:t.width,height:t.height})},Rnd.prototype.updatePosition=function(t){this.draggable.setState(t)},Rnd.prototype.updateOffsetFromParent=function(){var t=this.props.scale,e=this.getParent(),i=this.getSelfElement();if(!e||null===i)return{top:0,left:0};var o=e.getBoundingClientRect(),n=o.left,s=o.top,a=i.getBoundingClientRect(),l=this.getDraggablePosition(),h=e.scrollLeft,p=e.scrollTop;this.offsetFromParent={left:a.left-n+h-l.x*t,top:a.top-s+p-l.y*t}},Rnd.prototype.render=function(){var t=this,e=this.props,i=e.disableDragging,n=e.style,a=e.dragHandleClassName,l=e.position,h=e.onMouseDown,p=e.onMouseUp,d=e.dragAxis,u=e.dragGrid,c=e.bounds,f=e.enableUserSelectHack,g=e.cancel,b=e.children,m=(e.onResizeStart,e.onResize,e.onResizeStop,e.onDragStart,e.onDrag,e.onDragStop,e.resizeHandleStyles),w=e.resizeHandleClasses,S=e.resizeHandleComponent,x=e.enableResizing,z=e.resizeGrid,D=e.resizeHandleWrapperClass,R=e.resizeHandleWrapperStyle,P=e.scale,W=e.allowAnyClick,M=e.dragPositionOffset,C=function __rest(t,e){var i={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(i[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(t);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(t,o[n])&&(i[o[n]]=t[o[n]])}return i}(e,["disableDragging","style","dragHandleClassName","position","onMouseDown","onMouseUp","dragAxis","dragGrid","bounds","enableUserSelectHack","cancel","children","onResizeStart","onResize","onResizeStop","onDragStart","onDrag","onDragStop","resizeHandleStyles","resizeHandleClasses","resizeHandleComponent","enableResizing","resizeGrid","resizeHandleWrapperClass","resizeHandleWrapperStyle","scale","allowAnyClick","dragPositionOffset"]),_=this.props.default?react_rnd_lib_assign({},this.props.default):void 0;delete C.default;var N,E=i||a?{cursor:"auto"}:{cursor:"move"},O=react_rnd_lib_assign(react_rnd_lib_assign(react_rnd_lib_assign({},v),E),n),T=this.offsetFromParent,H=T.left,k=T.top;l&&(N={x:l.x-H,y:l.y-k});var j,A=this.state.resizing?void 0:N,L=this.state.resizing?"both":d;return(0,o.createElement)(s(),{ref:function(e){e&&(t.draggable=e)},handle:a?".".concat(a):void 0,defaultPosition:_,onMouseDown:h,onMouseUp:p,onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop,axis:L,disabled:i,grid:u,bounds:c?this.state.bounds:void 0,position:A,enableUserSelectHack:f,cancel:g,scale:P,allowAnyClick:W,nodeRef:this.resizableElement,positionOffset:M},(0,o.createElement)(y,react_rnd_lib_assign({},C,{ref:function(e){e&&(t.resizable=e,t.resizableElement.current=e.resizable)},defaultSize:_,size:this.props.size,enable:"boolean"==typeof x?(j=x,{bottom:j,bottomLeft:j,bottomRight:j,left:j,right:j,top:j,topLeft:j,topRight:j}):x,onResizeStart:this.onResizeStart,onResize:this.onResize,onResizeStop:this.onResizeStop,style:O,minWidth:this.props.minWidth,minHeight:this.props.minHeight,maxWidth:this.state.resizing?this.state.maxWidth:this.props.maxWidth,maxHeight:this.state.resizing?this.state.maxHeight:this.props.maxHeight,grid:z,handleWrapperClass:D,handleWrapperStyle:R,lockAspectRatio:this.props.lockAspectRatio,lockAspectRatioExtraWidth:this.props.lockAspectRatioExtraWidth,lockAspectRatioExtraHeight:this.props.lockAspectRatioExtraHeight,handleStyles:m,handleClasses:w,handleComponent:S,scale:this.props.scale}),b))},Rnd.defaultProps={maxWidth:Number.MAX_SAFE_INTEGER,maxHeight:Number.MAX_SAFE_INTEGER,scale:1,onResizeStart:function(){},onResize:function(){},onResizeStop:function(){},onDragStart:function(){},onDrag:function(){},onDragStop:function(){}},Rnd}(o.PureComponent)},59355:(t,e,i)=>{function r(t){var e,i,o="";if("string"==typeof t||"number"==typeof t)o+=t;else if("object"==typeof t)if(Array.isArray(t))for(e=0;e<t.length;e++)t[e]&&(i=r(t[e]))&&(o&&(o+=" "),o+=i);else for(e in t)t[e]&&(o&&(o+=" "),o+=e);return o}function clsx(){for(var t,e,i=0,o="";i<arguments.length;)(t=arguments[i++])&&(e=r(t))&&(o&&(o+=" "),o+=e);return o}i.r(e),i.d(e,{clsx:()=>clsx,default:()=>o});const o=clsx},16291:(t,e,i)=>{var o=i(25108);Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return u.default}}),e.default=void 0;var n=function _interopRequireWildcard(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var i=_getRequireWildcardCache(e);if(i&&i.has(t))return i.get(t);var o={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in t)if("default"!==s&&Object.prototype.hasOwnProperty.call(t,s)){var a=n?Object.getOwnPropertyDescriptor(t,s):null;a&&(a.get||a.set)?Object.defineProperty(o,s,a):o[s]=t[s]}o.default=t,i&&i.set(t,o);return o}(i(87363)),s=_interopRequireDefault(i(36653)),a=_interopRequireDefault(i(61533)),l=_interopRequireDefault(i(59355)),h=i(59325),p=i(71184),d=i(22801),u=_interopRequireDefault(i(67740)),c=_interopRequireDefault(i(91695));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _getRequireWildcardCache(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,i=new WeakMap;return(_getRequireWildcardCache=function(t){return t?i:e})(t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var i=arguments[e];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(t[o]=i[o])}return t},_extends.apply(this,arguments)}function _defineProperty(t,e,i){return(e=function _toPropertyKey(t){var e=function _toPrimitive(t,e){if("object"!=typeof t||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var o=i.call(t,e||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}class Draggable extends n.Component{static getDerivedStateFromProps(t,e){let{position:i}=t,{prevPropsPosition:o}=e;return!i||o&&i.x===o.x&&i.y===o.y?null:((0,c.default)("Draggable: getDerivedStateFromProps %j",{position:i,prevPropsPosition:o}),{x:i.x,y:i.y,prevPropsPosition:{...i}})}constructor(t){super(t),_defineProperty(this,"onDragStart",((t,e)=>{(0,c.default)("Draggable: onDragStart: %j",e);if(!1===this.props.onStart(t,(0,p.createDraggableData)(this,e)))return!1;this.setState({dragging:!0,dragged:!0})})),_defineProperty(this,"onDrag",((t,e)=>{if(!this.state.dragging)return!1;(0,c.default)("Draggable: onDrag: %j",e);const i=(0,p.createDraggableData)(this,e),o={x:i.x,y:i.y,slackX:0,slackY:0};if(this.props.bounds){const{x:t,y:e}=o;o.x+=this.state.slackX,o.y+=this.state.slackY;const[n,s]=(0,p.getBoundPosition)(this,o.x,o.y);o.x=n,o.y=s,o.slackX=this.state.slackX+(t-o.x),o.slackY=this.state.slackY+(e-o.y),i.x=o.x,i.y=o.y,i.deltaX=o.x-this.state.x,i.deltaY=o.y-this.state.y}if(!1===this.props.onDrag(t,i))return!1;this.setState(o)})),_defineProperty(this,"onDragStop",((t,e)=>{if(!this.state.dragging)return!1;if(!1===this.props.onStop(t,(0,p.createDraggableData)(this,e)))return!1;(0,c.default)("Draggable: onDragStop: %j",e);const i={dragging:!1,slackX:0,slackY:0};if(Boolean(this.props.position)){const{x:t,y:e}=this.props.position;i.x=t,i.y=e}this.setState(i)})),this.state={dragging:!1,dragged:!1,x:t.position?t.position.x:t.defaultPosition.x,y:t.position?t.position.y:t.defaultPosition.y,prevPropsPosition:{...t.position},slackX:0,slackY:0,isElementSVG:!1},!t.position||t.onDrag||t.onStop||o.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){void 0!==window.SVGElement&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var t,e;return null!==(t=null===(e=this.props)||void 0===e||null===(e=e.nodeRef)||void 0===e?void 0:e.current)&&void 0!==t?t:a.default.findDOMNode(this)}render(){const{axis:t,bounds:e,children:i,defaultPosition:o,defaultClassName:s,defaultClassNameDragging:a,defaultClassNameDragged:d,position:c,positionOffset:f,scale:g,...b}=this.props;let m={},y=null;const v=!Boolean(c)||this.state.dragging,w=c||o,S={x:(0,p.canDragX)(this)&&v?this.state.x:w.x,y:(0,p.canDragY)(this)&&v?this.state.y:w.y};this.state.isElementSVG?y=(0,h.createSVGTransform)(S,f):m=(0,h.createCSSTransform)(S,f);const x=(0,l.default)(i.props.className||"",s,{[a]:this.state.dragging,[d]:this.state.dragged});return n.createElement(u.default,_extends({},b,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),n.cloneElement(n.Children.only(i),{className:x,style:{...i.props.style,...m},transform:y}))}}e.default=Draggable,_defineProperty(Draggable,"displayName","Draggable"),_defineProperty(Draggable,"propTypes",{...u.default.propTypes,axis:s.default.oneOf(["both","x","y","none"]),bounds:s.default.oneOfType([s.default.shape({left:s.default.number,right:s.default.number,top:s.default.number,bottom:s.default.number}),s.default.string,s.default.oneOf([!1])]),defaultClassName:s.default.string,defaultClassNameDragging:s.default.string,defaultClassNameDragged:s.default.string,defaultPosition:s.default.shape({x:s.default.number,y:s.default.number}),positionOffset:s.default.shape({x:s.default.oneOfType([s.default.number,s.default.string]),y:s.default.oneOfType([s.default.number,s.default.string])}),position:s.default.shape({x:s.default.number,y:s.default.number}),className:d.dontSetMe,style:d.dontSetMe,transform:d.dontSetMe}),_defineProperty(Draggable,"defaultProps",{...u.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})},67740:(t,e,i)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o=function _interopRequireWildcard(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var i=_getRequireWildcardCache(e);if(i&&i.has(t))return i.get(t);var o={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in t)if("default"!==s&&Object.prototype.hasOwnProperty.call(t,s)){var a=n?Object.getOwnPropertyDescriptor(t,s):null;a&&(a.get||a.set)?Object.defineProperty(o,s,a):o[s]=t[s]}o.default=t,i&&i.set(t,o);return o}(i(87363)),n=_interopRequireDefault(i(36653)),s=_interopRequireDefault(i(61533)),a=i(59325),l=i(71184),h=i(22801),p=_interopRequireDefault(i(91695));function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}function _getRequireWildcardCache(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,i=new WeakMap;return(_getRequireWildcardCache=function(t){return t?i:e})(t)}function _defineProperty(t,e,i){return(e=function _toPropertyKey(t){var e=function _toPrimitive(t,e){if("object"!=typeof t||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var o=i.call(t,e||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:String(e)}(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}const d={start:"touchstart",move:"touchmove",stop:"touchend"},u={start:"mousedown",move:"mousemove",stop:"mouseup"};let c=u;class DraggableCore extends o.Component{constructor(){super(...arguments),_defineProperty(this,"dragging",!1),_defineProperty(this,"lastX",NaN),_defineProperty(this,"lastY",NaN),_defineProperty(this,"touchIdentifier",null),_defineProperty(this,"mounted",!1),_defineProperty(this,"handleDragStart",(t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&"number"==typeof t.button&&0!==t.button)return!1;const e=this.findDOMNode();if(!e||!e.ownerDocument||!e.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:i}=e;if(this.props.disabled||!(t.target instanceof i.defaultView.Node)||this.props.handle&&!(0,a.matchesSelectorAndParentsTo)(t.target,this.props.handle,e)||this.props.cancel&&(0,a.matchesSelectorAndParentsTo)(t.target,this.props.cancel,e))return;"touchstart"===t.type&&t.preventDefault();const o=(0,a.getTouchIdentifier)(t);this.touchIdentifier=o;const n=(0,l.getControlPosition)(t,o,this);if(null==n)return;const{x:s,y:h}=n,d=(0,l.createCoreData)(this,s,h);(0,p.default)("DraggableCore: handleDragStart: %j",d),(0,p.default)("calling",this.props.onStart);!1!==this.props.onStart(t,d)&&!1!==this.mounted&&(this.props.enableUserSelectHack&&(0,a.addUserSelectStyles)(i),this.dragging=!0,this.lastX=s,this.lastY=h,(0,a.addEvent)(i,c.move,this.handleDrag),(0,a.addEvent)(i,c.stop,this.handleDragStop))})),_defineProperty(this,"handleDrag",(t=>{const e=(0,l.getControlPosition)(t,this.touchIdentifier,this);if(null==e)return;let{x:i,y:o}=e;if(Array.isArray(this.props.grid)){let t=i-this.lastX,e=o-this.lastY;if([t,e]=(0,l.snapToGrid)(this.props.grid,t,e),!t&&!e)return;i=this.lastX+t,o=this.lastY+e}const n=(0,l.createCoreData)(this,i,o);(0,p.default)("DraggableCore: handleDrag: %j",n);if(!1!==this.props.onDrag(t,n)&&!1!==this.mounted)this.lastX=i,this.lastY=o;else try{this.handleDragStop(new MouseEvent("mouseup"))}catch(t){const e=document.createEvent("MouseEvents");e.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(e)}})),_defineProperty(this,"handleDragStop",(t=>{if(!this.dragging)return;const e=(0,l.getControlPosition)(t,this.touchIdentifier,this);if(null==e)return;let{x:i,y:o}=e;if(Array.isArray(this.props.grid)){let t=i-this.lastX||0,e=o-this.lastY||0;[t,e]=(0,l.snapToGrid)(this.props.grid,t,e),i=this.lastX+t,o=this.lastY+e}const n=(0,l.createCoreData)(this,i,o);if(!1===this.props.onStop(t,n)||!1===this.mounted)return!1;const s=this.findDOMNode();s&&this.props.enableUserSelectHack&&(0,a.removeUserSelectStyles)(s.ownerDocument),(0,p.default)("DraggableCore: handleDragStop: %j",n),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,s&&((0,p.default)("DraggableCore: Removing handlers"),(0,a.removeEvent)(s.ownerDocument,c.move,this.handleDrag),(0,a.removeEvent)(s.ownerDocument,c.stop,this.handleDragStop))})),_defineProperty(this,"onMouseDown",(t=>(c=u,this.handleDragStart(t)))),_defineProperty(this,"onMouseUp",(t=>(c=u,this.handleDragStop(t)))),_defineProperty(this,"onTouchStart",(t=>(c=d,this.handleDragStart(t)))),_defineProperty(this,"onTouchEnd",(t=>(c=d,this.handleDragStop(t))))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,a.addEvent)(t,d.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:e}=t;(0,a.removeEvent)(e,u.move,this.handleDrag),(0,a.removeEvent)(e,d.move,this.handleDrag),(0,a.removeEvent)(e,u.stop,this.handleDragStop),(0,a.removeEvent)(e,d.stop,this.handleDragStop),(0,a.removeEvent)(t,d.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,a.removeUserSelectStyles)(e)}}findDOMNode(){var t,e;return null!==(t=this.props)&&void 0!==t&&t.nodeRef?null===(e=this.props)||void 0===e||null===(e=e.nodeRef)||void 0===e?void 0:e.current:s.default.findDOMNode(this)}render(){return o.cloneElement(o.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}e.default=DraggableCore,_defineProperty(DraggableCore,"displayName","DraggableCore"),_defineProperty(DraggableCore,"propTypes",{allowAnyClick:n.default.bool,children:n.default.node.isRequired,disabled:n.default.bool,enableUserSelectHack:n.default.bool,offsetParent:function(t,e){if(t[e]&&1!==t[e].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:n.default.arrayOf(n.default.number),handle:n.default.string,cancel:n.default.string,nodeRef:n.default.object,onStart:n.default.func,onDrag:n.default.func,onStop:n.default.func,onMouseDown:n.default.func,scale:n.default.number,className:h.dontSetMe,style:h.dontSetMe,transform:h.dontSetMe}),_defineProperty(DraggableCore,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1})},94346:(t,e,i)=>{const{default:o,DraggableCore:n}=i(16291);t.exports=o,t.exports.default=o,t.exports.DraggableCore=n},59325:(t,e,i)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.addClassName=addClassName,e.addEvent=function addEvent(t,e,i,o){if(!t)return;const n={capture:!0,...o};t.addEventListener?t.addEventListener(e,i,n):t.attachEvent?t.attachEvent("on"+e,i):t["on"+e]=i},e.addUserSelectStyles=function addUserSelectStyles(t){if(!t)return;let e=t.getElementById("react-draggable-style-el");e||(e=t.createElement("style"),e.type="text/css",e.id="react-draggable-style-el",e.innerHTML=".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",e.innerHTML+=".react-draggable-transparent-selection *::selection {all: inherit;}\n",t.getElementsByTagName("head")[0].appendChild(e));t.body&&addClassName(t.body,"react-draggable-transparent-selection")},e.createCSSTransform=function createCSSTransform(t,e){const i=getTranslation(t,e,"px");return{[(0,n.browserPrefixToKey)("transform",n.default)]:i}},e.createSVGTransform=function createSVGTransform(t,e){return getTranslation(t,e,"")},e.getTouch=function getTouch(t,e){return t.targetTouches&&(0,o.findInArray)(t.targetTouches,(t=>e===t.identifier))||t.changedTouches&&(0,o.findInArray)(t.changedTouches,(t=>e===t.identifier))},e.getTouchIdentifier=function getTouchIdentifier(t){if(t.targetTouches&&t.targetTouches[0])return t.targetTouches[0].identifier;if(t.changedTouches&&t.changedTouches[0])return t.changedTouches[0].identifier},e.getTranslation=getTranslation,e.innerHeight=function innerHeight(t){let e=t.clientHeight;const i=t.ownerDocument.defaultView.getComputedStyle(t);return e-=(0,o.int)(i.paddingTop),e-=(0,o.int)(i.paddingBottom),e},e.innerWidth=function innerWidth(t){let e=t.clientWidth;const i=t.ownerDocument.defaultView.getComputedStyle(t);return e-=(0,o.int)(i.paddingLeft),e-=(0,o.int)(i.paddingRight),e},e.matchesSelector=matchesSelector,e.matchesSelectorAndParentsTo=function matchesSelectorAndParentsTo(t,e,i){let o=t;do{if(matchesSelector(o,e))return!0;if(o===i)return!1;o=o.parentNode}while(o);return!1},e.offsetXYFromParent=function offsetXYFromParent(t,e,i){const o=e===e.ownerDocument.body?{left:0,top:0}:e.getBoundingClientRect(),n=(t.clientX+e.scrollLeft-o.left)/i,s=(t.clientY+e.scrollTop-o.top)/i;return{x:n,y:s}},e.outerHeight=function outerHeight(t){let e=t.clientHeight;const i=t.ownerDocument.defaultView.getComputedStyle(t);return e+=(0,o.int)(i.borderTopWidth),e+=(0,o.int)(i.borderBottomWidth),e},e.outerWidth=function outerWidth(t){let e=t.clientWidth;const i=t.ownerDocument.defaultView.getComputedStyle(t);return e+=(0,o.int)(i.borderLeftWidth),e+=(0,o.int)(i.borderRightWidth),e},e.removeClassName=removeClassName,e.removeEvent=function removeEvent(t,e,i,o){if(!t)return;const n={capture:!0,...o};t.removeEventListener?t.removeEventListener(e,i,n):t.detachEvent?t.detachEvent("on"+e,i):t["on"+e]=null},e.removeUserSelectStyles=function removeUserSelectStyles(t){if(!t)return;try{if(t.body&&removeClassName(t.body,"react-draggable-transparent-selection"),t.selection)t.selection.empty();else{const e=(t.defaultView||window).getSelection();e&&"Caret"!==e.type&&e.removeAllRanges()}}catch(t){}};var o=i(22801),n=function _interopRequireWildcard(t,e){if(!e&&t&&t.__esModule)return t;if(null===t||"object"!=typeof t&&"function"!=typeof t)return{default:t};var i=_getRequireWildcardCache(e);if(i&&i.has(t))return i.get(t);var o={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var s in t)if("default"!==s&&Object.prototype.hasOwnProperty.call(t,s)){var a=n?Object.getOwnPropertyDescriptor(t,s):null;a&&(a.get||a.set)?Object.defineProperty(o,s,a):o[s]=t[s]}o.default=t,i&&i.set(t,o);return o}(i(72093));function _getRequireWildcardCache(t){if("function"!=typeof WeakMap)return null;var e=new WeakMap,i=new WeakMap;return(_getRequireWildcardCache=function(t){return t?i:e})(t)}let s="";function matchesSelector(t,e){return s||(s=(0,o.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(e){return(0,o.isFunction)(t[e])}))),!!(0,o.isFunction)(t[s])&&t[s](e)}function getTranslation(t,e,i){let{x:o,y:n}=t,s="translate(".concat(o).concat(i,",").concat(n).concat(i,")");if(e){const t="".concat("string"==typeof e.x?e.x:e.x+i),o="".concat("string"==typeof e.y?e.y:e.y+i);s="translate(".concat(t,", ").concat(o,")")+s}return s}function addClassName(t,e){t.classList?t.classList.add(e):t.className.match(new RegExp("(?:^|\\s)".concat(e,"(?!\\S)")))||(t.className+=" ".concat(e))}function removeClassName(t,e){t.classList?t.classList.remove(e):t.className=t.className.replace(new RegExp("(?:^|\\s)".concat(e,"(?!\\S)"),"g"),"")}},72093:(t,e)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.browserPrefixToKey=browserPrefixToKey,e.browserPrefixToStyle=function browserPrefixToStyle(t,e){return e?"-".concat(e.toLowerCase(),"-").concat(t):t},e.default=void 0,e.getPrefix=getPrefix;const i=["Moz","Webkit","O","ms"];function getPrefix(){var t;let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window)return"";const o=null===(t=window.document)||void 0===t||null===(t=t.documentElement)||void 0===t?void 0:t.style;if(!o)return"";if(e in o)return"";for(let t=0;t<i.length;t++)if(browserPrefixToKey(e,i[t])in o)return i[t];return""}function browserPrefixToKey(t,e){return e?"".concat(e).concat(function kebabToTitleCase(t){let e="",i=!0;for(let o=0;o<t.length;o++)i?(e+=t[o].toUpperCase(),i=!1):"-"===t[o]?i=!0:e+=t[o];return e}(t)):t}e.default=getPrefix()},91695:(t,e)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.default=function log(){0}},71184:(t,e,i)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.canDragX=function canDragX(t){return"both"===t.props.axis||"x"===t.props.axis},e.canDragY=function canDragY(t){return"both"===t.props.axis||"y"===t.props.axis},e.createCoreData=function createCoreData(t,e,i){const n=!(0,o.isNum)(t.lastX),s=findDOMNode(t);return n?{node:s,deltaX:0,deltaY:0,lastX:e,lastY:i,x:e,y:i}:{node:s,deltaX:e-t.lastX,deltaY:i-t.lastY,lastX:t.lastX,lastY:t.lastY,x:e,y:i}},e.createDraggableData=function createDraggableData(t,e){const i=t.props.scale;return{node:e.node,x:t.state.x+e.deltaX/i,y:t.state.y+e.deltaY/i,deltaX:e.deltaX/i,deltaY:e.deltaY/i,lastX:t.state.x,lastY:t.state.y}},e.getBoundPosition=function getBoundPosition(t,e,i){if(!t.props.bounds)return[e,i];let{bounds:s}=t.props;s="string"==typeof s?s:function cloneBounds(t){return{left:t.left,top:t.top,right:t.right,bottom:t.bottom}}(s);const a=findDOMNode(t);if("string"==typeof s){const{ownerDocument:t}=a,e=t.defaultView;let i;if(i="parent"===s?a.parentNode:t.querySelector(s),!(i instanceof e.HTMLElement))throw new Error('Bounds selector "'+s+'" could not find an element.');const l=i,h=e.getComputedStyle(a),p=e.getComputedStyle(l);s={left:-a.offsetLeft+(0,o.int)(p.paddingLeft)+(0,o.int)(h.marginLeft),top:-a.offsetTop+(0,o.int)(p.paddingTop)+(0,o.int)(h.marginTop),right:(0,n.innerWidth)(l)-(0,n.outerWidth)(a)-a.offsetLeft+(0,o.int)(p.paddingRight)-(0,o.int)(h.marginRight),bottom:(0,n.innerHeight)(l)-(0,n.outerHeight)(a)-a.offsetTop+(0,o.int)(p.paddingBottom)-(0,o.int)(h.marginBottom)}}(0,o.isNum)(s.right)&&(e=Math.min(e,s.right));(0,o.isNum)(s.bottom)&&(i=Math.min(i,s.bottom));(0,o.isNum)(s.left)&&(e=Math.max(e,s.left));(0,o.isNum)(s.top)&&(i=Math.max(i,s.top));return[e,i]},e.getControlPosition=function getControlPosition(t,e,i){const o="number"==typeof e?(0,n.getTouch)(t,e):null;if("number"==typeof e&&!o)return null;const s=findDOMNode(i),a=i.props.offsetParent||s.offsetParent||s.ownerDocument.body;return(0,n.offsetXYFromParent)(o||t,a,i.props.scale)},e.snapToGrid=function snapToGrid(t,e,i){const o=Math.round(e/t[0])*t[0],n=Math.round(i/t[1])*t[1];return[o,n]};var o=i(22801),n=i(59325);function findDOMNode(t){const e=t.findDOMNode();if(!e)throw new Error("<DraggableCore>: Unmounted during event!");return e}},22801:(t,e)=>{Object.defineProperty(e,"__esModule",{value:!0}),e.dontSetMe=function dontSetMe(t,e,i){if(t[e])return new Error("Invalid prop ".concat(e," passed to ").concat(i," - do not set this, set it on the child."))},e.findInArray=function findInArray(t,e){for(let i=0,o=t.length;i<o;i++)if(e.apply(e,[t[i],i,t]))return t[i]},e.int=function int(t){return parseInt(t,10)},e.isFunction=function isFunction(t){return"function"==typeof t||"[object Function]"===Object.prototype.toString.call(t)},e.isNum=function isNum(t){return"number"==typeof t&&!isNaN(t)}}}]);

package/build/umd/7139.diva-web-planner-react.umd.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! filename:7139 */

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

@@ -0,0 +1,2 @@
+/*! For license information please see 7173.diva-web-planner-react.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7173],{59165:(e,a,t)=>{t.d(a,{_l:()=>c,gc:()=>JsonView});var n=t(87363);const isDate=e=>!!e&&e instanceof Date,isObject=e=>"object"==typeof e&&null!==e,isFunction=e=>!!e&&e instanceof Object&&"function"==typeof e;function quoteString(e,a){return void 0===a&&(a=!1),!e||a?`"${e}"`:e}function ExpandableObject(e){let{field:a,value:t,data:l,lastElement:o,openBracket:r,closeBracket:s,level:c,style:i,shouldExpandNode:u,clickToExpandNode:d,outerRef:p,beforeExpandChange:f}=e;const m=(0,n.useRef)(!1),[b,E]=(0,n.useState)((()=>u(c,t,a))),g=(0,n.useRef)(null);(0,n.useEffect)((()=>{m.current?E(u(c,t,a)):m.current=!0}),[u]);const _=(0,n.useId)();if(0===l.length)return function EmptyObject(e){let{field:a,openBracket:t,closeBracket:l,lastElement:o,style:r}=e;return(0,n.createElement)("div",{className:r.basicChildStyle,role:"treeitem","aria-selected":void 0},(a||""===a)&&(0,n.createElement)("span",{className:r.label},quoteString(a,r.quotesForFieldNames),":"),(0,n.createElement)("span",{className:r.punctuation},t),(0,n.createElement)("span",{className:r.punctuation},l),!o&&(0,n.createElement)("span",{className:r.punctuation},","))}({field:a,openBracket:r,closeBracket:s,lastElement:o,style:i});const N=b?i.collapseIcon:i.expandIcon,v=b?i.ariaLables.collapseJson:i.ariaLables.expandJson,y=c+1,x=l.length-1,setExpandWithCallback=e=>{b===e||f&&!f({level:c,value:t,field:a,newExpandValue:e})||E(e)},onKeyDown=e=>{if("ArrowRight"===e.key||"ArrowLeft"===e.key)e.preventDefault(),setExpandWithCallback("ArrowRight"===e.key);else if("ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const a="ArrowUp"===e.key?-1:1;if(!p.current)return;const t=p.current.querySelectorAll("[role=button]");let n=-1;for(let e=0;e<t.length;e++)if(0===t[e].tabIndex){n=e;break}if(n<0)return;const l=(n+a+t.length)%t.length;t[n].tabIndex=-1,t[l].tabIndex=0,t[l].focus()}},onClick=()=>{var e;setExpandWithCallback(!b);const a=g.current;if(!a)return;const t=null===(e=p.current)||void 0===e?void 0:e.querySelector('[role=button][tabindex="0"]');t&&(t.tabIndex=-1),a.tabIndex=0,a.focus()};return(0,n.createElement)("div",{className:i.basicChildStyle,role:"treeitem","aria-expanded":b,"aria-selected":void 0},(0,n.createElement)("span",{className:N,onClick,onKeyDown,role:"button","aria-label":v,"aria-expanded":b,"aria-controls":b?_:void 0,ref:g,tabIndex:0===c?0:-1}),(a||""===a)&&(d?(0,n.createElement)("span",{className:i.clickableLabel,onClick,onKeyDown},quoteString(a,i.quotesForFieldNames),":"):(0,n.createElement)("span",{className:i.label},quoteString(a,i.quotesForFieldNames),":")),(0,n.createElement)("span",{className:i.punctuation},r),b?(0,n.createElement)("ul",{id:_,role:"group",className:i.childFieldsContainer},l.map(((e,a)=>(0,n.createElement)(DataRender,{key:e[0]||a,field:e[0],value:e[1],style:i,lastElement:a===x,level:y,shouldExpandNode:u,clickToExpandNode:d,beforeExpandChange:f,outerRef:p})))):(0,n.createElement)("span",{className:i.collapsedContent,onClick,onKeyDown}),(0,n.createElement)("span",{className:i.punctuation},s),!o&&(0,n.createElement)("span",{className:i.punctuation},","))}function JsonObject(e){let{field:a,value:t,style:n,lastElement:l,shouldExpandNode:o,clickToExpandNode:r,level:s,outerRef:c,beforeExpandChange:i}=e;return ExpandableObject({field:a,value:t,lastElement:l||!1,level:s,openBracket:"{",closeBracket:"}",style:n,shouldExpandNode:o,clickToExpandNode:r,data:Object.keys(t).map((e=>[e,t[e]])),outerRef:c,beforeExpandChange:i})}function JsonArray(e){let{field:a,value:t,style:n,lastElement:l,level:o,shouldExpandNode:r,clickToExpandNode:s,outerRef:c,beforeExpandChange:i}=e;return ExpandableObject({field:a,value:t,lastElement:l||!1,level:o,openBracket:"[",closeBracket:"]",style:n,shouldExpandNode:r,clickToExpandNode:s,data:t.map((e=>[void 0,e])),outerRef:c,beforeExpandChange:i})}function JsonPrimitiveValue(e){let a,{field:t,value:l,style:o,lastElement:r}=e,s=o.otherValue;var c;return null===l?(a="null",s=o.nullValue):void 0===l?(a="undefined",s=o.undefinedValue):"string"==typeof(c=l)||c instanceof String?(a=function quoteStringValue(e,a,t){return t?JSON.stringify(e):a?`"${e}"`:e}(l,!o.noQuotesForStringValues,o.stringifyStringValues),s=o.stringValue):(e=>"boolean"==typeof e||e instanceof Boolean)(l)?(a=l?"true":"false",s=o.booleanValue):(e=>"number"==typeof e||e instanceof Number)(l)?(a=l.toString(),s=o.numberValue):(e=>"bigint"==typeof e||e instanceof BigInt)(l)?(a=`${l.toString()}n`,s=o.numberValue):a=isDate(l)?l.toISOString():isFunction(l)?"function() { }":l.toString(),(0,n.createElement)("div",{className:o.basicChildStyle,role:"treeitem","aria-selected":void 0},(t||""===t)&&(0,n.createElement)("span",{className:o.label},quoteString(t,o.quotesForFieldNames),":"),(0,n.createElement)("span",{className:s},a),!r&&(0,n.createElement)("span",{className:o.punctuation},","))}function DataRender(e){const a=e.value;return t=a,Array.isArray(t)?(0,n.createElement)(JsonArray,Object.assign({},e)):!isObject(a)||isDate(a)||isFunction(a)?(0,n.createElement)(JsonPrimitiveValue,Object.assign({},e)):(0,n.createElement)(JsonObject,Object.assign({},e));var t}var l="_2bkNM",o="_1BXBN";const r={collapseJson:"collapse JSON",expandJson:"expand JSON"},s={container:"_2IvMF _GzYRV",basicChildStyle:l,childFieldsContainer:o,label:"_1MGIk",clickableLabel:"_2YKJg _1MGIk _1MFti",nullValue:"_2T6PJ",undefinedValue:"_1Gho6",stringValue:"_vGjyY",booleanValue:"_3zQKs",numberValue:"_1bQdo",otherValue:"_1xvuR",punctuation:"_3uHL6 _3eOF8",collapseIcon:"_oLqym _f10Tu _1MFti _1LId0",expandIcon:"_2AXVT _f10Tu _1MFti _1UmXx",collapsedContent:"_2KJWg _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1,ariaLables:r,stringifyStringValues:!1},c={container:"_11RoI _GzYRV",basicChildStyle:l,childFieldsContainer:o,label:"_2bSDX",clickableLabel:"_1RQEj _2bSDX _1MFti",nullValue:"_LaAZe",undefinedValue:"_GTKgm",stringValue:"_Chy1W",booleanValue:"_2vRm-",numberValue:"_2bveF",otherValue:"_1prJR",punctuation:"_gsbQL _3eOF8",collapseIcon:"_3QHg2 _f10Tu _1MFti _1LId0",expandIcon:"_17H2C _f10Tu _1MFti _1UmXx",collapsedContent:"_3fDAz _1pNG9 _1MFti",noQuotesForStringValues:!1,quotesForFieldNames:!1,ariaLables:r,stringifyStringValues:!1},allExpanded=()=>!0,JsonView=e=>{let{data:a,style:t=s,shouldExpandNode:l=allExpanded,clickToExpandNode:o=!1,beforeExpandChange:r,compactTopLevel:c,...i}=e;const u=(0,n.useRef)(null);return(0,n.createElement)("div",Object.assign({"aria-label":"JSON view"},i,{className:t.container,ref:u,role:"tree"}),c&&isObject(a)?Object.entries(a).map((e=>{let[a,c]=e;return(0,n.createElement)(DataRender,{key:a,field:a,value:c,style:{...s,...t},lastElement:!0,level:1,shouldExpandNode:l,clickToExpandNode:o,beforeExpandChange:r,outerRef:u})})):(0,n.createElement)(DataRender,{value:a,style:{...s,...t},lastElement:!0,level:0,shouldExpandNode:l,clickToExpandNode:o,outerRef:u,beforeExpandChange:r}))}}}]);

package/build/umd/7173.diva-web-planner-react.umd.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! filename:7173 */

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7318.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7318,6340,6135,1051,8657],{56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var r=t(34988),i=t(88683),o=t(87363),a=t(7501),s=t(8135),c=t(9420),d=t(47514);const l=(0,c.Pi)((function PriceCounter(e){var n,t,c=e.price,l=e.formattingFn,u=e.duration,p=void 0===u?.5:u,f=(0,o.useState)(0),x=(0,r.Z)(f,2),m=x[0],g=x[1],b=(0,o.useState)(0),P=(0,r.Z)(b,2),h=P[0],v=P[1],y=(0,s.NP)();return(0,o.useEffect)((function(){g(c)}),[c]),(0,d.jsx)(a.ZP,{end:m,duration:p,decimals:null!==(n=null===(t=m.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:h,formattingFn:function formattingFn(e){return l?l(e):i.DivaUtils.formatPrice(e,y.productState.getPriceFormatForCounter(m))},onEnd:function onEnd(){v(m)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var r=t(80248),i=t(34988),o=t(87363),a=t(93379),s=t.n(a),c=t(7795),d=t.n(c),l=t(90569),u=t.n(l),p=t(3565),f=t.n(p),x=t(19216),m=t.n(x),g=t(44589),b=t.n(g),P=t(8907),h={};h.styleTagTransform=b(),h.setAttributes=f(),h.insert=u().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=m();s()(P.ZP,h);P.ZP&&P.ZP.locals&&P.ZP.locals;var v=t(88683),y=t(8135),j=t(65515),w=t.n(j),O=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var F=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},C=function AsyncRender2(e){var n,t,r=e.asyncPricePreview,i=e.dontAnimatePrice,o=use(r),a=(0,y.NP)();switch(a.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=o.price-o.origPrice;break;case"fromBasePrice":t=o.price-o.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(O.default,{price:t,duration:i?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+v.DivaUtils.formatPrice(Math.abs(e),a.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const D=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,r=void 0===t?"right":t,a=e.style,s=e.price,c=e.sel,d=e.dontAnimatePrice,l=(0,v.useDivaCore)().state,u=l.hidePrices,p=l.hideConfigPricePreview,f=(0,y.NP)(),x=(0,o.useState)(d),m=(0,i.Z)(x,2),g=m[0],b=m[1];if(u||"off"==f.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(s)return(0,S.jsx)("div",{className:w()(P.aH,"left"==r?P.t$:P.F2,P.pn),style:a,children:v.DivaUtils.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},v.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var h=p||"fromCurrentPriceHideCurrent"==f.productState.pricePreview&&c;return n?(n.promise.then((function(){g||b(!0)})),(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(F,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:w()(P.aH,g&&!h?P.pn:void 0,f.getIsInMobileView()?P.ai:void 0,"left"==r?P.t$:P.F2),style:a,children:(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(C,{asyncPricePreview:n.promise,dontAnimatePrice:d})})})})})):(0,S.jsx)(S.Fragment,{})}},7318:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var r=t(80248),i=t(34988),o=t(87363),a=t(93379),s=t.n(a),c=t(7795),d=t.n(c),l=t(90569),u=t.n(l),p=t(3565),f=t.n(p),x=t(19216),m=t.n(x),g=t(44589),b=t.n(g),P=t(23327),h={};h.styleTagTransform=b(),h.setAttributes=f(),h.insert=u().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=m();s()(P.ZP,h);P.ZP&&P.ZP.locals&&P.ZP.locals;var v=t(88683),y=t(48657),j=t(65515),w=t.n(j),O=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,r=e.text,a=e.desciption,s=e.codex,c=e.hexColor,d=e.layerProps,l=e.pricePreviewPromise,u=e.price,p=null==t?void 0:t.replace("_gal","").replace("_low",""),f=(0,v.useDivaCore)().state.theme,x=(0,o.useState)(!1),m=(0,i.Z)(x,2),g=m[0],b=m[1];return(0,o.useEffect)((function(){g||b(!0)}),[]),(0,O.jsxs)("div",_objectSpread(_objectSpread({className:w()(P.Cu,g?P.pn:void 0)},d),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==f||null===(n=f.typography)||void 0===n?void 0:n.fontFamily}),d.style),children:[p?(0,O.jsx)("img",{src:p,alt:r}):c?(0,O.jsx)("div",{className:P.CO,style:{backgroundColor:"#"+c}}):(0,O.jsx)(O.Fragment,{}),(0,O.jsx)("div",{className:P.Y7,dangerouslySetInnerHTML:{__html:r}}),a&&(0,O.jsx)("div",{className:P._W,children:a}),s&&(0,O.jsx)("div",{className:P._W,children:s}),void 0!==l&&(0,O.jsx)(y.default,{asyncPricePreview:l,dontAnimatePrice:!0}),!!u&&(0,O.jsx)(y.default,{price:u,dontAnimatePrice:!0})]}))}},8907:(e,n,t)=>{t.d(n,{F2:()=>l,ZP:()=>p,aH:()=>s,ai:()=>c,pn:()=>u,t$:()=>d});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--bVDuL",c="index-module--FqlZz",d="index-module--zI2ES",l="index-module--kN6Sz",u="index-module--bd6dC";const p=a},23327:(e,n,t)=>{t.d(n,{CO:()=>c,Cu:()=>s,Y7:()=>d,ZP:()=>p,_W:()=>l,pn:()=>u});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\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  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var s="index-module--gs4wQ",c="index-module--wxTxh",d="index-module--f37Xh",l="index-module--dHh9T",u="index-module--N7u4O";const p=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7318,6340,6135,1051,8657],{56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var r=t(34988),i=t(88683),o=t(87363),a=t(7501),s=t(63762),c=t(9420),d=t(47514);const l=(0,c.Pi)((function PriceCounter(e){var n,t,c=e.price,l=e.formattingFn,u=e.duration,p=void 0===u?.5:u,f=(0,o.useState)(0),x=(0,r.Z)(f,2),m=x[0],g=x[1],b=(0,o.useState)(0),P=(0,r.Z)(b,2),h=P[0],v=P[1],y=(0,s.NP)();return(0,o.useEffect)((function(){g(c)}),[c]),(0,d.jsx)(a.ZP,{end:m,duration:p,decimals:null!==(n=null===(t=m.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:h,formattingFn:function formattingFn(e){return l?l(e):i.DivaUtils.formatPrice(e,y.productState.getPriceFormatForCounter(m))},onEnd:function onEnd(){v(m)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var r=t(80248),i=t(34988),o=t(87363),a=t(93379),s=t.n(a),c=t(7795),d=t.n(c),l=t(90569),u=t.n(l),p=t(3565),f=t.n(p),x=t(19216),m=t.n(x),g=t(44589),b=t.n(g),P=t(8907),h={};h.styleTagTransform=b(),h.setAttributes=f(),h.insert=u().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=m();s()(P.ZP,h);P.ZP&&P.ZP.locals&&P.ZP.locals;var v=t(88683),y=t(63762),j=t(65515),w=t.n(j),O=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var F=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},C=function AsyncRender2(e){var n,t,r=e.asyncPricePreview,i=e.dontAnimatePrice,o=use(r),a=(0,y.NP)();switch(a.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=o.price-o.origPrice;break;case"fromBasePrice":t=o.price-o.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(O.default,{price:t,duration:i?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+v.DivaUtils.formatPrice(Math.abs(e),a.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const D=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,r=void 0===t?"right":t,a=e.style,s=e.price,c=e.sel,d=e.dontAnimatePrice,l=(0,v.useDivaCore)().state,u=l.hidePrices,p=l.hideConfigPricePreview,f=(0,y.NP)(),x=(0,o.useState)(d),m=(0,i.Z)(x,2),g=m[0],b=m[1];if(u||"off"==f.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(s)return(0,S.jsx)("div",{className:w()(P.aH,"left"==r?P.t$:P.F2,P.pn),style:a,children:v.DivaUtils.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},v.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var h=p||"fromCurrentPriceHideCurrent"==f.productState.pricePreview&&c;return n?(n.promise.then((function(){g||b(!0)})),(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(F,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:w()(P.aH,g&&!h?P.pn:void 0,f.getIsInMobileView()?P.ai:void 0,"left"==r?P.t$:P.F2),style:a,children:(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(C,{asyncPricePreview:n.promise,dontAnimatePrice:d})})})})})):(0,S.jsx)(S.Fragment,{})}},7318:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var r=t(80248),i=t(34988),o=t(87363),a=t(93379),s=t.n(a),c=t(7795),d=t.n(c),l=t(90569),u=t.n(l),p=t(3565),f=t.n(p),x=t(19216),m=t.n(x),g=t(44589),b=t.n(g),P=t(23327),h={};h.styleTagTransform=b(),h.setAttributes=f(),h.insert=u().bind(null,"head"),h.domAPI=d(),h.insertStyleElement=m();s()(P.ZP,h);P.ZP&&P.ZP.locals&&P.ZP.locals;var v=t(88683),y=t(48657),j=t(65515),w=t.n(j),O=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,r=e.text,a=e.desciption,s=e.codex,c=e.hexColor,d=e.layerProps,l=e.pricePreviewPromise,u=e.price,p=null==t?void 0:t.replace("_gal","").replace("_low",""),f=(0,v.useDivaCore)().state.theme,x=(0,o.useState)(!1),m=(0,i.Z)(x,2),g=m[0],b=m[1];return(0,o.useEffect)((function(){g||b(!0)}),[]),(0,O.jsxs)("div",_objectSpread(_objectSpread({className:w()(P.Cu,g?P.pn:void 0)},d),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==f||null===(n=f.typography)||void 0===n?void 0:n.fontFamily}),d.style),children:[p?(0,O.jsx)("img",{src:p,alt:r}):c?(0,O.jsx)("div",{className:P.CO,style:{backgroundColor:"#"+c}}):(0,O.jsx)(O.Fragment,{}),(0,O.jsx)("div",{className:P.Y7,dangerouslySetInnerHTML:{__html:r}}),a&&(0,O.jsx)("div",{className:P._W,children:a}),s&&(0,O.jsx)("div",{className:P._W,children:s}),void 0!==l&&(0,O.jsx)(y.default,{asyncPricePreview:l,dontAnimatePrice:!0}),!!u&&(0,O.jsx)(y.default,{price:u,dontAnimatePrice:!0})]}))}},8907:(e,n,t)=>{t.d(n,{F2:()=>l,ZP:()=>p,aH:()=>s,ai:()=>c,pn:()=>u,t$:()=>d});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--bVDuL",c="index-module--FqlZz",d="index-module--zI2ES",l="index-module--kN6Sz",u="index-module--bd6dC";const p=a},23327:(e,n,t)=>{t.d(n,{CO:()=>c,Cu:()=>s,Y7:()=>d,ZP:()=>p,_W:()=>l,pn:()=>u});var r=t(8081),i=t.n(r),o=t(23645),a=t.n(o)()(i());a.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\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  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var s="index-module--gs4wQ",c="index-module--wxTxh",d="index-module--f37Xh",l="index-module--dHh9T",u="index-module--N7u4O";const p=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7391.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7391],{87391:(n,e,i)=>{i.r(e),i.d(e,{default:()=>T});var t=i(65515),l=i.n(t),r=i(9420),a=(i(87363),i(93379)),s=i.n(a),d=i(7795),o=i.n(d),m=i(90569),c=i.n(m),u=i(3565),x=i.n(u),p=i(19216),h=i.n(p),g=i(44589),f=i.n(g),P=i(9201),v={};v.styleTagTransform=f(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=o(),v.insertStyleElement=h();s()(P.ZP,v);P.ZP&&P.ZP.locals&&P.ZP.locals;var y=i(88683),z=i(8135),j=i(47514);const T=(0,r.Pi)((function OptiontreeSerious(n){var e=n.item,i=(0,y.useDivaCore)().state.hidePrices,t=(0,y.useTranslation)().t,r=(0,z.NP)(),a=e;return a.isTabGroup?(0,j.jsx)("div",{className:P.ug,children:a.title}):(0,j.jsxs)(j.Fragment,{children:[a.isPartlistArticle&&(0,j.jsxs)("div",{className:l()(P.O7,P.CU),children:[(0,j.jsx)("span",{className:l()(P.IS,P.Pk),dangerouslySetInnerHTML:{__html:a.title}}),(0,j.jsx)("span",{className:l()(P.N_),children:(a.quantity&&a.quantity>1?"(x"+a.quantity+") ":"")+(!i&&a.price?y.DivaUtils.formatPrice(a.price,r.productState.priceFormat):"")})]}),(0,j.jsxs)("div",{className:l()(P.O7,a.isPartlistArticle?P.Tf:void 0),children:[(0,j.jsxs)("span",{className:l()(P.FP,P.Pk),children:[a.isPartlistArticle&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("a",{className:P.T$,children:a.size&&""!==a.size?t("configurator.size"):a.description}),": ",a.size]}),!a.isPartlistArticle&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("a",{className:P.T$,dangerouslySetInnerHTML:{__html:a.title}}),a.description&&(0,j.jsx)("a",{dangerouslySetInnerHTML:{__html:": "+a.description}})]})]}),(0,j.jsx)("span",{className:l()(P.FP,P.N_,P.Ub,P.gr),children:a.codex})]})]})}))},9201:(n,e,i)=>{i.d(e,{CU:()=>o,FP:()=>p,IS:()=>h,N_:()=>u,O7:()=>s,Pk:()=>m,T$:()=>c,Tf:()=>d,Ub:()=>x,ZP:()=>P,gr:()=>g,ug:()=>f});var t=i(8081),l=i.n(t),r=i(23645),a=i.n(r)()(l());a.push([n.id,".index-module--hzSES {\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  font-weight: 300;\n  padding-right: 0.9375rem;\n  padding-left: 0.9375rem;\n  display: flow-root;\n  color: #404040;\n}\n.index-module--eOnGi {\n  padding-top: 8px;\n}\n\n.index-module--Ct_tW {\n  padding-top: 1rem;\n}\n\n.index-module--R6ETR {\n  float: left;\n}\n.index-module--R6ETR a.index-module--zzZsM {\n  color: var(--primaryColor);\n}\n.index-module--bn7fz {\n  float: right;\n  text-align: right;\n}\n\n.index-module--L3Bwd {\n  color: var(--primaryColor);\n}\n.index-module--jtZpA {\n  font-size: 0.8125rem;\n  font-weight: normal;\n  line-height: 1.1;\n}\n.index-module--FBa7e {\n  max-width: 70%;\n}\n\n.index-module--HLipq {\n  font-style: italic;\n}\n\n.index-module--SDlLU {\n  border-bottom: 1px solid var(--primaryColor);\n  font-size: 1.125rem;\n  margin: 1.5rem 0 0 0;\n  color: var(--primaryColor);\n  padding: 0;\n  text-align: left;\n  text-transform: capitalize;\n  font-weight: 300;\n}\n",""]);var s="index-module--hzSES",d="index-module--eOnGi",o="index-module--Ct_tW",m="index-module--R6ETR",c="index-module--zzZsM",u="index-module--bn7fz",x="index-module--L3Bwd",p="index-module--jtZpA",h="index-module--FBa7e",g="index-module--HLipq",f="index-module--SDlLU";const P=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7391],{87391:(n,e,i)=>{i.r(e),i.d(e,{default:()=>T});var t=i(65515),l=i.n(t),r=i(9420),a=(i(87363),i(93379)),s=i.n(a),d=i(7795),o=i.n(d),m=i(90569),c=i.n(m),u=i(3565),x=i.n(u),p=i(19216),h=i.n(p),g=i(44589),f=i.n(g),P=i(9201),v={};v.styleTagTransform=f(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=o(),v.insertStyleElement=h();s()(P.ZP,v);P.ZP&&P.ZP.locals&&P.ZP.locals;var y=i(88683),z=i(63762),j=i(47514);const T=(0,r.Pi)((function OptiontreeSerious(n){var e=n.item,i=(0,y.useDivaCore)().state.hidePrices,t=(0,y.useTranslation)().t,r=(0,z.NP)(),a=e;return a.isTabGroup?(0,j.jsx)("div",{className:P.ug,children:a.title}):(0,j.jsxs)(j.Fragment,{children:[a.isPartlistArticle&&(0,j.jsxs)("div",{className:l()(P.O7,P.CU),children:[(0,j.jsx)("span",{className:l()(P.IS,P.Pk),dangerouslySetInnerHTML:{__html:a.title}}),(0,j.jsx)("span",{className:l()(P.N_),children:(a.quantity&&a.quantity>1?"(x"+a.quantity+") ":"")+(!i&&a.price?y.DivaUtils.formatPrice(a.price,r.productState.priceFormat):"")})]}),(0,j.jsxs)("div",{className:l()(P.O7,a.isPartlistArticle?P.Tf:void 0),children:[(0,j.jsxs)("span",{className:l()(P.FP,P.Pk),children:[a.isPartlistArticle&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("a",{className:P.T$,children:a.size&&""!==a.size?t("configurator.size"):a.description}),": ",a.size]}),!a.isPartlistArticle&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("a",{className:P.T$,dangerouslySetInnerHTML:{__html:a.title}}),a.description&&(0,j.jsx)("a",{dangerouslySetInnerHTML:{__html:": "+a.description}})]})]}),(0,j.jsx)("span",{className:l()(P.FP,P.N_,P.Ub,P.gr),children:a.codex})]})]})}))},9201:(n,e,i)=>{i.d(e,{CU:()=>o,FP:()=>p,IS:()=>h,N_:()=>u,O7:()=>s,Pk:()=>m,T$:()=>c,Tf:()=>d,Ub:()=>x,ZP:()=>P,gr:()=>g,ug:()=>f});var t=i(8081),l=i.n(t),r=i(23645),a=i.n(r)()(l());a.push([n.id,".index-module--hzSES {\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  font-weight: 300;\n  padding-right: 0.9375rem;\n  padding-left: 0.9375rem;\n  display: flow-root;\n  color: #404040;\n}\n.index-module--eOnGi {\n  padding-top: 8px;\n}\n\n.index-module--Ct_tW {\n  padding-top: 1rem;\n}\n\n.index-module--R6ETR {\n  float: left;\n}\n.index-module--R6ETR a.index-module--zzZsM {\n  color: var(--primaryColor);\n}\n.index-module--bn7fz {\n  float: right;\n  text-align: right;\n}\n\n.index-module--L3Bwd {\n  color: var(--primaryColor);\n}\n.index-module--jtZpA {\n  font-size: 0.8125rem;\n  font-weight: normal;\n  line-height: 1.1;\n}\n.index-module--FBa7e {\n  max-width: 70%;\n}\n\n.index-module--HLipq {\n  font-style: italic;\n}\n\n.index-module--SDlLU {\n  border-bottom: 1px solid var(--primaryColor);\n  font-size: 1.125rem;\n  margin: 1.5rem 0 0 0;\n  color: var(--primaryColor);\n  padding: 0;\n  text-align: left;\n  text-transform: capitalize;\n  font-weight: 300;\n}\n",""]);var s="index-module--hzSES",d="index-module--eOnGi",o="index-module--Ct_tW",m="index-module--R6ETR",c="index-module--zzZsM",u="index-module--bn7fz",x="index-module--L3Bwd",p="index-module--jtZpA",h="index-module--FBa7e",g="index-module--HLipq",f="index-module--SDlLU";const P=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7419.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7419],{67419:(n,e,o)=>{o.r(e),o.d(e,{default:()=>C});var d=o(65515),t=o.n(d),i=o(8135),r=o(9420),a=(o(87363),o(88683)),l=o(93379),u=o.n(l),s=o(7795),c=o.n(s),x=o(90569),m=o.n(x),p=o(3565),g=o.n(p),v=o(19216),h=o.n(v),b=o(44589),S=o.n(b),w=o(42490),f={};f.styleTagTransform=S(),f.setAttributes=g(),f.insert=m().bind(null,"head"),f.domAPI=c(),f.insertStyleElement=h();u()(w.ZP,f);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(47514);const C=(0,r.Pi)((function ProductFooter(n){var e,o,d,r=(0,i.NP)(),l=(0,a.useTranslation)().t,u=null!==(e=r.divaWebPlanner.getAlternateRenderingsForSummary())&&void 0!==e?e:[];return r.productState.footerVisible.length<=1&&("SUMMARY"!=(null===(o=r.tabGroupState.curTabGroup)||void 0===o?void 0:o.type)||!u.length)||r.uiState.ViewConfig.roomListInProduct&&r.productState.roomListExpanded&&r.settingsState.roomListInitialized?(0,P.jsx)(P.Fragment,{}):(0,P.jsx)("div",{className:t()(w.j4,r.uiState.isMobileLandscape?w.rK:void 0,r.uiState.isMobilePortrait?w.tW:void 0,r.uiState.configSettingsIsExpanded?w.zh:void 0),children:(0,P.jsxs)("ul",{className:w.hM,children:[r.productState.allow3DComb&&(0,P.jsx)("li",{className:t()(w.aT,r.productState.doShow3DComb?w.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("3DCOMB")},children:l("configurator.Foto")}),r.productState.allowRendering&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("li",{className:t()(w.aT,r.productState.doShowRenderImage&&void 0===r.productState.curAlternateRendering?w.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("3D")},children:l("configurator.Foto")}),"SUMMARY"==(null===(d=r.tabGroupState.curTabGroup)||void 0===d?void 0:d.type)&&u.map((function(n){var e;return(0,P.jsx)("li",{className:t()(w.aT,r.productState.doShowRenderImage&&(null===(e=r.productState.curAlternateRendering)||void 0===e?void 0:e.imageCodex)===n.imageCodex?w.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("3D",n)},children:n.title})}))]}),r.productState.allowGrid&&(0,P.jsx)("li",{className:t()(w.aT,r.productState.doShowGrid?w.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("2D")},children:l("configurator.Grundriss")}),r.productState.allowRTV&&(0,P.jsx)("li",{className:t()(w.aT,r.productState.doShowRTV?w.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("RTV")},children:l("configurator.RTV")})]})})}))},42490:(n,e,o)=>{o.d(e,{ZP:()=>p,aT:()=>c,hM:()=>m,j4:()=>a,pA:()=>x,rK:()=>u,tW:()=>l,zh:()=>s});var d=o(8081),t=o.n(d),i=o(23645),r=o.n(i)()(t());r.push([n.id,"/* footer */\n\n.index-module--PNvTO {\n  text-align: center;\n  z-index: 350;\n}\n\n.index-module--PNvTO {\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n\n.index-module--d7b3d.index-module--PNvTO {\n  display: none;\n}\n\n.index-module--r_gj8.index-module--PNvTO {\n  display: none;\n}\n\n.index-module--VFvNF.index-module--PNvTO {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW,\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW:hover {\n  background: var(--secondaryColor);\n  color: white;\n}\n\n.index-module--PNvTO .index-module--dMa6g:active,\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW:active {\n  background: #616161;\n  color: white;\n}\n\n.index-module--PNvTO .index-module--dMa6g {\n  background: white;\n  border: 1px solid var(--secondaryColor);\n\n  box-sizing: border-box;\n  -webkit-text-stroke: 0.6px;\n  min-width: 160px;\n  width: auto;\n  height: 38.4px;\n  line-height: 35.8px;\n  color: var(--secondaryColor);\n  border-right: 0px;\n  border-radius: 0px 0px 0px 0px;\n}\n.index-module--PNvTO .index-module--dMa6g:hover {\n  color: var(--secondaryColor);\n  background: white;\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--BFjun .index-module--dMa6g:last-child {\n  border-top-right-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  border-right: 1px solid var(--secondaryColor);\n}\n\n.index-module--BFjun .index-module--dMa6g:first-child {\n  border-top-left-radius: var(--globalBorderRadius);\n  border-bottom-left-radius: var(--globalBorderRadius);\n}\n\n/* ViewAs  */\n.index-module--BFjun {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  border-width: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: inline-flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n}\n\n.index-module--BFjun li {\n  display: block;\n  float: left;\n}\n",""]);var a="index-module--PNvTO",l="index-module--d7b3d",u="index-module--r_gj8",s="index-module--VFvNF",c="index-module--dMa6g",x="index-module--MGYnW",m="index-module--BFjun";const p=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7419],{67419:(n,e,o)=>{o.r(e),o.d(e,{default:()=>C});var d=o(65515),t=o.n(d),i=o(63762),r=o(9420),a=(o(87363),o(88683)),l=o(93379),u=o.n(l),s=o(7795),c=o.n(s),x=o(90569),m=o.n(x),p=o(3565),g=o.n(p),v=o(19216),h=o.n(v),b=o(44589),S=o.n(b),w=o(42490),f={};f.styleTagTransform=S(),f.setAttributes=g(),f.insert=m().bind(null,"head"),f.domAPI=c(),f.insertStyleElement=h();u()(w.ZP,f);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(47514);const C=(0,r.Pi)((function ProductFooter(n){var e,o,d,r=(0,i.NP)(),l=(0,a.useTranslation)().t,u=null!==(e=r.divaWebPlanner.getAlternateRenderingsForSummary())&&void 0!==e?e:[];return r.productState.footerVisible.length<=1&&("SUMMARY"!=(null===(o=r.tabGroupState.curTabGroup)||void 0===o?void 0:o.type)||!u.length)||r.uiState.ViewConfig.roomListInProduct&&r.productState.roomListExpanded&&r.settingsState.roomListInitialized?(0,P.jsx)(P.Fragment,{}):(0,P.jsx)("div",{className:t()(w.j4,r.uiState.isMobileLandscape?w.rK:void 0,r.uiState.isMobilePortrait?w.tW:void 0,r.uiState.configSettingsIsExpanded?w.zh:void 0),children:(0,P.jsxs)("ul",{className:w.hM,children:[r.productState.allow3DComb&&(0,P.jsx)("li",{className:t()(w.aT,r.productState.doShow3DComb?w.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("3DCOMB")},children:l("configurator.Foto")}),r.productState.allowRendering&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("li",{className:t()(w.aT,r.productState.doShowRenderImage&&void 0===r.productState.curAlternateRendering?w.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("3D")},children:l("configurator.Foto")}),"SUMMARY"==(null===(d=r.tabGroupState.curTabGroup)||void 0===d?void 0:d.type)&&u.map((function(n){var e;return(0,P.jsx)("li",{className:t()(w.aT,r.productState.doShowRenderImage&&(null===(e=r.productState.curAlternateRendering)||void 0===e?void 0:e.imageCodex)===n.imageCodex?w.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("3D",n)},children:n.title})}))]}),r.productState.allowGrid&&(0,P.jsx)("li",{className:t()(w.aT,r.productState.doShowGrid?w.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("2D")},children:l("configurator.Grundriss")}),r.productState.allowRTV&&(0,P.jsx)("li",{className:t()(w.aT,r.productState.doShowRTV?w.pA:void 0),onClick:function onClick(){return r.productState.onChangePlannerView("RTV")},children:l("configurator.RTV")})]})})}))},42490:(n,e,o)=>{o.d(e,{ZP:()=>p,aT:()=>c,hM:()=>m,j4:()=>a,pA:()=>x,rK:()=>u,tW:()=>l,zh:()=>s});var d=o(8081),t=o.n(d),i=o(23645),r=o.n(i)()(t());r.push([n.id,"/* footer */\n\n.index-module--PNvTO {\n  text-align: center;\n  z-index: 350;\n}\n\n.index-module--PNvTO {\n  position: absolute;\n  bottom: 0px;\n  left: 50%;\n  transform: translate(-50%, 0);\n}\n\n.index-module--d7b3d.index-module--PNvTO {\n  display: none;\n}\n\n.index-module--r_gj8.index-module--PNvTO {\n  display: none;\n}\n\n.index-module--VFvNF.index-module--PNvTO {\n  left: 20%;\n  transform: translate(-40%, 0);\n}\n\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW,\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW:hover {\n  background: var(--secondaryColor);\n  color: white;\n}\n\n.index-module--PNvTO .index-module--dMa6g:active,\n.index-module--PNvTO .index-module--dMa6g.index-module--MGYnW:active {\n  background: #616161;\n  color: white;\n}\n\n.index-module--PNvTO .index-module--dMa6g {\n  background: white;\n  border: 1px solid var(--secondaryColor);\n\n  box-sizing: border-box;\n  -webkit-text-stroke: 0.6px;\n  min-width: 160px;\n  width: auto;\n  height: 38.4px;\n  line-height: 35.8px;\n  color: var(--secondaryColor);\n  border-right: 0px;\n  border-radius: 0px 0px 0px 0px;\n}\n.index-module--PNvTO .index-module--dMa6g:hover {\n  color: var(--secondaryColor);\n  background: white;\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--BFjun .index-module--dMa6g:last-child {\n  border-top-right-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  border-right: 1px solid var(--secondaryColor);\n}\n\n.index-module--BFjun .index-module--dMa6g:first-child {\n  border-top-left-radius: var(--globalBorderRadius);\n  border-bottom-left-radius: var(--globalBorderRadius);\n}\n\n/* ViewAs  */\n.index-module--BFjun {\n  text-align: center;\n  z-index: 10;\n  margin: 0;\n  padding: 0;\n  border-width: 0;\n  list-style: none;\n  white-space: nowrap;\n  display: inline-flex;\n  flex-direction: row;\n  vertical-align: middle;\n  position: relative;\n  flex-wrap: nowrap;\n}\n\n.index-module--BFjun li {\n  display: block;\n  float: left;\n}\n",""]);var a="index-module--PNvTO",l="index-module--d7b3d",u="index-module--r_gj8",s="index-module--VFvNF",c="index-module--dMa6g",x="index-module--MGYnW",m="index-module--BFjun";const p=r}}]);

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,6587,8742,67,9990,9967,6937],{76587:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});i(87363);var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),s=i.n(l),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),p=i(44589),m=i.n(p),g=i(22693),f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();o()(g.Z,f);g.Z&&g.Z.locals&&g.Z.locals;var h=i(8135),b=i(47514);const v=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,h.NP)();return(0,b.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:g.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>a});var t=i(80248),o=(i(87363),i(49944)),r=i(8135),d=i(76587),l=i(9420),s=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const a=(0,l.Pi)((function GridList(e){var n,i=e.item,t=e.height,l=(e.width,e.direction),a=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,r.NP)();if(!a)return(0,s.jsx)(s.Fragment,{});for(var u=t/a.Cells.length,x=[],p=-1,m=!1,g=0;g<a.Cells.length;g++){var f=a.Cells[g];if(-1==f.InUse)x.splice(0,0,{heightCount:1,inUse:f.InUse,index:f.Index,type:void 0,isDisabled:f.IsDisabled,isRequired:f.IsRequired,onlyPlaceHolder:f.OnlyPlaceHolder,noMove:f.NoMove,noDelete:f.NoDelete});else if(p!=f.InUse&&p!=f.OnBoard){var h,b;p=f.InUse,m=!1,x.splice(0,0,{heightCount:1,inUse:f.InUse,index:f.Index,type:f.Type,isDisabled:f.IsDisabled,isRequired:f.IsRequired,articleText:null===(h=f.Article)||void 0===h?void 0:h.name,onlyPlaceHolder:f.OnlyPlaceHolder,noMove:f.NoMove,noDelete:f.NoDelete,basketId:null===(b=f.Article)||void 0===b?void 0:b.basketId})}else{var v=x.find((function(e){return e.inUse==p}));if(v){var y;if(p===f.OnBoard&&!m)m=!0,v.articleText=(null===(y=f.Article)||void 0===y?void 0:y.name)+"<br/>&<br/>"+v.articleText,v.onBoard=!0;v.heightCount++}}}var j=function getItemStyle(e,n,i,t){return"horizontal"==l?w(e,n,i,t):P(e,n,i)},P=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/a.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},w=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:u*i.heightCount-1,marginBottom:"1px",fontSize:-1===i.inUse?"12px":void 0,lineHeight:-1===i.inUse?"2px":void 0,background:i.isRequired?"#FFEBEB":-1===i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",borderBottom:-1==i.inUse?t?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},n)},S=function getTextStyle(){return"vertikal"==l?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,s.jsx)(o.Z5,{onDragEnd:function onDragEnd(e){if(e.destination){var n=x[e.source.index].index,i=x[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(a,n,i)}},children:(0,s.jsx)(o.bK,{droppableId:"droppable",direction:"vertikal"==l?"horizontal":"vertical",children:function children(e,n){return(0,s.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[x.map((function(e,n){return(0,s.jsx)(o._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,s.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.paletteViewHandler.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(a,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:j(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,s.jsx)("div",{style:S(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==l&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,s.jsx)(d.default,{grid:a,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},67:(e,n,i)=>{i.r(n),i.d(n,{default:()=>l});i(87363);var t=i(88683),o=i(22881),r=i(9420),d=i(47514);const l=(0,r.Pi)((function index(e){var n=e.selAccItem,i=(0,t.useTranslation)().t;return(0,d.jsx)(d.Fragment,{children:n?(0,d.jsxs)("div",{className:o.o5,children:[(0,d.jsx)("img",{src:n.image}),(0,d.jsxs)("div",{className:o.um,children:[i("configurator.REGALPLANER_CHOOSE_SPACE_1")+" ",(0,d.jsx)("b",{dangerouslySetInnerHTML:{__html:n.name}})," "+i("configurator.REGALPLANER_CHOOSE_SPACE_2")+" ",(0,d.jsx)("b",{children:n.cellSize}),i("configurator.REGALPLANER_CHOOSE_SPACE_3")]})]}):(0,d.jsxs)("div",{className:o.o5,children:[(0,d.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,d.jsx)("div",{className:o.um,children:i("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},76992:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(80248),o=i(34988),r=i(65515),d=i.n(r),l=i(8135),s=i(9420),a=i(87363),c=i(93379),u=i.n(c),x=i(7795),p=i.n(x),m=i(90569),g=i.n(m),f=i(3565),h=i.n(f),b=i(19216),v=i.n(b),y=i(44589),j=i.n(y),P=i(65655),w={};w.styleTagTransform=j(),w.setAttributes=h(),w.insert=g().bind(null,"head"),w.domAPI=p(),w.insertStyleElement=v();u()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(88683),I=i(46770),A=i(29154),O=i(7318),k=i(48657),N=i(98544),C=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const T=(0,s.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,r=(e.grids,e.sel),s=(0,l.NP)(),c=(0,S.useDivaCore)().state,u=c.hidePrices,x=c.dimensions,p=x.isMobile,m=x.isTablet,g=(0,a.useState)(""),f=(0,o.Z)(g,2),h=f[0],b=f[1],v={},y={},j=void 0,w=!1,T={},Z=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,I.sJ)({isOpen:Z[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});p||m||s.getViewConfig().hideTooltip||(w=Z[0],T=Z[1],v=D.triggerProps,y=D.layerProps,j=D.renderLayer);var M=t.name;return(0,C.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:t.articleCodex,className:d()(P.nC,r?P.pA:void 0),onClick:function onClick(){return s.paletteViewHandler.selectShelfAccessorie(t.articleCodex)}},v),T),{},{children:[(0,C.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:t.image}),(0,C.jsxs)("div",{className:P.jW,children:[(0,C.jsx)("div",{className:d()(P.TN),dangerouslySetInnerHTML:{__html:M}}),(0,C.jsx)(A.default,{metaData:t.metaData,visible:[h,b]},t.articleCodex),!u&&!!t.price&&(0,C.jsx)(k.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,C.jsx)(N.default,{item:t,style:{top:6,right:6}},t.articleCodex)]}),w&&(null===(n=j)||void 0===n?void 0:n((0,C.jsx)(O.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:h,image:t.image,codex:t.articleCodex,layerProps:y},t.articleCodex)))]}))}))},98151:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(80248),o=i(34988),r=i(88683),d=i(65515),l=i.n(d),s=i(8135),a=i(9420),c=i(87363),u=i(93379),x=i.n(u),p=i(7795),m=i.n(p),g=i(90569),f=i.n(g),h=i(3565),b=i.n(h),v=i(19216),y=i.n(v),j=i(44589),P=i.n(j),w=i(57771),S={};S.styleTagTransform=P(),S.setAttributes=b(),S.insert=f().bind(null,"head"),S.domAPI=m(),S.insertStyleElement=y();x()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=i(46770),A=i(29154),O=i(7318),k=i(48657),N=i(98544),C=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const T=(0,a.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,d=e.grids,a=(0,s.NP)(),u=(0,r.useTranslation)(),x=(0,r.useDivaCore)().state,p=x.hidePrices,m=x.dimensions,g=m.isMobile,f=m.isTablet,h=(0,c.useState)(""),b=(0,o.Z)(h,2),v=b[0],y=b[1],j={},P={},S=void 0,T=!1,Z={},D=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),M=(0,I.sJ)({isOpen:D[0],auto:!0,placement:a.getViewConfig().tooltipPosition||"left-center"});return g||f||a.getViewConfig().hideTooltip||(T=D[0],Z=D[1],j=M.triggerProps,P=M.layerProps,S=M.renderLayer),(0,C.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return a.paletteViewHandler.clickedOnShelfAccessorie(d,t.articleCodex,void 0,!0)},className:w.RV},j),Z),{},{children:[(0,C.jsxs)("div",{className:l()(w.iZ,w.vc),children:[(0,C.jsx)("div",{className:l()(w.K5),style:{backgroundImage:"url(".concat(t.image,")")}}),(0,C.jsxs)("div",{className:l()(w.TX),children:[(0,C.jsx)("div",{className:l()(w.db,""!==v?w.Bm:void 0),dangerouslySetInnerHTML:{__html:t.name}}),(0,C.jsx)(A.default,{metaData:t.metaData,visible:[v,y]},t.articleCodex),(0,C.jsx)("div",{className:l()(w.WN),children:r.DivaUtils.sizeFormatter({width:t.width,height:t.height,depth:t.depth},u)})]})]}),!p&&!!t.price&&(0,C.jsx)(k.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,C.jsx)(N.default,{item:t,style:{bottom:8,right:8}},t.articleCodex),T&&(null===(n=S)||void 0===n?void 0:n((0,C.jsx)(O.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:v,image:t.image,codex:t.articleCodex,layerProps:P},t.articleCodex)))]}))}))},67442:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(80248),o=i(34988),r=(i(87363),i(22881)),d=i(3985),l=i(76992),s=i(98151),a=i(38742),c=i(8135),u=i(65515),x=i.n(u),p=i(9420),m=i(67),g=i(26937),f=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const h=(0,p.Pi)((function ShelfPlanner(e){var n,i,t,u,p,h,b,v,y,j,P,w=e.item,S=e.style,I=e.filteredGroups,A=(0,c.NP)(),O=(null!==(n=null===(i=A.settingsState.settingsScrollerElement)||void 0===i?void 0:i.getBoundingClientRect().height)&&void 0!==n?n:0)-10,k=(null!==(t=null===(u=A.settingsState.settingsScrollerElement)||void 0===u?void 0:u.getBoundingClientRect().width)&&void 0!==t?t:0)-16,N=null!==(p=null==w||null===(h=w.shelfPlannerGrids)||void 0===h?void 0:h.find((function(e){return e.ActAccessoire})))&&void 0!==p?p:null==w||null===(b=w.shelfPlannerGrids)||void 0===b?void 0:b[0];if(!N)return(0,f.jsx)(f.Fragment,{});var C=null!==(v=null===(y=I[0])||void 0===y?void 0:y.items)&&void 0!==v?v:[],T=N.ActAccessoire,Z=void 0;T&&(Z=C.find((function(e){return e.articleCodex==T})));var D=N.getRequiredWarning(A.configState.lang),M=[];if(null!==(j=Z)&&void 0!==j&&null!==(j=j.configStepKeys)&&void 0!==j&&j.length)for(var z=function _loop(){var e=Z.configStepKeys[E],n=A.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;A.settingsState.selectedShelfAccessoire==e.basketId&&M.push(n[1])},E=0;E<Z.configStepKeys.length;E++)z();var _=A.getIsInMobileView()&&A.productState.shelfPlannerRTV;return(0,f.jsxs)("div",{ref:function ref(e){return w.htmlRef=e},className:x()(A.productState.shelfPlannerRTV?r.Ev:void 0,"horizontal"==N.Direction?r.dx:r.vU,A.uiState.configSettingsIsExpanded?r.zh:void 0),style:_objectSpread({height:O},S),children:[!A.productState.shelfPlannerRTV&&(0,f.jsx)("div",{className:r.wX,children:(0,f.jsx)("div",{className:r.Zh,children:(0,f.jsx)(a.default,{item:w,direction:N.Direction,width:k,height:O-16-16})})}),D&&(0,f.jsx)("div",{className:r.Kp,dangerouslySetInnerHTML:{__html:D}}),(0,f.jsxs)("div",{className:r.s0,children:[!!M.length&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)("div",{className:r.ne,onClick:function onClick(){return A.paletteViewHandler.setSelectedShelfAccessoire()},children:[(0,f.jsx)("div",{className:r.Ah}),(0,f.jsx)("div",{className:r.u2,children:null===(P=Z)||void 0===P?void 0:P.name})]}),(0,f.jsx)(g.default,{itemPalettesArr:M})]}),!M.length&&(0,f.jsxs)(f.Fragment,{children:[!_&&(0,f.jsx)(m.default,{selAccItem:Z}),(0,f.jsx)("div",{className:x()(r.QL,d.pw),style:{height:"horizontal"==N.Direction?O-80:"",overflow:_?"visible":void 0},children:C.map((function(e,n){return(0,f.jsxs)(f.Fragment,{children:[A.productState.shelfPlannerRTV&&(0,f.jsx)(l.default,{grids:w.shelfPlannerGrids,item:e,sel:e.articleCodex==T},n),!A.productState.shelfPlannerRTV&&(0,f.jsx)(s.default,{grids:w.shelfPlannerGrids,item:e},n)]})}))})]})]})]})}))},89990:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(9420),o=i(93379),r=i.n(o),d=i(7795),l=i.n(d),s=i(90569),a=i.n(s),c=i(3565),u=i.n(c),x=i(19216),p=i.n(x),m=i(44589),g=i.n(m),f=i(91605),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();r()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var b=i(8135),v=i(47514);const y=(0,t.Pi)((function ContentItemTeaser(e){var n=e.item,i=(0,b.NP)();return(0,v.jsxs)("div",{className:f.bz,children:[(0,v.jsx)("div",{className:f.rP,children:"😴"}),(0,v.jsx)("div",{className:f.TN,children:n.title}),(0,v.jsx)("div",{className:f.WL,children:n.description}),(0,v.jsxs)("button",{className:f.LI,onClick:function onClick(){return i.settingsState.onClickContentItemId(n.id)},children:[(0,v.jsx)("span",{className:f.q5,children:n.buttonText}),(0,v.jsx)("div",{className:f.x7,children:(0,v.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});i(87363);var t=i(79182),o=i(8135),r=i(93379),d=i.n(r),l=i(7795),s=i.n(l),a=i(90569),c=i.n(a),u=i(3565),x=i.n(u),p=i(19216),m=i.n(p),g=i(44589),f=i.n(g),h=i(9668),b={};b.styleTagTransform=f(),b.setAttributes=x(),b.insert=c().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=m();d()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(89990),y=i(47514);const j=function SettingsItemsGroup(e){var n=e.group;(0,o.NP)();return(0,y.jsxs)("div",{className:h.YS,children:[(0,y.jsx)("div",{className:h.t$,children:n.left.map((function(e){var i,o,r,d=n.palettes.find((function(n){return n.id===e}));return(0,y.jsxs)(y.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{})]})}))}),(0,y.jsx)("div",{className:h.eX}),(0,y.jsx)("div",{className:h.F2,children:n.right.map((function(e){var i,o,r,d=n.palettes.find((function(n){return n.id===e}));return(0,y.jsxs)(y.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{})]})}))})]})}},26937:(e,n,i)=>{i.r(n),i.d(n,{default:()=>u});var t=i(34988),o=i(87363),r=i(9420),d=i(79182),l=i(8135),s=i(89967),a=i(89990),c=i(47514);const u=(0,r.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,i=(0,l.NP)(),r=(0,o.useState)([]),u=(0,t.Z)(r,2),x=u[0],p=u[1];return(0,o.useEffect)((function(){for(var e=[],t=function _loop(){var t=n[o],r=i.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),d=null==r?void 0:r.partOfGroup,l=e.find((function(e){var n;return(null!==(n=null==d?void 0:d.groupName)&&void 0!==n?n:t.configStepKey+t.id)===e.groupName}));if(l)l.palettes.push(t);else{var s,a={groupName:null!==(s=null==d?void 0:d.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};e.push(a),l=a}"l"===(null==d?void 0:d.position)?l.left.push(t.id):"r"===(null==d?void 0:d.position)&&l.right.push(t.id)},o=0;o<n.length;o++)t();p(e)}),[n]),(0,c.jsx)(c.Fragment,{children:x.map((function(e){var n;if(e.palettes.length>1)return(0,c.jsx)(s.default,{group:e});var i=e.palettes[0].contentItemTeaser;return(0,c.jsxs)(c.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,c.jsx)(a.default,{item:i}),(0,c.jsx)(d.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,c.jsx)(a.default,{item:i})]})}))})}))},22693:(e,n,i)=>{i.d(n,{U:()=>l,Z:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--GuiBy {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--GuiBy {\n  line-height: 21px;\n}\n",""]);var l="index-module--GuiBy";const s=d},65655:(e,n,i)=>{i.d(n,{TN:()=>c,ZP:()=>u,jW:()=>a,nC:()=>l,pA:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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",""]);var l="index-module--E9hMP",s="index-module--zq_sk",a="index-module--ASP_j",c="index-module--xrQ6L";const u=d},57771:(e,n,i)=>{i.d(n,{Bm:()=>p,K5:()=>c,RV:()=>l,TX:()=>u,WN:()=>m,ZP:()=>g,db:()=>x,iZ:()=>s,vc:()=>a});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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 l="index-module--ckN3g",s="index-module--9x5co",a="index-module--i6vXs",c="index-module--Ab2VB",u="index-module--S4zFL",x="index-module--PoiMR",p="index-module--Khqca",m="index-module--gYuZ8";const g=d},92800:(e,n,i)=>{i.d(n,{Ah:()=>O,Ev:()=>y,Kp:()=>S,QL:()=>j,ZP:()=>k,Zh:()=>v,dx:()=>m,ne:()=>I,o5:()=>P,s0:()=>f,u2:()=>A,um:()=>w,vU:()=>g,wX:()=>b,zh:()=>h});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r),l=i(61667),s=i.n(l),a=new URL(i(60267),i.b),c=new URL(i(18343),i.b),u=d()(o()),x=s()(a),p=s()(c);u.push([e.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("+x+");\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("+p+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n  font-size: 20px;\n}\n",""]);var m="index-module--Bn7HL",g="index-module--HEzIS",f="index-module--_WYy_",h="index-module--OxqYJ",b="index-module--rPMZf",v="index-module--TXuNM",y="index-module--HGACp",j="index-module--HDgVo",P="index-module--y8DIz",w="index-module--Q2pqI",S="index-module--sJPn7",I="index-module--bdb6c",A="index-module--AJXPG",O="index-module--vl80_";const k=u},91605:(e,n,i)=>{i.d(n,{LI:()=>u,TN:()=>a,WL:()=>c,ZP:()=>m,bz:()=>l,q5:()=>x,rP:()=>s,x7:()=>p});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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: 13px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\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}",""]);var l="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",c="index-module--YcLKe",u="index-module--tZsne",x="index-module--KlW5i",p="index-module--MViR0";const m=d},9668:(e,n,i)=>{i.d(n,{F2:()=>a,YS:()=>l,ZP:()=>u,eX:()=>c,t$:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var l="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",c="index-module--lvlA1";const u=d},22881:(e,n,i)=>{i.d(n,{Ah:()=>g.Ah,Ev:()=>g.Ev,Kp:()=>g.Kp,QL:()=>g.QL,Zh:()=>g.Zh,dx:()=>g.dx,ne:()=>g.ne,o5:()=>g.o5,s0:()=>g.s0,u2:()=>g.u2,um:()=>g.um,vU:()=>g.vU,wX:()=>g.wX,zh:()=>g.zh});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),s=i.n(l),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),p=i(44589),m=i.n(p),g=i(92800),f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();o()(g.ZP,f),g.ZP&&g.ZP.locals&&g.ZP.locals},60267:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},18343:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7442,6587,8742,67,9990,9967,6937],{76587:(e,n,i)=>{i.r(n),i.d(n,{default:()=>v});i(87363);var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),s=i.n(l),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),p=i(44589),m=i.n(p),g=i(22693),f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();o()(g.Z,f);g.Z&&g.Z.locals&&g.Z.locals;var h=i(63762),b=i(47514);const v=function ShelfDeleteButton(e){var n=e.index,i=e.grid,t=(0,h.NP)();return(0,b.jsx)("div",{onClick:function onClick(e){t.paletteViewHandler.clickDeleteAccessorieOnShelfPlanner(i,n),e.stopPropagation()},className:g.U,children:"-"})}},38742:(e,n,i)=>{i.r(n),i.d(n,{default:()=>a});var t=i(80248),o=(i(87363),i(49944)),r=i(63762),d=i(76587),l=i(9420),s=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const a=(0,l.Pi)((function GridList(e){var n,i=e.item,t=e.height,l=(e.width,e.direction),a=null===(n=i.shelfPlannerGrids)||void 0===n?void 0:n[0],c=(0,r.NP)();if(!a)return(0,s.jsx)(s.Fragment,{});for(var u=t/a.Cells.length,x=[],p=-1,m=!1,g=0;g<a.Cells.length;g++){var f=a.Cells[g];if(-1==f.InUse)x.splice(0,0,{heightCount:1,inUse:f.InUse,index:f.Index,type:void 0,isDisabled:f.IsDisabled,isRequired:f.IsRequired,onlyPlaceHolder:f.OnlyPlaceHolder,noMove:f.NoMove,noDelete:f.NoDelete});else if(p!=f.InUse&&p!=f.OnBoard){var h,b;p=f.InUse,m=!1,x.splice(0,0,{heightCount:1,inUse:f.InUse,index:f.Index,type:f.Type,isDisabled:f.IsDisabled,isRequired:f.IsRequired,articleText:null===(h=f.Article)||void 0===h?void 0:h.name,onlyPlaceHolder:f.OnlyPlaceHolder,noMove:f.NoMove,noDelete:f.NoDelete,basketId:null===(b=f.Article)||void 0===b?void 0:b.basketId})}else{var v=x.find((function(e){return e.inUse==p}));if(v){var y;if(p===f.OnBoard&&!m)m=!0,v.articleText=(null===(y=f.Article)||void 0===y?void 0:y.name)+"<br/>&<br/>"+v.articleText,v.onBoard=!0;v.heightCount++}}}var j=function getItemStyle(e,n,i,t){return"horizontal"==l?w(e,n,i,t):P(e,n,i)},P=function getItemStyleVertical(e,n,i){return _objectSpread({userSelect:"none",width:"calc("+i.heightCount/a.Cells.length*100+"% - 1px)",wordBreak:"break-word",height:"100%",marginRight:"1px",background:i.isRequired?"#FFEBEB":-1==i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",float:"left",borderRight:-1==i.inUse?"1px solid lightgrey":"none",boxSizing:"border-box"},n)},w=function getItemStyleHorizontal(e,n,i,t){return _objectSpread({userSelect:"none",height:u*i.heightCount-1,marginBottom:"1px",fontSize:-1===i.inUse?"12px":void 0,lineHeight:-1===i.inUse?"2px":void 0,background:i.isRequired?"#FFEBEB":-1===i.inUse?"none":e?"grey":"lightgrey",backgroundImage:i.isDisabled&&"linear-gradient(45deg, #ffffff  25%, #c7c7c7 25%, #c7c7c7 50%, #ffffff  50%, #ffffff  75%, #c7c7c7 75%, #c7c7c7 100%)",backgroundSize:i.isDisabled&&"28.28px 28.28px",borderBottom:-1==i.inUse?t?"1px solid #B5B5B5":"1px solid lightgrey":"none",boxSizing:"border-box"},n)},S=function getTextStyle(){return"vertikal"==l?{maxHeight:"calc(100% - 22px)",overflow:"auto"}:{}};return(0,s.jsx)(o.Z5,{onDragEnd:function onDragEnd(e){if(e.destination){var n=x[e.source.index].index,i=x[e.destination.index].index;n!=i&&c.paletteViewHandler.shelfItemMoved(a,n,i)}},children:(0,s.jsx)(o.bK,{droppableId:"droppable",direction:"vertikal"==l?"horizontal":"vertical",children:function children(e,n){return(0,s.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"100%",height:"100%"},children:[x.map((function(e,n){return(0,s.jsx)(o._l,{index:n,isDragDisabled:-1==e.inUse||e.isDisabled||e.noMove,draggableId:n.toString(),children:function children(i,t){return(0,s.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){c.paletteViewHandler.setSelectedShelfAccessoire(e.basketId),c.paletteViewHandler.clickAddAccessorieOnShelfPlanner(a,e.index)},ref:i.innerRef},i.draggableProps),i.dragHandleProps),{},{style:j(t.isDragging,i.draggableProps.style,e,e.index%5==0&&!!n),children:[!!e.articleText&&(0,s.jsx)("div",{style:S(),dangerouslySetInnerHTML:{__html:e.articleText}}),-1==e.inUse&&e.index%5==0&&!!n&&"horizontal"==l&&e.index,(e.inUse>-1&&!e.noDelete&&!e.isDisabled||e.onBoard)&&(0,s.jsx)(d.default,{grid:a,index:e.inUse})]}))}},n)})),e.placeholder]}))}})})}))},67:(e,n,i)=>{i.r(n),i.d(n,{default:()=>l});i(87363);var t=i(88683),o=i(22881),r=i(9420),d=i(47514);const l=(0,r.Pi)((function index(e){var n=e.selAccItem,i=(0,t.useTranslation)().t;return(0,d.jsx)(d.Fragment,{children:n?(0,d.jsxs)("div",{className:o.o5,children:[(0,d.jsx)("img",{src:n.image}),(0,d.jsxs)("div",{className:o.um,children:[i("configurator.REGALPLANER_CHOOSE_SPACE_1")+" ",(0,d.jsx)("b",{dangerouslySetInnerHTML:{__html:n.name}})," "+i("configurator.REGALPLANER_CHOOSE_SPACE_2")+" ",(0,d.jsx)("b",{children:n.cellSize}),i("configurator.REGALPLANER_CHOOSE_SPACE_3")]})]}):(0,d.jsxs)("div",{className:o.o5,children:[(0,d.jsx)("img",{src:"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}),(0,d.jsx)("div",{className:o.um,children:i("configurator.REGALPLANER_CHOOSE_FIRST_ARTICLE")})]})})}))},76992:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(80248),o=i(34988),r=i(65515),d=i.n(r),l=i(63762),s=i(9420),a=i(87363),c=i(93379),u=i.n(c),x=i(7795),p=i.n(x),m=i(90569),g=i.n(m),f=i(3565),h=i.n(f),b=i(19216),v=i.n(b),y=i(44589),j=i.n(y),P=i(65655),w={};w.styleTagTransform=j(),w.setAttributes=h(),w.insert=g().bind(null,"head"),w.domAPI=p(),w.insertStyleElement=v();u()(P.ZP,w);P.ZP&&P.ZP.locals&&P.ZP.locals;var S=i(88683),I=i(46770),A=i(29154),O=i(7318),k=i(48657),N=i(98544),C=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const T=(0,s.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,r=(e.grids,e.sel),s=(0,l.NP)(),c=(0,S.useDivaCore)().state,u=c.hidePrices,x=c.dimensions,p=x.isMobile,m=x.isTablet,g=(0,a.useState)(""),f=(0,o.Z)(g,2),h=f[0],b=f[1],v={},y={},j=void 0,w=!1,T={},Z=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),D=(0,I.sJ)({isOpen:Z[0],auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});p||m||s.getViewConfig().hideTooltip||(w=Z[0],T=Z[1],v=D.triggerProps,y=D.layerProps,j=D.renderLayer);var M=t.name;return(0,C.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:t.articleCodex,className:d()(P.nC,r?P.pA:void 0),onClick:function onClick(){return s.paletteViewHandler.selectShelfAccessorie(t.articleCodex)}},v),T),{},{children:[(0,C.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:t.image}),(0,C.jsxs)("div",{className:P.jW,children:[(0,C.jsx)("div",{className:d()(P.TN),dangerouslySetInnerHTML:{__html:M}}),(0,C.jsx)(A.default,{metaData:t.metaData,visible:[h,b]},t.articleCodex),!u&&!!t.price&&(0,C.jsx)(k.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,C.jsx)(N.default,{item:t,style:{top:6,right:6}},t.articleCodex)]}),w&&(null===(n=j)||void 0===n?void 0:n((0,C.jsx)(O.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:h,image:t.image,codex:t.articleCodex,layerProps:y},t.articleCodex)))]}))}))},98151:(e,n,i)=>{i.r(n),i.d(n,{default:()=>T});var t=i(80248),o=i(34988),r=i(88683),d=i(65515),l=i.n(d),s=i(63762),a=i(9420),c=i(87363),u=i(93379),x=i.n(u),p=i(7795),m=i.n(p),g=i(90569),f=i.n(g),h=i(3565),b=i.n(h),v=i(19216),y=i.n(v),j=i(44589),P=i.n(j),w=i(57771),S={};S.styleTagTransform=P(),S.setAttributes=b(),S.insert=f().bind(null,"head"),S.domAPI=m(),S.insertStyleElement=y();x()(w.ZP,S);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=i(46770),A=i(29154),O=i(7318),k=i(48657),N=i(98544),C=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const T=(0,a.Pi)((function ShelfAccessoires(e){var n,i,t=e.item,d=e.grids,a=(0,s.NP)(),u=(0,r.useTranslation)(),x=(0,r.useDivaCore)().state,p=x.hidePrices,m=x.dimensions,g=m.isMobile,f=m.isTablet,h=(0,c.useState)(""),b=(0,o.Z)(h,2),v=b[0],y=b[1],j={},P={},S=void 0,T=!1,Z={},D=(0,I.XI)({delayEnter:1500,hideOnScroll:!0}),M=(0,I.sJ)({isOpen:D[0],auto:!0,placement:a.getViewConfig().tooltipPosition||"left-center"});return g||f||a.getViewConfig().hideTooltip||(T=D[0],Z=D[1],j=M.triggerProps,P=M.layerProps,S=M.renderLayer),(0,C.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({onClick:function onClick(){return a.paletteViewHandler.clickedOnShelfAccessorie(d,t.articleCodex,void 0,!0)},className:w.RV},j),Z),{},{children:[(0,C.jsxs)("div",{className:l()(w.iZ,w.vc),children:[(0,C.jsx)("div",{className:l()(w.K5),style:{backgroundImage:"url(".concat(t.image,")")}}),(0,C.jsxs)("div",{className:l()(w.TX),children:[(0,C.jsx)("div",{className:l()(w.db,""!==v?w.Bm:void 0),dangerouslySetInnerHTML:{__html:t.name}}),(0,C.jsx)(A.default,{metaData:t.metaData,visible:[v,y]},t.articleCodex),(0,C.jsx)("div",{className:l()(w.WN),children:r.DivaUtils.sizeFormatter({width:t.width,height:t.height,depth:t.depth},u)})]})]}),!p&&!!t.price&&(0,C.jsx)(k.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,C.jsx)(N.default,{item:t,style:{bottom:8,right:8}},t.articleCodex),T&&(null===(n=S)||void 0===n?void 0:n((0,C.jsx)(O.default,{text:null!==(i=t.longDescription)&&void 0!==i?i:t.name,desciption:v,image:t.image,codex:t.articleCodex,layerProps:P},t.articleCodex)))]}))}))},67442:(e,n,i)=>{i.r(n),i.d(n,{default:()=>h});var t=i(80248),o=i(34988),r=(i(87363),i(22881)),d=i(3985),l=i(76992),s=i(98151),a=i(38742),c=i(63762),u=i(65515),x=i.n(u),p=i(9420),m=i(67),g=i(26937),f=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,t)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,t.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const h=(0,p.Pi)((function ShelfPlanner(e){var n,i,t,u,p,h,b,v,y,j,P,w=e.item,S=e.style,I=e.filteredGroups,A=(0,c.NP)(),O=(null!==(n=null===(i=A.settingsState.settingsScrollerElement)||void 0===i?void 0:i.getBoundingClientRect().height)&&void 0!==n?n:0)-10,k=(null!==(t=null===(u=A.settingsState.settingsScrollerElement)||void 0===u?void 0:u.getBoundingClientRect().width)&&void 0!==t?t:0)-16,N=null!==(p=null==w||null===(h=w.shelfPlannerGrids)||void 0===h?void 0:h.find((function(e){return e.ActAccessoire})))&&void 0!==p?p:null==w||null===(b=w.shelfPlannerGrids)||void 0===b?void 0:b[0];if(!N)return(0,f.jsx)(f.Fragment,{});var C=null!==(v=null===(y=I[0])||void 0===y?void 0:y.items)&&void 0!==v?v:[],T=N.ActAccessoire,Z=void 0;T&&(Z=C.find((function(e){return e.articleCodex==T})));var D=N.getRequiredWarning(A.configState.lang),M=[];if(null!==(j=Z)&&void 0!==j&&null!==(j=j.configStepKeys)&&void 0!==j&&j.length)for(var z=function _loop(){var e=Z.configStepKeys[E],n=A.settingsState.itemPaletteArr.find((function(n){var i=(0,o.Z)(n,2);i[0];return i[1].configStepKey==e.key}));if(!n)return 1;A.settingsState.selectedShelfAccessoire==e.basketId&&M.push(n[1])},E=0;E<Z.configStepKeys.length;E++)z();var _=A.getIsInMobileView()&&A.productState.shelfPlannerRTV;return(0,f.jsxs)("div",{ref:function ref(e){return w.htmlRef=e},className:x()(A.productState.shelfPlannerRTV?r.Ev:void 0,"horizontal"==N.Direction?r.dx:r.vU,A.uiState.configSettingsIsExpanded?r.zh:void 0),style:_objectSpread({height:O},S),children:[!A.productState.shelfPlannerRTV&&(0,f.jsx)("div",{className:r.wX,children:(0,f.jsx)("div",{className:r.Zh,children:(0,f.jsx)(a.default,{item:w,direction:N.Direction,width:k,height:O-16-16})})}),D&&(0,f.jsx)("div",{className:r.Kp,dangerouslySetInnerHTML:{__html:D}}),(0,f.jsxs)("div",{className:r.s0,children:[!!M.length&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)("div",{className:r.ne,onClick:function onClick(){return A.paletteViewHandler.setSelectedShelfAccessoire()},children:[(0,f.jsx)("div",{className:r.Ah}),(0,f.jsx)("div",{className:r.u2,children:null===(P=Z)||void 0===P?void 0:P.name})]}),(0,f.jsx)(g.default,{itemPalettesArr:M})]}),!M.length&&(0,f.jsxs)(f.Fragment,{children:[!_&&(0,f.jsx)(m.default,{selAccItem:Z}),(0,f.jsx)("div",{className:x()(r.QL,d.pw),style:{height:"horizontal"==N.Direction?O-80:"",overflow:_?"visible":void 0},children:C.map((function(e,n){return(0,f.jsxs)(f.Fragment,{children:[A.productState.shelfPlannerRTV&&(0,f.jsx)(l.default,{grids:w.shelfPlannerGrids,item:e,sel:e.articleCodex==T},n),!A.productState.shelfPlannerRTV&&(0,f.jsx)(s.default,{grids:w.shelfPlannerGrids,item:e},n)]})}))})]})]})]})}))},89990:(e,n,i)=>{i.r(n),i.d(n,{default:()=>y});i(87363);var t=i(9420),o=i(93379),r=i.n(o),d=i(7795),l=i.n(d),s=i(90569),a=i.n(s),c=i(3565),u=i.n(c),x=i(19216),p=i.n(x),m=i(44589),g=i.n(m),f=i(91605),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=a().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();r()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var b=i(63762),v=i(47514);const y=(0,t.Pi)((function ContentItemTeaser(e){var n=e.item,i=(0,b.NP)();return(0,v.jsxs)("div",{className:f.bz,children:[n.emoji&&(0,v.jsx)("div",{className:f.rP,children:n.emoji}),(0,v.jsx)("div",{className:f.TN,children:n.title}),(0,v.jsx)("div",{className:f.WL,children:n.description}),(0,v.jsxs)("button",{className:f.LI,onClick:function onClick(){return i.settingsState.onClickContentItemId(n.id)},children:[(0,v.jsx)("span",{className:f.q5,children:n.buttonText}),(0,v.jsx)("div",{className:f.x7,children:(0,v.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});i(87363);var t=i(79182),o=i(63762),r=i(93379),d=i.n(r),l=i(7795),s=i.n(l),a=i(90569),c=i.n(a),u=i(3565),x=i.n(u),p=i(19216),m=i.n(p),g=i(44589),f=i.n(g),h=i(9668),b={};b.styleTagTransform=f(),b.setAttributes=x(),b.insert=c().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=m();d()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=i(89990),y=i(47514);const j=function SettingsItemsGroup(e){var n=e.group;(0,o.NP)();return(0,y.jsxs)("div",{className:h.YS,children:[(0,y.jsx)("div",{className:h.t$,children:n.left.map((function(e){var i,o,r,d=n.palettes.find((function(n){return n.id===e}));return(0,y.jsxs)(y.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{})]})}))}),(0,y.jsx)("div",{className:h.eX}),(0,y.jsx)("div",{className:h.F2,children:n.right.map((function(e){var i,o,r,d=n.palettes.find((function(n){return n.id===e}));return(0,y.jsxs)(y.Fragment,{children:["TOP"===(null===(i=d.contentItemTeaser)||void 0===i?void 0:i.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{}),(0,y.jsx)(t.default,{item:d,id:Number(d.id)},null!==(o=d.optionCodex)&&void 0!==o?o:d.configStepKey+d.id),"BOTTOM"===(null===(r=d.contentItemTeaser)||void 0===r?void 0:r.position)?(0,y.jsx)(v.default,{item:d.contentItemTeaser}):(0,y.jsx)(y.Fragment,{})]})}))})]})}},26937:(e,n,i)=>{i.r(n),i.d(n,{default:()=>u});var t=i(34988),o=i(87363),r=i(9420),d=i(79182),l=i(63762),s=i(89967),a=i(89990),c=i(47514);const u=(0,r.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,i=(0,l.NP)(),r=(0,o.useState)([]),u=(0,t.Z)(r,2),x=u[0],p=u[1];return(0,o.useEffect)((function(){for(var e=[],t=function _loop(){var t=n[o],r=i.configuratorStructureHandler.getOptionStepByCodex(t.optionCodex),d=null==r?void 0:r.partOfGroup,l=e.find((function(e){var n;return(null!==(n=null==d?void 0:d.groupName)&&void 0!==n?n:t.configStepKey+t.id)===e.groupName}));if(l)l.palettes.push(t);else{var s,a={groupName:null!==(s=null==d?void 0:d.groupName)&&void 0!==s?s:t.configStepKey+t.id,palettes:[t],left:[],right:[]};e.push(a),l=a}"l"===(null==d?void 0:d.position)?l.left.push(t.id):"r"===(null==d?void 0:d.position)&&l.right.push(t.id)},o=0;o<n.length;o++)t();p(e)}),[n]),(0,c.jsx)(c.Fragment,{children:x.map((function(e){var n;if(e.palettes.length>1)return(0,c.jsx)(s.default,{group:e});var i=e.palettes[0].contentItemTeaser;return(0,c.jsxs)(c.Fragment,{children:["TOP"==(null==i?void 0:i.position)&&(0,c.jsx)(a.default,{item:i}),(0,c.jsx)(d.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==i?void 0:i.position)&&(0,c.jsx)(a.default,{item:i})]})}))})}))},22693:(e,n,i)=>{i.d(n,{U:()=>l,Z:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.id,".index-module--GuiBy {\n  font-weight: 300;\n  font-size: 18px;\n  height: 22px;\n  width: 22px;\n  float: left;\n  background: #f2f2f2;\n  border-radius: 19.008px;\n  -webkit-text-stroke: 0px;\n  transition: background-color 0.15s ease;\n  text-align: center;\n  float: right;\n  cursor: pointer;\n}\n\n.index-module--GuiBy:hover {\n  background: #d9d9d9;\n  color: #424242;\n}\n\n.index-module--GuiBy {\n  line-height: 21px;\n}\n",""]);var l="index-module--GuiBy";const s=d},65655:(e,n,i)=>{i.d(n,{TN:()=>c,ZP:()=>u,jW:()=>a,nC:()=>l,pA:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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",""]);var l="index-module--E9hMP",s="index-module--zq_sk",a="index-module--ASP_j",c="index-module--xrQ6L";const u=d},57771:(e,n,i)=>{i.d(n,{Bm:()=>p,K5:()=>c,RV:()=>l,TX:()=>u,WN:()=>m,ZP:()=>g,db:()=>x,iZ:()=>s,vc:()=>a});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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 l="index-module--ckN3g",s="index-module--9x5co",a="index-module--i6vXs",c="index-module--Ab2VB",u="index-module--S4zFL",x="index-module--PoiMR",p="index-module--Khqca",m="index-module--gYuZ8";const g=d},92800:(e,n,i)=>{i.d(n,{Ah:()=>O,Ev:()=>y,Kp:()=>S,QL:()=>j,ZP:()=>k,Zh:()=>v,dx:()=>m,ne:()=>I,o5:()=>P,s0:()=>f,u2:()=>A,um:()=>w,vU:()=>g,wX:()=>b,zh:()=>h});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r),l=i(61667),s=i.n(l),a=new URL(i(60267),i.b),c=new URL(i(18343),i.b),u=d()(o()),x=s()(a),p=s()(c);u.push([e.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("+x+");\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("+p+");\n}\n\n.index-module--bdb6c:hover .index-module--AJXPG {\n  font-size: 20px;\n}\n",""]);var m="index-module--Bn7HL",g="index-module--HEzIS",f="index-module--_WYy_",h="index-module--OxqYJ",b="index-module--rPMZf",v="index-module--TXuNM",y="index-module--HGACp",j="index-module--HDgVo",P="index-module--y8DIz",w="index-module--Q2pqI",S="index-module--sJPn7",I="index-module--bdb6c",A="index-module--AJXPG",O="index-module--vl80_";const k=u},91605:(e,n,i)=>{i.d(n,{LI:()=>u,TN:()=>a,WL:()=>c,ZP:()=>m,bz:()=>l,q5:()=>x,rP:()=>s,x7:()=>p});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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 l="index-module--YvhoM",s="index-module--xRF8A",a="index-module--AkzgH",c="index-module--YcLKe",u="index-module--tZsne",x="index-module--KlW5i",p="index-module--MViR0";const m=d},9668:(e,n,i)=>{i.d(n,{F2:()=>a,YS:()=>l,ZP:()=>u,eX:()=>c,t$:()=>s});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([e.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}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var l="index-module--h2rQ7",s="index-module--vn75Y",a="index-module--gupRY",c="index-module--lvlA1";const u=d},22881:(e,n,i)=>{i.d(n,{Ah:()=>g.Ah,Ev:()=>g.Ev,Kp:()=>g.Kp,QL:()=>g.QL,Zh:()=>g.Zh,dx:()=>g.dx,ne:()=>g.ne,o5:()=>g.o5,s0:()=>g.s0,u2:()=>g.u2,um:()=>g.um,vU:()=>g.vU,wX:()=>g.wX,zh:()=>g.zh});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),l=i(90569),s=i.n(l),a=i(3565),c=i.n(a),u=i(19216),x=i.n(u),p=i(44589),m=i.n(p),g=i(92800),f={};f.styleTagTransform=m(),f.setAttributes=c(),f.insert=s().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=x();o()(g.ZP,f),g.ZP&&g.ZP.locals&&g.ZP.locals},60267:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},18343:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMSAxMUwxMSAyMSIgc3Ryb2tlPSIjM2YzZjNmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7455.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7455,6340,6135,8544,9154,1051,8657,7318],{27455:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var i=t(80248),o=t(34988),r=t(65515),d=t.n(r),a=t(8135),l=t(9420),s=t(87363),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),m=t(90569),f=t.n(m),h=t(3565),g=t.n(h),b=t(19216),v=t.n(b),C=t(44589),w=t.n(C),y=t(16e3),j={};j.styleTagTransform=w(),j.setAttributes=g(),j.insert=f().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=v();u()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(29154),S=t(98544),k=t(48657),O=t(46770),Z=t(88683),I=t(7318),F=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const D=(0,l.Pi)((function Article(e){var n,t,i,r=e.item,l=e.paletteId,c=r,u=(0,a.NP)(),x=(0,Z.useDivaCore)().state,p=x.dimensions,m=p.isMobile,f=p.isTablet,h=x.hidePrices,g=(0,s.useState)(""),b=(0,o.Z)(g,2),v=b[0],C=b[1],w={},j={},D=void 0,N=!1,_={},B=(0,O.XI)({delayEnter:1500,hideOnScroll:!0}),z=(0,O.sJ)({isOpen:B[0],auto:!0,placement:u.getViewConfig().tooltipPosition||"left-center"});m||f||u.getViewConfig().hideTooltip||c.contentItemId||(N=B[0],_=B[1],w=z.triggerProps,j=z.layerProps,D=z.renderLayer);var T=c.sel&&"add"!=(null===(n=u.settingsState.addElementSelected)||void 0===n?void 0:n.mode);return(0,F.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:c.codex,className:d()(y.Sp,T?y.pA:void 0,u.getIsInMobileView()?y.ai:void 0,u.uiState.isTablet?y.Mq:void 0),onClick:function onClick(){u.paletteViewHandler.clickedOnPlannerPalette(c,l)}},w),_),{},{children:[(0,F.jsxs)("div",{className:d()(y.be),children:[u.getViewConfig().showOptionCodexInOptionHeader&&(0,F.jsx)("div",{className:d()(y.rq),children:c.articleCodex}),c.image&&(0,F.jsx)("img",{className:d()(y.K5),src:c.image.replace("_gal","").replace("_low","")}),c.contentItemId&&(0,F.jsx)(S.default,{item:c,style:{top:-6,bottom:"unset",right:-7}},c.codex),(0,F.jsx)("div",{className:d()(y.cD),children:c.sizeInfo})]}),(0,F.jsx)("div",{className:y.FJ,children:(0,F.jsx)("div",{className:y.TN,dangerouslySetInnerHTML:{__html:c.title}})}),N&&(null===(t=D)||void 0===t?void 0:t((0,F.jsx)(I.default,{text:null!==(i=c.longDescription)&&void 0!==i?i:c.title,desciption:v,codex:c.articleCodex,image:c.image,layerProps:j,price:c.price},c.codex))),(0,F.jsx)(P.default,{style:{position:"relative",float:"left",display:"none"},metaData:c.metaData,visible:[v,C]},c.codex),void 0!==c.priceInfo&&!h&&(0,F.jsx)(k.default,{price:c.price})]}))}))},98544:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),o=t(93379),r=t.n(o),d=t(7795),a=t.n(d),l=t(90569),s=t.n(l),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),h=t(23240),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=p();r()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=t(87363),v=t(8135),C=t(65515),w=t.n(C),y=t(9420),j=t(47514);const P=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,d=e.style,a=(0,v.NP)(),l=r.contentItemId,s=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,b.useState)(!1),u=(0,i.Z)(c,2),x=u[0],p=u[1],m=r.sel||x;if((0,b.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l&&s==a.settingsState.clickedFrom;!e&&x&&p(!1),e&&!x&&p(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,j.jsx)("div",{className:h.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(l,s),p(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l),e.stopPropagation()},style:d,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(h.hv,m?void 0:h.al,x?h.FJ:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,j.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,j.jsx)("div",{className:w()(h.dA,m?h.al:void 0),children:(0,j.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,j.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,j.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,j.jsx)(j.Fragment,{})}))},29154:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(8135),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),b=t(84887),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(b.Z,v);b.Z&&b.Z.locals&&b.Z.locals;var C=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,a=void 0===d?(0,r.useState)(""):d,l=(0,i.Z)(a,2),s=l[0],c=l[1],u=(0,o.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),m=p[0],f=p[1],h=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===h[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<h.length;o++)i(o)}f(e),c(e)}}),[]),s?(0,C.jsx)("div",{style:n,className:b.B,children:m}):(0,C.jsx)(C.Fragment,{})}},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),o=t(88683),r=t(87363),d=t(7501),a=t(8135),l=t(9420),s=t(47514);const c=(0,l.Pi)((function PriceCounter(e){var n,t,l=e.price,c=e.formattingFn,u=e.duration,x=void 0===u?.5:u,p=(0,r.useState)(0),m=(0,i.Z)(p,2),f=m[0],h=m[1],g=(0,r.useState)(0),b=(0,i.Z)(g,2),v=b[0],C=b[1],w=(0,a.NP)();return(0,r.useEffect)((function(){h(l)}),[l]),(0,s.jsx)(d.ZP,{end:f,duration:x,decimals:null!==(n=null===(t=f.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:v,formattingFn:function formattingFn(e){return c?c(e):o.DivaUtils.formatPrice(e,w.productState.getPriceFormatForCounter(f))},onEnd:function onEnd(){C(f)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(80248),o=t(34988),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),b=t(8907),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var C=t(88683),w=t(8135),y=t(65515),j=t.n(y),P=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},O=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,o=e.dontAnimatePrice,r=use(i),d=(0,w.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=r.price-r.origPrice;break;case"fromBasePrice":t=r.price-r.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(P.default,{price:t,duration:o?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+C.DivaUtils.formatPrice(Math.abs(e),d.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const Z=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,d=e.style,a=e.price,l=e.sel,s=e.dontAnimatePrice,c=(0,C.useDivaCore)().state,u=c.hidePrices,x=c.hideConfigPricePreview,p=(0,w.NP)(),m=(0,r.useState)(s),f=(0,o.Z)(m,2),h=f[0],g=f[1];if(u||"off"==p.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(a)return(0,S.jsx)("div",{className:j()(b.aH,"left"==i?b.t$:b.F2,b.pn),style:d,children:C.DivaUtils.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},C.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var v=x||"fromCurrentPriceHideCurrent"==p.productState.pricePreview&&l;return n?(n.promise.then((function(){h||g(!0)})),(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(k,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:j()(b.aH,h&&!v?b.pn:void 0,p.getIsInMobileView()?b.ai:void 0,"left"==i?b.t$:b.F2),style:d,children:(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.promise,dontAnimatePrice:s})})})})})):(0,S.jsx)(S.Fragment,{})}},7318:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),o=t(34988),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),b=t(23327),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var C=t(88683),w=t(48657),y=t(65515),j=t.n(y),P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,i=e.text,d=e.desciption,a=e.codex,l=e.hexColor,s=e.layerProps,c=e.pricePreviewPromise,u=e.price,x=null==t?void 0:t.replace("_gal","").replace("_low",""),p=(0,C.useDivaCore)().state.theme,m=(0,r.useState)(!1),f=(0,o.Z)(m,2),h=f[0],g=f[1];return(0,r.useEffect)((function(){h||g(!0)}),[]),(0,P.jsxs)("div",_objectSpread(_objectSpread({className:j()(b.Cu,h?b.pn:void 0)},s),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==p||null===(n=p.typography)||void 0===n?void 0:n.fontFamily}),s.style),children:[x?(0,P.jsx)("img",{src:x,alt:i}):l?(0,P.jsx)("div",{className:b.CO,style:{backgroundColor:"#"+l}}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)("div",{className:b.Y7,dangerouslySetInnerHTML:{__html:i}}),d&&(0,P.jsx)("div",{className:b._W,children:d}),a&&(0,P.jsx)("div",{className:b._W,children:a}),void 0!==c&&(0,P.jsx)(w.default,{asyncPricePreview:c,dontAnimatePrice:!0}),!!u&&(0,P.jsx)(w.default,{price:u,dontAnimatePrice:!0})]}))}},16e3:(e,n,t)=>{t.d(n,{FJ:()=>x,K5:()=>u,Mq:()=>f,Sp:()=>a,TN:()=>p,ZP:()=>g,ai:()=>m,be:()=>c,cD:()=>h,pA:()=>s,rq:()=>l});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,"/*Size Normal */\n\n.index-module--l2Ia_ {\n  border-radius: calc(var(--globalBorderRadius));\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--l2Ia_:active,\n.index-module--l2Ia_:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--UXoyU {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--l2Ia_:hover .index-module--UXoyU,\n.index-module--SlDGl .index-module--UXoyU {\n  display: block;\n}\n\n.index-module--kXQSs {\n  border-radius: calc(var(--globalBorderRadius));\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--l2Ia_:hover .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--SlDGl.index-module--l2Ia_:hover .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--SlDGl .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--newPu {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: calc(var(--globalBorderRadius));\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  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--SlDGl .index-module--newPu {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--xgUsA {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--a7gZT {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 42px;\n}\n\n.index-module--K3Bek {\n  text-align: center;\n  width: 100%;\n  height: 48px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 3;\n  transition: height 0.3s ease-out;\n}\n\n.index-module--RXCCD:not(.index-module--bxCZJ) .index-module--K3Bek {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--l2Ia_:hover .index-module--K3Bek,\n.index-module--l2Ia_:focus .index-module--K3Bek {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 72px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--l2Ia_ .index-module--jBgZW {\n  bottom: 0px;\n  padding-bottom: 3px;\n  left: 0px;\n  padding-left: 4px;\n  padding-right: 4px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 11px;\n  line-height: 17px;\n  color: #6f6f6f;\n  z-index: 50;\n  position: absolute;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 1;\n  width: calc(100% - 8px);\n  transition: opacity 0.3s ease;\n  background-color: rgba(255, 255, 255, 0.85);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n}\n\n.index-module--RXCCD:not(.index-module--bxCZJ).index-module--l2Ia_ .index-module--jBgZW {\n  font-size: 10px;\n  line-height: 12px;\n}\n\n.index-module--SlDGl .index-module--jBgZW {\n  bottom: 4px;\n  padding-bottom: 0px;\n  left: 4px;\n  padding-left: 4px;\n  padding-right: 4px;\n  width: calc(100% - 16px);\n  border-bottom-left-radius: calc(var(--globalBorderRadius) - 2px);\n  border-bottom-right-radius: calc(var(--globalBorderRadius) - 2px);\n}\n",""]);var a="index-module--l2Ia_",l="index-module--UXoyU",s="index-module--SlDGl",c="index-module--kXQSs",u="index-module--newPu",x="index-module--a7gZT",p="index-module--K3Bek",m="index-module--RXCCD",f="index-module--bxCZJ",h="index-module--jBgZW";const g=d},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>p,dA:()=>s,fL:()=>x,hv:()=>l,um:()=>a});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var a="index-module--CjCgr",l="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",p="index-module--oBSZj";const m=d},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>l});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var a="index-module--hpPAb";const l=d},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>x,aH:()=>a,ai:()=>l,pn:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--bVDuL",l="index-module--FqlZz",s="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const x=d},23327:(e,n,t)=>{t.d(n,{CO:()=>l,Cu:()=>a,Y7:()=>s,ZP:()=>x,_W:()=>c,pn:()=>u});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\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  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var a="index-module--gs4wQ",l="index-module--wxTxh",s="index-module--f37Xh",c="index-module--dHh9T",u="index-module--N7u4O";const x=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7455,6340,6135,8544,9154,1051,8657,7318],{27455:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var i=t(80248),o=t(34988),r=t(65515),d=t.n(r),a=t(63762),l=t(9420),s=t(87363),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),m=t(90569),f=t.n(m),h=t(3565),g=t.n(h),b=t(19216),v=t.n(b),C=t(44589),w=t.n(C),y=t(16e3),P={};P.styleTagTransform=w(),P.setAttributes=g(),P.insert=f().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();u()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(29154),S=t(98544),k=t(48657),O=t(46770),Z=t(88683),I=t(7318),F=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const D=(0,l.Pi)((function Article(e){var n,t,i,r=e.item,l=e.paletteId,c=r,u=(0,a.NP)(),x=(0,Z.useDivaCore)().state,p=x.dimensions,m=p.isMobile,f=p.isTablet,h=x.hidePrices,g=(0,s.useState)(""),b=(0,o.Z)(g,2),v=b[0],C=b[1],w={},P={},D=void 0,_=!1,N={},B=(0,O.XI)({delayEnter:1500,hideOnScroll:!0}),z=(0,O.sJ)({isOpen:B[0],auto:!0,placement:u.getViewConfig().tooltipPosition||"left-center"});m||f||u.getViewConfig().hideTooltip||c.contentItemId||(_=B[0],N=B[1],w=z.triggerProps,P=z.layerProps,D=z.renderLayer);var A=c.sel&&"add"!=(null===(n=u.settingsState.addElementSelected)||void 0===n?void 0:n.mode);return(0,F.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:c.codex,className:d()(y.Sp,A?y.pA:void 0,u.getIsInMobileView()?y.ai:void 0,u.uiState.isTablet?y.Mq:void 0),onClick:function onClick(){u.paletteViewHandler.clickedOnPlannerPalette(c,l)}},w),N),{},{children:[(0,F.jsxs)("div",{className:d()(y.be),children:[u.getViewConfig().showOptionCodexInOptionHeader&&(0,F.jsx)("div",{className:d()(y.rq),children:c.articleCodex}),c.image&&(0,F.jsx)("img",{className:d()(y.K5),src:c.image.replace("_gal","").replace("_low","")}),c.contentItemId&&(0,F.jsx)(S.default,{item:c,style:{top:-6,bottom:"unset",right:-7}},c.codex),(0,F.jsx)("div",{className:d()(y.cD),children:c.sizeInfo})]}),(0,F.jsx)("div",{className:y.FJ,children:(0,F.jsx)("div",{className:y.TN,dangerouslySetInnerHTML:{__html:c.title}})}),_&&(null===(t=D)||void 0===t?void 0:t((0,F.jsx)(I.default,{text:null!==(i=c.longDescription)&&void 0!==i?i:c.title,desciption:v,codex:c.articleCodex,image:c.image,layerProps:P,price:c.price},c.codex))),(0,F.jsx)(j.default,{style:{position:"relative",float:"left",display:"none"},metaData:c.metaData,visible:[v,C]},c.codex),void 0!==c.priceInfo&&!h&&(0,F.jsx)(k.default,{price:c.price})]}))}))},98544:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(34988),o=t(93379),r=t.n(o),d=t(7795),a=t.n(d),l=t(90569),s=t.n(l),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),h=t(23240),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=p();r()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=t(87363),v=t(63762),C=t(65515),w=t.n(C),y=t(9420),P=t(47514);const j=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,d=e.style,a=(0,v.NP)(),l=r.contentItemId,s=null!==(n=null!==(t=null!==(o=r.codex)&&void 0!==o?o:r.articleCodex)&&void 0!==t?t:r.title)&&void 0!==n?n:r.key,c=(0,b.useState)(!1),u=(0,i.Z)(c,2),x=u[0],p=u[1],m=r.sel||x;if((0,b.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l&&s==a.settingsState.clickedFrom;!e&&x&&p(!1),e&&!x&&p(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,P.jsx)("div",{className:h.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(l,s),p(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l),e.stopPropagation()},style:d,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:w()(h.hv,m?void 0:h.al,x?h.FJ:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{className:h.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,P.jsx)("path",{className:h.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,P.jsx)("div",{className:w()(h.dA,m?h.al:void 0),children:(0,P.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,P.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,P.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,P.jsx)(P.Fragment,{})}))},29154:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(63762),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),b=t(84887),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(b.Z,v);b.Z&&b.Z.locals&&b.Z.locals;var C=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,d=e.visible,a=void 0===d?(0,r.useState)(""):d,l=(0,i.Z)(a,2),s=l[0],c=l[1],u=(0,o.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),m=p[0],f=p[1],h=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==h?void 0:h.includes(e.codex)}));return(0,r.useEffect)((function(){if(g){for(var e="",n=0;n<g.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var o=null==t?void 0:t.find((function(e){return e.codex===h[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<h.length;o++)i(o)}f(e),c(e)}}),[]),s?(0,C.jsx)("div",{style:n,className:b.B,children:m}):(0,C.jsx)(C.Fragment,{})}},56340:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),o=t(88683),r=t(87363),d=t(7501),a=t(63762),l=t(9420),s=t(47514);const c=(0,l.Pi)((function PriceCounter(e){var n,t,l=e.price,c=e.formattingFn,u=e.duration,x=void 0===u?.5:u,p=(0,r.useState)(0),m=(0,i.Z)(p,2),f=m[0],h=m[1],g=(0,r.useState)(0),b=(0,i.Z)(g,2),v=b[0],C=b[1],w=(0,a.NP)();return(0,r.useEffect)((function(){h(l)}),[l]),(0,s.jsx)(d.ZP,{end:f,duration:x,decimals:null!==(n=null===(t=f.toString().split(".")[1])||void 0===t?void 0:t.length)&&void 0!==n?n:0,start:v,formattingFn:function formattingFn(e){return c?c(e):o.DivaUtils.formatPrice(e,w.productState.getPriceFormatForCounter(f))},onEnd:function onEnd(){C(f)}})}))},48657:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(80248),o=t(34988),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),b=t(8907),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var C=t(88683),w=t(63762),y=t(65515),P=t.n(y),j=t(56340),S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,S.jsx)(S.Fragment,{})},O=function AsyncRender2(e){var n,t,i=e.asyncPricePreview,o=e.dontAnimatePrice,r=use(i),d=(0,w.NP)();switch(d.productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=r.price-r.origPrice;break;case"fromBasePrice":t=r.price-r.firstPrice}return(0,S.jsxs)(S.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(0,S.jsx)(j.default,{price:t,duration:o?0:.45,formattingFn:function formattingFn(e){return(e<0?"-":"+")+C.DivaUtils.formatPrice(Math.abs(e),d.productState.getPriceFormatForCounter(e))}})]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const Z=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,d=e.style,a=e.price,l=e.sel,s=e.dontAnimatePrice,c=(0,C.useDivaCore)().state,u=c.hidePrices,x=c.hideConfigPricePreview,p=(0,w.NP)(),m=(0,r.useState)(s),f=(0,o.Z)(m,2),h=f[0],g=f[1];if(u||"off"==p.productState.pricePreview)return(0,S.jsx)(S.Fragment,{});if(a)return(0,S.jsx)("div",{className:P()(b.aH,"left"==i?b.t$:b.F2,b.pn),style:d,children:C.DivaUtils.formatPrice(Math.abs(a),_objectSpread(_objectSpread({},C.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var v=x||"fromCurrentPriceHideCurrent"==p.productState.pricePreview&&l;return n?(n.promise.then((function(){h||g(!0)})),(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(k,{asyncPricePreview:n.isVisible,children:(0,S.jsx)("div",{className:P()(b.aH,h&&!v?b.pn:void 0,p.getIsInMobileView()?b.ai:void 0,"left"==i?b.t$:b.F2),style:d,children:(0,S.jsx)(r.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(O,{asyncPricePreview:n.promise,dontAnimatePrice:s})})})})})):(0,S.jsx)(S.Fragment,{})}},7318:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(80248),o=t(34988),r=t(87363),d=t(93379),a=t.n(d),l=t(7795),s=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),h=t(44589),g=t.n(h),b=t(23327),v={};v.styleTagTransform=g(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var C=t(88683),w=t(48657),y=t(65515),P=t.n(y),j=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const S=function GenericToolTip(e){var n,t=e.image,i=e.text,d=e.desciption,a=e.codex,l=e.hexColor,s=e.layerProps,c=e.pricePreviewPromise,u=e.price,x=null==t?void 0:t.replace("_gal","").replace("_low",""),p=(0,C.useDivaCore)().state.theme,m=(0,r.useState)(!1),f=(0,o.Z)(m,2),h=f[0],g=f[1];return(0,r.useEffect)((function(){h||g(!0)}),[]),(0,j.jsxs)("div",_objectSpread(_objectSpread({className:P()(b.Cu,h?b.pn:void 0)},s),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==p||null===(n=p.typography)||void 0===n?void 0:n.fontFamily}),s.style),children:[x?(0,j.jsx)("img",{src:x,alt:i}):l?(0,j.jsx)("div",{className:b.CO,style:{backgroundColor:"#"+l}}):(0,j.jsx)(j.Fragment,{}),(0,j.jsx)("div",{className:b.Y7,dangerouslySetInnerHTML:{__html:i}}),d&&(0,j.jsx)("div",{className:b._W,children:d}),a&&(0,j.jsx)("div",{className:b._W,children:a}),void 0!==c&&(0,j.jsx)(w.default,{asyncPricePreview:c,dontAnimatePrice:!0}),!!u&&(0,j.jsx)(w.default,{price:u,dontAnimatePrice:!0})]}))}},16e3:(e,n,t)=>{t.d(n,{FJ:()=>x,K5:()=>u,Mq:()=>f,Sp:()=>a,TN:()=>p,ZP:()=>g,ai:()=>m,be:()=>c,cD:()=>h,pA:()=>s,rq:()=>l});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,"/*Size Normal */\n\n.index-module--l2Ia_ {\n  border-radius: calc(var(--globalBorderRadius));\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.index-module--l2Ia_:active,\n.index-module--l2Ia_:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--UXoyU {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--l2Ia_:hover .index-module--UXoyU,\n.index-module--SlDGl .index-module--UXoyU {\n  display: block;\n}\n\n.index-module--kXQSs {\n  border-radius: calc(var(--globalBorderRadius));\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--l2Ia_:hover .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--SlDGl.index-module--l2Ia_:hover .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--SlDGl .index-module--kXQSs {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--newPu {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  background-color: #fff;\n  border-radius: calc(var(--globalBorderRadius));\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  -o-object-fit: contain;\n     object-fit: contain;\n  background-color: #fff;\n  transition: border 0.3s ease;\n  aspect-ratio: 1/1;\n}\n.index-module--SlDGl .index-module--newPu {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--xgUsA {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--a7gZT {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 42px;\n}\n\n.index-module--K3Bek {\n  text-align: center;\n  width: 100%;\n  height: 48px;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 3;\n  transition: height 0.3s ease-out;\n}\n\n.index-module--RXCCD:not(.index-module--bxCZJ) .index-module--K3Bek {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--l2Ia_:hover .index-module--K3Bek,\n.index-module--l2Ia_:focus .index-module--K3Bek {\n  max-height: -moz-fit-content;\n  max-height: fit-content;\n  min-height: -moz-fit-content;\n  min-height: fit-content;\n  -webkit-line-clamp: 30;\n  height: 72px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n  transition: height 0.3s ease-in;\n}\n\n.index-module--l2Ia_ .index-module--jBgZW {\n  bottom: 0px;\n  padding-bottom: 3px;\n  left: 0px;\n  padding-left: 4px;\n  padding-right: 4px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  font-size: 11px;\n  line-height: 17px;\n  color: #6f6f6f;\n  z-index: 50;\n  position: absolute;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 1;\n  width: calc(100% - 8px);\n  transition: opacity 0.3s ease;\n  background-color: rgba(255, 255, 255, 0.85);\n  border-bottom-left-radius: var(--globalBorderRadius);\n  border-bottom-right-radius: var(--globalBorderRadius);\n}\n\n.index-module--RXCCD:not(.index-module--bxCZJ).index-module--l2Ia_ .index-module--jBgZW {\n  font-size: 10px;\n  line-height: 12px;\n}\n\n.index-module--SlDGl .index-module--jBgZW {\n  bottom: 4px;\n  padding-bottom: 0px;\n  left: 4px;\n  padding-left: 4px;\n  padding-right: 4px;\n  width: calc(100% - 16px);\n  border-bottom-left-radius: calc(var(--globalBorderRadius) - 2px);\n  border-bottom-right-radius: calc(var(--globalBorderRadius) - 2px);\n}\n",""]);var a="index-module--l2Ia_",l="index-module--UXoyU",s="index-module--SlDGl",c="index-module--kXQSs",u="index-module--newPu",x="index-module--a7gZT",p="index-module--K3Bek",m="index-module--RXCCD",f="index-module--bxCZJ",h="index-module--jBgZW";const g=d},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>p,dA:()=>s,fL:()=>x,hv:()=>l,um:()=>a});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var a="index-module--CjCgr",l="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",p="index-module--oBSZj";const m=d},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>l});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var a="index-module--hpPAb";const l=d},8907:(e,n,t)=>{t.d(n,{F2:()=>c,ZP:()=>x,aH:()=>a,ai:()=>l,pn:()=>u,t$:()=>s});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.93333);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var a="index-module--bVDuL",l="index-module--FqlZz",s="index-module--zI2ES",c="index-module--kN6Sz",u="index-module--bd6dC";const x=d},23327:(e,n,t)=>{t.d(n,{CO:()=>l,Cu:()=>a,Y7:()=>s,ZP:()=>x,_W:()=>c,pn:()=>u});var i=t(8081),o=t.n(i),r=t(23645),d=t.n(r)()(o());d.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n  opacity: 0;\n  transition: opacity 0.25s ease-in-out;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\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  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--N7u4O {\n  opacity: 1;\n}\n",""]);var a="index-module--gs4wQ",l="index-module--wxTxh",s="index-module--f37Xh",c="index-module--dHh9T",u="index-module--N7u4O";const x=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7507.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7507],{87507:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var r=t(80248),i=t(65515),s=t.n(i),l=t(8135),c=t(87363),d=t(93379),o=t.n(d),a=t(7795),h=t.n(a),u=t(90569),x=t.n(u),j=t(3565),p=t.n(j),m=t(19216),b=t.n(m),f=t(44589),y=t.n(f),v=t(62904),g={};g.styleTagTransform=y(),g.setAttributes=p(),g.insert=x().bind(null,"head"),g.domAPI=h(),g.insertStyleElement=b();o()(v.ZP,g);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(9420),P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,w.Pi)((function RTVAnalyzer(e){var n=(0,l.NP)().rtvAnalyzeData,t=(0,c.useRef)(),r=0,i=0,d=0;n.forEach((function(e){return e.active&&(r+=e.sizeMb,"GEO"==e.type?i+=e.sizeMb:d+=e.sizeMb)}));var o=n.filter((function(e){return e.active})).sort((function(e,n){return n.sizeMb-e.sizeMb}));return o=o.map((function(e){var n;return null!==(n=t.current)&&void 0!==n&&n.find((function(n){return e.name==n.name&&1==n.active}))?_objectSpread(_objectSpread({},e),{},{new:!1}):_objectSpread(_objectSpread({},e),{},{new:!0})})),t.current=o,(0,P.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:s()(e.className,v.fm),children:(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("a",{className:v.Fs,children:"RTV Analyzer"}),(0,P.jsx)("div",{className:v.nC,children:(0,P.jsxs)("table",{className:v.Bm,children:[(0,P.jsxs)("tr",{children:[(0,P.jsx)("th",{children:"Art"}),(0,P.jsx)("th",{children:"Name"}),(0,P.jsx)("th",{children:"Pfad"}),(0,P.jsx)("th",{children:"Geos (std mat)"}),(0,P.jsx)("th",{children:"Größe (MB | %)"})]}),(0,P.jsxs)("tr",{children:[(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:"Gesamt"}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:Math.round(100*r)/100+"mb | 100%"})]}),(0,P.jsxs)("tr",{children:[(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:"Geo Gesamt"}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:Math.round(100*i)/100+"mb | "+Math.round(i/r*100)+"%"})]}),(0,P.jsxs)("tr",{children:[(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:"Tex Gesamt"}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:Math.round(100*d)/100+"mb | "+Math.round(d/r*100)+"%"})]}),o.map((function(e){return(0,P.jsxs)("tr",{style:e.found?e.new?{fontWeight:"bold"}:{}:{color:"red"},children:[(0,P.jsx)("td",{children:e.type}),(0,P.jsx)("td",{children:e.name}),(0,P.jsx)("td",{children:(0,P.jsx)("div",{style:{maxHeight:20,lineBreak:"anywhere",overflow:"hidden",cursor:"copy"},onClick:function onClick(){navigator.clipboard.writeText(e.path)},children:"MAT"!=e.type?e.path.replace(e.path.slice(0,e.path.indexOf("diva3darchiv")+12),""):e.path})}),(0,P.jsx)("td",{children:e.geo}),(0,P.jsx)("td",{children:Math.round(100*e.sizeMb)/100+"mb | "+Math.round(e.sizeMb/r*100)+"%"})]})}))]})})]})}))}))},62904:(e,n,t)=>{t.d(n,{Bm:()=>h,Fs:()=>o,YS:()=>c,ZP:()=>u,fm:()=>d,nC:()=>a});var r=t(8081),i=t.n(r),s=t(23645),l=t.n(s)()(i());l.push([e.id,".index-module--vimXW {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: rgba(255, 255, 255, 0.384);\n}\n.index-module--XF0jR {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--oJ5Mn {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n.index-module--PllSF {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.index-module--k9y7K td,\n.index-module--k9y7K th {\n  border: 1px solid rgba(221,221,221,0.35686);\n  text-align: left;\n}\n\n.index-module--k9y7K tr:nth-child(even) {\n  background-color: rgba(221,221,221,0.35686);\n}\n",""]);var c="index-module--vimXW",d="index-module--XF0jR",o="index-module--oJ5Mn",a="index-module--PllSF",h="index-module--k9y7K";const u=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7507],{87507:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var r=t(80248),i=t(65515),s=t.n(i),l=t(63762),c=t(87363),d=t(93379),o=t.n(d),a=t(7795),h=t.n(a),u=t(90569),x=t.n(u),j=t(3565),p=t.n(j),m=t(19216),b=t.n(m),f=t(44589),y=t.n(f),v=t(62904),g={};g.styleTagTransform=y(),g.setAttributes=p(),g.insert=x().bind(null,"head"),g.domAPI=h(),g.insertStyleElement=b();o()(v.ZP,g);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(9420),P=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,w.Pi)((function RTVAnalyzer(e){var n=(0,l.NP)().rtvAnalyzeData,t=(0,c.useRef)(),r=0,i=0,d=0;n.forEach((function(e){return e.active&&(r+=e.sizeMb,"GEO"==e.type?i+=e.sizeMb:d+=e.sizeMb)}));var o=n.filter((function(e){return e.active})).sort((function(e,n){return n.sizeMb-e.sizeMb}));return o=o.map((function(e){var n;return null!==(n=t.current)&&void 0!==n&&n.find((function(n){return e.name==n.name&&1==n.active}))?_objectSpread(_objectSpread({},e),{},{new:!1}):_objectSpread(_objectSpread({},e),{},{new:!0})})),t.current=o,(0,P.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:s()(e.className,v.fm),children:(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("a",{className:v.Fs,children:"RTV Analyzer"}),(0,P.jsx)("div",{className:v.nC,children:(0,P.jsxs)("table",{className:v.Bm,children:[(0,P.jsxs)("tr",{children:[(0,P.jsx)("th",{children:"Art"}),(0,P.jsx)("th",{children:"Name"}),(0,P.jsx)("th",{children:"Pfad"}),(0,P.jsx)("th",{children:"Geos (std mat)"}),(0,P.jsx)("th",{children:"Größe (MB | %)"})]}),(0,P.jsxs)("tr",{children:[(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:"Gesamt"}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:Math.round(100*r)/100+"mb | 100%"})]}),(0,P.jsxs)("tr",{children:[(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:"Geo Gesamt"}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:Math.round(100*i)/100+"mb | "+Math.round(i/r*100)+"%"})]}),(0,P.jsxs)("tr",{children:[(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:"Tex Gesamt"}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{}),(0,P.jsx)("th",{children:Math.round(100*d)/100+"mb | "+Math.round(d/r*100)+"%"})]}),o.map((function(e){return(0,P.jsxs)("tr",{style:e.found?e.new?{fontWeight:"bold"}:{}:{color:"red"},children:[(0,P.jsx)("td",{children:e.type}),(0,P.jsx)("td",{children:e.name}),(0,P.jsx)("td",{children:(0,P.jsx)("div",{style:{maxHeight:20,lineBreak:"anywhere",overflow:"hidden",cursor:"copy"},onClick:function onClick(){navigator.clipboard.writeText(e.path)},children:"MAT"!=e.type?e.path.replace(e.path.slice(0,e.path.indexOf("diva3darchiv")+12),""):e.path})}),(0,P.jsx)("td",{children:e.geo}),(0,P.jsx)("td",{children:Math.round(100*e.sizeMb)/100+"mb | "+Math.round(e.sizeMb/r*100)+"%"})]})}))]})})]})}))}))},62904:(e,n,t)=>{t.d(n,{Bm:()=>h,Fs:()=>o,YS:()=>c,ZP:()=>u,fm:()=>d,nC:()=>a});var r=t(8081),i=t.n(r),s=t(23645),l=t.n(s)()(i());l.push([e.id,".index-module--vimXW {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: rgba(255, 255, 255, 0.384);\n}\n.index-module--XF0jR {\n  overflow: auto;\n}\n.index-module--oJ5Mn {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n}\n.index-module--PllSF {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n.index-module--k9y7K td,\n.index-module--k9y7K th {\n  border: 1px solid rgba(221,221,221,0.35686);\n  text-align: left;\n}\n\n.index-module--k9y7K tr:nth-child(even) {\n  background-color: rgba(221,221,221,0.35686);\n}\n",""]);var c="index-module--vimXW",d="index-module--XF0jR",o="index-module--oJ5Mn",a="index-module--PllSF",h="index-module--k9y7K";const u=l}}]);