@crystaldesign/diva-web-planner-react 26.12.0-beta.4 → 26.12.0-beta.40

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6770.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6770],{46770:(e,t,r)=>{r.d(t,{Eh:()=>B,XI:()=>useHover,sJ:()=>useLayer});var n=r(87363),o=r(61533);function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(this,arguments)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function _createForOfIteratorHelperLoose(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function useTrackRef(e){var t=(0,n.useRef)(null);return function setter(r){r&&r!==t.current&&(t.current=r,e(r))}}var i="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function getPixelValue(e){return parseFloat(e.replace("px",""))}function limit(e,t,r){return e<t?t:e>r?r:e}function isSet(e){return null!=e}function mergeRefs(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(e){for(var r,n=_createForOfIteratorHelperLoose(t);!(r=n()).done;){var o=r.value;o&&("function"==typeof o?o(e):o.current=e)}}}function findScrollContainers(e,t){var r=[];if(!e||!t||e===document.body)return r;var n=t.getComputedStyle(e);return[n.overflow,n.overflowX,n.overflowY].some((function(e){return["auto","scroll"].includes(e)}))&&r.push(e),[].concat(r,findScrollContainers(e.parentElement,t))}function createReferenceError(e){return"react-laag: Could not find a valid reference for the "+e+" element. There might be 2 causes:\n   - Make sure that the 'ref' is set correctly on the "+e+' element when isOpen: true. Also make sure your component forwards the ref with "forwardRef()".\n   - Make sure that you are actually rendering the '+e+" when the isOpen prop is set to true"}function useTrackElements(e){var t=e.enabled,r=e.onChange,o=e.environment,s=e.ResizeObserverPolyfill,a=e.overflowContainer,u=e.triggerOption,l=function getResizeObserver(e,t){if(void 0!==e)return t||e.ResizeObserver}(o,s);(0,n.useEffect)((function(){}),[l]);var c=(0,n.useRef)(null),f=Boolean(u),d=function useMutableStore(e){var t=(0,n.useRef)(e);return(0,n.useMemo)((function(){return[function get(){return t.current},function set(e){t.current="function"==typeof e?e(t.current):e}]}),[])}({scrollContainers:[],trigger:null,layer:null}),p=d[0],h=d[1],g=function useEventSubscriptions(){var e=(0,n.useRef)([]);return(0,n.useMemo)((function(){return{hasEventSubscriptions:function hasEventSubscriptions(){return e.current.length>0},removeAllEventSubscriptions:function removeAllEventSubscriptions(){for(var t,r=_createForOfIteratorHelperLoose(e.current);!(t=r()).done;)(0,t.value)();e.current=[]},addEventSubscription:function addEventSubscription(t){e.current.push(t)}}}),[])}(),v=g.hasEventSubscriptions,m=g.addEventSubscription,y=g.removeAllEventSubscriptions,b=(0,n.useCallback)((function handleChange(){var e=p(),t=e.layer,n=e.trigger,i=e.scrollContainers,s=i[0];if(!t)throw new Error(createReferenceError("layer"));if(!n&&!f)throw new Error(createReferenceError("trigger"));var a={top:0,left:0};if(s){var u=s.scrollLeft;a={top:s.scrollTop,left:u}}else{var l=o.scrollX;a={top:o.scrollY,left:l}}var d={left:0,top:0};if(s){var h=o.getComputedStyle(s),g=h.borderLeftWidth,v=h.borderTopWidth;d={left:getPixelValue(g)||0,top:getPixelValue(v)||0}}r({layer:t,trigger:n,scrollContainers:i,arrow:c.current},a,d)}),[p,r,o,c,f]),w=(0,n.useCallback)((function addEventListeners(){var e=p(),t=e.trigger,r=e.layer,n=e.scrollContainers;if(!r)throw new Error(createReferenceError("layer"));if(!t&&!f)throw new Error(createReferenceError("trigger"));if(l){for(var i=!1,s=new l((function observerCallback(){i?b():i=!0})),a=0,u=[t,r,document.body];a<u.length;a++){var c=u[a];c&&s.observe(c)}m((function(){for(var e=0,n=[t,r,document.body];e<n.length;e++){var o=n[e];o&&s.unobserve(o)}s.disconnect()}))}for(var d,h=function _loop(){var e=d.value;e.addEventListener("scroll",b),m((function(){return e.removeEventListener("scroll",b)}))},g=_createForOfIteratorHelperLoose([o].concat(n));!(d=g()).done;)h()}),[p,m,b,o,l,f]),C=(0,n.useCallback)((function(e,r){t&&e&&e!==r&&(y(),w(),b())}),[y,w,b,t]),S=useTrackRef((0,n.useCallback)((function(e){var t=p().layer;h((function(t){return _extends({},t,{layer:e})})),C(t,e)}),[p,h,C])),O=(0,n.useCallback)((function handleScrollContainers(e){var t=findScrollContainers(e,o),r=t[0];if(r){var n=o.getComputedStyle(r).position;["relative","absolute","fixed"].includes(n)||a||(r.style.position="relative")}return t}),[o,a]),P=useTrackRef((0,n.useCallback)((function(e){var t=O(e),r=p().trigger;h((function(r){return _extends({},r,{trigger:e,scrollContainers:t})})),C(r,e)}),[p,h,C,O])),B=null==u||null==u.getParent?void 0:u.getParent();return i((function(){B&&h((function(e){return _extends({},e,{scrollContainers:O(B)})}))}),[B,h,O]),i((function(){return t&&(v()||w()),function(){v()&&y()}}),[t,v,w,y]),i((function(){t&&b()})),{triggerRef:P,layerRef:S,arrowRef:c,closestScrollContainer:p().scrollContainers[0]||null}}var s=(0,n.createContext)({});function GroupProvider(e){var t=e.children,r=e.registrations,o=(0,n.useCallback)((function register(e){return r.current.add(e),function(){return r.current.delete(e)}}),[r]);return(0,n.createElement)(s.Provider,{value:o},t)}function useGroup(e){var t=e.isOpen,r=e.onOutsideClick,o=e.onParentClose,i=(0,n.useRef)(null),a=(0,n.useRef)(null),u=(0,n.useRef)(new Set),l=(0,n.useContext)(s),c=(0,n.useCallback)((function shouldCloseWhenClickedOutside(e){var t=e.target,r=i.current&&i.current.contains(t),n=a.current&&a.current.contains(t),o=function getShouldCloseAccordingToChildren(e,t){for(var r,n=_createForOfIteratorHelperLoose(e);!(r=n()).done;)if(!(0,r.value.shouldCloseWhenClickedOutside)(t))return!1;return!0}(u.current,e);return n&&o&&u.current.forEach((function(e){return(0,e.closeChild)()})),!r&&!n&&o}),[i,a,u]);return(0,n.useEffect)((function(){if("function"==typeof l)return l({shouldCloseWhenClickedOutside:c,closeChild:function closeChild(){o&&o()}})}),[l,c,o,u]),(0,n.useEffect)((function(){if(!(!t||!r||"function"==typeof l))return document.addEventListener("click",handleClick,!0),function(){return document.removeEventListener("click",handleClick,!0)};function handleClick(e){c(e)&&r()}}),[t,r,c,l]),(0,n.useEffect)((function(){t||u.current.forEach((function(e){return(0,e.closeChild)()}))}),[t]),{closeOnOutsideClickRefs:{trigger:i,layer:a},registrations:u}}var a={top:"bottom",left:"right",bottom:"top",right:"left",center:"center"},u=function(){function SideBase(e,t,r,n,o,i,s,a,u){this.prop=void 0,this.opposite=void 0,this.isHorizontal=void 0,this.sizeProp=void 0,this.oppositeSizeProp=void 0,this.cssProp=void 0,this.oppositeCssProp=void 0,this.isCenter=void 0,this.isPush=void 0,this.prop=e,this.opposite=t,this.isHorizontal=r,this.sizeProp=n,this.oppositeSizeProp=o,this.cssProp=i,this.oppositeCssProp=s,this.isCenter=a,this.isPush=u}var e=SideBase.prototype;return e.factor=function factor(e){return e*(this.isPush?1:-1)},e.isOppositeDirection=function isOppositeDirection(e){return this.isHorizontal!==e.isHorizontal},SideBase}();function createSide(e,t){void 0===t&&(t=!0);var r=["left","right"].includes(e);return new u(e,t?createSide(a[e],!1):null,r,r?"width":"height",r?"height":"width",r?"left":"top",r?"top":"left","center"===e,!["right","bottom"].includes(e))}var l={top:createSide("top"),bottom:createSide("bottom"),left:createSide("left"),right:createSide("right")},c=_extends({},l,{center:createSide("center")}),f=["top","left","bottom","right"],d=function(){function BoundsOffsets(e){return this.top=void 0,this.left=void 0,this.right=void 0,this.bottom=void 0,Object.assign(this,e)}return BoundsOffsets.mergeSmallestSides=function mergeSmallestSides(e){var t=e[0],r=e.slice(1);if(!t)throw new Error("Please provide at least 1 bounds objects in order to merge");for(var n,o=Object.fromEntries(f.map((function(e){return[e,t[e]]}))),i=_createForOfIteratorHelperLoose(r);!(n=i()).done;)for(var s,a=n.value,u=_createForOfIteratorHelperLoose(f);!(s=u()).done;){var l=s.value;o[l]=Math.min(o[l],a[l])}return new BoundsOffsets(o)},_createClass(BoundsOffsets,[{key:"allSidesArePositive",get:function get(){var e=this;return f.every((function(t){return e[t]>=0}))}},{key:"negativeSides",get:function get(){var e=this;return Object.fromEntries(f.filter((function(t){return e[t]<0})).map((function(t){return[t,e[t]]})))}}]),BoundsOffsets}();function sumOfPropertyValues(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.reduce((function(e,t){return e+(t?getPixelValue(t):0)}),0)}function boundsToObject(e){return{top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height}}var p={top:0,left:0,right:0,bottom:0,width:0,height:0},h=function(){function Bounds(e){return void 0===e&&(e={}),this.top=void 0,this.left=void 0,this.right=void 0,this.bottom=void 0,this.width=void 0,this.height=void 0,Object.assign(this,p,e)}Bounds.create=function create(e){return new Bounds(e)},Bounds.fromElement=function fromElement(e,t){void 0===t&&(t={});var r=t,n=r.withTransform,o=void 0===n||n,i=r.environment,s=void 0===i?window:i,a=r.withScrollbars,u=void 0===a||a,l=new Bounds(boundsToObject(e.getBoundingClientRect()));if(!o){var c=s.getComputedStyle(e),f=c.width,d=c.height,p=c.boxSizing,h=c.borderLeft,g=c.borderRight,v=c.borderTop,m=c.borderBottom,y=c.paddingLeft,b=c.paddingRight,w=c.paddingTop,C=c.paddingBottom;l=new Bounds(_extends({},l,{width:"border-box"===p?getPixelValue(f):sumOfPropertyValues(f,h,g,y,b),height:"border-box"===p?getPixelValue(d):sumOfPropertyValues(d,v,m,w,C)}))}if(!u){var S=l.width-e.clientWidth,O=l.height-e.clientHeight;return l.substract({right:S,bottom:O})}return l},Bounds.empty=function empty(){return new Bounds},Bounds.fromWindow=function fromWindow(e){var t,r=null!=(t=null==e?void 0:e.document.scrollingElement)?t:null==e?void 0:e.document.documentElement,n=null!=r?r:{},o=n.clientWidth,i=void 0===o?0:o,s=n.clientHeight,a=void 0===s?0:s;return new Bounds({width:i,height:a,right:i,bottom:a})};var e=Bounds.prototype;return e.toObject=function toObject(){return boundsToObject(this)},e.merge=function merge(e){var t=this.toObject();return new Bounds(_extends({},t,"function"==typeof e?e(t):e))},e.substract=function substract(e){for(var t=this.toObject(),r=0,n=Object.entries(e);r<n.length;r++){var o=n[r],i=o[0],s=o[1];if(i in l){var a=l[i];t[i]+=a.factor(s),t[a.isHorizontal?"width":"height"]-=s}else t[i]-=s||0}return new Bounds(t)},e.offsetsTo=function offsetsTo(e){return new d({top:e.top-this.top,bottom:this.bottom-e.bottom,left:e.left-this.left,right:this.right-e.right})},e.mapSides=function mapSides(e){for(var t=this.toObject(),r=0,n=Object.values(l);r<n.length;r++){var o=n[r];t[o.prop]=e(o,t[o.prop])}return new Bounds(t)},_createClass(Bounds,[{key:"surface",get:function get(){return this.width*this.height}}]),Bounds}(),g=function(){function Placement(e,t,r,n,o){this.primary=void 0,this.secondary=void 0,this.offsets=void 0,this.subjectsBounds=void 0,this._cachedLayerBounds=null,this._cachedContainerOffsets=null,this.primary=e,this.secondary=t,this.offsets=o,this.setSubjectsBounds(r,n)}var e=Placement.prototype;return e.setSubjectsBounds=function setSubjectsBounds(e,t){if(t){var r="function"==typeof t?t(this.primary.prop):t;this.subjectsBounds=e.merge({layer:_extends({},e.layer,r)})}else this.subjectsBounds=e},e.getLayerBounds=function getLayerBounds(e){if(void 0===e&&(e=0),this._cachedLayerBounds&&0===e)return this._cachedLayerBounds;var t=this.primary,r=this.secondary,n=this.subjectsBounds,o=n.trigger,i=n.layer,s=n.arrow,a=t.isHorizontal,u=t.oppositeCssProp,c=t.oppositeSizeProp,f=t.prop,d=t.opposite,p=h.empty();p[d.prop]=o[f]-t.factor(this.offsets.trigger),p[f]=p[d.prop]-t.factor(i[t.sizeProp]);var g=2*this.offsets.arrow,v=o[u]-(i[c]-s[c])+g,m=o[u]+(o[c]-s[c])-g;if(r.isPush||(v+=i[c],m+=i[c]),r.isCenter){var y=(a?l.top:l.left).prop,b=(a?l.bottom:l.right).prop;p[y]=limit(o[y]+o[c]/2-i[c]/2+e,v,m),p[b]=p[y]+i[c]}else{var w=r,C=o[w.prop],S=C<v?v-C:C>m?m-C:0;p[w.prop]=limit(C+e+S,v,m),p[w.opposite.prop]=p[w.prop]+r.factor(i[c])}p.width=p.right-p.left,p.height=p.bottom-p.top;var O=h.create(p);return 0===e&&(this._cachedLayerBounds=O),O},e.getLayerCollisionBounds=function getLayerCollisionBounds(){var e=this.offsets.container;return this.getLayerBounds().mapSides((function(t,r){return r-t.factor(e)})).merge((function(t){var r=t.width,n=t.height;return{width:r+2*e,height:n+2*e}}))},e.getContainerOffsets=function getContainerOffsets(e){if(this._cachedContainerOffsets&&!e)return this._cachedContainerOffsets;var t=this.subjectsBounds.merge({layer:e||this.getLayerCollisionBounds()}),r=d.mergeSmallestSides(t.layerOffsetsToScrollContainers);return e||(this._cachedContainerOffsets=r),r},_createClass(Placement,[{key:"type",get:function get(){return this.primary.prop+"-"+("center"===this.secondary.prop?"center":["bottom","right"].includes(this.secondary.prop)?"end":"start")}},{key:"triggerIsBigger",get:function get(){var e=this.secondary.isHorizontal,t=this.subjectsBounds,r=t.triggerHasBiggerWidth,n=t.triggerHasBiggerHeight;return e&&r||!e&&n}},{key:"fitsContainer",get:function get(){return this.getContainerOffsets().allSidesArePositive}},{key:"visibleSurface",get:function get(){var e=this.getLayerBounds(),t=this.getContainerOffsets(e).negativeSides;for(var r in t)t[r]=-t[r];return e.substract(t).surface}},{key:"secondaryOffsetSide",get:function get(){var e,t,r=this,n=this.getContainerOffsets();return(null!=(e=null==(t=Object.entries(n.negativeSides).map((function(e){var t=e[0],r=e[1];return[l[t],r]})).filter((function(e){var t=e[0];return r.primary.isOppositeDirection(t)})).sort((function(e,t){var r=e[1];return t[1]-r})))?void 0:t[0])?e:[])[0]||null}}]),Placement}(),v=function(e){function PlacementCenter(){return e.apply(this,arguments)||this}return function _inheritsLoose(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,_setPrototypeOf(e,t)}(PlacementCenter,e),PlacementCenter.prototype.getLayerBounds=function getLayerBounds(){var e=this.subjectsBounds,t=e.trigger,r=e.layer,n=h.empty();return n.top=t.top+t.height/2-r.height/2,n.bottom=n.top+r.height,n.left=t.left+t.width/2-r.width/2,n.right=n.left+r.width,n.width=n.right-n.left,n.height=n.bottom-n.top,n},PlacementCenter}(g);var m={position:"absolute",willChange:"top, left",left:null,right:null,top:null,bottom:null};var y=function(){function Placements(e,t,r){this.placements=void 0,this.config=void 0,this.subjectsBounds=void 0,this.placements=e,this.config=t,this.subjectsBounds=r}Placements.getSidesFromPlacementType=function getSidesFromPlacementType(e){var t=e.split("-"),r=t[0],n=t[1],o=l[r];return[o,"center"===n?c.center:o.isHorizontal?"start"===n?c.top:c.bottom:"start"===n?c.left:c.right]},Placements.create=function create(e,t){var r={arrow:t.arrowOffset,container:t.containerOffset,trigger:t.triggerOffset};function getListOfPlacements(n){void 0===n&&(n=t.placement);var o=Placements.getSidesFromPlacementType(n),i=o[0],s=o[1],a=l[i.isHorizontal?t.preferY:t.preferX],u=!i.isHorizontal&&e.triggerHasBiggerWidth||i.isHorizontal&&e.triggerHasBiggerHeight;function placementFrom(n,o){return new g(n,o,e,t.layerDimensions,r)}var f=[];return f[0]=placementFrom(i,s),f[1]=placementFrom(i,s.isCenter?a:c.center),f[2]=placementFrom(i,c[(s.opposite.isCenter?a.opposite:s.opposite).prop]),f[3]=placementFrom(a,u?i:c[i.opposite.prop]),f[4]=placementFrom(a,c.center),f[5]=placementFrom(a,u?c[i.opposite.prop]:i),f[6]=placementFrom(l[a.opposite.prop],u?i:c[i.opposite.prop]),f[7]=placementFrom(l[a.opposite.prop],c.center),f[8]=placementFrom(l[a.opposite.prop],u?c[i.opposite.prop]:i),f[9]=placementFrom(l[i.opposite.prop],s),f[10]=placementFrom(l[i.opposite.prop],s.isCenter?a:c.center),f[11]=placementFrom(l[i.opposite.prop],c[(s.opposite.isCenter?a.opposite:s.opposite).prop]),f=f.filter((function(e){return e.type===t.placement||t.possiblePlacements.includes(e.type)}))}return"center"===t.placement?new Placements([new v(c.center,c.center,e,t.layerDimensions,r)].concat(getListOfPlacements(t.preferY+"-"+t.preferX)),t,e):new Placements(getListOfPlacements(),t,e)};var e=Placements.prototype;return e.filterPlacementsBySide=function filterPlacementsBySide(e){return this.placements.filter((function(t){return t.primary===e}))},e.findFirstPlacementThatFits=function findFirstPlacementThatFits(){return this.placements.find((function(e){return e.fitsContainer}))},e.placementWithBiggestVisibleSurface=function placementWithBiggestVisibleSurface(){return this.placements.map((function(e){return{placement:e,surface:e.visibleSurface}})).sort((function(e,t){return t.surface-e.surface}))[0].placement},e.findSuitablePlacement=function findSuitablePlacement(){return this.config.auto?this.findFirstPlacementThatFits()||this.placementWithBiggestVisibleSurface():this.placements[0]},e.getSecondaryOffset=function getSecondaryOffset(e){var t=this.config,r=t.auto,n=t.snap;if(!r||n||e instanceof v)return 0;var o=this.filterPlacementsBySide(e.primary);if(0===o.indexOf(e)&&e.fitsContainer)return 0;var i=o.find((function(e){return!e.fitsContainer}));if(!i)return 0;var s=i.secondaryOffsetSide;if(!s)return 0;var a,u=e.getContainerOffsets(),l=e.secondary;return a=e.triggerIsBigger||i===e?s.isPush?-1:1:l===c.left||[c.top,c.center].includes(l)&&s.isPush?-1:1,u[s.prop]*a},e.getStyles=function getStyles(e,t,r,n){var o={willChange:"top, left, width, height"},i=function getArrowStyle(e,t,r){var n;if(t.primary.isCenter)return m;var o=e.layer,i=e.trigger,s=e.arrow,a=t.primary.oppositeSizeProp,u=i[a]>o[a],l=r+s[a]/2,c=o[a]-s[a]/2-r,f=function getNegativeOffsetBetweenLayerCenterAndTrigger(e,t,r){var n=e.layer,o=e.trigger,i=e.arrow,s=t.primary.oppositeSizeProp,a=t.primary.isHorizontal?["top","bottom"]:["left","right"],u=a[0],l=a[1],c=n[u]+n[s]/2-o[u]-i[s]/2-r,f=n[l]-n[s]/2-o[l]+i[s]/2+r;return(c<0?-c:0)+(f>0?-f:0)}(e,t,r),d=t.primary.prop,p=t.primary.oppositeCssProp,h=u?o[a]/2+f:i[p]+i[a]/2-o[p];return _extends({},m,((n={})[d]="100%",n[p]=limit(h,l,c),n))}(this.subjectsBounds.merge({layer:e}),t,this.config.arrowOffset);return{arrow:i,layer:this.config.overflowContainer?_extends({},o,{position:"fixed",top:e.top,left:e.left}):_extends({},o,{position:"absolute",top:e.top-this.subjectsBounds.parent.top+r.top-n.top,left:e.left-this.subjectsBounds.parent.left+r.left-n.left})}},e.getHasDisappeared=function getHasDisappeared(e){var t=this.config.overflowContainer?this.subjectsBounds.trigger:e,r=d.mergeSmallestSides(this.subjectsBounds.offsetsToScrollContainers(t,!0));return Object.entries(r.negativeSides).some((function(e){var r=e[0];return e[1]<=-t[l[r].sizeProp]}))?"full":r.allSidesArePositive?null:"partial"},e.result=function result(e,t){var r=this.findSuitablePlacement(),n=this.getSecondaryOffset(r),o=r.getLayerBounds(n);return{styles:this.getStyles(o,r,e,t),layerSide:r.primary.prop,placement:r,layerBounds:o,hasDisappeared:this.getHasDisappeared(o)}},Placements}(),b=function(){function SubjectsBounds(e,t){this.overflowContainer=void 0,this.trigger=void 0,this.layer=void 0,this.arrow=void 0,this.parent=void 0,this.window=void 0,this.scrollContainers=void 0,this.overflowContainer=t,Object.assign(this,e)}SubjectsBounds.create=function create(e,t,r,n,o,i,s,a){var u=h.fromWindow(e);return new SubjectsBounds({layer:h.fromElement(t,{environment:e,withTransform:!1}),trigger:a?h.create(boundsToObject(a())):h.fromElement(r),arrow:o?h.fromElement(o):h.empty(),parent:n?h.fromElement(n):u,window:u,scrollContainers:[u].concat(i.map((function(e){return h.fromElement(e,{withScrollbars:!1})})))},s)};var e=SubjectsBounds.prototype;return e.merge=function merge(e){return new SubjectsBounds(_extends({},this,e),this.overflowContainer)},e.offsetsToScrollContainers=function offsetsToScrollContainers(e,t){return void 0===t&&(t=!1),(this.overflowContainer&&!t?[this.window]:this.scrollContainers).map((function(t){return t.offsetsTo(e)}))},_createClass(SubjectsBounds,[{key:"layerOffsetsToScrollContainers",get:function get(){return this.offsetsToScrollContainers(this.layer)}},{key:"triggerHasBiggerWidth",get:function get(){return this.trigger.width>this.layer.width}},{key:"triggerHasBiggerHeight",get:function get(){return this.trigger.height>this.layer.height}}]),SubjectsBounds}(),w=null;var C={auto:!1,arrowOffset:0,containerOffset:10,triggerOffset:0,overflowContainer:!0,placement:"top-center",possiblePlacements:["bottom-start","bottom-end","bottom-center","top-start","top-center","top-end","left-end","left-center","left-start","right-end","right-center","right-start","center"],preferX:"right",preferY:"bottom",snap:!1,container:void 0,trigger:void 0};function useLayer(e){var t,r=e.isOpen,i=void 0!==r&&r,s=e.overflowContainer,a=void 0===s?C.overflowContainer:s,u=e.environment,l=void 0===u?"undefined"!=typeof window?window:void 0:u,c=e.ResizeObserver,f=e.placement,d=void 0===f?C.placement:f,p=e.possiblePlacements,h=void 0===p?C.possiblePlacements:p,g=e.preferX,v=void 0===g?C.preferX:g,m=e.preferY,O=void 0===m?C.preferY:m,P=e.auto,B=void 0===P?C.auto:P,E=e.snap,L=void 0===E?C.snap:E,T=e.triggerOffset,j=void 0===T?C.triggerOffset:T,k=e.containerOffset,_=void 0===k?C.containerOffset:k,R=e.arrowOffset,x=void 0===R?C.arrowOffset:R,H=e.container,A=void 0===H?C.container:H,z=e.layerDimensions,I=void 0===z?null:z,M=e.onDisappear,F=e.onOutsideClick,W=e.onParentClose,D=e.trigger,V=(0,n.useState)((function(){return{layerSide:"center"===d?"center":y.getSidesFromPlacementType(d)[0].prop,styles:{layer:{position:a?"fixed":"absolute",top:0,left:0},arrow:{position:"absolute",top:0,left:0}}}})),N=V[0],Y=V[1],G=(0,n.useRef)(null),X=function useLastState(e,t){var r=(0,n.useRef)(e);return t?(r.current=e,r):(r.current=null,r)}(N,i),Z=(0,n.useRef)({cancelled:!1});(0,n.useEffect)((function(){return function(){Z.current.cancelled=!0}}),[]);var J=(0,n.useCallback)((function handlePositioning(e,t,r){var n=e.arrow,o=e.layer,i=e.scrollContainers,s=e.trigger,u=i[0],c=b.create(l,o,s,u,n,i,a,null==D?void 0:D.getBounds),f={placement:d,possiblePlacements:h,auto:B,layerDimensions:I,arrowOffset:x,containerOffset:_,triggerOffset:j,preferX:v,preferY:O,snap:L,overflowContainer:a},p=y.create(c,f).result(t,r),g=p.hasDisappeared,m={layerSide:p.layerSide,styles:p.styles};if(!X.current||function didStateChange(e,t){if(e.layerSide!==t.layerSide)return!0;for(var r=0,n=["position","top","left","right","bottom"];r<n.length;r++){var o=n[r];if(e.styles.layer[o]!==t.styles.layer[o]||e.styles.arrow[o]!==t.styles.arrow[o])return!0}return!1}(X.current,m)){X.current=m,Z.current.cancelled=!0;var w={cancelled:!1};Z.current=w,Promise.resolve().then((function(){w.cancelled||Y(m)}))}isSet(g)&&isSet(M)&&M(g)}),[x,B,_,l,I,M,a,d,h,v,O,L,j,X,D]),U=useTrackElements({ResizeObserverPolyfill:c,environment:l,enabled:i,overflowContainer:a,onChange:J,triggerOption:D}),$=U.triggerRef,q=U.layerRef,K=U.arrowRef,Q=U.closestScrollContainer,ee=useGroup({isOpen:i,onOutsideClick:F,onParentClose:W}),te=ee.closeOnOutsideClickRefs,re=ee.registrations,ne={triggerProps:Boolean(D)?{}:{ref:mergeRefs($,te.trigger,G)},layerProps:{ref:mergeRefs(q,te.layer),style:N.styles.layer},arrowProps:{ref:K,style:N.styles.arrow,layerSide:N.layerSide},layerSide:N.layerSide,triggerBounds:i?D?D.getBounds():null==(t=G.current)?void 0:t.getBoundingClientRect():null,renderLayer:function renderLayer(e){return"undefined"!=typeof document?(0,o.createPortal)((0,n.createElement)(GroupProvider,{registrations:re,children:e}),a||!Q?function getContainerElement(e){var t;if("function"==typeof e){if(!((t=e())&&t instanceof HTMLElement))throw new Error("react-laag: You've passed a function to the 'container' prop, but it returned no valid HTMLElement")}else if(e instanceof HTMLElement)t=e;else if("string"==typeof e){if(!(t=document.getElementById(e)))throw new Error("react-laag: You've passed element with id '"+e+"' to the 'container' prop, but it returned no valid HTMLElement")}else{if(w instanceof HTMLElement)return w;(t=document.getElementById(S))||((t=document.createElement("div")).id=S,t.style.cssText="\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        right: 0px;\n      ",document.body.appendChild(t))}return t}(A):Q):null}};return ne}var S="layers";var O=["size","angle","borderWidth","borderColor","roundness","backgroundColor","layerSide","style"];function getWidthBasedOnAngle(e,t){return Math.tan(e*(Math.PI/180))*t}function getViewBox(e,t,r,n){var o;return((o={}).bottom="0 "+-n+" "+t+" "+e,o.top="0 0 "+t+" "+(e+n),o.right=-n+" 0 "+e+" "+t,o.left="0 0 "+(e+n)+" "+t,o)[r.prop]}function getTrianglePath(e,t,r,n,o){var i,s,a,u=n/10*e*2,l=(i={},i.bottom=[0,e],i.top=[0,0],i.right=[e,t],i.left=[0,t],i)[r.prop].join(" "),c=r.isHorizontal?"V 0":"H "+t,f=t/2,d=t/2+getWidthBasedOnAngle(o,e/8),p=e/8,h=(s={},s.bottom=["C",d,p,f+u,0,f,0],s.top=["C",d,e-p,f+u,e,f,e],s.right=["C",p,t-d,0,f-u,0,f],s.left=["C",e-p,t-d,e,f-u,e,f],s)[r.prop].join(" "),g=t/2-getWidthBasedOnAngle(o,e/8),v=e/8;return["M",l,c,h,(a={},a.bottom=["C",f-u,0,g,v,l],a.top=["C",f-u,e,g,e-v,l],a.right=["C",0,f+u,v,t-g,l],a.left=["C",e,f+u,e-v,t-g,l],a)[r.prop].join(" ")].join(" ")}function getBorderMaskPath(e,t,r,n,o){var i=getWidthBasedOnAngle(o,r),s=n.isPush?[0,r]:[e,e-r],a=s[0],u=s[1];return n.isHorizontal?["M",a,r,"V",t-r,"L",u,t-r-i,"V",i+r,"Z"].join(" "):["M",r,a,"H",t-r,"L",t-r-i,u,"H",i+r,"Z"].join(" ")}var P,B=(0,n.forwardRef)((function Arrow(e,t){var r=e.size,o=void 0===r?8:r,i=e.angle,s=void 0===i?45:i,a=e.borderWidth,u=void 0===a?0:a,c=e.borderColor,f=void 0===c?"black":c,d=e.roundness,p=void 0===d?0:d,h=e.backgroundColor,g=void 0===h?"white":h,v=e.layerSide,m=void 0===v?"top":v,y=e.style,b=void 0===y?{}:y,w=function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,O);if("center"===m)return null;var C=l[m],S=o,P=2*getWidthBasedOnAngle(s,o),B=Math.max(S,P);return(0,n.createElement)("svg",_extends({ref:t},w,{style:_extends({},b,{transform:"translate"+(C.isHorizontal?"Y":"X")+"(-50%)"}),width:B,height:B,preserveAspectRatio:C.isPush?"xMinYMin":"xMaxYMax",viewBox:getViewBox(S,P,C,u)}),(0,n.createElement)("path",{fill:g,strokeWidth:u,stroke:f,d:getTrianglePath(S,P,C,p,s)}),(0,n.createElement)("path",{fill:g,d:getBorderMaskPath(S,P,u,C,s)}))}));function useHover(e){var t=void 0===e?{}:e,r=t.delayEnter,o=void 0===r?0:r,i=t.delayLeave,s=void 0===i?0:i,a=t.hideOnScroll,u=void 0===a||a,l=(0,n.useState)(!1),c=l[0],f=l[1],d=(0,n.useRef)(null),p=(0,n.useRef)(P.IDLE),h=(0,n.useRef)(!1),g=(0,n.useCallback)((function removeTimeout(){clearTimeout(d.current),d.current=null,p.current=P.IDLE}),[]);function onMouseLeave(e,t){if(p.current===P.ENTERING&&d.current&&g(),c){if(t)return f(!1),d.current=null,void(p.current=P.IDLE);p.current=P.LEAVING,d.current=window.setTimeout((function(){f(!1),d.current=null,p.current=P.IDLE}),s)}}return(0,n.useEffect)((function(){function onScroll(){c&&u&&(g(),f(!1))}return window.addEventListener("scroll",onScroll,!0),function(){window.removeEventListener("scroll",onScroll,!0),d.current&&clearTimeout(d.current)}}),[c,u,g]),[c,{onMouseEnter:function onMouseEnter(){p.current===P.LEAVING&&d.current&&g(),c||(p.current=P.ENTERING,d.current=window.setTimeout((function(){f(!0),d.current=null,p.current=P.IDLE}),o))},onMouseLeave,onTouchStart:function onTouchStart(){h.current=!1},onTouchMove:function onTouchMove(){h.current=!0},onTouchEnd:function onTouchEnd(){h.current||c||f(!0),h.current=!1}},function(){return onMouseLeave(0,!0)}]}!function(e){e[e.ENTERING=0]="ENTERING",e[e.LEAVING=1]="LEAVING",e[e.IDLE=2]="IDLE"}(P||(P={}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6770],{58292:(e,t,r)=>{r.d(t,{Eh:()=>B,XI:()=>useHover,sJ:()=>useLayer});var n=r(87363),o=r(61533);function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(this,arguments)}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function _createForOfIteratorHelperLoose(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function useTrackRef(e){var t=(0,n.useRef)(null);return function setter(r){r&&r!==t.current&&(t.current=r,e(r))}}var i="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function getPixelValue(e){return parseFloat(e.replace("px",""))}function limit(e,t,r){return e<t?t:e>r?r:e}function isSet(e){return null!=e}function mergeRefs(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(e){for(var r,n=_createForOfIteratorHelperLoose(t);!(r=n()).done;){var o=r.value;o&&("function"==typeof o?o(e):o.current=e)}}}function findScrollContainers(e,t){var r=[];if(!e||!t||e===document.body)return r;var n=t.getComputedStyle(e);return[n.overflow,n.overflowX,n.overflowY].some((function(e){return["auto","scroll"].includes(e)}))&&r.push(e),[].concat(r,findScrollContainers(e.parentElement,t))}function createReferenceError(e){return"react-laag: Could not find a valid reference for the "+e+" element. There might be 2 causes:\n   - Make sure that the 'ref' is set correctly on the "+e+' element when isOpen: true. Also make sure your component forwards the ref with "forwardRef()".\n   - Make sure that you are actually rendering the '+e+" when the isOpen prop is set to true"}function useTrackElements(e){var t=e.enabled,r=e.onChange,o=e.environment,s=e.ResizeObserverPolyfill,a=e.overflowContainer,u=e.triggerOption,l=function getResizeObserver(e,t){if(void 0!==e)return t||e.ResizeObserver}(o,s);(0,n.useEffect)((function(){}),[l]);var c=(0,n.useRef)(null),f=Boolean(u),d=function useMutableStore(e){var t=(0,n.useRef)(e);return(0,n.useMemo)((function(){return[function get(){return t.current},function set(e){t.current="function"==typeof e?e(t.current):e}]}),[])}({scrollContainers:[],trigger:null,layer:null}),p=d[0],h=d[1],g=function useEventSubscriptions(){var e=(0,n.useRef)([]);return(0,n.useMemo)((function(){return{hasEventSubscriptions:function hasEventSubscriptions(){return e.current.length>0},removeAllEventSubscriptions:function removeAllEventSubscriptions(){for(var t,r=_createForOfIteratorHelperLoose(e.current);!(t=r()).done;)(0,t.value)();e.current=[]},addEventSubscription:function addEventSubscription(t){e.current.push(t)}}}),[])}(),v=g.hasEventSubscriptions,m=g.addEventSubscription,y=g.removeAllEventSubscriptions,b=(0,n.useCallback)((function handleChange(){var e=p(),t=e.layer,n=e.trigger,i=e.scrollContainers,s=i[0];if(!t)throw new Error(createReferenceError("layer"));if(!n&&!f)throw new Error(createReferenceError("trigger"));var a={top:0,left:0};if(s){var u=s.scrollLeft;a={top:s.scrollTop,left:u}}else{var l=o.scrollX;a={top:o.scrollY,left:l}}var d={left:0,top:0};if(s){var h=o.getComputedStyle(s),g=h.borderLeftWidth,v=h.borderTopWidth;d={left:getPixelValue(g)||0,top:getPixelValue(v)||0}}r({layer:t,trigger:n,scrollContainers:i,arrow:c.current},a,d)}),[p,r,o,c,f]),w=(0,n.useCallback)((function addEventListeners(){var e=p(),t=e.trigger,r=e.layer,n=e.scrollContainers;if(!r)throw new Error(createReferenceError("layer"));if(!t&&!f)throw new Error(createReferenceError("trigger"));if(l){for(var i=!1,s=new l((function observerCallback(){i?b():i=!0})),a=0,u=[t,r,document.body];a<u.length;a++){var c=u[a];c&&s.observe(c)}m((function(){for(var e=0,n=[t,r,document.body];e<n.length;e++){var o=n[e];o&&s.unobserve(o)}s.disconnect()}))}for(var d,h=function _loop(){var e=d.value;e.addEventListener("scroll",b),m((function(){return e.removeEventListener("scroll",b)}))},g=_createForOfIteratorHelperLoose([o].concat(n));!(d=g()).done;)h()}),[p,m,b,o,l,f]),C=(0,n.useCallback)((function(e,r){t&&e&&e!==r&&(y(),w(),b())}),[y,w,b,t]),S=useTrackRef((0,n.useCallback)((function(e){var t=p().layer;h((function(t){return _extends({},t,{layer:e})})),C(t,e)}),[p,h,C])),O=(0,n.useCallback)((function handleScrollContainers(e){var t=findScrollContainers(e,o),r=t[0];if(r){var n=o.getComputedStyle(r).position;["relative","absolute","fixed"].includes(n)||a||(r.style.position="relative")}return t}),[o,a]),P=useTrackRef((0,n.useCallback)((function(e){var t=O(e),r=p().trigger;h((function(r){return _extends({},r,{trigger:e,scrollContainers:t})})),C(r,e)}),[p,h,C,O])),B=null==u||null==u.getParent?void 0:u.getParent();return i((function(){B&&h((function(e){return _extends({},e,{scrollContainers:O(B)})}))}),[B,h,O]),i((function(){return t&&(v()||w()),function(){v()&&y()}}),[t,v,w,y]),i((function(){t&&b()})),{triggerRef:P,layerRef:S,arrowRef:c,closestScrollContainer:p().scrollContainers[0]||null}}var s=(0,n.createContext)({});function GroupProvider(e){var t=e.children,r=e.registrations,o=(0,n.useCallback)((function register(e){return r.current.add(e),function(){return r.current.delete(e)}}),[r]);return(0,n.createElement)(s.Provider,{value:o},t)}function useGroup(e){var t=e.isOpen,r=e.onOutsideClick,o=e.onParentClose,i=(0,n.useRef)(null),a=(0,n.useRef)(null),u=(0,n.useRef)(new Set),l=(0,n.useContext)(s),c=(0,n.useCallback)((function shouldCloseWhenClickedOutside(e){var t=e.target,r=i.current&&i.current.contains(t),n=a.current&&a.current.contains(t),o=function getShouldCloseAccordingToChildren(e,t){for(var r,n=_createForOfIteratorHelperLoose(e);!(r=n()).done;)if(!(0,r.value.shouldCloseWhenClickedOutside)(t))return!1;return!0}(u.current,e);return n&&o&&u.current.forEach((function(e){return(0,e.closeChild)()})),!r&&!n&&o}),[i,a,u]);return(0,n.useEffect)((function(){if("function"==typeof l)return l({shouldCloseWhenClickedOutside:c,closeChild:function closeChild(){o&&o()}})}),[l,c,o,u]),(0,n.useEffect)((function(){if(!(!t||!r||"function"==typeof l))return document.addEventListener("click",handleClick,!0),function(){return document.removeEventListener("click",handleClick,!0)};function handleClick(e){c(e)&&r()}}),[t,r,c,l]),(0,n.useEffect)((function(){t||u.current.forEach((function(e){return(0,e.closeChild)()}))}),[t]),{closeOnOutsideClickRefs:{trigger:i,layer:a},registrations:u}}var a={top:"bottom",left:"right",bottom:"top",right:"left",center:"center"},u=function(){function SideBase(e,t,r,n,o,i,s,a,u){this.prop=void 0,this.opposite=void 0,this.isHorizontal=void 0,this.sizeProp=void 0,this.oppositeSizeProp=void 0,this.cssProp=void 0,this.oppositeCssProp=void 0,this.isCenter=void 0,this.isPush=void 0,this.prop=e,this.opposite=t,this.isHorizontal=r,this.sizeProp=n,this.oppositeSizeProp=o,this.cssProp=i,this.oppositeCssProp=s,this.isCenter=a,this.isPush=u}var e=SideBase.prototype;return e.factor=function factor(e){return e*(this.isPush?1:-1)},e.isOppositeDirection=function isOppositeDirection(e){return this.isHorizontal!==e.isHorizontal},SideBase}();function createSide(e,t){void 0===t&&(t=!0);var r=["left","right"].includes(e);return new u(e,t?createSide(a[e],!1):null,r,r?"width":"height",r?"height":"width",r?"left":"top",r?"top":"left","center"===e,!["right","bottom"].includes(e))}var l={top:createSide("top"),bottom:createSide("bottom"),left:createSide("left"),right:createSide("right")},c=_extends({},l,{center:createSide("center")}),f=["top","left","bottom","right"],d=function(){function BoundsOffsets(e){return this.top=void 0,this.left=void 0,this.right=void 0,this.bottom=void 0,Object.assign(this,e)}return BoundsOffsets.mergeSmallestSides=function mergeSmallestSides(e){var t=e[0],r=e.slice(1);if(!t)throw new Error("Please provide at least 1 bounds objects in order to merge");for(var n,o=Object.fromEntries(f.map((function(e){return[e,t[e]]}))),i=_createForOfIteratorHelperLoose(r);!(n=i()).done;)for(var s,a=n.value,u=_createForOfIteratorHelperLoose(f);!(s=u()).done;){var l=s.value;o[l]=Math.min(o[l],a[l])}return new BoundsOffsets(o)},_createClass(BoundsOffsets,[{key:"allSidesArePositive",get:function get(){var e=this;return f.every((function(t){return e[t]>=0}))}},{key:"negativeSides",get:function get(){var e=this;return Object.fromEntries(f.filter((function(t){return e[t]<0})).map((function(t){return[t,e[t]]})))}}]),BoundsOffsets}();function sumOfPropertyValues(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.reduce((function(e,t){return e+(t?getPixelValue(t):0)}),0)}function boundsToObject(e){return{top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height}}var p={top:0,left:0,right:0,bottom:0,width:0,height:0},h=function(){function Bounds(e){return void 0===e&&(e={}),this.top=void 0,this.left=void 0,this.right=void 0,this.bottom=void 0,this.width=void 0,this.height=void 0,Object.assign(this,p,e)}Bounds.create=function create(e){return new Bounds(e)},Bounds.fromElement=function fromElement(e,t){void 0===t&&(t={});var r=t,n=r.withTransform,o=void 0===n||n,i=r.environment,s=void 0===i?window:i,a=r.withScrollbars,u=void 0===a||a,l=new Bounds(boundsToObject(e.getBoundingClientRect()));if(!o){var c=s.getComputedStyle(e),f=c.width,d=c.height,p=c.boxSizing,h=c.borderLeft,g=c.borderRight,v=c.borderTop,m=c.borderBottom,y=c.paddingLeft,b=c.paddingRight,w=c.paddingTop,C=c.paddingBottom;l=new Bounds(_extends({},l,{width:"border-box"===p?getPixelValue(f):sumOfPropertyValues(f,h,g,y,b),height:"border-box"===p?getPixelValue(d):sumOfPropertyValues(d,v,m,w,C)}))}if(!u){var S=l.width-e.clientWidth,O=l.height-e.clientHeight;return l.substract({right:S,bottom:O})}return l},Bounds.empty=function empty(){return new Bounds},Bounds.fromWindow=function fromWindow(e){var t,r=null!=(t=null==e?void 0:e.document.scrollingElement)?t:null==e?void 0:e.document.documentElement,n=null!=r?r:{},o=n.clientWidth,i=void 0===o?0:o,s=n.clientHeight,a=void 0===s?0:s;return new Bounds({width:i,height:a,right:i,bottom:a})};var e=Bounds.prototype;return e.toObject=function toObject(){return boundsToObject(this)},e.merge=function merge(e){var t=this.toObject();return new Bounds(_extends({},t,"function"==typeof e?e(t):e))},e.substract=function substract(e){for(var t=this.toObject(),r=0,n=Object.entries(e);r<n.length;r++){var o=n[r],i=o[0],s=o[1];if(i in l){var a=l[i];t[i]+=a.factor(s),t[a.isHorizontal?"width":"height"]-=s}else t[i]-=s||0}return new Bounds(t)},e.offsetsTo=function offsetsTo(e){return new d({top:e.top-this.top,bottom:this.bottom-e.bottom,left:e.left-this.left,right:this.right-e.right})},e.mapSides=function mapSides(e){for(var t=this.toObject(),r=0,n=Object.values(l);r<n.length;r++){var o=n[r];t[o.prop]=e(o,t[o.prop])}return new Bounds(t)},_createClass(Bounds,[{key:"surface",get:function get(){return this.width*this.height}}]),Bounds}(),g=function(){function Placement(e,t,r,n,o){this.primary=void 0,this.secondary=void 0,this.offsets=void 0,this.subjectsBounds=void 0,this._cachedLayerBounds=null,this._cachedContainerOffsets=null,this.primary=e,this.secondary=t,this.offsets=o,this.setSubjectsBounds(r,n)}var e=Placement.prototype;return e.setSubjectsBounds=function setSubjectsBounds(e,t){if(t){var r="function"==typeof t?t(this.primary.prop):t;this.subjectsBounds=e.merge({layer:_extends({},e.layer,r)})}else this.subjectsBounds=e},e.getLayerBounds=function getLayerBounds(e){if(void 0===e&&(e=0),this._cachedLayerBounds&&0===e)return this._cachedLayerBounds;var t=this.primary,r=this.secondary,n=this.subjectsBounds,o=n.trigger,i=n.layer,s=n.arrow,a=t.isHorizontal,u=t.oppositeCssProp,c=t.oppositeSizeProp,f=t.prop,d=t.opposite,p=h.empty();p[d.prop]=o[f]-t.factor(this.offsets.trigger),p[f]=p[d.prop]-t.factor(i[t.sizeProp]);var g=2*this.offsets.arrow,v=o[u]-(i[c]-s[c])+g,m=o[u]+(o[c]-s[c])-g;if(r.isPush||(v+=i[c],m+=i[c]),r.isCenter){var y=(a?l.top:l.left).prop,b=(a?l.bottom:l.right).prop;p[y]=limit(o[y]+o[c]/2-i[c]/2+e,v,m),p[b]=p[y]+i[c]}else{var w=r,C=o[w.prop],S=C<v?v-C:C>m?m-C:0;p[w.prop]=limit(C+e+S,v,m),p[w.opposite.prop]=p[w.prop]+r.factor(i[c])}p.width=p.right-p.left,p.height=p.bottom-p.top;var O=h.create(p);return 0===e&&(this._cachedLayerBounds=O),O},e.getLayerCollisionBounds=function getLayerCollisionBounds(){var e=this.offsets.container;return this.getLayerBounds().mapSides((function(t,r){return r-t.factor(e)})).merge((function(t){var r=t.width,n=t.height;return{width:r+2*e,height:n+2*e}}))},e.getContainerOffsets=function getContainerOffsets(e){if(this._cachedContainerOffsets&&!e)return this._cachedContainerOffsets;var t=this.subjectsBounds.merge({layer:e||this.getLayerCollisionBounds()}),r=d.mergeSmallestSides(t.layerOffsetsToScrollContainers);return e||(this._cachedContainerOffsets=r),r},_createClass(Placement,[{key:"type",get:function get(){return this.primary.prop+"-"+("center"===this.secondary.prop?"center":["bottom","right"].includes(this.secondary.prop)?"end":"start")}},{key:"triggerIsBigger",get:function get(){var e=this.secondary.isHorizontal,t=this.subjectsBounds,r=t.triggerHasBiggerWidth,n=t.triggerHasBiggerHeight;return e&&r||!e&&n}},{key:"fitsContainer",get:function get(){return this.getContainerOffsets().allSidesArePositive}},{key:"visibleSurface",get:function get(){var e=this.getLayerBounds(),t=this.getContainerOffsets(e).negativeSides;for(var r in t)t[r]=-t[r];return e.substract(t).surface}},{key:"secondaryOffsetSide",get:function get(){var e,t,r=this,n=this.getContainerOffsets();return(null!=(e=null==(t=Object.entries(n.negativeSides).map((function(e){var t=e[0],r=e[1];return[l[t],r]})).filter((function(e){var t=e[0];return r.primary.isOppositeDirection(t)})).sort((function(e,t){var r=e[1];return t[1]-r})))?void 0:t[0])?e:[])[0]||null}}]),Placement}(),v=function(e){function PlacementCenter(){return e.apply(this,arguments)||this}return function _inheritsLoose(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,_setPrototypeOf(e,t)}(PlacementCenter,e),PlacementCenter.prototype.getLayerBounds=function getLayerBounds(){var e=this.subjectsBounds,t=e.trigger,r=e.layer,n=h.empty();return n.top=t.top+t.height/2-r.height/2,n.bottom=n.top+r.height,n.left=t.left+t.width/2-r.width/2,n.right=n.left+r.width,n.width=n.right-n.left,n.height=n.bottom-n.top,n},PlacementCenter}(g);var m={position:"absolute",willChange:"top, left",left:null,right:null,top:null,bottom:null};var y=function(){function Placements(e,t,r){this.placements=void 0,this.config=void 0,this.subjectsBounds=void 0,this.placements=e,this.config=t,this.subjectsBounds=r}Placements.getSidesFromPlacementType=function getSidesFromPlacementType(e){var t=e.split("-"),r=t[0],n=t[1],o=l[r];return[o,"center"===n?c.center:o.isHorizontal?"start"===n?c.top:c.bottom:"start"===n?c.left:c.right]},Placements.create=function create(e,t){var r={arrow:t.arrowOffset,container:t.containerOffset,trigger:t.triggerOffset};function getListOfPlacements(n){void 0===n&&(n=t.placement);var o=Placements.getSidesFromPlacementType(n),i=o[0],s=o[1],a=l[i.isHorizontal?t.preferY:t.preferX],u=!i.isHorizontal&&e.triggerHasBiggerWidth||i.isHorizontal&&e.triggerHasBiggerHeight;function placementFrom(n,o){return new g(n,o,e,t.layerDimensions,r)}var f=[];return f[0]=placementFrom(i,s),f[1]=placementFrom(i,s.isCenter?a:c.center),f[2]=placementFrom(i,c[(s.opposite.isCenter?a.opposite:s.opposite).prop]),f[3]=placementFrom(a,u?i:c[i.opposite.prop]),f[4]=placementFrom(a,c.center),f[5]=placementFrom(a,u?c[i.opposite.prop]:i),f[6]=placementFrom(l[a.opposite.prop],u?i:c[i.opposite.prop]),f[7]=placementFrom(l[a.opposite.prop],c.center),f[8]=placementFrom(l[a.opposite.prop],u?c[i.opposite.prop]:i),f[9]=placementFrom(l[i.opposite.prop],s),f[10]=placementFrom(l[i.opposite.prop],s.isCenter?a:c.center),f[11]=placementFrom(l[i.opposite.prop],c[(s.opposite.isCenter?a.opposite:s.opposite).prop]),f=f.filter((function(e){return e.type===t.placement||t.possiblePlacements.includes(e.type)}))}return"center"===t.placement?new Placements([new v(c.center,c.center,e,t.layerDimensions,r)].concat(getListOfPlacements(t.preferY+"-"+t.preferX)),t,e):new Placements(getListOfPlacements(),t,e)};var e=Placements.prototype;return e.filterPlacementsBySide=function filterPlacementsBySide(e){return this.placements.filter((function(t){return t.primary===e}))},e.findFirstPlacementThatFits=function findFirstPlacementThatFits(){return this.placements.find((function(e){return e.fitsContainer}))},e.placementWithBiggestVisibleSurface=function placementWithBiggestVisibleSurface(){return this.placements.map((function(e){return{placement:e,surface:e.visibleSurface}})).sort((function(e,t){return t.surface-e.surface}))[0].placement},e.findSuitablePlacement=function findSuitablePlacement(){return this.config.auto?this.findFirstPlacementThatFits()||this.placementWithBiggestVisibleSurface():this.placements[0]},e.getSecondaryOffset=function getSecondaryOffset(e){var t=this.config,r=t.auto,n=t.snap;if(!r||n||e instanceof v)return 0;var o=this.filterPlacementsBySide(e.primary);if(0===o.indexOf(e)&&e.fitsContainer)return 0;var i=o.find((function(e){return!e.fitsContainer}));if(!i)return 0;var s=i.secondaryOffsetSide;if(!s)return 0;var a,u=e.getContainerOffsets(),l=e.secondary;return a=e.triggerIsBigger||i===e?s.isPush?-1:1:l===c.left||[c.top,c.center].includes(l)&&s.isPush?-1:1,u[s.prop]*a},e.getStyles=function getStyles(e,t,r,n){var o={willChange:"top, left, width, height"},i=function getArrowStyle(e,t,r){var n;if(t.primary.isCenter)return m;var o=e.layer,i=e.trigger,s=e.arrow,a=t.primary.oppositeSizeProp,u=i[a]>o[a],l=r+s[a]/2,c=o[a]-s[a]/2-r,f=function getNegativeOffsetBetweenLayerCenterAndTrigger(e,t,r){var n=e.layer,o=e.trigger,i=e.arrow,s=t.primary.oppositeSizeProp,a=t.primary.isHorizontal?["top","bottom"]:["left","right"],u=a[0],l=a[1],c=n[u]+n[s]/2-o[u]-i[s]/2-r,f=n[l]-n[s]/2-o[l]+i[s]/2+r;return(c<0?-c:0)+(f>0?-f:0)}(e,t,r),d=t.primary.prop,p=t.primary.oppositeCssProp,h=u?o[a]/2+f:i[p]+i[a]/2-o[p];return _extends({},m,((n={})[d]="100%",n[p]=limit(h,l,c),n))}(this.subjectsBounds.merge({layer:e}),t,this.config.arrowOffset);return{arrow:i,layer:this.config.overflowContainer?_extends({},o,{position:"fixed",top:e.top,left:e.left}):_extends({},o,{position:"absolute",top:e.top-this.subjectsBounds.parent.top+r.top-n.top,left:e.left-this.subjectsBounds.parent.left+r.left-n.left})}},e.getHasDisappeared=function getHasDisappeared(e){var t=this.config.overflowContainer?this.subjectsBounds.trigger:e,r=d.mergeSmallestSides(this.subjectsBounds.offsetsToScrollContainers(t,!0));return Object.entries(r.negativeSides).some((function(e){var r=e[0];return e[1]<=-t[l[r].sizeProp]}))?"full":r.allSidesArePositive?null:"partial"},e.result=function result(e,t){var r=this.findSuitablePlacement(),n=this.getSecondaryOffset(r),o=r.getLayerBounds(n);return{styles:this.getStyles(o,r,e,t),layerSide:r.primary.prop,placement:r,layerBounds:o,hasDisappeared:this.getHasDisappeared(o)}},Placements}(),b=function(){function SubjectsBounds(e,t){this.overflowContainer=void 0,this.trigger=void 0,this.layer=void 0,this.arrow=void 0,this.parent=void 0,this.window=void 0,this.scrollContainers=void 0,this.overflowContainer=t,Object.assign(this,e)}SubjectsBounds.create=function create(e,t,r,n,o,i,s,a){var u=h.fromWindow(e);return new SubjectsBounds({layer:h.fromElement(t,{environment:e,withTransform:!1}),trigger:a?h.create(boundsToObject(a())):h.fromElement(r),arrow:o?h.fromElement(o):h.empty(),parent:n?h.fromElement(n):u,window:u,scrollContainers:[u].concat(i.map((function(e){return h.fromElement(e,{withScrollbars:!1})})))},s)};var e=SubjectsBounds.prototype;return e.merge=function merge(e){return new SubjectsBounds(_extends({},this,e),this.overflowContainer)},e.offsetsToScrollContainers=function offsetsToScrollContainers(e,t){return void 0===t&&(t=!1),(this.overflowContainer&&!t?[this.window]:this.scrollContainers).map((function(t){return t.offsetsTo(e)}))},_createClass(SubjectsBounds,[{key:"layerOffsetsToScrollContainers",get:function get(){return this.offsetsToScrollContainers(this.layer)}},{key:"triggerHasBiggerWidth",get:function get(){return this.trigger.width>this.layer.width}},{key:"triggerHasBiggerHeight",get:function get(){return this.trigger.height>this.layer.height}}]),SubjectsBounds}(),w=null;var C={auto:!1,arrowOffset:0,containerOffset:10,triggerOffset:0,overflowContainer:!0,placement:"top-center",possiblePlacements:["bottom-start","bottom-end","bottom-center","top-start","top-center","top-end","left-end","left-center","left-start","right-end","right-center","right-start","center"],preferX:"right",preferY:"bottom",snap:!1,container:void 0,trigger:void 0};function useLayer(e){var t,r=e.isOpen,i=void 0!==r&&r,s=e.overflowContainer,a=void 0===s?C.overflowContainer:s,u=e.environment,l=void 0===u?"undefined"!=typeof window?window:void 0:u,c=e.ResizeObserver,f=e.placement,d=void 0===f?C.placement:f,p=e.possiblePlacements,h=void 0===p?C.possiblePlacements:p,g=e.preferX,v=void 0===g?C.preferX:g,m=e.preferY,O=void 0===m?C.preferY:m,P=e.auto,B=void 0===P?C.auto:P,E=e.snap,L=void 0===E?C.snap:E,T=e.triggerOffset,j=void 0===T?C.triggerOffset:T,k=e.containerOffset,_=void 0===k?C.containerOffset:k,R=e.arrowOffset,x=void 0===R?C.arrowOffset:R,H=e.container,A=void 0===H?C.container:H,z=e.layerDimensions,I=void 0===z?null:z,M=e.onDisappear,F=e.onOutsideClick,W=e.onParentClose,D=e.trigger,V=(0,n.useState)((function(){return{layerSide:"center"===d?"center":y.getSidesFromPlacementType(d)[0].prop,styles:{layer:{position:a?"fixed":"absolute",top:0,left:0},arrow:{position:"absolute",top:0,left:0}}}})),N=V[0],Y=V[1],G=(0,n.useRef)(null),X=function useLastState(e,t){var r=(0,n.useRef)(e);return t?(r.current=e,r):(r.current=null,r)}(N,i),Z=(0,n.useRef)({cancelled:!1});(0,n.useEffect)((function(){return function(){Z.current.cancelled=!0}}),[]);var J=(0,n.useCallback)((function handlePositioning(e,t,r){var n=e.arrow,o=e.layer,i=e.scrollContainers,s=e.trigger,u=i[0],c=b.create(l,o,s,u,n,i,a,null==D?void 0:D.getBounds),f={placement:d,possiblePlacements:h,auto:B,layerDimensions:I,arrowOffset:x,containerOffset:_,triggerOffset:j,preferX:v,preferY:O,snap:L,overflowContainer:a},p=y.create(c,f).result(t,r),g=p.hasDisappeared,m={layerSide:p.layerSide,styles:p.styles};if(!X.current||function didStateChange(e,t){if(e.layerSide!==t.layerSide)return!0;for(var r=0,n=["position","top","left","right","bottom"];r<n.length;r++){var o=n[r];if(e.styles.layer[o]!==t.styles.layer[o]||e.styles.arrow[o]!==t.styles.arrow[o])return!0}return!1}(X.current,m)){X.current=m,Z.current.cancelled=!0;var w={cancelled:!1};Z.current=w,Promise.resolve().then((function(){w.cancelled||Y(m)}))}isSet(g)&&isSet(M)&&M(g)}),[x,B,_,l,I,M,a,d,h,v,O,L,j,X,D]),U=useTrackElements({ResizeObserverPolyfill:c,environment:l,enabled:i,overflowContainer:a,onChange:J,triggerOption:D}),$=U.triggerRef,q=U.layerRef,K=U.arrowRef,Q=U.closestScrollContainer,ee=useGroup({isOpen:i,onOutsideClick:F,onParentClose:W}),te=ee.closeOnOutsideClickRefs,re=ee.registrations,ne={triggerProps:Boolean(D)?{}:{ref:mergeRefs($,te.trigger,G)},layerProps:{ref:mergeRefs(q,te.layer),style:N.styles.layer},arrowProps:{ref:K,style:N.styles.arrow,layerSide:N.layerSide},layerSide:N.layerSide,triggerBounds:i?D?D.getBounds():null==(t=G.current)?void 0:t.getBoundingClientRect():null,renderLayer:function renderLayer(e){return"undefined"!=typeof document?(0,o.createPortal)((0,n.createElement)(GroupProvider,{registrations:re,children:e}),a||!Q?function getContainerElement(e){var t;if("function"==typeof e){if(!((t=e())&&t instanceof HTMLElement))throw new Error("react-laag: You've passed a function to the 'container' prop, but it returned no valid HTMLElement")}else if(e instanceof HTMLElement)t=e;else if("string"==typeof e){if(!(t=document.getElementById(e)))throw new Error("react-laag: You've passed element with id '"+e+"' to the 'container' prop, but it returned no valid HTMLElement")}else{if(w instanceof HTMLElement)return w;(t=document.getElementById(S))||((t=document.createElement("div")).id=S,t.style.cssText="\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        right: 0px;\n      ",document.body.appendChild(t))}return t}(A):Q):null}};return ne}var S="layers";var O=["size","angle","borderWidth","borderColor","roundness","backgroundColor","layerSide","style"];function getWidthBasedOnAngle(e,t){return Math.tan(e*(Math.PI/180))*t}function getViewBox(e,t,r,n){var o;return((o={}).bottom="0 "+-n+" "+t+" "+e,o.top="0 0 "+t+" "+(e+n),o.right=-n+" 0 "+e+" "+t,o.left="0 0 "+(e+n)+" "+t,o)[r.prop]}function getTrianglePath(e,t,r,n,o){var i,s,a,u=n/10*e*2,l=(i={},i.bottom=[0,e],i.top=[0,0],i.right=[e,t],i.left=[0,t],i)[r.prop].join(" "),c=r.isHorizontal?"V 0":"H "+t,f=t/2,d=t/2+getWidthBasedOnAngle(o,e/8),p=e/8,h=(s={},s.bottom=["C",d,p,f+u,0,f,0],s.top=["C",d,e-p,f+u,e,f,e],s.right=["C",p,t-d,0,f-u,0,f],s.left=["C",e-p,t-d,e,f-u,e,f],s)[r.prop].join(" "),g=t/2-getWidthBasedOnAngle(o,e/8),v=e/8;return["M",l,c,h,(a={},a.bottom=["C",f-u,0,g,v,l],a.top=["C",f-u,e,g,e-v,l],a.right=["C",0,f+u,v,t-g,l],a.left=["C",e,f+u,e-v,t-g,l],a)[r.prop].join(" ")].join(" ")}function getBorderMaskPath(e,t,r,n,o){var i=getWidthBasedOnAngle(o,r),s=n.isPush?[0,r]:[e,e-r],a=s[0],u=s[1];return n.isHorizontal?["M",a,r,"V",t-r,"L",u,t-r-i,"V",i+r,"Z"].join(" "):["M",r,a,"H",t-r,"L",t-r-i,u,"H",i+r,"Z"].join(" ")}var P,B=(0,n.forwardRef)((function Arrow(e,t){var r=e.size,o=void 0===r?8:r,i=e.angle,s=void 0===i?45:i,a=e.borderWidth,u=void 0===a?0:a,c=e.borderColor,f=void 0===c?"black":c,d=e.roundness,p=void 0===d?0:d,h=e.backgroundColor,g=void 0===h?"white":h,v=e.layerSide,m=void 0===v?"top":v,y=e.style,b=void 0===y?{}:y,w=function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,O);if("center"===m)return null;var C=l[m],S=o,P=2*getWidthBasedOnAngle(s,o),B=Math.max(S,P);return(0,n.createElement)("svg",_extends({ref:t},w,{style:_extends({},b,{transform:"translate"+(C.isHorizontal?"Y":"X")+"(-50%)"}),width:B,height:B,preserveAspectRatio:C.isPush?"xMinYMin":"xMaxYMax",viewBox:getViewBox(S,P,C,u)}),(0,n.createElement)("path",{fill:g,strokeWidth:u,stroke:f,d:getTrianglePath(S,P,C,p,s)}),(0,n.createElement)("path",{fill:g,d:getBorderMaskPath(S,P,u,C,s)}))}));function useHover(e){var t=void 0===e?{}:e,r=t.delayEnter,o=void 0===r?0:r,i=t.delayLeave,s=void 0===i?0:i,a=t.hideOnScroll,u=void 0===a||a,l=(0,n.useState)(!1),c=l[0],f=l[1],d=(0,n.useRef)(null),p=(0,n.useRef)(P.IDLE),h=(0,n.useRef)(!1),g=(0,n.useCallback)((function removeTimeout(){clearTimeout(d.current),d.current=null,p.current=P.IDLE}),[]);function onMouseLeave(e,t){if(p.current===P.ENTERING&&d.current&&g(),c){if(t)return f(!1),d.current=null,void(p.current=P.IDLE);p.current=P.LEAVING,d.current=window.setTimeout((function(){f(!1),d.current=null,p.current=P.IDLE}),s)}}return(0,n.useEffect)((function(){function onScroll(){c&&u&&(g(),f(!1))}return window.addEventListener("scroll",onScroll,!0),function(){window.removeEventListener("scroll",onScroll,!0),d.current&&clearTimeout(d.current)}}),[c,u,g]),[c,{onMouseEnter:function onMouseEnter(){p.current===P.LEAVING&&d.current&&g(),c||(p.current=P.ENTERING,d.current=window.setTimeout((function(){f(!0),d.current=null,p.current=P.IDLE}),o))},onMouseLeave,onTouchStart:function onTouchStart(){h.current=!1},onTouchMove:function onTouchMove(){h.current=!0},onTouchEnd:function onTouchEnd(){h.current||c||f(!0),h.current=!1}},function(){return onMouseLeave(0,!0)}]}!function(e){e[e.ENTERING=0]="ENTERING",e[e.LEAVING=1]="LEAVING",e[e.IDLE=2]="IDLE"}(P||(P={}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6939.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6939,6474],{56474:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(75327),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),x=o.n(c),m=o(3565),p=o.n(m),u=o(19216),h=o.n(u),v=o(44589),f=o.n(v),g=o(84887),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=x().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],x=(0,t.NP)(),m=(0,r.useState)(""),p=(0,i.Z)(m,2),u=p[0],h=p[1],v=x.getViewConfig().displayMetaDatas,f=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:u}):(0,y.jsx)(y.Fragment,{})}},27078:(e,n,o)=>{o.r(n),o.d(n,{default:()=>N});var i=o(80248),t=o(34988),r=o(65515),l=o.n(r),d=o(75327),a=o(9420),s=o(87363),c=o(93379),x=o.n(c),m=o(7795),p=o.n(m),u=o(90569),h=o.n(u),v=o(3565),f=o.n(v),g=o(19216),b=o.n(g),y=o(44589),w=o.n(y),S=o(31636),z={};z.styleTagTransform=w(),z.setAttributes=f(),z.insert=h().bind(null,"head"),z.domAPI=p(),z.insertStyleElement=b();x()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=o(13838),C=o(46770),P=o(55461),k=o(56474),I=o(88683),B=o(21801),O=o(91087),Z=o(19456),M=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const N=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,x=e.namePostFix,m=i,p=(0,d.NP)(),u=(0,s.useState)(""),h=(0,t.Z)(u,2),v=h[0],f=h[1],g=(0,I.useDivaCore)().state.dimensions,b=g.isMobile,y=g.isTablet,w={},z={},N=void 0,D=!1,E={},A=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),G=(0,C.sJ)({isOpen:A[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return b||y||p.getViewConfig().hideTooltip||!m.image&&!m.hexColor||m.contentItemId||(D=A[0],E=A[1],w=G.triggerProps,z=G.layerProps,N=G.renderLayer),(0,M.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:m.codex,className:l()(S.CA,m.sel?S.pA:void 0,"big"==r?S.Eb:void 0,"small"==r?S.yG:void 0,p.getIsInMobileView()?S.ai:void 0,p.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(m,void 0,a)}},w),E),{},{children:[(0,M.jsxs)("div",{className:l()(S.be),children:[p.getViewConfig().showVCodexInGallery&&m.vCodex&&(0,M.jsx)("div",{className:l()(S.rq),children:m.vCodex}),m.image?(0,M.jsx)("img",{className:l()(S.K5),src:"small"!=r?m.image.replace("_gal",""):m.image}):(0,M.jsx)("div",{className:l()(S.K5),style:{backgroundColor:"#"+(null!==(n=m.hexColor)&&void 0!==n?n:"fff")}}),m.contentItemId&&(0,M.jsx)(B.default,{item:m},m.codex)]}),(0,M.jsx)("div",{className:S.FJ,children:(0,M.jsx)("div",{className:S.TN,dangerouslySetInnerHTML:{__html:m.text+(x||"")}})}),m.doShowFav&&(0,M.jsx)("div",{className:m.isFav?j.Md:j.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(m)}}),(0,M.jsx)(k.default,{style:{position:"relative",float:"left",display:"none"},metaData:m.metaData,visible:[v,f]},m.codex),!c&&void 0!==m.pricePreviewPromise&&(0,M.jsx)(O.default,{asyncPricePreview:m.pricePreviewPromise,sel:m.sel,style:"small"==r?{fontSize:9}:void 0}),void 0!==m.checkForReversingChanges&&(0,M.jsx)(Z.default,{item:m,paletteId:a}),D&&(null===(o=N)||void 0===o?void 0:o((0,M.jsx)(P.default,{text:m.text+(m.freeText?m.freeText:"")+(x||""),hexColor:m.hexColor,desciption:v,pricePreviewPromise:m.pricePreviewPromise,image:m.image,layerProps:z},m.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},31636:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>f,FJ:()=>p,K5:()=>m,Mq:()=>v,TN:()=>u,ZP:()=>g,ai:()=>h,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>x});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--zdGOB {\n  border-radius: 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--zdGOB:active,\n.index-module--zdGOB:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--QEpYS {\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--zdGOB:hover .index-module--QEpYS,\n.index-module--pcB57 .index-module--QEpYS {\n  display: block;\n}\n\n.index-module--ZjI8q {\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--zdGOB:hover .index-module--ZjI8q {\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--pcB57.index-module--zdGOB:hover .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--pcB57 .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57 .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--Ga2vs {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\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--pcB57 .index-module--Ga2vs,\n.index-module--ljMpw.index-module--pcB57 .index-module--Ga2vs {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--dwBQn {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--n4xih {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--h2hli {\n  text-align: center;\n  width: 100%;\n  height: 32px;\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: 2;\n  transition: height 0.3s ease-out;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--h2hli {\n  color: #fff;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0) .index-module--h2hli {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--zdGOB:hover .index-module--h2hli,\n.index-module--zdGOB:focus .index-module--h2hli {\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: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .index-module--zdGOB:hover .index-module--h2hli,\n  .index-module--zdGOB:focus .index-module--h2hli {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--ljMpw .index-module--QEpYS {\n  font-size: 12px;\n}\n\n.index-module--ljMpw .index-module--h2hli {\n  font-size: 12px;\n  height: 16px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--h2hli {\n  font-size: 11px;\n  height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n/* Size big */\n\n.index-module--e6Piy .index-module--QEpYS {\n  font-size: 15px;\n}\n\n.index-module--e6Piy .index-module--h2hli {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--e6Piy .index-module--h2hli {\n  font-size: 13px;\n}\n",""]);var d="index-module--zdGOB",a="index-module--QEpYS",s="index-module--pcB57",c="index-module--ZjI8q",x="index-module--ljMpw",m="index-module--Ga2vs",p="index-module--n4xih",u="index-module--h2hli",h="index-module--D9rSr",v="index-module--xR2x0",f="index-module--e6Piy";const g=l},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),l=o(94299),d=o(5230),a=o(90659),s=o(56047),c=o(18685),x=o(36735);function getSvgIconUtilityClass(e){return(0,x.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var m=o(47514);const p=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),u=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:x="svg",fontSize:u="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:f,viewBox:g="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:x,fontSize:u,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:g,hasSvgAsChild:y},S={};v||(S.viewBox=g);const z=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,m.jsxs)(p,{as:x,className:(0,t.Z)(z.root,a),focusable:"false",color:h,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...S,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,f?(0,m.jsx)("title",{children:f}):null]})}));u.muiName="SvgIcon";const h=u;function createSvgIcon(e,n){function Component(n,o){return(0,m.jsx)(h,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6939,6474],{56474:(e,n,o)=>{o.r(n),o.d(n,{default:()=>w});var i=o(34988),t=o(75327),r=o(87363),l=o(93379),d=o.n(l),a=o(7795),s=o.n(a),c=o(90569),m=o.n(c),x=o(3565),p=o.n(x),u=o(19216),h=o.n(u),v=o(44589),f=o.n(v),g=o(84887),b={};b.styleTagTransform=f(),b.setAttributes=p(),b.insert=m().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=h();d()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var y=o(47514);const w=function MetaData(e){var n=e.style,o=e.metaData,l=e.visible,d=void 0===l?(0,r.useState)(""):l,a=(0,i.Z)(d,2),s=a[0],c=a[1],m=(0,t.NP)(),x=(0,r.useState)(""),p=(0,i.Z)(x,2),u=p[0],h=p[1],v=m.getViewConfig().displayMetaDatas,f=null==o?void 0:o.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,r.useEffect)((function(){if(f){for(var e="",n=0;n<f.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var t=null==o?void 0:o.find((function(e){return e.codex===v[i]}));if(!t)return 1;""!==e&&(e+=" "),e=e+(t.name?t.name+": ":"")+t.values[n]},t=0;t<v.length;t++)i(t)}h(e),c(e)}}),[]),s?(0,y.jsx)("div",{style:n,className:g.B,children:u}):(0,y.jsx)(y.Fragment,{})}},27078:(e,n,o)=>{o.r(n),o.d(n,{default:()=>M});var i=o(80248),t=o(34988),r=o(65515),l=o.n(r),d=o(75327),a=o(9420),s=o(87363),c=o(93379),m=o.n(c),x=o(7795),p=o.n(x),u=o(90569),h=o.n(u),v=o(3565),f=o.n(v),g=o(19216),b=o.n(g),y=o(44589),w=o.n(y),S=o(31636),z={};z.styleTagTransform=w(),z.setAttributes=f(),z.insert=h().bind(null,"head"),z.domAPI=p(),z.insertStyleElement=b();m()(S.ZP,z);S.ZP&&S.ZP.locals&&S.ZP.locals;var j=o(13838),C=o(58292),P=o(55461),I=o(56474),k=o(88683),B=o(21801),O=o(91087),Z=o(19456),A=o(47514);function ownKeys(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(o),!0).forEach((function(n){(0,i.Z)(e,n,o[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))}))}return e}const M=(0,a.Pi)((function Option(e){var n,o,i=e.item,r=e.type,a=e.paletteId,c=e.hidePricePreview,m=e.namePostFix,x=i,p=(0,d.NP)(),u=(0,s.useState)(""),h=(0,t.Z)(u,2),v=h[0],f=h[1],g=(0,k.useDivaCore)().state.dimensions,b=g.isMobile,y=g.isTablet,w={},z={},M=void 0,N=!1,D={},E=(0,C.XI)({delayEnter:1500,hideOnScroll:!0}),G=(0,C.sJ)({isOpen:E[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return b||y||p.getViewConfig().hideTooltip||!x.image&&!x.hexColor||x.contentItemId||(N=E[0],D=E[1],w=G.triggerProps,z=G.layerProps,M=G.renderLayer),(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:x.codex,className:l()(S.CA,x.sel?S.pA:void 0,"big"==r?S.Eb:void 0,"small"==r?S.yG:void 0,p.getIsInMobileView()?S.ai:void 0,p.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(x,void 0,a)}},w),D),{},{children:[(0,A.jsxs)("div",{className:l()(S.be),children:[p.getViewConfig().showVCodexInGallery&&x.vCodex&&(0,A.jsx)("div",{className:l()(S.rq),children:x.vCodex}),x.image?(0,A.jsx)("img",{className:l()(S.K5),src:"small"!=r?x.image.replace("_gal",""):x.image}):(0,A.jsx)("div",{className:l()(S.K5),style:{backgroundColor:"#"+(null!==(n=x.hexColor)&&void 0!==n?n:"fff")}}),x.contentItemId&&(0,A.jsx)(B.default,{item:x},x.codex)]}),(0,A.jsx)("div",{className:S.FJ,children:(0,A.jsx)("div",{className:S.TN,dangerouslySetInnerHTML:{__html:x.text+(m||"")}})}),x.doShowFav&&(0,A.jsx)("div",{className:x.isFav?j.Md:j.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(x)}}),(0,A.jsx)(I.default,{style:{position:"relative",float:"left",display:"none"},metaData:x.metaData,visible:[v,f]},x.codex),!c&&void 0!==x.pricePreviewPromise&&(0,A.jsx)(O.default,{asyncPricePreview:x.pricePreviewPromise,sel:x.sel,style:"small"==r?{fontSize:9}:void 0}),void 0!==x.checkForReversingChanges&&(0,A.jsx)(Z.default,{item:x,paletteId:a}),N&&(null===(o=M)||void 0===o?void 0:o((0,A.jsx)(P.default,{text:x.text+(x.freeText?x.freeText:"")+(m||""),hexColor:x.hexColor,desciption:v,pricePreviewPromise:x.pricePreviewPromise,image:x.image,layerProps:z},x.codex)))]}))}))},84887:(e,n,o)=>{o.d(n,{B:()=>d,Z:()=>a});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var d="index-module--hpPAb";const a=l},31636:(e,n,o)=>{o.d(n,{CA:()=>d,Eb:()=>f,FJ:()=>p,K5:()=>x,Mq:()=>v,TN:()=>u,ZP:()=>g,ai:()=>h,be:()=>c,pA:()=>s,rq:()=>a,yG:()=>m});var i=o(8081),t=o.n(i),r=o(23645),l=o.n(r)()(t());l.push([e.id,"/*Size Normal */\n\n.index-module--zdGOB {\n  border-radius: 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--zdGOB:active,\n.index-module--zdGOB:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--QEpYS {\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--zdGOB:hover .index-module--QEpYS,\n.index-module--pcB57 .index-module--QEpYS {\n  display: block;\n}\n\n.index-module--ZjI8q {\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--zdGOB:hover .index-module--ZjI8q {\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--pcB57.index-module--zdGOB:hover .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57.index-module--zdGOB:hover .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--pcB57 .index-module--ZjI8q,\n.index-module--ljMpw.index-module--pcB57 .index-module--ZjI8q {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--Ga2vs {\n  width: calc(100% - 8px);\n  border: 4px white solid;\n  border-radius: calc(var(--globalBorderRadius) * 2 + 2px);\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--pcB57 .index-module--Ga2vs,\n.index-module--ljMpw.index-module--pcB57 .index-module--Ga2vs {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--dwBQn {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--n4xih {\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n  max-height: 32px;\n}\n\n.index-module--h2hli {\n  text-align: center;\n  width: 100%;\n  height: 32px;\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: 2;\n  transition: height 0.3s ease-out;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--h2hli,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--h2hli {\n  color: #fff;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0) .index-module--h2hli {\n  font-size: 12px;\n  line-height: 14px;\n}\n\n.index-module--zdGOB:hover .index-module--h2hli,\n.index-module--zdGOB:focus .index-module--h2hli {\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: 50px;\n  z-index: 200;\n  background-color: var(--settingsBackgroundColor);\n  border-bottom-left-radius: 6px;\n  border-bottom-right-radius: 6px;\n  transition: height 0.3s ease-in;\n}\n\n@supports (-moz-appearance: none) {\n  .index-module--zdGOB:hover .index-module--h2hli,\n  .index-module--zdGOB:focus .index-module--h2hli {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n}\n\n/* Size Small */\n\n.index-module--ljMpw .index-module--QEpYS {\n  font-size: 12px;\n}\n\n.index-module--ljMpw .index-module--h2hli {\n  font-size: 12px;\n  height: 16px;\n  -webkit-line-clamp: 1;\n}\n\n.index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--h2hli {\n  font-size: 11px;\n  height: 14px;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--ljMpw .index-module--n4xih {\n  max-height: 14px;\n}\n\n/* Size big */\n\n.index-module--e6Piy .index-module--QEpYS {\n  font-size: 15px;\n}\n\n.index-module--e6Piy .index-module--h2hli {\n  font-size: 15px;\n  -webkit-line-clamp: 2;\n}\n\n.index-module--D9rSr:not(.index-module--xR2x0).index-module--e6Piy .index-module--h2hli {\n  font-size: 13px;\n}\n",""]);var d="index-module--zdGOB",a="index-module--QEpYS",s="index-module--pcB57",c="index-module--ZjI8q",m="index-module--ljMpw",x="index-module--Ga2vs",p="index-module--n4xih",u="index-module--h2hli",h="index-module--D9rSr",v="index-module--xR2x0",f="index-module--e6Piy";const g=l},16008:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block")},75275:(e,n,o)=>{o.d(n,{Z:()=>r});var i=o(59654),t=o(47514);const r=(0,i.Z)((0,t.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning")},59654:(e,n,o)=>{o.d(n,{Z:()=>createSvgIcon});var i=o(87363),t=o(87726),r=o(91104),l=o(94299),d=o(5230),a=o(90659),s=o(56047),c=o(18685),m=o(36735);function getSvgIconUtilityClass(e){return(0,m.ZP)("MuiSvgIcon",e)}(0,c.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var x=o(47514);const p=(0,d.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:o}=e;return[n.root,"inherit"!==o.color&&n[`color${(0,l.Z)(o.color)}`],n[`fontSize${(0,l.Z)(o.fontSize)}`]]}})((0,a.Z)((({theme:e})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:e.transitions?.create?.("fill",{duration:(e.vars??e).transitions?.duration?.shorter}),variants:[{props:e=>!e.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:e.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:e.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:e.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((e.vars??e).palette).filter((([,e])=>e&&e.main)).map((([n])=>({props:{color:n},style:{color:(e.vars??e).palette?.[n]?.main}}))),{props:{color:"action"},style:{color:(e.vars??e).palette?.action?.active}},{props:{color:"disabled"},style:{color:(e.vars??e).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]})))),u=i.forwardRef((function SvgIcon(e,n){const o=(0,s.i)({props:e,name:"MuiSvgIcon"}),{children:d,className:a,color:c="inherit",component:m="svg",fontSize:u="medium",htmlColor:h,inheritViewBox:v=!1,titleAccess:f,viewBox:g="0 0 24 24",...b}=o,y=i.isValidElement(d)&&"svg"===d.type,w={...o,color:c,component:m,fontSize:u,instanceFontSize:e.fontSize,inheritViewBox:v,viewBox:g,hasSvgAsChild:y},S={};v||(S.viewBox=g);const z=(e=>{const{color:n,fontSize:o,classes:i}=e,t={root:["root","inherit"!==n&&`color${(0,l.Z)(n)}`,`fontSize${(0,l.Z)(o)}`]};return(0,r.Z)(t,getSvgIconUtilityClass,i)})(w);return(0,x.jsxs)(p,{as:m,className:(0,t.Z)(z.root,a),focusable:"false",color:h,"aria-hidden":!f||void 0,role:f?"img":void 0,ref:n,...S,...b,...y&&d.props,ownerState:w,children:[y?d.props.children:d,f?(0,x.jsx)("title",{children:f}):null]})}));u.muiName="SvgIcon";const h=u;function createSvgIcon(e,n){function Component(n,o){return(0,x.jsx)(h,{"data-testid":void 0,ref:o,...n,children:e})}return Component.muiName=h.muiName,i.memo(i.forwardRef(Component))}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7020.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7020,1801,6474],{21801:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A});var i=t(34988),o=t(93379),r=t.n(o),a=t(7795),l=t.n(a),s=t(90569),d=t.n(s),c=t(3565),u=t.n(c),C=t(19216),x=t.n(C),f=t(44589),m=t.n(f),p=t(23240),g={};g.styleTagTransform=m(),g.setAttributes=u(),g.insert=d().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=x();r()(p.ZP,g);p.ZP&&p.ZP.locals&&p.ZP.locals;var h=t(87363),v=t(75327),b=t(65515),w=t.n(b),y=t(9420),j=t(47514);const A=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,a=e.style,l=(0,v.NP)(),s=r.contentItemId,d=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,h.useState)(!1),u=(0,i.Z)(c,2),C=u[0],x=u[1],f=r.sel||C;if((0,h.useEffect)((function(){var e=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==s&&d==l.settingsState.clickedFrom;!e&&C&&x(!1),e&&!C&&x(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=l.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||f}()?(0,j.jsx)("div",{className:p.um,onClick:function onClick(e){l.settingsState.onClickContentItemId(s,d),x(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==s),e.stopPropagation()},style:a,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(p.hv,f?void 0:p.al,C?p.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:p.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:p.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()(p.dA,f?p.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,{})}))},56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(75327),r=t(87363),a=t(93379),l=t.n(a),s=t(7795),d=t.n(s),c=t(90569),u=t.n(c),C=t(3565),x=t.n(C),f=t(19216),m=t.n(f),p=t(44589),g=t.n(p),h=t(84887),v={};v.styleTagTransform=g(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=m();l()(h.Z,v);h.Z&&h.Z.locals&&h.Z.locals;var b=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,l=void 0===a?(0,r.useState)(""):a,s=(0,i.Z)(l,2),d=s[0],c=s[1],u=(0,o.NP)(),C=(0,r.useState)(""),x=(0,i.Z)(C,2),f=x[0],m=x[1],p=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==p?void 0:p.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===p[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<p.length;o++)i(o)}m(e),c(e)}}),[]),d?(0,b.jsx)("div",{style:n,className:h.B,children:f}):(0,b.jsx)(b.Fragment,{})}},27020:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(80248),o=t(34988),r=t(65515),a=t.n(r),l=t(75327),s=t(9420),d=t(87363),c=t(61533),u=t(93379),C=t.n(u),x=t(7795),f=t.n(x),m=t(90569),p=t.n(m),g=t(3565),h=t.n(g),v=t(19216),b=t.n(v),w=t(44589),y=t.n(w),j=t(65655),A={};A.styleTagTransform=y(),A.setAttributes=h(),A.insert=p().bind(null,"head"),A.domAPI=f(),A.insertStyleElement=b();C()(j.ZP,A);j.ZP&&j.ZP.locals&&j.ZP.locals;var P=t(88683),S=t(46770),I=t(56474),Z=t(55461),D=t(91087),k=t(21801),E=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 O="undefined"!=typeof Image?new Image(1,1):void 0;O&&(O.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");const N=(0,s.Pi)((function ShelfAccessoires(e){var n,t,i=e.item,r=(e.grids,e.sel),s=(0,l.NP)(),u=(0,P.useDivaCore)().state,C=u.hidePrices,x=u.dimensions,f=x.isMobile,m=x.isTablet,p=(0,d.useState)(""),g=(0,o.Z)(p,2),h=g[0],v=g[1],b=(0,d.useState)(!1),w=(0,o.Z)(b,2),y=w[0],A=w[1],N=(0,d.useRef)(null),T=(0,d.useRef)({x:0,y:0}),F=(0,d.useRef)({grabX:0,grabY:0,width:0}),M=function positionGhost(e){if(e){var n=F.current;e.style.transform="translate(".concat(T.current.x-n.grabX,"px, ").concat(T.current.y-n.grabY,"px)")}};(0,d.useEffect)((function(){if(y){var e=function onDragOver(e){T.current={x:e.clientX,y:e.clientY},M(N.current)};return document.addEventListener("dragover",e),function(){return document.removeEventListener("dragover",e)}}}),[y]);var B={},V={},_=void 0,L=!1,q={},z=(0,S.XI)({delayEnter:1500,hideOnScroll:!0}),H=z[0]&&!y,Q=(0,S.sJ)({isOpen:H,auto:!0,placement:s.getViewConfig().tooltipPosition||"left-center"});f||m||s.getViewConfig().hideTooltip||(L=H,q=z[1],B=Q.triggerProps,V=Q.layerProps,_=Q.renderLayer);var R=i.name;return(0,E.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:i.articleCodex,className:a()(j.nC,r?j.pA:void 0),onClick:function onClick(){return s.paletteViewHandler.selectShelfAccessorie(i.articleCodex,void 0,!1)},onDoubleClick:function onDoubleClick(){return s.paletteViewHandler.selectShelfAccessorie(i.articleCodex)},draggable:!0,onDragStart:function onDragStart(e){e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/plain",i.articleCodex),O&&e.dataTransfer.setDragImage(O,0,0);var n=e.currentTarget.getBoundingClientRect();F.current={grabX:e.clientX-n.left,grabY:e.clientY-n.top,width:n.width},T.current={x:e.clientX,y:e.clientY},A(!0),s.paletteViewHandler.startShelfAccessorieDrag(i.articleCodex)},onDragEnd:function onDragEnd(){A(!1),s.paletteViewHandler.endShelfAccessorieDrag()}},B),q),{},{children:[(0,E.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:i.image,draggable:!1}),(0,E.jsxs)("div",{className:j.jW,children:[(0,E.jsx)("div",{className:a()(j.TN),dangerouslySetInnerHTML:{__html:R}}),(0,E.jsx)(I.default,{metaData:i.metaData,visible:[h,v]},i.articleCodex),!C&&!!i.price&&(0,E.jsx)(D.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,E.jsx)(k.default,{item:i,style:{top:6,right:6}},i.articleCodex)]}),L&&(null===(n=_)||void 0===n?void 0:n((0,E.jsx)(Z.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:h,image:i.image,codex:i.articleCodex,layerProps:V},i.articleCodex))),y&&!s.settingsState.draggedAccessoryHasTarget&&(0,c.createPortal)((0,E.jsxs)("div",{className:a()(j.nC,j.HE),style:{width:F.current.width},ref:function ref(e){N.current=e,M(e)},children:[(0,E.jsx)("img",{style:{maxHeight:s.settingsState.settingsWidth/3},src:i.image}),(0,E.jsx)("div",{className:j.jW,children:(0,E.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:R}})})]}),document.body)]}))}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>f,al:()=>x,dA:()=>d,fL:()=>C,hv:()=>s,um:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.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 l="index-module--CjCgr",s="index-module--C9QBx",d="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",C="index-module--FaRqp",x="index-module--oBSZj";const f=a},84887:(e,n,t)=>{t.d(n,{B:()=>l,Z:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.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 l="index-module--hpPAb";const s=a},65655:(e,n,t)=>{t.d(n,{HE:()=>u,TN:()=>c,ZP:()=>C,jW:()=>d,nC:()=>l,pA:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.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\n.index-module--fUvCj {\n  position: fixed;\n  left: 0;\n  top: 0;\n  pointer-events: none;\n  z-index: 9999;\n  opacity: 0.8;\n}\n",""]);var l="index-module--E9hMP",s="index-module--zq_sk",d="index-module--ASP_j",c="index-module--xrQ6L",u="index-module--fUvCj";const C=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7020,1801,6474],{21801:(e,n,t)=>{t.r(n),t.d(n,{default:()=>A});var i=t(34988),o=t(93379),r=t.n(o),a=t(7795),l=t.n(a),d=t(90569),s=t.n(d),c=t(3565),u=t.n(c),C=t(19216),x=t.n(C),m=t(44589),f=t.n(m),p=t(23240),g={};g.styleTagTransform=f(),g.setAttributes=u(),g.insert=s().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=x();r()(p.ZP,g);p.ZP&&p.ZP.locals&&p.ZP.locals;var h=t(87363),v=t(75327),b=t(65515),w=t.n(b),y=t(9420),j=t(47514);const A=(0,y.Pi)((function InfoIcon(e){var n,t,o,r=e.item,a=e.style,l=(0,v.NP)(),d=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,h.useState)(!1),u=(0,i.Z)(c,2),C=u[0],x=u[1],m=r.sel||C;if((0,h.useEffect)((function(){var e=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==d&&s==l.settingsState.clickedFrom;!e&&C&&x(!1),e&&!C&&x(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!r)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!r.op||null===(e=l.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||m}()?(0,j.jsx)("div",{className:p.um,onClick:function onClick(e){l.settingsState.onClickContentItemId(d,s),x(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==d),e.stopPropagation()},style:a,children:(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:w()(p.hv,m?void 0:p.al,C?p.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:p.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:p.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()(p.dA,m?p.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,{})}))},56474:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(34988),o=t(75327),r=t(87363),a=t(93379),l=t.n(a),d=t(7795),s=t.n(d),c=t(90569),u=t.n(c),C=t(3565),x=t.n(C),m=t(19216),f=t.n(m),p=t(44589),g=t.n(p),h=t(84887),v={};v.styleTagTransform=g(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();l()(h.Z,v);h.Z&&h.Z.locals&&h.Z.locals;var b=t(47514);const w=function MetaData(e){var n=e.style,t=e.metaData,a=e.visible,l=void 0===a?(0,r.useState)(""):a,d=(0,i.Z)(l,2),s=d[0],c=d[1],u=(0,o.NP)(),C=(0,r.useState)(""),x=(0,i.Z)(C,2),m=x[0],f=x[1],p=u.getViewConfig().displayMetaDatas,g=null==t?void 0:t.find((function(e){return null==p?void 0:p.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===p[i]}));if(!o)return 1;""!==e&&(e+=" "),e=e+(o.name?o.name+": ":"")+o.values[n]},o=0;o<p.length;o++)i(o)}f(e),c(e)}}),[]),s?(0,b.jsx)("div",{style:n,className:h.B,children:m}):(0,b.jsx)(b.Fragment,{})}},27020:(e,n,t)=>{t.r(n),t.d(n,{default:()=>T});var i=t(80248),o=t(34988),r=t(65515),a=t.n(r),l=t(75327),d=t(9420),s=t(87363),c=t(61533),u=t(93379),C=t.n(u),x=t(7795),m=t.n(x),f=t(90569),p=t.n(f),g=t(3565),h=t.n(g),v=t(19216),b=t.n(v),w=t(44589),y=t.n(w),j=t(65655),A={};A.styleTagTransform=y(),A.setAttributes=h(),A.insert=p().bind(null,"head"),A.domAPI=m(),A.insertStyleElement=b();C()(j.ZP,A);j.ZP&&j.ZP.locals&&j.ZP.locals;var P=t(88683),S=t(58292),I=t(56474),Z=t(71442),D=t(55461),E=t(91087),k=t(21801),N=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 O="undefined"!=typeof Image?new Image(1,1):void 0;O&&(O.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");const T=(0,d.Pi)((function ShelfAccessoires(e){var n,t,i=e.item,r=(e.grids,e.sel),d=(0,l.NP)(),u=(0,P.useDivaCore)().state,C=u.hidePrices,x=u.dimensions,m=x.isMobile,f=x.isTablet,p=(0,s.useState)(""),g=(0,o.Z)(p,2),h=g[0],v=g[1],b=d.productState.useRtvNext||Z.j4,w=(0,s.useState)(!1),y=(0,o.Z)(w,2),A=y[0],T=y[1],F=(0,s.useRef)(null),M=(0,s.useRef)({x:0,y:0}),V=(0,s.useRef)({grabX:0,grabY:0,width:0}),B=function positionGhost(e){if(e){var n=V.current;e.style.transform="translate(".concat(M.current.x-n.grabX,"px, ").concat(M.current.y-n.grabY,"px)")}};(0,s.useEffect)((function(){if(A){var e=function onDragOver(e){M.current={x:e.clientX,y:e.clientY},B(F.current)};return document.addEventListener("dragover",e),function(){return document.removeEventListener("dragover",e)}}}),[A]);var _={},L={},q=void 0,z=!1,H={},R=(0,S.XI)({delayEnter:1500,hideOnScroll:!0}),Q=R[0]&&!A,W=(0,S.sJ)({isOpen:Q,auto:!0,placement:d.getViewConfig().tooltipPosition||"left-center"});m||f||d.getViewConfig().hideTooltip||(z=Q,H=R[1],_=W.triggerProps,L=W.layerProps,q=W.renderLayer);var X=i.name;return(0,N.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:i.articleCodex,className:a()(j.nC,r?j.pA:void 0),onClick:function onClick(){return d.paletteViewHandler.selectShelfAccessorie(i.articleCodex,void 0,!b)},onDoubleClick:b?function(){return d.paletteViewHandler.selectShelfAccessorie(i.articleCodex)}:void 0,draggable:b,onDragStart:function onDragStart(e){if(b){e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/plain",i.articleCodex),O&&e.dataTransfer.setDragImage(O,0,0);var n=e.currentTarget.getBoundingClientRect();V.current={grabX:e.clientX-n.left,grabY:e.clientY-n.top,width:n.width},M.current={x:e.clientX,y:e.clientY},T(!0),d.paletteViewHandler.startShelfAccessorieDrag(i.articleCodex)}},onDragEnd:function onDragEnd(){b&&(T(!1),d.paletteViewHandler.endShelfAccessorieDrag())}},_),H),{},{children:[(0,N.jsx)("img",{style:{maxHeight:d.settingsState.settingsWidth/3},src:i.image,draggable:!1}),(0,N.jsxs)("div",{className:j.jW,children:[(0,N.jsx)("div",{className:a()(j.TN),dangerouslySetInnerHTML:{__html:X}}),(0,N.jsx)(I.default,{metaData:i.metaData,visible:[h,v]},i.articleCodex),!C&&!!i.price&&(0,N.jsx)(E.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,N.jsx)(k.default,{item:i,style:{top:6,right:6}},i.articleCodex)]}),z&&(null===(n=q)||void 0===n?void 0:n((0,N.jsx)(D.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:h,image:i.image,codex:i.articleCodex,layerProps:L},i.articleCodex))),A&&!d.settingsState.draggedAccessoryHasTarget&&(0,c.createPortal)((0,N.jsxs)("div",{className:a()(j.nC,j.HE),style:{width:V.current.width},ref:function ref(e){F.current=e,B(e)},children:[(0,N.jsx)("img",{style:{maxHeight:d.settingsState.settingsWidth/3},src:i.image}),(0,N.jsx)("div",{className:j.jW,children:(0,N.jsx)("div",{className:j.TN,dangerouslySetInnerHTML:{__html:X}})})]}),document.body)]}))}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>x,dA:()=>s,fL:()=>C,hv:()=>d,um:()=>l});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.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 l="index-module--CjCgr",d="index-module--C9QBx",s="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",C="index-module--FaRqp",x="index-module--oBSZj";const m=a},84887:(e,n,t)=>{t.d(n,{B:()=>l,Z:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n\n.diva-component-DIVA_BACKOFFICE_NEW .darkmode .index-module--hpPAb,\n.diva-component-DIVA_DATA_ENGINE .darkmode .index-module--hpPAb {\n  color: #fff;\n}\n",""]);var l="index-module--hpPAb";const d=a},65655:(e,n,t)=>{t.d(n,{HE:()=>u,TN:()=>c,ZP:()=>C,jW:()=>s,nC:()=>l,pA:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.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\n.index-module--fUvCj {\n  position: fixed;\n  left: 0;\n  top: 0;\n  pointer-events: none;\n  z-index: 9999;\n  opacity: 0.8;\n}\n",""]);var l="index-module--E9hMP",d="index-module--zq_sk",s="index-module--ASP_j",c="index-module--xrQ6L",u="index-module--fUvCj";const C=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7118.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7118],{79837:(t,r,o)=>{o.d(r,{d:()=>a});var a="autoPlaceDrag"},57118:(t,r,o)=>{o.r(r),o.d(r,{default:()=>R});var a=o(12952),i=o(80248),l=o(75327),c=o(32699),d=o(87363),u=o(9420),v=o(88683),p=o(95729),g=o.n(p),y=o(62052),h=o(79837),m=o(71442),b=o(34988),P=o(84658),S=o(50747),I=o.n(S),x=o(50698);function _createForOfIteratorHelper(t,r){var o="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!o){if(Array.isArray(t)||(o=function _unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var o={}.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){o&&(t=o);var a=0,i=function F(){};return{s:i,n:function n(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}},e:function e(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,c=!0,d=!1;return{s:function s(){o=o.call(t)},n:function n(){var t=o.next();return c=t.done,t},e:function e(t){d=!0,l=t},f:function f(){try{c||null==o.return||o.return()}finally{if(d)throw l}}}}function _arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var o=0,a=Array(r);o<r;o++)a[o]=t[o];return a}function ownKeys(t,r){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),o.push.apply(o,a)}return o}function _objectSpread(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(o),!0).forEach((function(r){(0,i.Z)(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}var A=(0,v.getLogger)("Planner","CreateImageShot"),w={width:3840,height:2160,formats:["png"],jpegQuality:.92,settleFrames:60,stableMs:800,cameraPadding:1.25};var D=o(47514);function PlannerRTVNext_ownKeys(t,r){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),o.push.apply(o,a)}return o}function PlannerRTVNext_objectSpread(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?PlannerRTVNext_ownKeys(Object(o),!0).forEach((function(r){(0,i.Z)(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):PlannerRTVNext_ownKeys(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}function PlannerRTVNext_createForOfIteratorHelper(t,r){var o="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!o){if(Array.isArray(t)||(o=function PlannerRTVNext_unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return PlannerRTVNext_arrayLikeToArray(t,r);var o={}.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?PlannerRTVNext_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){o&&(t=o);var a=0,i=function F(){};return{s:i,n:function n(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}},e:function e(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,c=!0,d=!1;return{s:function s(){o=o.call(t)},n:function n(){var t=o.next();return c=t.done,t},e:function e(t){d=!0,l=t},f:function f(){try{c||null==o.return||o.return()}finally{if(d)throw l}}}}function PlannerRTVNext_arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var o=0,a=Array(r);o<r;o++)a[o]=t[o];return a}var E=new Set(["PLANNER","ACC_PLANNER","PLANNER_2.0"]),O=new Set(["AVO","AVU","AVC","AVN","AVS"]),T={};function buildScene2D(t){var r,o=null===(r=t.divaWebPlanner.getCatalogData())||void 0===r?void 0:r.plan2DFontUrl,i=t.viewPlannerHandler.plannedElementsDict;if(!i||0===i.size)return{isPoolPlanning:!1};var l=function getDimensionConfigs(t){var r,o;return null!==(o=null===(r=t.divaWebPlanner.getCatalogData())||void 0===r?void 0:r.dimensionConfig2D)&&void 0!==o?o:T}(t),c=!1,d=[],u=1/0,v=1/0,p=-1/0,g=-1/0;if(i.forEach((function(r,o){var a,i=PlannerRTVNext_createForOfIteratorHelper(r);try{var y=function _loop(){var r,i,y,h,m,b=a.value,P=b.getWorldPosCenter(),S=null!==(r=b.getGlobalWidth())&&void 0!==r?r:0,I=null!==(i=b.getGlobalDepth())&&void 0!==i?i:0,x=b.getSVGData(),A=b.getHeightOLT(),w=b.getIsDockedAccessoire(),D=[],E=[],T=PlannerRTVNext_createForOfIteratorHelper(b.getAllDockingPoints());try{for(T.s();!(m=T.n()).done;){var R=m.value;E.push({dpId:R.DpId,type:R.Type,localOffset:[R.LocalWorldPos.x-S/2,R.LocalWorldPos.z-I/2],rotDeg:R.RotDeg,isDocking:R.IsDocking,onElementId:R.OnElementId,number:R.HasNumber?R.Number:void 0}),O.has(R.Type)&&(R.IsDocking&&w||D.push({dpId:R.DpId,localOffset:[R.LocalWorldPos.x-S/2,R.LocalWorldPos.z-I/2],iconRotDeg:R.RotDeg,isDocking:R.IsDocking,onElementId:R.OnElementId}))}}catch(t){T.e(t)}finally{T.f()}var k=b.getRotDeg()*Math.PI/180,C=Math.cos(k),N=Math.sin(k),j=function toLocalOutline(t){return t.map((function(t){var r=t.x-P.x,o=t.y-P.z;return[r*C+o*N,-r*N+o*C]}))},_=b.getOLTPolygonWorldPos(),V=b.getOLFPolygonWorldPos(),L=_.length>0||V.length>0?PlannerRTVNext_objectSpread(PlannerRTVNext_objectSpread({},_.length>0?{olt:j(_)}:{}),V.length>0?{olf:j(V)}:{}):void 0,M=l[b.ArticleCodex];null!=M&&(c=!0);var H=function resolveText(r){return function resolveOptionPlaceholders(t,r,o){var a;return o&&o.includes("{")&&null!==(a=t.divaWebPlanner.convertTemplateToCodex(r,o))&&void 0!==a?a:o}(t,b.getBasketId(),r)},G=null==M?void 0:M.dimensionConfig,W=G&&[G.widthPrefix,G.widthPostfix,G.depthPrefix,G.depthPostfix].some((function(t){return null==t?void 0:t.includes("{")}))?PlannerRTVNext_objectSpread(PlannerRTVNext_objectSpread({},G),{},{widthPrefix:H(G.widthPrefix),widthPostfix:H(G.widthPostfix),depthPrefix:H(G.depthPrefix),depthPostfix:H(G.depthPostfix)}):G,B=null!=M&&null!==(y=M.annotations)&&void 0!==y&&y.some((function(t){return t.text.includes("{")}))?M.annotations.map((function(t){var r;return PlannerRTVNext_objectSpread(PlannerRTVNext_objectSpread({},t),{},{text:null!==(r=H(t.text))&&void 0!==r?r:t.text})})):null==M?void 0:M.annotations;d.push({name:"Element".concat(b.getElementId()),setId:o,elementId:b.getElementId(),position:[P.x,P.z],pivotOffset:[0,0],rotation:b.getRotDeg(),width:S,depth:I,svgDataUrl:x?"data:image/svg+xml;base64,".concat(btoa(unescape(encodeURIComponent(x)))):void 0,height:A>0?A:void 0,dockingButtons:D.length>0?D:void 0,dockingPointsDebug:E.length>0?E:void 0,outlinesDebug:L,zLayer:null!==(h=null==M?void 0:M.zLayer)&&void 0!==h?h:b.getLayer(),opacity:null==M?void 0:M.opacity,dimensionConfig:W,annotations:B});var U=S/2,z=I/2;u=Math.min(u,P.x-U),p=Math.max(p,P.x+U),v=Math.min(v,P.z-z),g=Math.max(g,P.z+z)};for(i.s();!(a=i.n()).done;)y()}catch(t){i.e(t)}finally{i.f()}})),0===d.length)return{isPoolPlanning:c};var y=function buildDockingGroups(t){var r=new Map;function find(t){for(var o=t;r.get(o)!==o;)o=r.get(o);for(var a=t;a!==o;){var i=r.get(a);r.set(a,o),a=i}return o}function union(t,o){var a=find(t),i=find(o);a!==i&&r.set(a,i)}t.forEach((function(t){var o,a=PlannerRTVNext_createForOfIteratorHelper(t);try{for(a.s();!(o=a.n()).done;){var i=o.value,l=i.getElementId();r.has(l)||r.set(l,l);var c,d=PlannerRTVNext_createForOfIteratorHelper(i.getDockingPoints());try{for(d.s();!(c=d.n()).done;){var u=c.value;if(u.IsDocking&&null!=u.OnElementId){var v=u.OnElementId;r.has(v)||r.set(v,v),union(l,v)}}}catch(t){d.e(t)}finally{d.f()}}}catch(t){a.e(t)}finally{a.f()}}));var o,i=new Map,l=PlannerRTVNext_createForOfIteratorHelper(r.keys());try{for(l.s();!(o=l.n()).done;){var c=o.value,d=find(c),u=i.get(d);u||(u=[],i.set(d,u)),u.push(c)}}catch(t){l.e(t)}finally{l.f()}return(0,a.Z)(i.values()).filter((function(t){return t.length>1}))}(i);return{scene2d:PlannerRTVNext_objectSpread(PlannerRTVNext_objectSpread({elements:d,boundingBox:{x:(u+p)/2,z:(v+g)/2,width:p-u,depth:g-v}},o?{fontUrl:o}:{}),y.length>0?{dockingGroups:y}:{}),isPoolPlanning:c}}function resolveAccessoryTargets(t,r){var o,a,i,l,c=null===(o=t.settingsState.plannedPlacesOnGrids)||void 0===o?void 0:o.find((function(t){var o;return(null!==(o=t.elementId)&&void 0!==o?o:"").replace(/^E/,"")===r.parentElementKey}));if(!c)return null;for(var d=0,u=Object.keys(c.grids);d<u.length;d++){var v=u[d],p=c.grids[v];if(p.idx===r.gridId){l=v;var g=p.accessories.find((function(t){return t.index===r.cellIdx}));if(g){a=g.basketId,i=g.articleCodex;break}}}return{parentBasketId:c.basketId,accBasketId:a,accCodex:i,gridName:l}}const R=(0,u.Pi)((function PlannerRTVNext(){var t,r,o,a,i,u,S,O=(0,l.NP)(),T=(0,c.Qv)(),R=(0,v.useDivaCore)(),k=R.state,C=k.apiConfig,N=k.jwt,j=R.actions;(0,d.useEffect)((function(){(0,y.JB)("rtv: PlannerRTVNext mounted")}),[]);var _=(0,d.useRef)(O.hqRenderScript);(0,d.useEffect)((function(){O.hqRenderScript!==_.current&&(_.current=O.hqRenderScript,O.hqRenderScript&&j.toggleLoading("RTV_Assembling",!1,!0))}),[O.hqRenderScript,j]);var V=(0,d.useMemo)((function(){return{onElementSelected:function onElementSelected(t,r){O.viewPlannerHandler.onElementSelected(t,r)},onElementDeselected:function onElementDeselected(){O.viewPlannerHandler.onClearElementSelection()},updatePlannerTrans:function updatePlannerTrans(t,r,o,a,i,l,c,d){O.divaWebPlanner.updatePlannerTrans(t,r,{x:o.x,y:o.y,z:o.z},a,i,l,c,d)},getDockSnapPreview:function getDockSnapPreview(t,r,o,a){return O.divaWebPlanner.getDockSnapPreview(r,o,a)},onElementDeleted:function onElementDeleted(t,r){O.viewPlannerHandler.onElementDeleted(t,r)},onElementCopy:function onElementCopy(t,r,o){return O.viewPlannerHandler.onElementCopy(t,r,o)},onDockingPointInteraction:function onDockingPointInteraction(t,r,o,a,i){return O.viewPlannerHandler.onDockingPointInteraction(t,r,o,a,i)},onAccessoryPlace:function onAccessoryPlace(t,r,o,a){O.paletteViewHandler.addAccessorieOnShelfPlannerView(t,r,o,a)},onAccessoryDragOver:function onAccessoryDragOver(t){O.settingsState.setDraggedAccessoryHasTarget(t)},onAccessorySelect:function onAccessorySelect(t){var r=resolveAccessoryTargets(O,t);r&&O.paletteViewHandler.selectShelfAccessorie(r.accCodex,r.accBasketId)},onAccessoryDeselect:function onAccessoryDeselect(){O.paletteViewHandler.selectShelfAccessorie(void 0)},onAccessoryDelete:function onAccessoryDelete(t){var r=resolveAccessoryTargets(O,t);r&&O.paletteViewHandler.deleteAccessorieOnShelfPlannerView(t.gridId,t.cellIdx,r.parentBasketId)},onAccessoryMoveStart:function onAccessoryMoveStart(t){var r=resolveAccessoryTargets(O,t);if(r&&r.accBasketId&&r.gridName)return O.divaWebPlanner.getFreeToMovePlacesOnGrids(r.gridName,r.accBasketId,!0)},onAccessoryMove:function onAccessoryMove(t,r){var o=resolveAccessoryTargets(O,t);if(o&&o.accBasketId){var a=r.articleCodex&&r.articleCodex!==o.accCodex?r.articleCodex:void 0;O.divaWebPlanner.moveShelfItemToGrid(o.accBasketId,r.parentBasketId,r.gridName,r.cellIdx,a)}},onSceneReady:function onSceneReady(){(0,y.JB)("rtv: onSceneReady"),j.toggleLoading("RTV_Assembling",!1,!1)}}}),[O.viewPlannerHandler,O.divaWebPlanner,O,j]),L=O.productState.rtvSelectedElementId,M=O.isParentViewVisible;(0,d.useEffect)((function(){if(M)return(0,m.RS)()}),[M]);var H=O.productState.doShowRTV,G=O.productState.doShow3DComb,W=O.productState.doShowGrid,B="CREATE_IMAGE"===O.configState.initMode,U=!M||!H&&!G&&!W&&!B,z=U?void 0:buildScene2D(O),K=null==z?void 0:z.scene2d,q=null!==(t=null==z?void 0:z.isPoolPlanning)&&void 0!==t&&t,Z=null!==(r=null===(o=O.divaWebPlanner.getCatalogData())||void 0===o?void 0:o.rtvPreset)&&void 0!==r?r:p.WHITE_ROOM_PRESET;if(function useCreateImageShot(t,r,o){var a="CREATE_IMAGE"===t.configState.initMode,i=(0,d.useRef)(!1),l=a&&r?r.elements.map((function(t){return"".concat(t.elementId,":").concat(t.width,"x").concat(t.depth,"@").concat(t.position[0],",").concat(t.position[1])})).join("|"):"";(0,d.useEffect)((function(){if(a&&l&&!i.current){var r=_objectSpread(_objectSpread(_objectSpread({},w),o.createImage),t.configState.createImageConfig),c=window.setTimeout((0,P.Z)(I().mark((function _callee(){var o,a,l,c,d,u,v,g,y,h,m;return I().wrap((function _callee$(P){for(;;)switch(P.prev=P.next){case 0:if(!i.current){P.next=2;break}return P.abrupt("return");case 2:return i.current=!0,P.prev=3,a={id:"plan-2d",viewMode:"2d",showGrid:!1,showDimensionLines:!0,showPosNr:!1,environment:_objectSpread(_objectSpread(_objectSpread(_objectSpread({},(0,p.emitConfig)(p.ENVIRONMENT_CONFIG,p.useRTVStore.getState().resolvedEnvironment)),r.dimensionLineUnit?{dimensionLineUnit:r.dimensionLineUnit}:{}),void 0!==r.dimensionLineHideUnit?{dimensionLineHideUnit:r.dimensionLineHideUnit}:{}),r.dimensionLineColor?{dimensionLineColor:r.dimensionLineColor}:{}),resolution:{width:r.width,height:r.height},camera:{padding:r.cameraPadding},format:"png",settleFrames:r.settleFrames},P.next=7,p.useRTVStore.getState().captureShots({shots:[a]});case 7:if(l=P.sent,c=(0,b.Z)(l,1),d=c[0]){P.next=12;break}throw new Error("captureShots returned no result");case 12:u=[],v=_createForOfIteratorHelper(r.formats),P.prev=14,v.s();case 16:if((g=v.n()).done){P.next=31;break}if("jpeg"!==(y=g.value)){P.next=24;break}return P.next=21,(0,x.N7)(d.blob,r.jpegQuality);case 21:P.t0=P.sent,P.next=27;break;case 24:return P.next=26,(0,x.fL)(d.blob);case 26:P.t0=P.sent;case 27:h=P.t0,u.push({format:y,dataUrl:h,width:d.width,height:d.height});case 29:P.next=16;break;case 31:P.next=36;break;case 33:P.prev=33,P.t1=P.catch(14),v.e(P.t1);case 36:return P.prev=36,v.f(),P.finish(36);case 39:null===(o=t.actions)||void 0===o||o.onEvent({type:"planImageCreated",data:{images:u}}),P.next=47;break;case 42:P.prev=42,P.t2=P.catch(3),A.warn("CREATE_IMAGE capture failed",P.t2),i.current=!1,null===(m=t.actions)||void 0===m||m.onEvent({type:"planImageFailed",data:{message:P.t2 instanceof Error?P.t2.message:String(P.t2)}});case 47:case"end":return P.stop()}}),_callee,null,[[3,42],[14,33,36,39]])}))),r.stableMs);return function(){return window.clearTimeout(c)}}}),[a,l,t,o])}(O,K,Z),U)return null;var Q=W||B?"2d":"3d",$=null===(a=O.tabGroupState.curTabGroup)||void 0===a?void 0:a.type,J=null!=$&&E.has($),X=O.productState.rtvFocusElementId,Y=q||O.productState.doShow3DDimensionLines,ee=function buildElementsInfoFromArticles(t){for(var r,o,a,i,l,c=new Map,d=t.settingsState.articleInfos,u=t.viewPlannerHandler.plannedElementsDict,v=t.productState.rtvSelectedElementId,p="SHELFPLANNER"===(null===(r=t.tabGroupState.curTabGroup)||void 0===r?void 0:r.type),g=null!=(l=null===(i=t.tabGroupState.curTabGroup)||void 0===i?void 0:i.type)&&E.has(l),y=null===(o=t.divaWebPlanner.getCatalogData())||void 0===o?void 0:o.elementCopyAVLR,h=null===(a=t.tabGroupState.curOption)||void 0===a?void 0:a.codex,m=null!=y&&(g||Array.isArray(y)&&null!=h&&y.includes(h)),b=function resolveState(t,r,o){return o?p||r?"selectable":"unselectable":p?"active":void 0!==t&&v===t?"selected":r?"active":"selectable"},P=new Map,S=0,I=Object.keys(d);S<I.length;S++){var x=d[I[S]];void 0!==x.elementId&&P.set(x.elementId,{setId:x.setId,posNr:String(x.posNr),isActive:x.isActive,canDelete:x.isActive,isShelfAccessoire:!!x.isShelfAccessoire,shelfElementId:x.shelfElementId})}u&&u.forEach((function(t,r){var o,a=PlannerRTVNext_createForOfIteratorHelper(t);try{for(a.s();!(o=a.n()).done;){var i,l,d,u=o.value,v=u.getElementId(),p=u.getParentElementId(),g=P.get(v),y="BOX"===u.getPlannerType(),h=void 0,S=void 0,I=void 0,x=void 0;if(y){h=!0,S=!0;var A=u.getFreeDockingPointByTypeAndNumber("AVO",1);I=null!=A&&!A.IsDisabled}else!m||null!=p||null!=g&&g.isShelfAccessoire||(h=u.getFreeDockingPointsByType("AVL").some((function(t){return!t.IsDisabled})),S=u.getFreeDockingPointsByType("AVR").some((function(t){return!t.IsDisabled})),x=!0);var w=g?b(v,g.isActive,!!g.isShelfAccessoire):"unselectable",D=null!=g&&g.isShelfAccessoire?"shelfAccessoire":y?"boxElement":null!=p?"accessoire":"planned";c.set(null!==(i=null==g?void 0:g.shelfElementId)&&void 0!==i?i:String(v),{setId:null!==(l=null==g?void 0:g.setId)&&void 0!==l?l:r,posNr:null==g?void 0:g.posNr,state:w,type:D,articleCodex:u.ArticleCodex,canDelete:!!(null!=g&&g.isShelfAccessoire||x)||null!==(d=null==g?void 0:g.canDelete)&&void 0!==d&&d,parentElementId:p,canCopyLeft:h,canCopyRight:S,canCopyTop:I,copyAlwaysVisible:x})}}catch(t){a.e(t)}finally{a.f()}}));for(var A=0,w=Object.keys(d);A<w.length;A++){var D=d[w[A]];D.isShelfAccessoire&&D.shelfElementId&&!c.has(D.shelfElementId)&&c.set(D.shelfElementId,{setId:D.setId,posNr:String(D.posNr),state:b(D.elementId,D.isActive,!0),type:"shelfAccessoire",canDelete:!0})}return c}(O),te=O.settingsState.selectedShelfAccessoire,ne=te&&null!==(i=null===(u=Object.values(O.settingsState.articleInfos).find((function(t){return t.basketId===te})))||void 0===u?void 0:u.shelfElementId)&&void 0!==i?i:null,re=ne?null===(S=ee.get(ne))||void 0===S?void 0:S.state:void 0,oe=null!=ne&&null!=re&&"unselectable"!==re?ne:null,ae="2d"!==Q,ie=O.divaWebPlanner.getCatalogData(),le=null!=ie&&ie.catalogCodex?{catalogCodex:ie.catalogCodex,iln:ie.supplierILN}:void 0;return(0,D.jsx)(g(),{catalogInfo:ae?le:void 0,hqRenderScript:ae?O.hqRenderScript:void 0,scene2d:K,viewMode:Q,stopRender:!M,config:{archiveBaseUrl:C.diva3darchive.endsWith("/")?C.diva3darchive.slice(0,-1):C.diva3darchive,constructorServiceUrl:C.constructorService,jwt:N,capabilities:{supports3d:!0},profiles:Z.profiles,profileMode:Z.profileMode,camera:Z.camera,uiConfig:PlannerRTVNext_objectSpread({plannerMode:O.productState.isBoxPlanner?"BoxPlanner":"3DCOMB",accessoryPlacement:h.d},q?{hideUiIcons:!0}:{})},plannerMode:J,freePlacesOnGrids:O.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:O.settingsState.plannedPlacesOnGrids,armedAccessoryCodex:O.settingsState.armedAccessoryToken,draggedAccessoryCodex:O.settingsState.draggedAccessoryCodex,callbacks:V,analyzerComponents:T,focusElementId:X,elementsInfo:ee,selectedElementId:L,selectedAccessoryKey:oe,showDimensionLines:Y})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7118],{79837:(t,r,o)=>{o.d(r,{d:()=>a});var a="autoPlaceDrag"},57118:(t,r,o)=>{o.r(r),o.d(r,{default:()=>R});var a=o(34988),i=o(12952),l=o(80248),c=o(75327),d=o(32699),u=o(87363),v=o(9420),p=o(88683),g=o(95729),y=o.n(g),h=o(87998),m=o(79837),b=o(71442),P=o(84658),S=o(50747),I=o.n(S),x=o(50698);function _createForOfIteratorHelper(t,r){var o="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!o){if(Array.isArray(t)||(o=function _unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var o={}.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){o&&(t=o);var a=0,i=function F(){};return{s:i,n:function n(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}},e:function e(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,c=!0,d=!1;return{s:function s(){o=o.call(t)},n:function n(){var t=o.next();return c=t.done,t},e:function e(t){d=!0,l=t},f:function f(){try{c||null==o.return||o.return()}finally{if(d)throw l}}}}function _arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var o=0,a=Array(r);o<r;o++)a[o]=t[o];return a}function ownKeys(t,r){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),o.push.apply(o,a)}return o}function _objectSpread(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(o),!0).forEach((function(r){(0,l.Z)(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}var A=(0,p.getLogger)("Planner","CreateImageShot"),w={width:3840,height:2160,formats:["png"],jpegQuality:.92,settleFrames:60,stableMs:800,cameraPadding:1.25};var D=o(47514);function PlannerRTVNext_ownKeys(t,r){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),o.push.apply(o,a)}return o}function PlannerRTVNext_objectSpread(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?PlannerRTVNext_ownKeys(Object(o),!0).forEach((function(r){(0,l.Z)(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):PlannerRTVNext_ownKeys(Object(o)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(o,r))}))}return t}function PlannerRTVNext_createForOfIteratorHelper(t,r){var o="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!o){if(Array.isArray(t)||(o=function PlannerRTVNext_unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return PlannerRTVNext_arrayLikeToArray(t,r);var o={}.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?PlannerRTVNext_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){o&&(t=o);var a=0,i=function F(){};return{s:i,n:function n(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}},e:function e(t){throw t},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,c=!0,d=!1;return{s:function s(){o=o.call(t)},n:function n(){var t=o.next();return c=t.done,t},e:function e(t){d=!0,l=t},f:function f(){try{c||null==o.return||o.return()}finally{if(d)throw l}}}}function PlannerRTVNext_arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var o=0,a=Array(r);o<r;o++)a[o]=t[o];return a}var E=new Set(["PLANNER","ACC_PLANNER","PLANNER_2.0"]),O=new Set(["AVO","AVU","AVC","AVN","AVS"]),T={};function buildScene2D(t){var r,o=null===(r=t.divaWebPlanner.getCatalogData())||void 0===r?void 0:r.plan2DFontUrl,a=t.viewPlannerHandler.plannedElementsDict;if(!a||0===a.size)return{isPoolPlanning:!1};var l=function getDimensionConfigs(t){var r,o;return null!==(o=null===(r=t.divaWebPlanner.getCatalogData())||void 0===r?void 0:r.dimensionConfig2D)&&void 0!==o?o:T}(t),c=!1,d=[],u=1/0,v=1/0,p=-1/0,g=-1/0;if(a.forEach((function(r,o){var a,i=PlannerRTVNext_createForOfIteratorHelper(r);try{var y=function _loop(){var r,i,y,h,m,b=a.value,P=b.getWorldPosCenter(),S=null!==(r=b.getGlobalWidth())&&void 0!==r?r:0,I=null!==(i=b.getGlobalDepth())&&void 0!==i?i:0,x=b.getSVGData(),A=b.getHeightOLT(),w=b.getIsDockedAccessoire(),D=[],E=[],T=PlannerRTVNext_createForOfIteratorHelper(b.getAllDockingPoints());try{for(T.s();!(m=T.n()).done;){var R=m.value;E.push({dpId:R.DpId,type:R.Type,localOffset:[R.LocalWorldPos.x-S/2,R.LocalWorldPos.z-I/2],rotDeg:R.RotDeg,isDocking:R.IsDocking,onElementId:R.OnElementId,number:R.HasNumber?R.Number:void 0}),O.has(R.Type)&&(R.IsDocking&&w||D.push({dpId:R.DpId,localOffset:[R.LocalWorldPos.x-S/2,R.LocalWorldPos.z-I/2],iconRotDeg:R.RotDeg,isDocking:R.IsDocking,onElementId:R.OnElementId}))}}catch(t){T.e(t)}finally{T.f()}var k=b.getRotDeg()*Math.PI/180,C=Math.cos(k),N=Math.sin(k),j=function toLocalOutline(t){return t.map((function(t){var r=t.x-P.x,o=t.y-P.z;return[r*C+o*N,-r*N+o*C]}))},_=b.getOLTPolygonWorldPos(),V=b.getOLFPolygonWorldPos(),L=_.length>0||V.length>0?PlannerRTVNext_objectSpread(PlannerRTVNext_objectSpread({},_.length>0?{olt:j(_)}:{}),V.length>0?{olf:j(V)}:{}):void 0,M=l[b.ArticleCodex];null!=M&&(c=!0);var H=function resolveText(r){return function resolveOptionPlaceholders(t,r,o){var a;return o&&o.includes("{")&&null!==(a=t.divaWebPlanner.convertTemplateToCodex(r,o))&&void 0!==a?a:o}(t,b.getBasketId(),r)},G=null==M?void 0:M.dimensionConfig,W=G&&[G.widthPrefix,G.widthPostfix,G.depthPrefix,G.depthPostfix].some((function(t){return null==t?void 0:t.includes("{")}))?PlannerRTVNext_objectSpread(PlannerRTVNext_objectSpread({},G),{},{widthPrefix:H(G.widthPrefix),widthPostfix:H(G.widthPostfix),depthPrefix:H(G.depthPrefix),depthPostfix:H(G.depthPostfix)}):G,B=null!=M&&null!==(y=M.annotations)&&void 0!==y&&y.some((function(t){return t.text.includes("{")}))?M.annotations.map((function(t){var r;return PlannerRTVNext_objectSpread(PlannerRTVNext_objectSpread({},t),{},{text:null!==(r=H(t.text))&&void 0!==r?r:t.text})})):null==M?void 0:M.annotations;d.push({name:"Element".concat(b.getElementId()),setId:o,elementId:b.getElementId(),position:[P.x,P.z],pivotOffset:[0,0],rotation:b.getRotDeg(),width:S,depth:I,svgDataUrl:x?"data:image/svg+xml;base64,".concat(btoa(unescape(encodeURIComponent(x)))):void 0,height:A>0?A:void 0,dockingButtons:D.length>0?D:void 0,dockingPointsDebug:E.length>0?E:void 0,outlinesDebug:L,zLayer:null!==(h=null==M?void 0:M.zLayer)&&void 0!==h?h:b.getLayer(),opacity:null==M?void 0:M.opacity,dimensionConfig:W,annotations:B});var U=S/2,z=I/2;u=Math.min(u,P.x-U),p=Math.max(p,P.x+U),v=Math.min(v,P.z-z),g=Math.max(g,P.z+z)};for(i.s();!(a=i.n()).done;)y()}catch(t){i.e(t)}finally{i.f()}})),0===d.length)return{isPoolPlanning:c};var y=function buildDockingGroups(t){var r=new Map;function find(t){for(var o=t;r.get(o)!==o;)o=r.get(o);for(var a=t;a!==o;){var i=r.get(a);r.set(a,o),a=i}return o}function union(t,o){var a=find(t),i=find(o);a!==i&&r.set(a,i)}t.forEach((function(t){var o,a=PlannerRTVNext_createForOfIteratorHelper(t);try{for(a.s();!(o=a.n()).done;){var i=o.value,l=i.getElementId();r.has(l)||r.set(l,l);var c,d=PlannerRTVNext_createForOfIteratorHelper(i.getDockingPoints());try{for(d.s();!(c=d.n()).done;){var u=c.value;if(u.IsDocking&&null!=u.OnElementId){var v=u.OnElementId;r.has(v)||r.set(v,v),union(l,v)}}}catch(t){d.e(t)}finally{d.f()}}}catch(t){a.e(t)}finally{a.f()}}));var o,a=new Map,l=PlannerRTVNext_createForOfIteratorHelper(r.keys());try{for(l.s();!(o=l.n()).done;){var c=o.value,d=find(c),u=a.get(d);u||(u=[],a.set(d,u)),u.push(c)}}catch(t){l.e(t)}finally{l.f()}return(0,i.Z)(a.values()).filter((function(t){return t.length>1}))}(a);return{scene2d:PlannerRTVNext_objectSpread(PlannerRTVNext_objectSpread({elements:d,boundingBox:{x:(u+p)/2,z:(v+g)/2,width:p-u,depth:g-v}},o?{fontUrl:o}:{}),y.length>0?{dockingGroups:y}:{}),isPoolPlanning:c}}function resolveAccessoryTargets(t,r){var o,a,i,l,c=null===(o=t.settingsState.plannedPlacesOnGrids)||void 0===o?void 0:o.find((function(t){var o;return(null!==(o=t.elementId)&&void 0!==o?o:"").replace(/^E/,"")===r.parentElementKey}));if(!c)return null;for(var d=0,u=Object.keys(c.grids);d<u.length;d++){var v=u[d],p=c.grids[v];if(p.idx===r.gridId){l=v;var g=p.accessories.find((function(t){return t.index===r.cellIdx}));if(g){a=g.basketId,i=g.articleCodex;break}}}return{parentBasketId:c.basketId,accBasketId:a,accCodex:i,gridName:l}}const R=(0,v.Pi)((function PlannerRTVNext(){var t,r,o,i,l,v,S,O=(0,c.NP)(),T=(0,d.Qv)(),R=(0,p.useDivaCore)(),k=R.state,C=k.apiConfig,N=k.jwt,j=R.actions;(0,u.useEffect)((function(){(0,h.JB)("rtv: PlannerRTVNext mounted")}),[]);var _=(0,u.useRef)(O.hqRenderScript);(0,u.useEffect)((function(){O.hqRenderScript!==_.current&&(_.current=O.hqRenderScript,O.hqRenderScript&&j.toggleLoading("RTV_Assembling",!1,!0))}),[O.hqRenderScript,j]);var V=(0,u.useMemo)((function(){return{onElementSelected:function onElementSelected(t,r){O.viewPlannerHandler.onElementSelected(t,r)},onElementDeselected:function onElementDeselected(){O.viewPlannerHandler.onClearElementSelection()},updatePlannerTrans:function updatePlannerTrans(t,r,o,a,i,l,c,d){O.divaWebPlanner.updatePlannerTrans(t,r,{x:o.x,y:o.y,z:o.z},a,i,l,c,d)},getDockSnapPreview:function getDockSnapPreview(t,r,o,a){return O.divaWebPlanner.getDockSnapPreview(r,o,a)},onElementDeleted:function onElementDeleted(t,r){O.viewPlannerHandler.onElementDeleted(t,r)},onElementCopy:function onElementCopy(t,r,o){return O.viewPlannerHandler.onElementCopy(t,r,o)},onDockingPointInteraction:function onDockingPointInteraction(t,r,o,a,i){return O.viewPlannerHandler.onDockingPointInteraction(t,r,o,a,i)},onAccessoryPlace:function onAccessoryPlace(t,r,o,a){O.paletteViewHandler.addAccessorieOnShelfPlannerView(t,r,o,a)},onAccessoryDragOver:function onAccessoryDragOver(t){O.settingsState.setDraggedAccessoryHasTarget(t)},onAccessorySelect:function onAccessorySelect(t){var r=resolveAccessoryTargets(O,t);r&&O.paletteViewHandler.selectShelfAccessorie(r.accCodex,r.accBasketId)},onAccessoryDeselect:function onAccessoryDeselect(){O.paletteViewHandler.selectShelfAccessorie(void 0)},onAccessoryDelete:function onAccessoryDelete(t){var r=resolveAccessoryTargets(O,t);r&&O.paletteViewHandler.deleteAccessorieOnShelfPlannerView(t.gridId,t.cellIdx,r.parentBasketId)},onAccessoryMoveStart:function onAccessoryMoveStart(t){var r=resolveAccessoryTargets(O,t);if(r&&r.accBasketId&&r.gridName)return O.divaWebPlanner.getFreeToMovePlacesOnGrids(r.gridName,r.accBasketId,!0)},onAccessoryMove:function onAccessoryMove(t,r){var o=resolveAccessoryTargets(O,t);if(o&&o.accBasketId){var a=r.articleCodex&&r.articleCodex!==o.accCodex?r.articleCodex:void 0;O.divaWebPlanner.moveShelfItemToGrid(o.accBasketId,r.parentBasketId,r.gridName,r.cellIdx,a)}},onSceneReady:function onSceneReady(){(0,h.JB)("rtv: onSceneReady"),j.toggleLoading("RTV_Assembling",!1,!1)}}}),[O.viewPlannerHandler,O.divaWebPlanner,O,j]),L=O.productState.rtvSelectedElementId,M=O.isParentViewVisible;(0,u.useEffect)((function(){if(M)return(0,b.RS)()}),[M]);var H=O.productState.doShowRTV,G=O.productState.doShow3DComb,W=O.productState.doShowGrid,B="CREATE_IMAGE"===O.configState.initMode,U=!(H||G||W||B),z=(0,u.useState)(!1),K=(0,a.Z)(z,2),q=K[0],Z=K[1],Q=M&&(q||!U);Q!==q&&Z(Q);var $=(0,u.useState)("3d"),J=(0,a.Z)($,2),X=J[0],Y=J[1],ee=U?X:W||B?"2d":"3d";ee!==X&&Y(ee);var te=(0,u.useRef)(void 0),ne=Q?U?te.current:buildScene2D(O):void 0;te.current=ne;var re=null==ne?void 0:ne.scene2d,oe=null!==(t=null==ne?void 0:ne.isPoolPlanning)&&void 0!==t&&t,ae=null!==(r=null===(o=O.divaWebPlanner.getCatalogData())||void 0===o?void 0:o.rtvPreset)&&void 0!==r?r:g.WHITE_ROOM_PRESET;if(function useCreateImageShot(t,r,o){var i="CREATE_IMAGE"===t.configState.initMode,l=(0,u.useRef)(!1),c=i&&r?r.elements.map((function(t){return"".concat(t.elementId,":").concat(t.width,"x").concat(t.depth,"@").concat(t.position[0],",").concat(t.position[1])})).join("|"):"";(0,u.useEffect)((function(){if(i&&c&&!l.current){var r=_objectSpread(_objectSpread(_objectSpread({},w),o.createImage),t.configState.createImageConfig),d=window.setTimeout((0,P.Z)(I().mark((function _callee(){var o,i,c,d,u,v,p,y,h,m,b;return I().wrap((function _callee$(P){for(;;)switch(P.prev=P.next){case 0:if(!l.current){P.next=2;break}return P.abrupt("return");case 2:return l.current=!0,P.prev=3,i={id:"plan-2d",viewMode:"2d",showGrid:!1,showDimensionLines:!0,showPosNr:!1,environment:_objectSpread(_objectSpread(_objectSpread(_objectSpread({},(0,g.emitConfig)(g.ENVIRONMENT_CONFIG,g.useRTVStore.getState().resolvedEnvironment)),r.dimensionLineUnit?{dimensionLineUnit:r.dimensionLineUnit}:{}),void 0!==r.dimensionLineHideUnit?{dimensionLineHideUnit:r.dimensionLineHideUnit}:{}),r.dimensionLineColor?{dimensionLineColor:r.dimensionLineColor}:{}),resolution:{width:r.width,height:r.height},camera:{padding:r.cameraPadding},format:"png",settleFrames:r.settleFrames},P.next=7,g.useRTVStore.getState().captureShots({shots:[i]});case 7:if(c=P.sent,d=(0,a.Z)(c,1),u=d[0]){P.next=12;break}throw new Error("captureShots returned no result");case 12:v=[],p=_createForOfIteratorHelper(r.formats),P.prev=14,p.s();case 16:if((y=p.n()).done){P.next=31;break}if("jpeg"!==(h=y.value)){P.next=24;break}return P.next=21,(0,x.N7)(u.blob,r.jpegQuality);case 21:P.t0=P.sent,P.next=27;break;case 24:return P.next=26,(0,x.fL)(u.blob);case 26:P.t0=P.sent;case 27:m=P.t0,v.push({format:h,dataUrl:m,width:u.width,height:u.height});case 29:P.next=16;break;case 31:P.next=36;break;case 33:P.prev=33,P.t1=P.catch(14),p.e(P.t1);case 36:return P.prev=36,p.f(),P.finish(36);case 39:null===(o=t.actions)||void 0===o||o.onEvent({type:"planImageCreated",data:{images:v}}),P.next=47;break;case 42:P.prev=42,P.t2=P.catch(3),A.warn("CREATE_IMAGE capture failed",P.t2),l.current=!1,null===(b=t.actions)||void 0===b||b.onEvent({type:"planImageFailed",data:{message:P.t2 instanceof Error?P.t2.message:String(P.t2)}});case 47:case"end":return P.stop()}}),_callee,null,[[3,42],[14,33,36,39]])}))),r.stableMs);return function(){return window.clearTimeout(d)}}}),[i,c,t,o])}(O,re,ae),!Q)return null;var ie=null===(i=O.tabGroupState.curTabGroup)||void 0===i?void 0:i.type,le=null!=ie&&E.has(ie),ce=O.productState.rtvFocusElementId,se=oe||O.productState.doShow3DDimensionLines,de=function buildElementsInfoFromArticles(t){for(var r,o,a,i,l,c=new Map,d=t.settingsState.articleInfos,u=t.viewPlannerHandler.plannedElementsDict,v=t.productState.rtvSelectedElementId,p="SHELFPLANNER"===(null===(r=t.tabGroupState.curTabGroup)||void 0===r?void 0:r.type),g=null!=(l=null===(i=t.tabGroupState.curTabGroup)||void 0===i?void 0:i.type)&&E.has(l),y=null===(o=t.divaWebPlanner.getCatalogData())||void 0===o?void 0:o.elementCopyAVLR,h=null===(a=t.tabGroupState.curOption)||void 0===a?void 0:a.codex,m=null!=y&&(g||Array.isArray(y)&&null!=h&&y.includes(h)),b=function resolveState(t,r,o){return o?p||r?"selectable":"unselectable":p?"active":void 0!==t&&v===t?"selected":r?"active":"selectable"},P=new Map,S=0,I=Object.keys(d);S<I.length;S++){var x=d[I[S]];void 0!==x.elementId&&P.set(x.elementId,{setId:x.setId,posNr:String(x.posNr),isActive:x.isActive,canDelete:x.isActive,isShelfAccessoire:!!x.isShelfAccessoire,shelfElementId:x.shelfElementId})}u&&u.forEach((function(t,r){var o,a=PlannerRTVNext_createForOfIteratorHelper(t);try{for(a.s();!(o=a.n()).done;){var i,l,d,u=o.value,v=u.getElementId(),p=u.getParentElementId(),g=P.get(v),y="BOX"===u.getPlannerType(),h=void 0,S=void 0,I=void 0,x=void 0;if(y){h=!0,S=!0;var A=u.getFreeDockingPointByTypeAndNumber("AVO",1);I=null!=A&&!A.IsDisabled}else!m||null!=p||null!=g&&g.isShelfAccessoire||(h=u.getFreeDockingPointsByType("AVL").some((function(t){return!t.IsDisabled})),S=u.getFreeDockingPointsByType("AVR").some((function(t){return!t.IsDisabled})),x=!0);var w=g?b(v,g.isActive,!!g.isShelfAccessoire):"unselectable",D=null!=g&&g.isShelfAccessoire?"shelfAccessoire":y?"boxElement":null!=p?"accessoire":"planned";c.set(null!==(i=null==g?void 0:g.shelfElementId)&&void 0!==i?i:String(v),{setId:null!==(l=null==g?void 0:g.setId)&&void 0!==l?l:r,posNr:null==g?void 0:g.posNr,state:w,type:D,articleCodex:u.ArticleCodex,canDelete:!!(null!=g&&g.isShelfAccessoire||x)||null!==(d=null==g?void 0:g.canDelete)&&void 0!==d&&d,parentElementId:p,canCopyLeft:h,canCopyRight:S,canCopyTop:I,copyAlwaysVisible:x})}}catch(t){a.e(t)}finally{a.f()}}));for(var A=0,w=Object.keys(d);A<w.length;A++){var D=d[w[A]];D.isShelfAccessoire&&D.shelfElementId&&!c.has(D.shelfElementId)&&c.set(D.shelfElementId,{setId:D.setId,posNr:String(D.posNr),state:b(D.elementId,D.isActive,!0),type:"shelfAccessoire",canDelete:!0})}return c}(O),ue=O.settingsState.selectedShelfAccessoire,fe=ue&&null!==(l=null===(v=Object.values(O.settingsState.articleInfos).find((function(t){return t.basketId===ue})))||void 0===v?void 0:v.shelfElementId)&&void 0!==l?l:null,ve=fe?null===(S=de.get(fe))||void 0===S?void 0:S.state:void 0,pe=null!=fe&&null!=ve&&"unselectable"!==ve?fe:null,ge="2d"!==ee,ye=O.divaWebPlanner.getCatalogData(),he=null!=ye&&ye.catalogCodex?{catalogCodex:ye.catalogCodex,iln:ye.supplierILN}:void 0;return(0,D.jsx)(y(),{catalogInfo:ge?he:void 0,hqRenderScript:ge?O.hqRenderScript:void 0,scene2d:re,viewMode:ee,stopRender:U,config:{archiveBaseUrl:C.diva3darchive.endsWith("/")?C.diva3darchive.slice(0,-1):C.diva3darchive,constructorServiceUrl:C.constructorService,jwt:N,capabilities:{supports3d:!0},profiles:ae.profiles,profileMode:ae.profileMode,camera:ae.camera,uiConfig:PlannerRTVNext_objectSpread({plannerMode:O.productState.isBoxPlanner?"BoxPlanner":"3DCOMB",accessoryPlacement:m.d},oe?{hideUiIcons:!0}:{})},plannerMode:le,freePlacesOnGrids:O.settingsState.freePlacesOnGrids,plannedPlacesOnGrids:O.settingsState.plannedPlacesOnGrids,armedAccessoryCodex:O.settingsState.armedAccessoryToken,draggedAccessoryCodex:O.settingsState.draggedAccessoryCodex,callbacks:V,analyzerComponents:T,focusElementId:ce,elementsInfo:de,selectedElementId:L,selectedAccessoryKey:pe,showDimensionLines:se})}))}}]);

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

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