@crystaldesign/diva-web-planner-react 25.6.0-beta.17 → 25.6.0-beta.19

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6334.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6334,2142,1707,4060,8692,430],{10304:(t,o,i)=>{o.Z=void 0;var r=function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var o=_getRequireWildcardCache();if(o&&o.has(t))return o.get(t);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var l=r?Object.getOwnPropertyDescriptor(t,a):null;l&&(l.get||l.set)?Object.defineProperty(i,a,l):i[a]=t[a]}i.default=t,o&&o.set(t,i);return i}(i(87363)),a=function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}(i(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _extends(){return _extends=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},_extends.apply(this,arguments)}function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _defineProperty(t,o,i){return o in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i,t}function _defineProperties(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,o){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,o){return t.__proto__=o,t},_setPrototypeOf(t,o)}var l="Select...",c=function(t){function Dropdown(t){var o;return function _classCallCheck(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(o=function _possibleConstructorReturn(t,o){return!o||"object"!==_typeof(o)&&"function"!=typeof o?_assertThisInitialized(t):o}(this,_getPrototypeOf(Dropdown).call(this,t))).state={selected:o.parseValue(t.value,t.options)||{label:void 0===t.placeholder?l:t.placeholder,value:""},isOpen:!1},o.dropdownRef=(0,r.createRef)(),o.mounted=!0,o.handleDocumentClick=o.handleDocumentClick.bind(_assertThisInitialized(o)),o.fireChangeEvent=o.fireChangeEvent.bind(_assertThisInitialized(o)),o}return function _inherits(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),o&&_setPrototypeOf(t,o)}(Dropdown,t),function _createClass(t,o,i){return o&&_defineProperties(t.prototype,o),i&&_defineProperties(t,i),t}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(t){if(this.props.value!==t.value)if(this.props.value){var o=this.parseValue(this.props.value,this.props.options);o!==this.state.selected&&this.setState({selected:o})}else this.setState({selected:{label:void 0===this.props.placeholder?l:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(t){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===t.type&&0!==t.button||(t.stopPropagation(),t.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(t,o){var i;if("string"==typeof t)for(var r=0,a=o.length;r<a;r++)if("group"===o[r].type){var l=o[r].items.filter((function(o){return o.value===t}));l.length&&(i=l[0])}else void 0!==o[r].value&&o[r].value===t&&(i=o[r]);return i||t}},{key:"setValue",value:function setValue(t,o){var i={selected:{value:t,label:o},isOpen:!1};this.fireChangeEvent(i),this.setState(i)}},{key:"fireChangeEvent",value:function fireChangeEvent(t){t.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(t.selected)}},{key:"renderOption",value:function renderOption(t){var o,i=t.value;void 0===i&&(i=t.label||t);var l=t.label||t.value||t,c=i===this.state.selected.value||i===this.state.selected,u=(_defineProperty(o={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(o,t.className,!!t.className),_defineProperty(o,"is-selected",c),o),d=(0,a.default)(u),p=Object.keys(t.data||{}).reduce((function(o,i){return function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(i,!0).forEach((function(o){_defineProperty(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(i).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}({},o,_defineProperty({},"data-".concat(i),t.data[i]))}),{});return r.default.createElement("div",_extends({key:i,className:d,onMouseDown:this.setValue.bind(this,i,l),onClick:this.setValue.bind(this,i,l),role:"option","aria-selected":c?"true":"false"},p),l)}},{key:"buildMenu",value:function buildMenu(){var t=this,o=this.props,i=o.options,a=o.baseClassName,l=i.map((function(o){if("group"===o.type){var i=r.default.createElement("div",{className:"".concat(a,"-title")},o.name),l=o.items.map((function(o){return t.renderOption(o)}));return r.default.createElement("div",{className:"".concat(a,"-group"),key:o.name,role:"listbox",tabIndex:"-1"},i,l)}return t.renderOption(o)}));return l.length?l:r.default.createElement("div",{className:"".concat(a,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(t){this.mounted&&(this.dropdownRef.current.contains(t.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var t,o,i,l,c,u=this.props,d=u.baseClassName,p=u.controlClassName,f=u.placeholderClassName,y=u.menuClassName,b=u.arrowClassName,v=u.arrowClosed,m=u.arrowOpen,g=u.className,w=this.props.disabled?"Dropdown-disabled":"",k="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,O=(0,a.default)((_defineProperty(t={},"".concat(d,"-root"),!0),_defineProperty(t,g,!!g),_defineProperty(t,"is-open",this.state.isOpen),t)),P=(0,a.default)((_defineProperty(o={},"".concat(d,"-control"),!0),_defineProperty(o,p,!!p),_defineProperty(o,w,!!w),o)),C=(0,a.default)((_defineProperty(i={},"".concat(d,"-placeholder"),!0),_defineProperty(i,f,!!f),_defineProperty(i,"is-selected",this.isValueSelected()),i)),_=(0,a.default)((_defineProperty(l={},"".concat(d,"-menu"),!0),_defineProperty(l,y,!!y),l)),x=(0,a.default)((_defineProperty(c={},"".concat(d,"-arrow"),!0),_defineProperty(c,b,!!b),c)),S=r.default.createElement("div",{className:C},k),D=this.state.isOpen?r.default.createElement("div",{className:_,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:O},r.default.createElement("div",{className:P,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},S,r.default.createElement("div",{className:"".concat(d,"-arrow-wrapper")},m&&v?this.state.isOpen?m:v:r.default.createElement("span",{className:x}))),D)}}]),Dropdown}(r.Component);c.defaultProps={baseClassName:"Dropdown"};var u=c;o.Z=u},48930:(t,o,i)=>{i.r(o),i.d(o,{default:()=>E});var r=i(80248),a=i(72874),l=i(87363),c=i(91923),u=i(9420),d=i(63793),p=i(19715),f=i(93379),y=i.n(f),b=i(7795),v=i.n(b),m=i(90569),g=i.n(m),w=i(3565),k=i.n(w),O=i(19216),P=i.n(O),C=i(44589),_=i.n(C),x=i(23522),S={};S.styleTagTransform=_(),S.setAttributes=k(),S.insert=g().bind(null,"head"),S.domAPI=v(),S.insertStyleElement=P();y()(x.Z,S);x.Z&&x.Z.locals&&x.Z.locals;var D=i(78485),j=i(47514),M=["contentItemStartPos"];function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}const E=(0,u.Pi)((function Product(t){var o,i=t.contentItemStartPos,r=(0,a.Z)(t,M),u=(0,c.NP)(),f=(0,l.useRef)(null),y=function onClick(){if(f.current){var t=f.current.getBoundingClientRect().height;f.current.scrollTop>100&&(t=0),f.current.scrollTo({top:t,behavior:"smooth"})}};return(0,l.useEffect)((function(){f&&u.productState.setProductElement(f.current)}),[f]),(0,l.useEffect)((function(){var t;!u.uiState.isLoading&&null!==(t=u.configState.paramters)&&void 0!==t&&t.checkout&&y()}),[null===(o=u.configState.paramters)||void 0===o?void 0:o.checkout,u.uiState.isLoading]),(0,j.jsxs)("div",_objectSpread(_objectSpread({ref:f},r),{},{children:[!u.uiState.isLoading&&(0,j.jsx)("div",{className:x.x,onClick:y}),(0,j.jsx)(p.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!u.uiState.isLoading&&void 0!==u.divaWebPlanner.getBasket()&&(0,j.jsx)(d.default,{}),u.settingsState.contentItemVisible&&u.settingsState.contentItemId&&(0,j.jsx)(D.default,{id:u.settingsState.contentItemId,startPos:i})]}))}))},32142:(t,o,i)=>{i.r(o),i.d(o,{default:()=>_});var r=i(65515),a=i.n(r),l=(i(87363),i(68692)),c=i(93379),u=i.n(c),d=i(7795),p=i.n(d),f=i(90569),y=i.n(f),b=i(3565),v=i.n(b),m=i(19216),g=i.n(m),w=i(44589),k=i.n(w),O=i(75581),P={};P.styleTagTransform=k(),P.setAttributes=v(),P.insert=y().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();u()(O.ZP,P);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=i(47514);const _=function Toggle(t){var o,i=t.onChange,r=t.val,c=t.state,u=t.on,d=t.off,p=t.alwaysActiveColor,f=t.height,y=void 0===f?40:f,b=t.width,v=void 0===b?80:b,m=t.handleDiameter,g=void 0===m?32:m,w=null===(o=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===o?void 0:o.replace(/ /g,"");return(0,C.jsx)(l.Z,{checkedIcon:u?(0,C.jsx)("div",{className:a()(O.f6,O.co),children:u}):(0,C.jsx)(C.Fragment,{}),uncheckedIcon:d?(0,C.jsx)("div",{className:a()(O.f6,O.no),children:d}):(0,C.jsx)(C.Fragment,{}),onChange:function onChange(){return i(null!=r?r:!c)},checked:c,onColor:w,offColor:p?w:"#CACACA",height:y,width:v,handleDiameter:g})}},23522:(t,o,i)=>{i.d(o,{Z:()=>v,x:()=>b});var r=i(8081),a=i.n(r),l=i(23645),c=i.n(l),u=i(61667),d=i.n(u),p=new URL(i(66993),i.b),f=c()(a()),y=d()(p);f.push([t.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+y+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var b="index-module--IAoMi";const v=f},75581:(t,o,i)=>{i.d(o,{ZP:()=>f,co:()=>d,f6:()=>u,no:()=>p});var r=i(8081),a=i.n(r),l=i(23645),c=i.n(l)()(a());c.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var u="index-module--D7_Ss",d="index-module--ciLne",p="index-module--W1TLd";const f=c},14060:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjcyOSAxLjI1TDguMzAwNDMgOS4yNUwxLjIyOSAxLjI1IiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},68692:(t,o,i)=>{i.d(o,{Z:()=>c});var r=i(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var o="#",i=1;i<4;i+=1)o+=t[i]+t[i];return o}function e(t,o,i,r,a){return function(t,o,i,r,a){var l=(t-i)/(o-i);if(0===l)return r;if(1===l)return a;for(var c="#",u=1;u<6;u+=2){var d=parseInt(r.substr(u,2),16),p=parseInt(a.substr(u,2),16),f=Math.round((1-l)*d+l*p).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,o,i,h(r),h(a))}var c=function(t){function n(o){t.call(this,o);var i=o.height,r=o.width,a=o.checked;this.t=o.handleDiameter||i-2,this.i=Math.max(r-i,r-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var o=this.state,i=o.R,r=o.h,a=(this.props.checked?this.i:this.o)+t-i;o.N||t===i||this.setState({N:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.U=function(t){var o=this.state,i=o.h,r=o.N,a=o.B,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var u=Date.now()-a;(!r||u<250||l&&i<=c||!l&&i>=c)&&this.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var o=this.props;(0,o.onChange)(!o.checked,t,o.id)},n.prototype.render=function(){var t=this.props,o=t.checked,i=t.disabled,a=t.className,l=t.offColor,c=t.onColor,u=t.offHandleColor,d=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,y=t.checkedHandleIcon,b=t.uncheckedHandleIcon,v=t.boxShadow,m=t.activeBoxShadow,g=t.height,w=t.width,k=t.borderRadius,O=function(t,o){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===o.indexOf(r)&&(i[r]=t[r]);return i}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,C=P.h,_=P.N,x=P.j,S={position:"relative",display:"inline-block",textAlign:"left",opacity:i?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},D={height:g,width:w,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(C,this.i,this.o,l,c),borderRadius:"number"==typeof k?k:g/2,cursor:i?"default":"pointer",WebkitTransition:_?null:"background 0.25s",MozTransition:_?null:"background 0.25s",transition:_?null:"background 0.25s"},j={height:g,width:Math.min(1.5*g,w-(this.t+g)/2+1),position:"relative",opacity:(C-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},M={height:g,width:Math.min(1.5*g,w-(this.t+g)/2+1),position:"absolute",opacity:1-(C-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},E={height:this.t,width:this.t,background:e(C,this.i,this.o,u,d),display:"inline-block",cursor:i?"default":"pointer",borderRadius:"number"==typeof k?k-1:"50%",position:"absolute",transform:"translateX("+C+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:x?m:v,border:0,WebkitTransition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},I={height:this.t,width:this.t,opacity:Math.max(2*(1-(C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},T={height:this.t,width:this.t,opacity:Math.max(2*((C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:S},r.createElement("div",{className:"react-switch-bg",style:D,onClick:i?null:this.T,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:j},p),f&&r.createElement("div",{style:M},f)),r.createElement("div",{className:"react-switch-handle",style:E,onClick:function(t){return t.preventDefault()},onMouseDown:i?null:this.p,onTouchStart:i?null:this.k,onTouchMove:i?null:this.m,onTouchEnd:i?null:this.M,onTouchCancel:i?null:this.O},b&&r.createElement("div",{style:I},b),y&&r.createElement("div",{style:T},y)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":o,checked:o,disabled:i,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},O,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},n}(r.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6334,2142,1707,4060,8692,430],{10304:(t,o,i)=>{o.Z=void 0;var r=function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var o=_getRequireWildcardCache();if(o&&o.has(t))return o.get(t);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var l=r?Object.getOwnPropertyDescriptor(t,a):null;l&&(l.get||l.set)?Object.defineProperty(i,a,l):i[a]=t[a]}i.default=t,o&&o.set(t,i);return i}(i(87363)),a=function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}(i(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _extends(){return _extends=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},_extends.apply(this,arguments)}function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _defineProperty(t,o,i){return o in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i,t}function _defineProperties(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,o){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,o){return t.__proto__=o,t},_setPrototypeOf(t,o)}var l="Select...",c=function(t){function Dropdown(t){var o;return function _classCallCheck(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(o=function _possibleConstructorReturn(t,o){return!o||"object"!==_typeof(o)&&"function"!=typeof o?_assertThisInitialized(t):o}(this,_getPrototypeOf(Dropdown).call(this,t))).state={selected:o.parseValue(t.value,t.options)||{label:void 0===t.placeholder?l:t.placeholder,value:""},isOpen:!1},o.dropdownRef=(0,r.createRef)(),o.mounted=!0,o.handleDocumentClick=o.handleDocumentClick.bind(_assertThisInitialized(o)),o.fireChangeEvent=o.fireChangeEvent.bind(_assertThisInitialized(o)),o}return function _inherits(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),o&&_setPrototypeOf(t,o)}(Dropdown,t),function _createClass(t,o,i){return o&&_defineProperties(t.prototype,o),i&&_defineProperties(t,i),t}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(t){if(this.props.value!==t.value)if(this.props.value){var o=this.parseValue(this.props.value,this.props.options);o!==this.state.selected&&this.setState({selected:o})}else this.setState({selected:{label:void 0===this.props.placeholder?l:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(t){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===t.type&&0!==t.button||(t.stopPropagation(),t.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(t,o){var i;if("string"==typeof t)for(var r=0,a=o.length;r<a;r++)if("group"===o[r].type){var l=o[r].items.filter((function(o){return o.value===t}));l.length&&(i=l[0])}else void 0!==o[r].value&&o[r].value===t&&(i=o[r]);return i||t}},{key:"setValue",value:function setValue(t,o){var i={selected:{value:t,label:o},isOpen:!1};this.fireChangeEvent(i),this.setState(i)}},{key:"fireChangeEvent",value:function fireChangeEvent(t){t.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(t.selected)}},{key:"renderOption",value:function renderOption(t){var o,i=t.value;void 0===i&&(i=t.label||t);var l=t.label||t.value||t,c=i===this.state.selected.value||i===this.state.selected,u=(_defineProperty(o={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(o,t.className,!!t.className),_defineProperty(o,"is-selected",c),o),d=(0,a.default)(u),p=Object.keys(t.data||{}).reduce((function(o,i){return function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(i,!0).forEach((function(o){_defineProperty(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(i).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}({},o,_defineProperty({},"data-".concat(i),t.data[i]))}),{});return r.default.createElement("div",_extends({key:i,className:d,onMouseDown:this.setValue.bind(this,i,l),onClick:this.setValue.bind(this,i,l),role:"option","aria-selected":c?"true":"false"},p),l)}},{key:"buildMenu",value:function buildMenu(){var t=this,o=this.props,i=o.options,a=o.baseClassName,l=i.map((function(o){if("group"===o.type){var i=r.default.createElement("div",{className:"".concat(a,"-title")},o.name),l=o.items.map((function(o){return t.renderOption(o)}));return r.default.createElement("div",{className:"".concat(a,"-group"),key:o.name,role:"listbox",tabIndex:"-1"},i,l)}return t.renderOption(o)}));return l.length?l:r.default.createElement("div",{className:"".concat(a,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(t){this.mounted&&(this.dropdownRef.current.contains(t.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var t,o,i,l,c,u=this.props,d=u.baseClassName,p=u.controlClassName,f=u.placeholderClassName,y=u.menuClassName,b=u.arrowClassName,v=u.arrowClosed,m=u.arrowOpen,g=u.className,w=this.props.disabled?"Dropdown-disabled":"",k="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,O=(0,a.default)((_defineProperty(t={},"".concat(d,"-root"),!0),_defineProperty(t,g,!!g),_defineProperty(t,"is-open",this.state.isOpen),t)),P=(0,a.default)((_defineProperty(o={},"".concat(d,"-control"),!0),_defineProperty(o,p,!!p),_defineProperty(o,w,!!w),o)),C=(0,a.default)((_defineProperty(i={},"".concat(d,"-placeholder"),!0),_defineProperty(i,f,!!f),_defineProperty(i,"is-selected",this.isValueSelected()),i)),_=(0,a.default)((_defineProperty(l={},"".concat(d,"-menu"),!0),_defineProperty(l,y,!!y),l)),x=(0,a.default)((_defineProperty(c={},"".concat(d,"-arrow"),!0),_defineProperty(c,b,!!b),c)),S=r.default.createElement("div",{className:C},k),D=this.state.isOpen?r.default.createElement("div",{className:_,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:O},r.default.createElement("div",{className:P,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},S,r.default.createElement("div",{className:"".concat(d,"-arrow-wrapper")},m&&v?this.state.isOpen?m:v:r.default.createElement("span",{className:x}))),D)}}]),Dropdown}(r.Component);c.defaultProps={baseClassName:"Dropdown"};var u=c;o.Z=u},48930:(t,o,i)=>{i.r(o),i.d(o,{default:()=>E});var r=i(80248),a=i(72874),l=i(87363),c=i(91923),u=i(9420),d=i(63793),p=i(19715),f=i(93379),y=i.n(f),b=i(7795),v=i.n(b),m=i(90569),g=i.n(m),w=i(3565),k=i.n(w),O=i(19216),P=i.n(O),C=i(44589),_=i.n(C),x=i(23522),S={};S.styleTagTransform=_(),S.setAttributes=k(),S.insert=g().bind(null,"head"),S.domAPI=v(),S.insertStyleElement=P();y()(x.Z,S);x.Z&&x.Z.locals&&x.Z.locals;var D=i(78485),j=i(47514),M=["contentItemStartPos"];function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(Object(i),!0).forEach((function(o){(0,r.Z)(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}const E=(0,u.Pi)((function Product(t){var o,i=t.contentItemStartPos,r=(0,a.Z)(t,M),u=(0,c.NP)(),f=(0,l.useRef)(null),y=function onClick(){if(f.current){var t=f.current.getBoundingClientRect().height;f.current.scrollTop>100&&(t=0),f.current.scrollTo({top:t,behavior:"smooth"})}};return(0,l.useEffect)((function(){f&&u.productState.setProductElement(f.current)}),[f]),(0,l.useEffect)((function(){var t;!u.uiState.isLoading&&null!==(t=u.configState.paramters)&&void 0!==t&&t.checkout&&y()}),[null===(o=u.configState.paramters)||void 0===o?void 0:o.checkout,u.uiState.isLoading]),(0,j.jsxs)("div",_objectSpread(_objectSpread({ref:f},r),{},{children:[!u.uiState.isLoading&&(0,j.jsx)("div",{className:x.x,onClick:y}),(0,j.jsx)(p.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!u.uiState.isLoading&&void 0!==u.divaWebPlanner.getBasket()&&(0,j.jsx)(d.default,{}),u.settingsState.contentItemVisible&&u.settingsState.contentItemId&&(0,j.jsx)(D.default,{id:u.settingsState.contentItemId,startPos:i})]}))}))},32142:(t,o,i)=>{i.r(o),i.d(o,{default:()=>_});var r=i(65515),a=i.n(r),l=(i(87363),i(68692)),c=i(93379),u=i.n(c),d=i(7795),p=i.n(d),f=i(90569),y=i.n(f),b=i(3565),v=i.n(b),m=i(19216),g=i.n(m),w=i(44589),k=i.n(w),O=i(75581),P={};P.styleTagTransform=k(),P.setAttributes=v(),P.insert=y().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();u()(O.ZP,P);O.ZP&&O.ZP.locals&&O.ZP.locals;var C=i(47514);const _=function Toggle(t){var o,i=t.onChange,r=t.val,c=t.state,u=t.on,d=t.off,p=t.alwaysActiveColor,f=t.height,y=void 0===f?40:f,b=t.width,v=void 0===b?80:b,m=t.handleDiameter,g=void 0===m?32:m,w=null===(o=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===o?void 0:o.replace(/ /g,"");return(0,C.jsx)(l.Z,{checkedIcon:u?(0,C.jsx)("div",{className:a()(O.f6,O.co),children:u}):(0,C.jsx)(C.Fragment,{}),uncheckedIcon:d?(0,C.jsx)("div",{className:a()(O.f6,O.no),children:d}):(0,C.jsx)(C.Fragment,{}),onChange:function onChange(){return i(null!=r?r:!c)},checked:c,onColor:w,offColor:p?w:"#CACACA",height:y,width:v,handleDiameter:g})}},23522:(t,o,i)=>{i.d(o,{Z:()=>v,x:()=>b});var r=i(8081),a=i.n(r),l=i(23645),c=i.n(l),u=i(61667),d=i.n(u),p=new URL(i(66993),i.b),f=c()(a()),y=d()(p);f.push([t.id,".index-module--IAoMi {\n  bottom: 40px;\n  right: 8px;\n  position: absolute;\n  width: 70px;\n  height: 55px;\n  transform: rotate(90deg);\n  background-image: url("+y+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  z-index: 300;\n}\n",""]);var b="index-module--IAoMi";const v=f},75581:(t,o,i)=>{i.d(o,{ZP:()=>f,co:()=>d,f6:()=>u,no:()=>p});var r=i(8081),a=i.n(r),l=i(23645),c=i.n(l)()(a());c.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var u="index-module--D7_Ss",d="index-module--ciLne",p="index-module--W1TLd";const f=c},14060:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjcyOSAxLjI1TDguMzAwNDMgOS4yNUwxLjIyOSAxLjI1IiBzdHJva2U9IiM2RjZGNkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},68692:(t,o,i)=>{i.d(o,{Z:()=>c});var r=i(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var o="#",i=1;i<4;i+=1)o+=t[i]+t[i];return o}function e(t,o,i,r,a){return function(t,o,i,r,a){var l=(t-i)/(o-i);if(0===l)return r;if(1===l)return a;for(var c="#",u=1;u<6;u+=2){var d=parseInt(r.substr(u,2),16),p=parseInt(a.substr(u,2),16),f=Math.round((1-l)*d+l*p).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,o,i,h(r),h(a))}var c=function(t){function n(o){t.call(this,o);var i=o.height,r=o.width,a=o.checked;this.t=o.handleDiameter||i-2,this.i=Math.max(r-i,r-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var o=this.state,i=o.j,r=o.h,a=(this.props.checked?this.i:this.o)+t-i;o.U||t===i||this.setState({U:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.A=function(t){var o=this.state,i=o.h,r=o.U,a=o.L,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var u=Date.now()-a;(!r||u<250||l&&i<=c||!l&&i>=c)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var o=this.props;(0,o.onChange)(!o.checked,t,o.id)},n.prototype.render=function(){var t=this.props,o=t.checked,i=t.disabled,a=t.className,l=t.offColor,c=t.onColor,u=t.offHandleColor,d=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,y=t.checkedHandleIcon,b=t.uncheckedHandleIcon,v=t.boxShadow,m=t.activeBoxShadow,g=t.height,w=t.width,k=t.borderRadius,O=function(t,o){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===o.indexOf(r)&&(i[r]=t[r]);return i}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,C=P.h,_=P.U,x=P.B,S={position:"relative",display:"inline-block",textAlign:"left",opacity:i?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},D={height:g,width:w,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(C,this.i,this.o,l,c),borderRadius:"number"==typeof k?k:g/2,cursor:i?"default":"pointer",WebkitTransition:_?null:"background 0.25s",MozTransition:_?null:"background 0.25s",transition:_?null:"background 0.25s"},j={height:g,width:Math.min(1.5*g,w-(this.t+g)/2+1),position:"relative",opacity:(C-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},M={height:g,width:Math.min(1.5*g,w-(this.t+g)/2+1),position:"absolute",opacity:1-(C-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},E={height:this.t,width:this.t,background:e(C,this.i,this.o,u,d),display:"inline-block",cursor:i?"default":"pointer",borderRadius:"number"==typeof k?k-1:"50%",position:"absolute",transform:"translateX("+C+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:x?m:v,border:0,WebkitTransition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:_?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},I={height:this.t,width:this.t,opacity:Math.max(2*(1-(C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"},T={height:this.t,width:this.t,opacity:Math.max(2*((C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:_?null:"opacity 0.25s",MozTransition:_?null:"opacity 0.25s",transition:_?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:S},r.createElement("div",{className:"react-switch-bg",style:D,onClick:i?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:j},p),f&&r.createElement("div",{style:M},f)),r.createElement("div",{className:"react-switch-handle",style:E,onClick:function(t){return t.preventDefault()},onMouseDown:i?null:this.p,onTouchStart:i?null:this.m,onTouchMove:i?null:this.M,onTouchEnd:i?null:this.T,onTouchCancel:i?null:this.S},b&&r.createElement("div",{style:I},b),y&&r.createElement("div",{style:T},y)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":o,checked:o,disabled:i,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},O,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6735.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6735],{96735:(n,e,o)=>{o.r(e),o.d(e,{default:()=>y});var i=o(65515),t=o.n(i),l=o(91923),d=o(9420),r=o(87363),a=o(88683),s=o(93379),u=o.n(s),p=o(7795),x=o.n(p),b=o(90569),c=o.n(b),m=o(3565),h=o.n(m),f=o(19216),g=o.n(f),v=o(44589),S=o.n(v),T=o(67463),P={};P.styleTagTransform=S(),P.setAttributes=h(),P.insert=c().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=g();u()(T.ZP,P);T.ZP&&T.ZP.locals&&T.ZP.locals;var k=o(47514);const y=(0,d.Pi)((function TabGroupItemHorizontaRalph(n){var e=n.tabGroup,o=(0,l.NP)(),i=(0,a.useTranslation)().t,d=(0,r.useRef)(null),s=o.tabGroupState.curTabGroup;(0,r.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,d.current)}),[d]);var u=Object.keys(o.tabGroupState.allTabGroups),p=e.posNr==(null==s?void 0:s.posNr),x=u[u.length-1]==e.key;return(0,k.jsxs)("div",{className:T.YS,children:[(0,k.jsxs)("div",{ref:d,onClick:function onClick(){return function onTabGroupClick(n){o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:t()(T.TI,o.uiState.isMobileLandscape?T.rK:void 0,o.uiState.isMobilePortrait?T.tW:void 0,e.title==(null==s?void 0:s.title)&&p?T.F1:void 0),children:[(0,k.jsx)("span",{className:t()(T.EF),children:e.posNr}),i("configurator."+e.title,e.title)]}),!x&&(0,k.jsx)("div",{className:T.Qp})]})}))},67463:(n,e,o)=>{o.d(e,{EF:()=>x,F1:()=>p,Qp:()=>b,TI:()=>a,YS:()=>r,ZP:()=>c,rK:()=>u,tW:()=>s});var i=o(8081),t=o.n(i),l=o(23645),d=o.n(l)()(t());d.push([n.id,".index-module--nUXmx {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.index-module--p2J8S {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: background-color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n}\n.index-module--HbFPE.index-module--p2J8S,\n.index-module--qh0aK.index-module--p2J8S {\n  line-height: 50px;\n}\n\n.index-module--p2J8S:hover {\n  color: #262626;\n}\n\n.index-module--p2J8S.index-module--nx1TR {\n  color: #262626;\n}\n\n.index-module--FBtoh {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n}\n\n.index-module--nx1TR .index-module--FBtoh,\n.index-module--p2J8S:hover .index-module--FBtoh {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.index-module--HEb_w {\n  width: 26px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n",""]);var r="index-module--nUXmx",a="index-module--p2J8S",s="index-module--HbFPE",u="index-module--qh0aK",p="index-module--nx1TR",x="index-module--FBtoh",b="index-module--HEb_w";const c=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6735],{96735:(n,e,o)=>{o.r(e),o.d(e,{default:()=>y});var i=o(65515),t=o.n(i),l=o(91923),d=o(9420),r=o(87363),a=o(88683),s=o(93379),u=o.n(s),p=o(7795),x=o.n(p),b=o(90569),c=o.n(b),m=o(3565),h=o.n(m),f=o(19216),g=o.n(f),v=o(44589),S=o.n(v),T=o(67463),P={};P.styleTagTransform=S(),P.setAttributes=h(),P.insert=c().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=g();u()(T.ZP,P);T.ZP&&T.ZP.locals&&T.ZP.locals;var k=o(47514);const y=(0,d.Pi)((function TabGroupItemHorizontaRalph(n){var e=n.tabGroup,o=(0,l.NP)(),i=(0,a.useTranslation)().t,d=(0,r.useRef)(null),s=o.tabGroupState.curTabGroup;(0,r.useEffect)((function(){o.tabGroupState.setTabGroupItems(e.key,d.current)}),[d]);var u=Object.keys(o.tabGroupState.allTabGroups),p=e.posNr==(null==s?void 0:s.posNr),x=u[u.length-1]==e.key;return(0,k.jsxs)("div",{className:T.YS,children:[(0,k.jsxs)("div",{ref:d,onClick:function onClick(){return function onTabGroupClick(n){o.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:t()(T.TI,o.uiState.isMobileLandscape?T.rK:void 0,o.uiState.isMobilePortrait?T.tW:void 0,e.title==(null==s?void 0:s.title)&&p?T.F1:void 0),children:[(0,k.jsx)("span",{className:t()(T.EF),children:e.posNr}),i("configurator."+e.title,e.title)]}),!x&&(0,k.jsx)("div",{className:T.Qp})]})}))},67463:(n,e,o)=>{o.d(e,{EF:()=>x,F1:()=>p,Qp:()=>b,TI:()=>a,YS:()=>r,ZP:()=>c,rK:()=>u,tW:()=>s});var i=o(8081),t=o.n(i),l=o(23645),d=o.n(l)()(t());d.push([n.id,".index-module--nUXmx {\n  display: flex;\n  align-items: center;\n  float: left;\n}\n\n.index-module--p2J8S {\n  height: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n  border: none;\n  transition: color 0.3s ease-out;\n  line-height: 56px;\n  padding: 0 13px;\n  color: #b5b5b5;\n  cursor: pointer;\n}\n.index-module--HbFPE.index-module--p2J8S,\n.index-module--qh0aK.index-module--p2J8S {\n  line-height: 50px;\n}\n\n.index-module--p2J8S:hover {\n  color: #262626;\n}\n\n.index-module--p2J8S.index-module--nx1TR {\n  color: #262626;\n}\n\n.index-module--FBtoh {\n  display: inline-block;\n  height: 24px;\n  width: 24px;\n  margin-right: 11px;\n  margin-top: 3px;\n  border: 1px solid #b5b5b5;\n  border-radius: 12px;\n  text-align: center;\n  line-height: 25px;\n  font-size: 16px;\n  color: #b5b5b5;\n}\n\n.index-module--nx1TR .index-module--FBtoh,\n.index-module--p2J8S:hover .index-module--FBtoh {\n  color: #4f555b;\n  border: 1px solid #4f555b;\n}\n\n.index-module--HEb_w {\n  width: 26px;\n  height: 0px;\n  border: 1px solid #bfbfbf;\n}\n",""]);var r="index-module--nUXmx",a="index-module--p2J8S",s="index-module--HbFPE",u="index-module--qh0aK",p="index-module--nx1TR",x="index-module--FBtoh",b="index-module--HEb_w";const c=d}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6937.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6937],{6937:(n,e,i)=>{"use strict";i.d(e,{p:()=>wn});var r=i(80248),t=(i(48145),i(87363)),o=i.n(t),s=i(93379),a=i.n(s),l=i(7795),d=i.n(l),p=i(90569),c=i.n(p),u=i(3565),b=i.n(u),m=i(19216),x=i.n(m),g=i(44589),w=i.n(g),y=i(7313),v={};v.styleTagTransform=w(),v.setAttributes=b(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();a()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var f=i(47514);const h=function PDF(n){var e=n.description,i=n.url,r=n.style,t=n.openInNewTab,o=n.iconsize;return(0,f.jsxs)("div",{className:y.YS,style:r,children:[(0,f.jsx)("a",{href:i,target:t?"_blank":void 0,children:(0,f.jsx)("div",{className:y.qv,style:{height:o,width:o}})}),e&&(0,f.jsx)("a",{href:i,target:t?"_blank":void 0,children:e})]})};const j=function Text(n){var e=n.text,i=n.style;return(0,f.jsx)("div",{style:i,dangerouslySetInnerHTML:{__html:e}})};function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const P=function Image(n){var e,i=n.url,r=n.cover,t=n.style,o={},s=new URL(i);r?(o.objectFit="cover",o.minWidth="100%",o.minHeight="100%"):(o.maxWidth="100%",o.maxHeight=null!==(e=null==t?void 0:t.maxHeight)&&void 0!==e?e:"100%");return(0,f.jsx)("img",{style:_objectSpread(_objectSpread({},o),t),src:s.toString()})};var D=i(42921),O={};O.styleTagTransform=w(),O.setAttributes=b(),O.insert=c().bind(null,"head"),O.domAPI=d(),O.insertStyleElement=x();a()(D.ZP,O);D.ZP&&D.ZP.locals&&D.ZP.locals;const C=function InfoBox(n){var e=n.imageUrl,i=n.text,r=n.title;return(0,f.jsxs)("div",{className:D.nC,children:[(0,f.jsx)("img",{src:e}),(0,f.jsxs)("div",{className:D.AR,children:[(0,f.jsxs)("h3",{children:[" ",r]}),(0,f.jsx)("p",{children:i})]})]})};var z=i(67169),S={};S.styleTagTransform=w(),S.setAttributes=b(),S.insert=c().bind(null,"head"),S.domAPI=d(),S.insertStyleElement=x();a()(z.Z,S);z.Z&&z.Z.locals&&z.Z.locals;function Overlay_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function Overlay_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?Overlay_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):Overlay_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const M=function Overlay(n){var e=n.background,i=n.content,r=n.style;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{style:r,className:z.I,children:(0,f.jsx)(xn,Overlay_objectSpread({},i))}),e&&(0,f.jsx)(xn,Overlay_objectSpread({},e))]})};function ContentList_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}const k=function ContentList(n){var e=n.contents,i=n.style;return(0,f.jsx)("div",{style:i,children:e.map((function(n,e){return(0,f.jsx)(xn,function ContentList_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ContentList_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ContentList_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}({},n),e)}))})};var W=i(88683);function Translation_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}const N=function Translation(n){var e=n.translation,i=(0,W.useTranslation)().i18n;if(!e[i.language])throw Error("contentbox no translation fount for language: "+i.language);return(0,f.jsx)(xn,function Translation_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?Translation_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):Translation_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}({},e[i.language]))};var I=i(12952),T=i(34988),Z=i(3142),X=i(85883),L={};L.styleTagTransform=w(),L.setAttributes=b(),L.insert=c().bind(null,"head"),L.domAPI=d(),L.insertStyleElement=x();a()(X.Z,L);X.Z&&X.Z.locals&&X.Z.locals;const _=function OptionHeader(n){var e=n.name;return(0,f.jsx)("div",{className:X.Y,children:e})};function VariantFields_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function VariantFields_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?VariantFields_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):VariantFields_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var A=o().lazy((function(){return Promise.all([i.e(2122),i.e(271)]).then(i.bind(i,60271))}));const E=function VariantFields(n){var e=n.variants,i=n.setCurProduct,r=n.currentProuduct,o=n.inSlider,s=n.style,a=n.groupVariantsByField,l=(0,t.useState)({}),d=(0,T.Z)(l,2),p=d[0],c=d[1],u=(0,t.useState)({}),b=(0,T.Z)(u,2),m=b[0],x=b[1],g=(0,W.useDivaCore)(),w=g.actions.userHasPermission,y=g.state.dimensions.isMobile;if((0,t.useEffect)((function(){for(var n={},i={},r=0;r<e.length;r++)for(var t in e[r])if(t.startsWith("dc_")){var o=e[r][t];n[t]||(n[t]=[]),void 0===i[t]&&(void 0!==o.optionPosition?i[t]=o.optionPosition:void 0!==o.defaultOptionPosition&&(i[t]=o.defaultOptionPosition))}if(Object.keys(i).length){var s=Object.assign({},i);for(n={};Object.keys(s).length;){var a=Object.keys(s)[0];for(var l in s)s[a]>s[l]&&(a=l);delete s[a],n[a]=[]}}e.map((function(e,i){var r=e,t=function _loop(t){var o,s,a,l,d,p=null!==(o=null===(s=r[t])||void 0===s?void 0:s.value)&&void 0!==o?o:null===(a=r[t])||void 0===a?void 0:a.opv;if(!p)return 0;if(n[t].find((function(n){return n.codex===p})))return 0;var c=r[t].position;n[t].push({codex:p,position:void 0!==r[t].position?c:i,name:null!==(l=r[t].name)&&void 0!==l?l:r[t].opvName,image:null===(d=e.media)||void 0===d||null===(d=d.find((function(n){return"OPV"===n.functionType&&"dc_"+n.class===t})))||void 0===d?void 0:d.url,variant:e,optName:r[t].optName,opt:r[t].opt})};for(var o in n)t(o)}));var d=[];for(var p in n){var u,b,m=n[p],g=m[0],w=null!=g&&g.opt?null==g||null===(u=g.variant)||void 0===u||null===(u=u.configuration)||void 0===u||null===(u=u.OrderSets[0])||void 0===u||null===(u=u.Variant)||void 0===u?void 0:u["OPT"+g.opt]:void 0;(null!=g&&null!==(b=g.variant)&&void 0!==b&&b.configuration&&!w||m.length<=1)&&d.push(p),n[p]=m.sort((function(n,e){return n.position<e.position?-1:1}))}d.map((function(e){return delete n[e]})),c(n),x(i)}),[e]),"horizontal"==s)return(0,f.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:12},children:Object.keys(p).map((function(n){var t;return(0,f.jsxs)(f.Fragment,{children:[(null===(t=p[n])||void 0===t||null===(t=t[0])||void 0===t?void 0:t.optName)&&(0,f.jsx)(_,{name:p[n][0].optName},n),(0,f.jsx)("div",{style:{paddingRight:5,display:"flex",gap:12,flexWrap:"wrap"},children:(0,Z.Z)({variants:e,groups:p,currentProuduct:r,groupKey:n,setCurProduct:i,selectedClassification:r[n],isMobile:y,imageAndText:!0})})]})}))});if(o){var v=Object.keys(p).find((function(n){return[].concat((0,I.Z)(null!=a?a:[]),["dc_mainColor","dc_color"]).includes(n)}));if(v){var h=(0,Z.Z)({variants:e,groups:p,currentProuduct:r,groupKey:v,setCurProduct:i,selectedClassification:r[v],isMobile:y});return(0,f.jsx)(xn,VariantFields_objectSpread(VariantFields_objectSpread({},o),{},{contents:h.map((function(n){return{content:n}}))}))}return(0,f.jsx)(f.Fragment,{})}return w("allproducts")&&Object.keys(p).length>1&&!y?(0,f.jsx)(t.Suspense,{fallback:(0,f.jsx)(f.Fragment,{}),children:(0,f.jsx)(A,{currentProuduct:r,groups:p,setCurProduct:i,variants:e,posOfOpt:m})}):(0,f.jsx)("div",{style:{display:"flex"},children:Object.keys(p).map((function(n){return(0,f.jsx)("div",{style:{paddingRight:5},children:(0,Z.Z)({variants:e,groups:p,currentProuduct:r,groupKey:n,setCurProduct:i,selectedClassification:r[n],isMobile:y})})}))})};var B=i(65515),Y=i.n(B),R=i(89059),J={};J.styleTagTransform=w(),J.setAttributes=b(),J.insert=c().bind(null,"head"),J.domAPI=d(),J.insertStyleElement=x();a()(R.ZP,J);R.ZP&&R.ZP.locals&&R.ZP.locals;var F=i(63910),G={};G.styleTagTransform=w(),G.setAttributes=b(),G.insert=c().bind(null,"head"),G.domAPI=d(),G.insertStyleElement=x();a()(F.ZP,G);F.ZP&&F.ZP.locals&&F.ZP.locals;const K=function Info(n){var e,i=n.curProduct,r=n.hidePrices,t=(0,W.useTranslation)().t,o=(0,W.useDivaCore)().state,s=o.hidePrices,a=o.dimensions.isMobile;return(0,f.jsxs)("div",{className:Y()(F.RZ,a?F.Sn:void 0),children:[(0,f.jsx)("h2",{children:i.shortDescription}),!r&&!s&&(0,f.jsx)("div",{className:F.nt,children:W.DivaUtils.formatPrice(null!==(e=i.discountedPrice)&&void 0!==e?e:i.addedPrice)+" "+t("pdp.price_ending")})]})};function GalleryProduct_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function GalleryProduct_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?GalleryProduct_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):GalleryProduct_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var Q=function getProductKey(n){return n.map((function(n){return n._id})).join()};const V=function GalleryProduct(n){var e,i,r,o=n.products,s=n.groupVariantsByField,a=n.wrapperStyle,l=n.onClick,d=n.imageStyle,p=n.imageWrapperStyle,c=n.textStyle,u=n.hidePrices,b=(0,t.useMemo)((function(){return(0,W.getLogger)("ContentBox","GalleryProduct")}),[]),m=(0,t.useState)(o[0]),x=(0,T.Z)(m,2),g=x[0],w=x[1],y=(0,t.useState)(Q(o)),v=(0,T.Z)(y,2),h=v[0],j=v[1],P=(0,W.useDivaCore)().state.dimensions.isMobile;if(!g)return b.error(new W.DivaError("Something went wrong. Empty array of Products received ")),(0,f.jsx)(f.Fragment,{});(0,t.useEffect)((function(){Q(o)!==h&&(j(Q(o)),w(o[0]))}),[o]);var D=void 0;o.length>1&&s&&(D=(0,f.jsx)(xn,{type:"VariantFields",setCurProduct:function changeProduct(n,e){w(e),2===n.detail&&l(e._id)},currentProuduct:g,variants:o,groupVariantsByField:s,inSlider:{type:"SliderContainer",sliderType:"scrollX",slidesPerView:5,freeMode:!0,allowTouchMove:!1,contents:[],scrollToSelectedItem:!0}}));var O=null!==(e=null!==(i=null===(r=g.media)||void 0===r||null===(r=r.find((function(n){return"ART"===n.functionType})))||void 0===r?void 0:r.url)&&void 0!==i?i:g.image)&&void 0!==e?e:g.image2D;return(0,f.jsxs)("div",{"data-test-id":"gallery-product",onClick:function onClick(){return l(g._id)},className:Y()(R.Di,P?R.Sn:void 0),style:a,children:[(0,f.jsx)("div",{className:R.BH,style:p,children:O&&(0,f.jsx)(xn,{style:GalleryProduct_objectSpread({aspectRatio:"1 / 1",objectFit:"contain"},d),type:"Image",url:O+"?w=500"})}),(0,f.jsxs)("div",{className:R.AR,style:c,children:[(0,f.jsx)(K,{curProduct:g,hidePrices:u}),void 0!==D&&(0,f.jsx)("div",{className:Y()(R.of),children:D})]})]})};var H=i(72874),U=i(30717),q=i(37707),$=i(31964),nn=i(98227),en={};en.styleTagTransform=w(),en.setAttributes=b(),en.insert=c().bind(null,"head"),en.domAPI=d(),en.insertStyleElement=x();a()(nn.ZP,en);nn.ZP&&nn.ZP.locals&&nn.ZP.locals;var rn=i(51843),tn={};tn.styleTagTransform=w(),tn.setAttributes=b(),tn.insert=c().bind(null,"head"),tn.domAPI=d(),tn.insertStyleElement=x();a()(rn.ZP,tn);rn.ZP&&rn.ZP.locals&&rn.ZP.locals;var on=["contents","sliderType","autoPlay","pagination","navigation","type","height","centeredSlides","scrollToSelectedItem","swipeRef"];function SliderContainer_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function SliderContainer_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?SliderContainer_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):SliderContainer_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var sn=function renderItem(n){var e="renderContextBox";switch(o().isValidElement(n.content)&&(e="renderJsx"),e){case"renderJsx":return n.content;case"renderContextBox":return(0,f.jsx)(xn,SliderContainer_objectSpread({},n.content))}};const an=function SliderContainer(n){var e=n.contents,i=n.sliderType,r=n.autoPlay,o=n.pagination,s=void 0!==o&&o,a=n.navigation,l=void 0!==a&&a,d=(n.type,n.height),p=n.centeredSlides,c=n.scrollToSelectedItem,u=n.swipeRef,b=void 0===u?(0,t.useState)(null):u,m=(0,T.Z)(b,2),x=m[0],g=m[1],w=(0,H.Z)(n,on);if(void 0!==r&&"number"==typeof r&&(r={delay:1e3*r,disableOnInteraction:!1}),"Tabs"===i)s={clickable:!0,bulletClass:"paginationTitle",bulletActiveClass:"paginationTitleSel",renderBullet:function renderBullet(n,i){return U.renderToStaticMarkup((0,f.jsxs)("div",{className:Y()(i),children:[(0,f.jsx)("div",{children:e[n].title}),(0,f.jsx)("div",{})]}))}};return(0,f.jsx)(q.tq,SliderContainer_objectSpread(SliderContainer_objectSpread({id:"diva-swiper",onSwiper:g,className:Y()(nn.oW,rn.os,s&&"Tabs"===i?"diva-pagination-css":void 0,p?"swiper-centered":"swiper-not-centered"),style:{maxWidth:p?"100%":"",width:p?"fit-content":"100%",height:null!=d?d:"100%"},direction:["slideY","scrollY"].includes(i)?"vertical":"horizontal",pagination:s,autoplay:r,navigation:l},w),{},{modules:[$.Rv,$.tl,$.W_,$.pt,$.o3,$.Gk],children:e.map((function(n,e){return(0,f.jsx)(q.o5,{onClick:function onClick(n){c&&function navigateToOnClick(n){null==x||x.slideTo(n)}(e-1),n.stopPropagation()},style:n.swiperSlideStyle,className:Y()("Tabs"==i&&s?"swiper-slide-with-pagination":void 0),children:sn(n)},e)}))}))};var ln=o().createContext({});function ContextProvider(n){var e=n.children,i=n.onClose,r=n.parameters;return(0,f.jsx)(ln.Provider,{value:{onClose:i,parameters:r},children:e})}var dn=i(19194),pn={};pn.styleTagTransform=w(),pn.setAttributes=b(),pn.insert=c().bind(null,"head"),pn.domAPI=d(),pn.insertStyleElement=x();a()(dn.ZP,pn);dn.ZP&&dn.ZP.locals&&dn.ZP.locals;var cn=["content","type","closeIconSize","hideCloseIconInPortrait","switchCloseIconToLeftInPortrait","hideCloseIcon"];function CloseButtonContainer_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function CloseButtonContainer_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?CloseButtonContainer_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):CloseButtonContainer_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const un=function CloseButtonContainer(n){var e=n.content,i=(n.type,n.closeIconSize),r=void 0===i?"32px":i,s=n.hideCloseIconInPortrait,a=n.switchCloseIconToLeftInPortrait,l=n.hideCloseIcon,d=(0,H.Z)(n,cn),p=function useContentBoxState(){return(0,t.useContext)(ln)}().onClose,c=(0,W.useDivaCore)().state.dimensions,u=c.isMobile,b=c.height,m=c.isPortrait&&u,x=o().isValidElement(e);return(0,f.jsxs)("div",CloseButtonContainer_objectSpread(CloseButtonContainer_objectSpread({className:Y()(dn.nC,u&&(b<500||m)?dn.Sn:void 0)},d),{},{children:[!l&&(!s||!m)&&(0,f.jsx)("div",{className:Y()(dn.UF,a&&m?dn.t$:void 0),style:{"--closeIconSize":r},onClick:p}),x&&e,!x&&(0,f.jsx)(xn,CloseButtonContainer_objectSpread({},e))]}))};function ContentBox_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function ContentBox_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ContentBox_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ContentBox_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var bn=o().lazy((function(){return i.e(1785).then(i.bind(i,81785))})),mn=o().lazy((function(){return i.e(7271).then(i.bind(i,7271))}));const xn=function ContentBox(n){switch(n.type){case"MediaViewer":return(0,f.jsx)(t.Suspense,{fallback:(0,f.jsx)(f.Fragment,{}),children:(0,f.jsx)(mn,ContentBox_objectSpread({},n))});case"ArViewer":return(0,f.jsx)(t.Suspense,{fallback:(0,f.jsx)(f.Fragment,{}),children:(0,f.jsx)(bn,ContentBox_objectSpread({},n))});case"CloseButtonContainer":return(0,f.jsx)(un,ContentBox_objectSpread({},n));case"SliderContainer":return(0,f.jsx)(an,ContentBox_objectSpread({},n));case"Image":return(0,f.jsx)(P,ContentBox_objectSpread({},n));case"InfoBox":return(0,f.jsx)(C,ContentBox_objectSpread({},n));case"VariantFields":return(0,f.jsx)(E,ContentBox_objectSpread({},n));case"ProductGallery":return(0,f.jsx)(V,ContentBox_objectSpread({},n));case"Overlay":return(0,f.jsx)(M,ContentBox_objectSpread({},n));case"Text":return(0,f.jsx)(j,ContentBox_objectSpread({},n));case"ContentList":return(0,f.jsx)(k,ContentBox_objectSpread({},n));case"PDF":return(0,f.jsx)(h,ContentBox_objectSpread({},n));case"Translation":return(0,f.jsx)(N,ContentBox_objectSpread({},n));default:!function assertNever(n){throw new Error("Invalid content type: ".concat(n.type))}(n)}};function src_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function src_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?src_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):src_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var gn=function Main(n){var e=n.settings,i=n.onClose,r=n.parameters,t=n.internal;return(0,f.jsx)(ContextProvider,{onClose:i,parameters:r,children:(0,f.jsx)(xn,src_objectSpread(src_objectSpread({},e.contentBoxProps),t))})},wn=function ContentBoxComponent(n){return(0,f.jsx)(gn,src_objectSpread({},n))}},48145:(n,e,i)=>{var r;if(!i.p.startsWith("http")&&null!==(r=document)&&void 0!==r&&null!==(r=r.currentScript)&&void 0!==r&&r.src.includes(".umd.")){var t=new URL(document.currentScript.src),o=t.href.slice(0,t.href.lastIndexOf("/")+1);i.p=o}else window.diva_source_location&&(i.p=window.diva_source_location)},3142:(n,e,i)=>{"use strict";i.d(e,{Z:()=>D});i(87363);var r=i(93379),t=i.n(r),o=i(7795),s=i.n(o),a=i(90569),l=i.n(a),d=i(3565),p=i.n(d),c=i(19216),u=i.n(c),b=i(44589),m=i.n(b),x=i(10640),g={};g.styleTagTransform=m(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=u();t()(x.ZP,g);x.ZP&&x.ZP.locals&&x.ZP.locals;var w=i(65515),y=i.n(w),v=i(22226),f={};f.styleTagTransform=m(),f.setAttributes=p(),f.insert=l().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=u();t()(v.ZP,f);v.ZP&&v.ZP.locals&&v.ZP.locals;var h=i(47514);const j=function ImageAndText(n){var e=n.name,i=n.image,r=n.onClick,t=n.selected,o=n.vCodex;return(0,h.jsxs)("div",{id:e,className:y()(v.CA,t?v.pA:void 0),onClick:r,children:[(0,h.jsxs)("div",{className:y()(v.be),children:[o&&(0,h.jsx)("div",{className:y()(v.rq),children:o}),(0,h.jsx)("img",{className:y()(v.K5),src:i,title:e})]}),(0,h.jsx)("div",{className:v.TN,dangerouslySetInnerHTML:{__html:e}})]})};var P=function compareCodexes(n,e){if(void 0===n||void 0===e)return!1;if(n==e)return!0;if(n.startsWith("A")&&e.startsWith("A")){var i,r,t=new RegExp(/A\d*(.*)/),o=null===(i=n.match(t))||void 0===i?void 0:i[1],s=null===(r=e.match(t))||void 0===r?void 0:r[1];if(o&&s&&o==s)return!0}return!1};const D=function Group(n){var e,i=n.setCurProduct,r=n.groups,t=n.currentProuduct,o=n.groupKey,s=n.variants,a=n.isMobile,l=n.selectedClassification,d=void 0===l?t[o]:l,p=n.imageAndText;if(!d)return[];var c=a?{width:24,height:24}:{width:30,height:30},u=r[o],b=function onClick(n,e){var a=s.filter((function(n){var i,r,t;return P(null!==(i=null===(r=n[o])||void 0===r?void 0:r.value)&&void 0!==i?i:null===(t=n[o])||void 0===t?void 0:t.opv,e)}));if(a.length){for(var l=0;l<a.length;l++){var d=a[l],p=!0;for(var c in r){var u,b,m,x,g,w;if(c!==o){var y=null!==(u=null===(b=d[c])||void 0===b?void 0:b.value)&&void 0!==u?u:null===(m=d[c])||void 0===m?void 0:m.opv,v=null!==(x=null===(g=t[c])||void 0===g?void 0:g.value)&&void 0!==x?x:null===(w=t[c])||void 0===w?void 0:w.opv;if(!P(y,v)){p=!1;break}}}if(p)return void i(n,d)}i(n,a[0])}},m=null!==(e=null==d?void 0:d.opv)&&void 0!==e?e:null==d?void 0:d.value;return u.map((function(n,e){var i,r,t=null!==(i=n.image)&&void 0!==i?i:null===(r=n.variant.media)||void 0===r||null===(r=r.find((function(n){return"OPV"===n.functionType})))||void 0===r?void 0:r.url;return t?p?(0,h.jsx)(j,{onClick:function onClick(e){return b(e,n.codex)},image:t,name:n.name,selected:m===n.codex}):(0,h.jsx)("span",{onClick:function onClick(e){return b(e,n.codex)},style:{backgroundImage:"url("+t+"?w="+c.width+")"},className:y()(x.kT,a?x.Sn:void 0,m===n.codex?x.pA:void 0)},e):(0,h.jsx)(h.Fragment,{})}))}},19194:(n,e,i)=>{"use strict";i.d(e,{Sn:()=>l,UF:()=>d,ZP:()=>c,nC:()=>a,t$:()=>p});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--cCd3N {\n  overflow: hidden;\n  width: calc(100% - 32px);\n  height: calc(100% - 32px);\n  position: relative;\n  background-color: white;\n  padding: 16px;\n}\n\n.index-module--l4m8k.index-module--cCd3N {\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--g2mTn {\n  position: absolute;\n  right: 32px;\n  top: 32px;\n  width: var(--closeIconSize);\n  height: var(--closeIconSize);\n  opacity: 0.3;\n  z-index: 300;\n}\n\n.index-module--g2mTn.index-module--nOyoZ {\n  left: 16px;\n  right: auto;\n  right: initial;\n}\n\n.index-module--g2mTn:hover {\n  cursor: pointer;\n}\n\n.index-module--g2mTn:before {\n  transform: rotate(45deg);\n}\n\n.index-module--g2mTn:after {\n  transform: rotate(-45deg);\n}\n\n.index-module--l4m8k .index-module--g2mTn {\n  right: 16px;\n  top: 16px;\n}\n\n.index-module--g2mTn:before,\n.index-module--g2mTn:after {\n  position: absolute;\n  left: calc(var(--closeIconSize) / 2);\n  content: ' ';\n  height: var(--closeIconSize);\n  width: 3px;\n  background-color: #4b4b4b;\n}\n\n.index-module--g2mTn:hover {\n  opacity: 0.8;\n  transition: opacity 0.2s ease-in-out;\n}\n",""]);var a="index-module--cCd3N",l="index-module--l4m8k",d="index-module--g2mTn",p="index-module--nOyoZ";const c=s},63910:(n,e,i)=>{"use strict";i.d(e,{RZ:()=>a,Sn:()=>d,ZP:()=>p,nt:()=>l});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--C3Lz_ {\n  z-index: 10;\n  color: #4b4b4b;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.index-module--C3Lz_ h2 {\n  line-height: 17px;\n  font-size: 16px;\n  margin: 0px;\n  color: #000000;\n}\n\n.index-module--oN6SN {\n  margin-top: 8px;\n  font-size: 15px;\n  font-weight: normal;\n}\n\n.index-module--MWeXd .index-module--C3Lz_ .index-module--oN6SN {\n  margin-top: 4px;\n}\n",""]);var a="index-module--C3Lz_",l="index-module--oN6SN",d="index-module--MWeXd";const p=s},89059:(n,e,i)=>{"use strict";i.d(e,{AR:()=>d,BH:()=>l,Di:()=>a,Sn:()=>p,ZP:()=>u,of:()=>c});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,"@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);"]),s.push([n.id,".index-module--JdR1u {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  font-family: var(--diva-typography-font-family);\n  justify-content: flex-start;\n  background-color: #f2f2f2;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  overflow: hidden;\n  transition: box-shadow 0.2s ease-in-out;\n}\n\n.index-module--JdR1u:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--opGS7 {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  background-color: #fff;\n}\n.index-module--WxGys {\n  flex-basis: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 16px;\n}\n\n.index-module--aWACz.index-module--JdR1u > .index-module--WxGys {\n  padding: 12px;\n}\n\n.index-module--WjbHJ {\n  z-index: 100;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-top: 16px;\n}\n\n.index-module--aWACz .index-module--WjbHJ {\n  margin-top: 8px;\n}\n",""]);var a="index-module--JdR1u",l="index-module--opGS7",d="index-module--WxGys",p="index-module--aWACz",c="index-module--WjbHJ";const u=s},42921:(n,e,i)=>{"use strict";i.d(e,{AR:()=>l,ZP:()=>d,nC:()=>a});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--o9_Ip {\n  display: flex;\n}\n\n.index-module--ecL6y {\n  display: flex;\n  flex-direction: column;\n  margin: 0 10px;\n}\n\n.index-module--o9_Ip h3 {\n  margin-bottom: 0;\n  margin-bottom: initial;\n}\n\n.index-module--o9_Ip img {\n  -o-object-fit: contain;\n     object-fit: contain;\n  max-height: 100px;\n}\n",""]);var a="index-module--o9_Ip",l="index-module--ecL6y";const d=s},67169:(n,e,i)=>{"use strict";i.d(e,{I:()=>a,Z:()=>l});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--xjNJA {\n  position: absolute;\n  z-index: 300;\n}\n",""]);var a="index-module--xjNJA";const l=s},7313:(n,e,i)=>{"use strict";i.d(e,{YS:()=>u,ZP:()=>m,qv:()=>b});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o),a=i(61667),l=i.n(a),d=new URL(i(46863),i.b),p=s()(t()),c=l()(d);p.push([n.id,".index-module--cOhDD {\n  display: flex;\n  align-items: center;\n  margin: 6px 12px;\n  gap: 6px;\n}\n\n.index-module--WyZVl {\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n}\n",""]);var u="index-module--cOhDD",b="index-module--WyZVl";const m=p},51843:(n,e,i)=>{"use strict";i.d(e,{ZP:()=>l,os:()=>a});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--szpZM .swiper {\n  --swiper-theme-color: var(--diva-theme-palette-primary-main);\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--szpZM .swiper-slide {\n  font-size: 18px;\n  overflow: hidden;\n\n  display: flex;\n\n  justify-content: center;\n\n  align-items: flex-start;\n}\n#index-module--NsDsL .index-module--A5LKy.index-module--MmCgV {\n  align-items: flex-start;\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-slide-with-pagination {\n  box-sizing: border-box !important;\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-slide-with-pagination {\n  height: 100%;\n  padding-top: 40px;\n  justify-content: initial;\n  align-items: initial;\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-pagination-horizontal {\n  z-index: 5 !important;\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-pagination-horizontal {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  transition: 0.3s opacity;\n  width: -moz-fit-content;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n}\n\n/* custom pagination for type tab */\n\n.index-module--szpZM.diva-pagination-css .swiper-pagination-bullets {\n  display: flex;\n  justify-content: flex-start;\n  gap: 12px;\n}\n\n.index-module--szpZM .paginationTitle {\n  display: flex;\n  flex-direction: column;\n  flex-basis: 100%;\n  max-width: 180px;\n  font-family: var(--diva-typography-font-family);\n  font-style: normal;\n  font-weight: 500;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--szpZM .paginationTitle > div {\n  color: #8f8f8f;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: background-color 300ms ease;\n}\n\n.index-module--szpZM .paginationTitle > div:nth-child(1) {\n  padding: 5px 5px 5px 2px;\n  text-align: left;\n}\n\n.index-module--szpZM .paginationTitle > div:nth-child(2) {\n  height: 3px;\n  background-color: #e0e0e0;\n  border-radius: 3px;\n}\n\n.index-module--szpZM .paginationTitle:hover > div:nth-child(2) {\n  background-color: grey;\n}\n.index-module--szpZM .paginationTitleSel:hover > div:nth-child(1) {\n  color: var(--diva-theme-palette-primary-main);\n}\n.index-module--szpZM .paginationTitleSel:hover > div:nth-child(2) {\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--szpZM .paginationTitleSel > div:nth-child(1) {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--szpZM .paginationTitleSel > div:nth-child(2) {\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {\n  top: 10px;\n  height: -moz-min-content;\n  height: min-content;\n}\n",""]);var a="index-module--szpZM";const l=s},98227:(n,e,i)=>{"use strict";i.d(e,{ZP:()=>b,oW:()=>u});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o),a=i(61667),l=i.n(a),d=new URL(i(64197),i.b),p=s()(t()),c=l()(d);p.push([n.id,"/**\n * Swiper 8.3.2\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2022 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: July 26, 2022\n */\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+c+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.librarycss-module--WDxPX.swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.librarycss-module--WDxPX .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.librarycss-module--WDxPX .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.librarycss-module--WDxPX .swiper-android .swiper-slide,\n.librarycss-module--WDxPX .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.librarycss-module--WDxPX .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.librarycss-module--WDxPX .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.librarycss-module--WDxPX .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n.librarycss-module--WDxPX .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.librarycss-module--WDxPX .swiper-autoheight,\n.librarycss-module--WDxPX .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.librarycss-module--WDxPX .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.librarycss-module--WDxPX .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.librarycss-module--WDxPX .swiper-3d,\n.librarycss-module--WDxPX .swiper-3d.swiper-css-mode .swiper-wrapper {\n  perspective: 1200px;\n}\n.librarycss-module--WDxPX .swiper-3d .swiper-cube-shadow,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow-bottom,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow-left,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow-right,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow-top,\n.librarycss-module--WDxPX .swiper-3d .swiper-wrapper {\n  transform-style: preserve-3d;\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow,\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-bottom,\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-left,\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-right,\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-top {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 10;\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow {\n  background: rgba(0, 0, 0, 0.15);\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-left {\n  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-right {\n  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-top {\n  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-bottom {\n  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.librarycss-module--WDxPX.swiper-css-mode > .swiper-wrapper {\n  overflow: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.librarycss-module--WDxPX.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n  display: none;\n}\n.librarycss-module--WDxPX.swiper-css-mode > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: start start;\n}\n.librarycss-module--WDxPX.swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.librarycss-module--WDxPX.swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.librarycss-module--WDxPX.swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .librarycss-module--WDxPX.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .librarycss-module--WDxPX.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.librarycss-module--WDxPX.swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.librarycss-module--WDxPX.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.librarycss-module--WDxPX.swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.librarycss-module--WDxPX.swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*Free mode*/\n.librarycss-module--WDxPX.swiper-free-mode > .swiper-wrapper {\n  transition-timing-function: ease-out;\n  margin: 0 auto;\n}\n/*navigation*/\n.librarycss-module--WDxPX:root {\n  --swiper-navigation-size: 44px;\n}\n.librarycss-module--WDxPX.swiper-button-next,\n.librarycss-module--WDxPX.swiper-button-prev {\n  position: absolute;\n  top: 50%;\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.librarycss-module--WDxPX.swiper-button-next.swiper-button-disabled,\n.librarycss-module--WDxPX.swiper-button-prev.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.librarycss-module--WDxPX.swiper-button-next.swiper-button-hidden,\n.librarycss-module--WDxPX.swiper-button-prev.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.librarycss-module--WDxPX.swiper-navigation-disabled .swiper-button-next,\n.librarycss-module--WDxPX.swiper-navigation-disabled .swiper-button-prev {\n  display: none !important;\n}\n.librarycss-module--WDxPX.swiper-button-next:after,\n.librarycss-module--WDxPX.swiper-button-prev:after {\n  text-transform: none !important;\n}\n.librarycss-module--WDxPX.swiper-button-next:after,\n.librarycss-module--WDxPX.swiper-button-prev:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.librarycss-module--WDxPX .swiper-button-prev,\n.librarycss-module--WDxPX .swiper-rtl .swiper-button-next {\n  left: 10px;\n  right: auto;\n}\n.librarycss-module--WDxPX.swiper-button-prev:after,\n.librarycss-module--WDxPX.swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.librarycss-module--WDxPX .swiper-button-next,\n.librarycss-module--WDxPX .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  left: auto;\n}\n.librarycss-module--WDxPX.swiper-button-next:after,\n.librarycss-module--WDxPX.swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n.librarycss-module--WDxPX.swiper-button-lock {\n  display: none;\n}\n/*pagination*/\n.librarycss-module--WDxPX.swiper-pagination {\n  position: absolute;\n  text-align: center;\n  transition: 0.3s opacity;\n  transform: translate3d(0, 0, 0);\n  z-index: 10;\n}\n.librarycss-module--WDxPX.swiper-pagination.swiper-pagination-hidden {\n  opacity: 0;\n}\n.librarycss-module--WDxPX.swiper-pagination-disabled > .swiper-pagination,\n.librarycss-module--WDxPX.swiper-pagination.swiper-pagination-disabled {\n  display: none !important;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-bullets,\n.librarycss-module--WDxPX.swiper-pagination-bullets.swiper-pagination-horizontal,\n.librarycss-module--WDxPX.swiper-pagination-custom,\n.librarycss-module--WDxPX.swiper-pagination-fraction {\n  bottom: 10px;\n  left: 0;\n  width: 100%;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic {\n  overflow: hidden;\n  font-size: 0;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transform: scale(0.33);\n  position: relative;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n  transform: scale(1);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n  transform: scale(1);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n  transform: scale(0.66);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n  transform: scale(0.33);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n  transform: scale(0.66);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n  transform: scale(0.33);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullet {\n  width: 8px;\n  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));\n  height: 8px;\n  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));\n  display: inline-block;\n  border-radius: 50%;\n  background: #000;\n  background: var(--swiper-pagination-bullet-inactive-color, #000);\n  opacity: 0.2;\n  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);\n}\n.librarycss-module--WDxPX:globalbutton.librarycss-module--tbgP6 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n       appearance: none;\n}\n.librarycss-module--WDxPX.swiper-pagination-clickable .swiper-pagination-bullet {\n  cursor: pointer;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullet:only-child {\n  display: none !important;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullet-active {\n  opacity: 1;\n  opacity: var(--swiper-pagination-bullet-opacity, 1);\n  background: var(--swiper-theme-color);\n  background: var(--swiper-pagination-color, var(--swiper-theme-color));\n}\n.librarycss-module--WDxPX.swiper-pagination-vertical.swiper-pagination-bullets,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-bullets {\n  right: 10px;\n  top: 50%;\n  transform: translate3d(0px, -50%, 0);\n}\n.librarycss-module--WDxPX.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {\n  margin: 6px 0;\n  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\n  display: block;\n}\n.librarycss-module--WDxPX.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n  top: 50%;\n  transform: translateY(-50%);\n  width: 8px;\n}\n.librarycss-module--WDxPX.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  display: inline-block;\n  transition:\n    0.2s transform,\n    0.2s top;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,\n.librarycss-module--WDxPX.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {\n  margin: 0 4px;\n  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n.librarycss-module--WDxPX.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n.librarycss-module--WDxPX.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transition:\n    0.2s transform,\n    0.2s left;\n}\n.librarycss-module--WDxPX.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transition:\n    0.2s transform,\n    0.2s right;\n}\n.librarycss-module--WDxPX.swiper-pagination-progressbar {\n  background: rgba(0, 0, 0, 0.25);\n  position: absolute;\n}\n.librarycss-module--WDxPX.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  background: var(--swiper-theme-color);\n  background: var(--swiper-pagination-color, var(--swiper-theme-color));\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  transform: scale(0);\n  transform-origin: left top;\n}\n.librarycss-module--WDxPX.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  transform-origin: right top;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-progressbar,\n.librarycss-module--WDxPX.swiper-pagination-progressbar.swiper-pagination-horizontal,\n.librarycss-module--WDxPX.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {\n  width: 100%;\n  height: 4px;\n  left: 0;\n  top: 0;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n.librarycss-module--WDxPX.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,\n.librarycss-module--WDxPX.swiper-pagination-progressbar.swiper-pagination-vertical,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-progressbar {\n  width: 4px;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n.librarycss-module--WDxPX.swiper-pagination-lock {\n  display: none;\n}\n",""]);var u="librarycss-module--WDxPX";const b=p},85883:(n,e,i)=>{"use strict";i.d(e,{Y:()=>a,Z:()=>l});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--DDFDj {\n  width: 85%;\n  border-bottom: 1px solid #b1b1b1;\n  color: #4f4b49;\n  font-size: 20px;\n  font-weight: 300;\n}\n",""]);var a="index-module--DDFDj";const l=s},22226:(n,e,i)=>{"use strict";i.d(e,{CA:()=>a,K5:()=>c,TN:()=>u,ZP:()=>b,be:()=>p,pA:()=>d,rq:()=>l});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,"/*Size Normal */\n\n.index-module--e_7FC {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n\n  width: 90px;\n}\n\n.index-module--e_7FC:active,\n.index-module--e_7FC:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--fRbe4 {\n  position: absolute;\n  line-height: 104px;\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--e_7FC:hover .index-module--fRbe4,\n.index-module--BJRzp .index-module--fRbe4 {\n  display: block;\n}\n\n.index-module--lYFwl {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n\n.index-module--e_7FC:not(.index-module--BJRzp) .index-module--lYFwl {\n  overflow: hidden;\n}\n.index-module--lYFwl:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--BJRzp .index-module--lYFwl:hover,\n.index-module--nBE6E.index-module--BJRzp .index-module--lYFwl:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--BJRzp .index-module--lYFwl,\n.index-module--nBE6E.index-module--BJRzp .index-module--lYFwl {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--yuCjJ {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--BJRzp .index-module--yuCjJ,\n.index-module--nBE6E.index-module--BJRzp .index-module--yuCjJ {\n  border: 4px var(--primaryColor) solid;\n}\n\n.index-module--uEtqR {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--dOhGn {\n  margin-top: 4px;\n  text-align: center;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  width: 100%;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  z-index: 400;\n}\n\n.index-module--e_7FC:hover .index-module--dOhGn,\n.index-module--nBE6E .index-module--e_7FC:hover .index-module--dOhGn {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  z-index: 200;\n}\n\n/* Size Small */\n\n.index-module--nBE6E .index-module--fRbe4 {\n  line-height: 58px;\n  font-size: 12px;\n}\n\n.index-module--nBE6E .index-module--dOhGn {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.index-module--np649 .index-module--fRbe4 {\n  line-height: 48px;\n  font-size: 10px;\n}\n\n.index-module--np649 .index-module--dOhGn {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.index-module--eHNW1 .index-module--fRbe4 {\n  line-height: 158px;\n  font-size: 15px;\n}\n\n.index-module--eHNW1 .index-module--dOhGn {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n",""]);var a="index-module--e_7FC",l="index-module--fRbe4",d="index-module--BJRzp",p="index-module--lYFwl",c="index-module--yuCjJ",u="index-module--dOhGn";const b=s},10640:(n,e,i)=>{"use strict";i.d(e,{Sn:()=>l,ZP:()=>p,kT:()=>a,pA:()=>d});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--akcUO {\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  cursor: pointer;\n  border: solid #f8f8f8 2px;\n  margin: 2px;\n  display: block;\n}\n\n.index-module--AwJYr {\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f8f8f8 2px;\n  display: block;\n}\n\n.index-module--doSYy {\n  width: 24px;\n  height: 24px;\n}\n.index-module--AwJYr,\n.index-module--akcUO {\n  transition: border-color 200ms ease;\n}\n\n.index-module--AwJYr:hover,\n.index-module--akcUO:hover {\n  cursor: pointer;\n  border: solid #9d9d9d 2px;\n}\n\n.index-module--Dv5Hx.index-module--AwJYr,\n.index-module--Dv5Hx.index-module--akcUO {\n  border: 2px solid #4f4f4f;\n}\n",""]);var a="index-module--AwJYr",l="index-module--doSYy",d="index-module--Dv5Hx";const p=s},46863:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIzMzQuMzcxcHgiIGhlaWdodD0iMzgwLjU2M3B4IiB2aWV3Qm94PSIwIDAgMzM0LjM3MSAzODAuNTYzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMzQuMzcxIDM4MC41NjMiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJpY29uX1BERl9maWxlIj4KCTxnIGlkPSJjb250b3VyXzEiPgoJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNTEuNzkxLDM1Ni42NDYgNTEuNzkxLDIzLjk5IDIwNC40OTcsMjMuOTkgMjgyLjY0NiwxMDIuMDY2IDI4Mi42NDYsMzU2LjY0NiAJCSIvPgoJCTxwYXRoIGQ9Ik0yMDEuMTg2LDMxLjk5bDczLjQ2LDczLjM5M3YyNDMuMjY0SDU5Ljc5MVYzMS45OUgyMDEuMTg2IE0yMDcuODA5LDE1Ljk5SDQzLjc5MXYzNDguNjU3aDI0Ni44NTRWOTguNzVMMjA3LjgwOSwxNS45OQoJCQlMMjA3LjgwOSwxNS45OXoiLz4KCTwvZz4KCTxnIGlkPSJjb250b3VyXzIiPgoJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNTEuNzkxLDM1Ni42NDYgNTEuNzkxLDIzLjk5IDIwNC40OTcsMjMuOTkgMjA2LjMwOSwyNS44IDIwNi4zMDksMTAwLjMyNyAyODAuOTA0LDEwMC4zMjcgCgkJCTI4Mi42NDYsMTAyLjA2NiAyODIuNjQ2LDM1Ni42NDYgCQkiLz4KCQk8cGF0aCBkPSJNMTk4LjMwOSwzMS45OXY2MC4zMzd2MTZoMTZoNjAuMzM3djI0MC4zMkg1OS43OTFWMzEuOTlIMTk4LjMwOSBNMjA3LjgwOSwxNS45OUg0My43OTF2MzQ4LjY1N2gyNDYuODU0Vjk4Ljc1CgkJCWwtNi40My02LjQyNGgtNjkuOTA3VjIyLjQ4NEwyMDcuODA5LDE1Ljk5TDIwNy44MDksMTUuOTl6Ii8+Cgk8L2c+Cgk8ZyBpZD0idHJpYW5nbGUiPgoJCTxwb2x5Z29uIHBvaW50cz0iMjE5LjY0Myw4Ny43NSAyMTkuNjQzLDQ4LjY2NyAyNTguMzA5LDg2LjM4IDI1OC4zMDksODcuNzUgCQkiLz4KCQk8cGF0aCBkPSJNMjI3LjY0Myw2Ny42NDZsMTIuNDEsMTIuMTA0aC0xMi40MVY2Ny42NDYgTTIyMi42NDEsNDAuNDE3aC0xMC45OThWOTUuNzVoNTQuNjY2VjgzLjAwOEwyMjIuNjQxLDQwLjQxN0wyMjIuNjQxLDQwLjQxN3oKCQkJIi8+Cgk8L2c+Cgk8ZyBpZD0icmVkX3NxdWFyZSI+CgkJPHBvbHlnb24gZmlsbD0iI0VEMUMyNCIgcG9pbnRzPSIyMi41NDQsMjg0LjQ5IDIyLjU0NCwxNjcuNjgyIDM3LjI5MSwxNTIuOTM1IDM3LjI5MSwxNzEuNDg5IDI5Ny4xNDYsMTcxLjQ4OSAyOTcuMTQ2LDE1Mi45MzUgCgkJCTMxMS44OTMsMTY3LjY4MiAzMTEuODkzLDI4NC40OSAJCSIvPgoJCTxwYXRoIGZpbGw9IiNFRDFDMjQiIGQ9Ik0zMDMuNjQ2LDE2OC42MjdsMS43NDcsMS43NDdWMjc3Ljk5SDI5LjA0NFYxNzAuMzc0bDEuNzQ3LTEuNzQ3djkuMzYyaDEzaDI0Ni44NTRoMTNWMTY4LjYyNwoJCQkgTTI5MC42NDYsMTM3LjI0MnYyNy43NDdINDMuNzkxdi0yNy43NDdsLTI3Ljc0NywyNy43NDdWMjkwLjk5aDMwMi4zNDlWMTY0Ljk4OUwyOTAuNjQ2LDEzNy4yNDJMMjkwLjY0NiwxMzcuMjQyeiIvPgoJPC9nPgoJPHJlY3QgeD0iNTIuMDk2IiB5PSIxODkuMzI0IiBmaWxsPSJub25lIiB3aWR0aD0iMjMyLjgyNiIgaGVpZ2h0PSI4Ny44MzQiLz4KCTx0ZXh0IHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgNTIuMDk1NyAyNzEuNjYyMSkiIGZpbGw9IiNGRkZGRkYiIGZvbnQtZmFtaWx5PSJEZWphVnUgU2FucyIgZm9udC13ZWlnaHQ9ImJvbGQiIGZvbnQtc2l6ZT0iMTA1Ij5QREY8L3RleHQ+CjwvZz4KPC9zdmc+"}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6937],{6937:(n,e,i)=>{"use strict";i.d(e,{p:()=>wn});var r=i(80248),t=(i(48145),i(87363)),o=i.n(t),s=i(93379),a=i.n(s),l=i(7795),d=i.n(l),p=i(90569),c=i.n(p),u=i(3565),b=i.n(u),m=i(19216),x=i.n(m),g=i(44589),w=i.n(g),y=i(7313),v={};v.styleTagTransform=w(),v.setAttributes=b(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();a()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var f=i(47514);const h=function PDF(n){var e=n.description,i=n.url,r=n.style,t=n.openInNewTab,o=n.iconsize;return(0,f.jsxs)("div",{className:y.YS,style:r,children:[(0,f.jsx)("a",{href:i,target:t?"_blank":void 0,children:(0,f.jsx)("div",{className:y.qv,style:{height:o,width:o}})}),e&&(0,f.jsx)("a",{href:i,target:t?"_blank":void 0,children:e})]})};const j=function Text(n){var e=n.text,i=n.style;return(0,f.jsx)("div",{style:i,dangerouslySetInnerHTML:{__html:e}})};function ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const P=function Image(n){var e,i=n.url,r=n.cover,t=n.style,o={},s=new URL(i);r?(o.objectFit="cover",o.minWidth="100%",o.minHeight="100%"):(o.maxWidth="100%",o.maxHeight=null!==(e=null==t?void 0:t.maxHeight)&&void 0!==e?e:"100%");return(0,f.jsx)("img",{style:_objectSpread(_objectSpread({},o),t),src:s.toString()})};var D=i(42921),O={};O.styleTagTransform=w(),O.setAttributes=b(),O.insert=c().bind(null,"head"),O.domAPI=d(),O.insertStyleElement=x();a()(D.ZP,O);D.ZP&&D.ZP.locals&&D.ZP.locals;const C=function InfoBox(n){var e=n.imageUrl,i=n.text,r=n.title;return(0,f.jsxs)("div",{className:D.nC,children:[(0,f.jsx)("img",{src:e}),(0,f.jsxs)("div",{className:D.AR,children:[(0,f.jsxs)("h3",{children:[" ",r]}),(0,f.jsx)("p",{children:i})]})]})};var z=i(67169),S={};S.styleTagTransform=w(),S.setAttributes=b(),S.insert=c().bind(null,"head"),S.domAPI=d(),S.insertStyleElement=x();a()(z.Z,S);z.Z&&z.Z.locals&&z.Z.locals;function Overlay_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function Overlay_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?Overlay_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):Overlay_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const M=function Overlay(n){var e=n.background,i=n.content,r=n.style;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)("div",{style:r,className:z.I,children:(0,f.jsx)(xn,Overlay_objectSpread({},i))}),e&&(0,f.jsx)(xn,Overlay_objectSpread({},e))]})};function ContentList_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}const k=function ContentList(n){var e=n.contents,i=n.style;return(0,f.jsx)("div",{style:i,children:e.map((function(n,e){return(0,f.jsx)(xn,function ContentList_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ContentList_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ContentList_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}({},n),e)}))})};var W=i(88683);function Translation_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}const N=function Translation(n){var e=n.translation,i=(0,W.useTranslation)().i18n;if(!e[i.language])throw Error("contentbox no translation fount for language: "+i.language);return(0,f.jsx)(xn,function Translation_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?Translation_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):Translation_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}({},e[i.language]))};var I=i(12952),T=i(34988),Z=i(3142),X=i(85883),L={};L.styleTagTransform=w(),L.setAttributes=b(),L.insert=c().bind(null,"head"),L.domAPI=d(),L.insertStyleElement=x();a()(X.Z,L);X.Z&&X.Z.locals&&X.Z.locals;const _=function OptionHeader(n){var e=n.name;return(0,f.jsx)("div",{className:X.Y,children:e})};function VariantFields_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function VariantFields_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?VariantFields_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):VariantFields_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var A=o().lazy((function(){return Promise.all([i.e(9944),i.e(271)]).then(i.bind(i,60271))}));const E=function VariantFields(n){var e=n.variants,i=n.setCurProduct,r=n.currentProuduct,o=n.inSlider,s=n.style,a=n.groupVariantsByField,l=(0,t.useState)({}),d=(0,T.Z)(l,2),p=d[0],c=d[1],u=(0,t.useState)({}),b=(0,T.Z)(u,2),m=b[0],x=b[1],g=(0,W.useDivaCore)(),w=g.actions.userHasPermission,y=g.state.dimensions.isMobile;if((0,t.useEffect)((function(){for(var n={},i={},r=0;r<e.length;r++)for(var t in e[r])if(t.startsWith("dc_")){var o=e[r][t];n[t]||(n[t]=[]),void 0===i[t]&&(void 0!==o.optionPosition?i[t]=o.optionPosition:void 0!==o.defaultOptionPosition&&(i[t]=o.defaultOptionPosition))}if(Object.keys(i).length){var s=Object.assign({},i);for(n={};Object.keys(s).length;){var a=Object.keys(s)[0];for(var l in s)s[a]>s[l]&&(a=l);delete s[a],n[a]=[]}}e.map((function(e,i){var r=e,t=function _loop(t){var o,s,a,l,d,p=null!==(o=null===(s=r[t])||void 0===s?void 0:s.value)&&void 0!==o?o:null===(a=r[t])||void 0===a?void 0:a.opv;if(!p)return 0;if(n[t].find((function(n){return n.codex===p})))return 0;var c=r[t].position;n[t].push({codex:p,position:void 0!==r[t].position?c:i,name:null!==(l=r[t].name)&&void 0!==l?l:r[t].opvName,image:null===(d=e.media)||void 0===d||null===(d=d.find((function(n){return"OPV"===n.functionType&&"dc_"+n.class===t})))||void 0===d?void 0:d.url,variant:e,optName:r[t].optName,opt:r[t].opt})};for(var o in n)t(o)}));var d=[];for(var p in n){var u,b,m=n[p],g=m[0],w=null!=g&&g.opt?null==g||null===(u=g.variant)||void 0===u||null===(u=u.configuration)||void 0===u||null===(u=u.OrderSets[0])||void 0===u||null===(u=u.Variant)||void 0===u?void 0:u["OPT"+g.opt]:void 0;(null!=g&&null!==(b=g.variant)&&void 0!==b&&b.configuration&&!w||m.length<=1)&&d.push(p),n[p]=m.sort((function(n,e){return n.position<e.position?-1:1}))}d.map((function(e){return delete n[e]})),c(n),x(i)}),[e]),"horizontal"==s)return(0,f.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:12},children:Object.keys(p).map((function(n){var t;return(0,f.jsxs)(f.Fragment,{children:[(null===(t=p[n])||void 0===t||null===(t=t[0])||void 0===t?void 0:t.optName)&&(0,f.jsx)(_,{name:p[n][0].optName},n),(0,f.jsx)("div",{style:{paddingRight:5,display:"flex",gap:12,flexWrap:"wrap"},children:(0,Z.Z)({variants:e,groups:p,currentProuduct:r,groupKey:n,setCurProduct:i,selectedClassification:r[n],isMobile:y,imageAndText:!0})})]})}))});if(o){var v=Object.keys(p).find((function(n){return[].concat((0,I.Z)(null!=a?a:[]),["dc_mainColor","dc_color"]).includes(n)}));if(v){var h=(0,Z.Z)({variants:e,groups:p,currentProuduct:r,groupKey:v,setCurProduct:i,selectedClassification:r[v],isMobile:y});return(0,f.jsx)(xn,VariantFields_objectSpread(VariantFields_objectSpread({},o),{},{contents:h.map((function(n){return{content:n}}))}))}return(0,f.jsx)(f.Fragment,{})}return w("allproducts")&&Object.keys(p).length>1&&!y?(0,f.jsx)(t.Suspense,{fallback:(0,f.jsx)(f.Fragment,{}),children:(0,f.jsx)(A,{currentProuduct:r,groups:p,setCurProduct:i,variants:e,posOfOpt:m})}):(0,f.jsx)("div",{style:{display:"flex"},children:Object.keys(p).map((function(n){return(0,f.jsx)("div",{style:{paddingRight:5},children:(0,Z.Z)({variants:e,groups:p,currentProuduct:r,groupKey:n,setCurProduct:i,selectedClassification:r[n],isMobile:y})})}))})};var B=i(65515),Y=i.n(B),R=i(89059),J={};J.styleTagTransform=w(),J.setAttributes=b(),J.insert=c().bind(null,"head"),J.domAPI=d(),J.insertStyleElement=x();a()(R.ZP,J);R.ZP&&R.ZP.locals&&R.ZP.locals;var F=i(63910),G={};G.styleTagTransform=w(),G.setAttributes=b(),G.insert=c().bind(null,"head"),G.domAPI=d(),G.insertStyleElement=x();a()(F.ZP,G);F.ZP&&F.ZP.locals&&F.ZP.locals;const K=function Info(n){var e,i=n.curProduct,r=n.hidePrices,t=(0,W.useTranslation)().t,o=(0,W.useDivaCore)().state,s=o.hidePrices,a=o.dimensions.isMobile;return(0,f.jsxs)("div",{className:Y()(F.RZ,a?F.Sn:void 0),children:[(0,f.jsx)("h2",{children:i.shortDescription}),!r&&!s&&(0,f.jsx)("div",{className:F.nt,children:W.DivaUtils.formatPrice(null!==(e=i.discountedPrice)&&void 0!==e?e:i.addedPrice)+" "+t("pdp.price_ending")})]})};function GalleryProduct_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function GalleryProduct_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?GalleryProduct_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):GalleryProduct_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var Q=function getProductKey(n){return n.map((function(n){return n._id})).join()};const V=function GalleryProduct(n){var e,i,r,o=n.products,s=n.groupVariantsByField,a=n.wrapperStyle,l=n.onClick,d=n.imageStyle,p=n.imageWrapperStyle,c=n.textStyle,u=n.hidePrices,b=(0,t.useMemo)((function(){return(0,W.getLogger)("ContentBox","GalleryProduct")}),[]),m=(0,t.useState)(o[0]),x=(0,T.Z)(m,2),g=x[0],w=x[1],y=(0,t.useState)(Q(o)),v=(0,T.Z)(y,2),h=v[0],j=v[1],P=(0,W.useDivaCore)().state.dimensions.isMobile;if(!g)return b.error(new W.DivaError("Something went wrong. Empty array of Products received ")),(0,f.jsx)(f.Fragment,{});(0,t.useEffect)((function(){Q(o)!==h&&(j(Q(o)),w(o[0]))}),[o]);var D=void 0;o.length>1&&s&&(D=(0,f.jsx)(xn,{type:"VariantFields",setCurProduct:function changeProduct(n,e){w(e),2===n.detail&&l(e._id)},currentProuduct:g,variants:o,groupVariantsByField:s,inSlider:{type:"SliderContainer",sliderType:"scrollX",slidesPerView:5,freeMode:!0,allowTouchMove:!1,contents:[],scrollToSelectedItem:!0}}));var O=null!==(e=null!==(i=null===(r=g.media)||void 0===r||null===(r=r.find((function(n){return"ART"===n.functionType})))||void 0===r?void 0:r.url)&&void 0!==i?i:g.image)&&void 0!==e?e:g.image2D;return(0,f.jsxs)("div",{"data-test-id":"gallery-product",onClick:function onClick(){return l(g._id)},className:Y()(R.Di,P?R.Sn:void 0),style:a,children:[(0,f.jsx)("div",{className:R.BH,style:p,children:O&&(0,f.jsx)(xn,{style:GalleryProduct_objectSpread({aspectRatio:"1 / 1",objectFit:"contain"},d),type:"Image",url:O+"?w=500"})}),(0,f.jsxs)("div",{className:R.AR,style:c,children:[(0,f.jsx)(K,{curProduct:g,hidePrices:u}),void 0!==D&&(0,f.jsx)("div",{className:Y()(R.of),children:D})]})]})};var H=i(72874),U=i(30717),q=i(37707),$=i(31964),nn=i(98227),en={};en.styleTagTransform=w(),en.setAttributes=b(),en.insert=c().bind(null,"head"),en.domAPI=d(),en.insertStyleElement=x();a()(nn.ZP,en);nn.ZP&&nn.ZP.locals&&nn.ZP.locals;var rn=i(51843),tn={};tn.styleTagTransform=w(),tn.setAttributes=b(),tn.insert=c().bind(null,"head"),tn.domAPI=d(),tn.insertStyleElement=x();a()(rn.ZP,tn);rn.ZP&&rn.ZP.locals&&rn.ZP.locals;var on=["contents","sliderType","autoPlay","pagination","navigation","type","height","centeredSlides","scrollToSelectedItem","swipeRef"];function SliderContainer_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function SliderContainer_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?SliderContainer_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):SliderContainer_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var sn=function renderItem(n){var e="renderContextBox";switch(o().isValidElement(n.content)&&(e="renderJsx"),e){case"renderJsx":return n.content;case"renderContextBox":return(0,f.jsx)(xn,SliderContainer_objectSpread({},n.content))}};const an=function SliderContainer(n){var e=n.contents,i=n.sliderType,r=n.autoPlay,o=n.pagination,s=void 0!==o&&o,a=n.navigation,l=void 0!==a&&a,d=(n.type,n.height),p=n.centeredSlides,c=n.scrollToSelectedItem,u=n.swipeRef,b=void 0===u?(0,t.useState)(null):u,m=(0,T.Z)(b,2),x=m[0],g=m[1],w=(0,H.Z)(n,on);if(void 0!==r&&"number"==typeof r&&(r={delay:1e3*r,disableOnInteraction:!1}),"Tabs"===i)s={clickable:!0,bulletClass:"paginationTitle",bulletActiveClass:"paginationTitleSel",renderBullet:function renderBullet(n,i){return U.renderToStaticMarkup((0,f.jsxs)("div",{className:Y()(i),children:[(0,f.jsx)("div",{children:e[n].title}),(0,f.jsx)("div",{})]}))}};return(0,f.jsx)(q.tq,SliderContainer_objectSpread(SliderContainer_objectSpread({id:"diva-swiper",onSwiper:g,className:Y()(nn.oW,rn.os,s&&"Tabs"===i?"diva-pagination-css":void 0,p?"swiper-centered":"swiper-not-centered"),style:{maxWidth:p?"100%":"",width:p?"fit-content":"100%",height:null!=d?d:"100%"},direction:["slideY","scrollY"].includes(i)?"vertical":"horizontal",pagination:s,autoplay:r,navigation:l},w),{},{modules:[$.Rv,$.tl,$.W_,$.pt,$.o3,$.Gk],children:e.map((function(n,e){return(0,f.jsx)(q.o5,{onClick:function onClick(n){c&&function navigateToOnClick(n){null==x||x.slideTo(n)}(e-1),n.stopPropagation()},style:n.swiperSlideStyle,className:Y()("Tabs"==i&&s?"swiper-slide-with-pagination":void 0),children:sn(n)},e)}))}))};var ln=o().createContext({});function ContextProvider(n){var e=n.children,i=n.onClose,r=n.parameters;return(0,f.jsx)(ln.Provider,{value:{onClose:i,parameters:r},children:e})}var dn=i(19194),pn={};pn.styleTagTransform=w(),pn.setAttributes=b(),pn.insert=c().bind(null,"head"),pn.domAPI=d(),pn.insertStyleElement=x();a()(dn.ZP,pn);dn.ZP&&dn.ZP.locals&&dn.ZP.locals;var cn=["content","type","closeIconSize","hideCloseIconInPortrait","switchCloseIconToLeftInPortrait","hideCloseIcon"];function CloseButtonContainer_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function CloseButtonContainer_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?CloseButtonContainer_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):CloseButtonContainer_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}const un=function CloseButtonContainer(n){var e=n.content,i=(n.type,n.closeIconSize),r=void 0===i?"32px":i,s=n.hideCloseIconInPortrait,a=n.switchCloseIconToLeftInPortrait,l=n.hideCloseIcon,d=(0,H.Z)(n,cn),p=function useContentBoxState(){return(0,t.useContext)(ln)}().onClose,c=(0,W.useDivaCore)().state.dimensions,u=c.isMobile,b=c.height,m=c.isPortrait&&u,x=o().isValidElement(e);return(0,f.jsxs)("div",CloseButtonContainer_objectSpread(CloseButtonContainer_objectSpread({className:Y()(dn.nC,u&&(b<500||m)?dn.Sn:void 0)},d),{},{children:[!l&&(!s||!m)&&(0,f.jsx)("div",{className:Y()(dn.UF,a&&m?dn.t$:void 0),style:{"--closeIconSize":r},onClick:p}),x&&e,!x&&(0,f.jsx)(xn,CloseButtonContainer_objectSpread({},e))]}))};function ContentBox_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function ContentBox_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?ContentBox_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):ContentBox_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var bn=o().lazy((function(){return i.e(1785).then(i.bind(i,81785))})),mn=o().lazy((function(){return i.e(7271).then(i.bind(i,7271))}));const xn=function ContentBox(n){switch(n.type){case"MediaViewer":return(0,f.jsx)(t.Suspense,{fallback:(0,f.jsx)(f.Fragment,{}),children:(0,f.jsx)(mn,ContentBox_objectSpread({},n))});case"ArViewer":return(0,f.jsx)(t.Suspense,{fallback:(0,f.jsx)(f.Fragment,{}),children:(0,f.jsx)(bn,ContentBox_objectSpread({},n))});case"CloseButtonContainer":return(0,f.jsx)(un,ContentBox_objectSpread({},n));case"SliderContainer":return(0,f.jsx)(an,ContentBox_objectSpread({},n));case"Image":return(0,f.jsx)(P,ContentBox_objectSpread({},n));case"InfoBox":return(0,f.jsx)(C,ContentBox_objectSpread({},n));case"VariantFields":return(0,f.jsx)(E,ContentBox_objectSpread({},n));case"ProductGallery":return(0,f.jsx)(V,ContentBox_objectSpread({},n));case"Overlay":return(0,f.jsx)(M,ContentBox_objectSpread({},n));case"Text":return(0,f.jsx)(j,ContentBox_objectSpread({},n));case"ContentList":return(0,f.jsx)(k,ContentBox_objectSpread({},n));case"PDF":return(0,f.jsx)(h,ContentBox_objectSpread({},n));case"Translation":return(0,f.jsx)(N,ContentBox_objectSpread({},n));default:!function assertNever(n){throw new Error("Invalid content type: ".concat(n.type))}(n)}};function src_ownKeys(n,e){var i=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.push.apply(i,r)}return i}function src_objectSpread(n){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?src_ownKeys(Object(i),!0).forEach((function(e){(0,r.Z)(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):src_ownKeys(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}var gn=function Main(n){var e=n.settings,i=n.onClose,r=n.parameters,t=n.internal;return(0,f.jsx)(ContextProvider,{onClose:i,parameters:r,children:(0,f.jsx)(xn,src_objectSpread(src_objectSpread({},e.contentBoxProps),t))})},wn=function ContentBoxComponent(n){return(0,f.jsx)(gn,src_objectSpread({},n))}},48145:(n,e,i)=>{var r;if(!i.p.startsWith("http")&&null!==(r=document)&&void 0!==r&&null!==(r=r.currentScript)&&void 0!==r&&r.src.includes(".umd.")){var t=new URL(document.currentScript.src),o=t.href.slice(0,t.href.lastIndexOf("/")+1);i.p=o}else window.diva_source_location&&(i.p=window.diva_source_location)},3142:(n,e,i)=>{"use strict";i.d(e,{Z:()=>D});i(87363);var r=i(93379),t=i.n(r),o=i(7795),s=i.n(o),a=i(90569),l=i.n(a),d=i(3565),p=i.n(d),c=i(19216),u=i.n(c),b=i(44589),m=i.n(b),x=i(10640),g={};g.styleTagTransform=m(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=u();t()(x.ZP,g);x.ZP&&x.ZP.locals&&x.ZP.locals;var w=i(65515),y=i.n(w),v=i(22226),f={};f.styleTagTransform=m(),f.setAttributes=p(),f.insert=l().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=u();t()(v.ZP,f);v.ZP&&v.ZP.locals&&v.ZP.locals;var h=i(47514);const j=function ImageAndText(n){var e=n.name,i=n.image,r=n.onClick,t=n.selected,o=n.vCodex;return(0,h.jsxs)("div",{id:e,className:y()(v.CA,t?v.pA:void 0),onClick:r,children:[(0,h.jsxs)("div",{className:y()(v.be),children:[o&&(0,h.jsx)("div",{className:y()(v.rq),children:o}),(0,h.jsx)("img",{className:y()(v.K5),src:i,title:e})]}),(0,h.jsx)("div",{className:v.TN,dangerouslySetInnerHTML:{__html:e}})]})};var P=function compareCodexes(n,e){if(void 0===n||void 0===e)return!1;if(n==e)return!0;if(n.startsWith("A")&&e.startsWith("A")){var i,r,t=new RegExp(/A\d*(.*)/),o=null===(i=n.match(t))||void 0===i?void 0:i[1],s=null===(r=e.match(t))||void 0===r?void 0:r[1];if(o&&s&&o==s)return!0}return!1};const D=function Group(n){var e,i=n.setCurProduct,r=n.groups,t=n.currentProuduct,o=n.groupKey,s=n.variants,a=n.isMobile,l=n.selectedClassification,d=void 0===l?t[o]:l,p=n.imageAndText;if(!d)return[];var c=a?{width:24,height:24}:{width:30,height:30},u=r[o],b=function onClick(n,e){var a=s.filter((function(n){var i,r,t;return P(null!==(i=null===(r=n[o])||void 0===r?void 0:r.value)&&void 0!==i?i:null===(t=n[o])||void 0===t?void 0:t.opv,e)}));if(a.length){for(var l=0;l<a.length;l++){var d=a[l],p=!0;for(var c in r){var u,b,m,x,g,w;if(c!==o){var y=null!==(u=null===(b=d[c])||void 0===b?void 0:b.value)&&void 0!==u?u:null===(m=d[c])||void 0===m?void 0:m.opv,v=null!==(x=null===(g=t[c])||void 0===g?void 0:g.value)&&void 0!==x?x:null===(w=t[c])||void 0===w?void 0:w.opv;if(!P(y,v)){p=!1;break}}}if(p)return void i(n,d)}i(n,a[0])}},m=null!==(e=null==d?void 0:d.opv)&&void 0!==e?e:null==d?void 0:d.value;return u.map((function(n,e){var i,r,t=null!==(i=n.image)&&void 0!==i?i:null===(r=n.variant.media)||void 0===r||null===(r=r.find((function(n){return"OPV"===n.functionType})))||void 0===r?void 0:r.url;return t?p?(0,h.jsx)(j,{onClick:function onClick(e){return b(e,n.codex)},image:t,name:n.name,selected:m===n.codex}):(0,h.jsx)("span",{onClick:function onClick(e){return b(e,n.codex)},style:{backgroundImage:"url("+t+"?w="+c.width+")"},className:y()(x.kT,a?x.Sn:void 0,m===n.codex?x.pA:void 0)},e):(0,h.jsx)(h.Fragment,{})}))}},19194:(n,e,i)=>{"use strict";i.d(e,{Sn:()=>l,UF:()=>d,ZP:()=>c,nC:()=>a,t$:()=>p});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--cCd3N {\n  overflow: hidden;\n  width: calc(100% - 32px);\n  height: calc(100% - 32px);\n  position: relative;\n  background-color: white;\n  padding: 16px;\n}\n\n.index-module--l4m8k.index-module--cCd3N {\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--g2mTn {\n  position: absolute;\n  right: 32px;\n  top: 32px;\n  width: var(--closeIconSize);\n  height: var(--closeIconSize);\n  opacity: 0.3;\n  z-index: 300;\n}\n\n.index-module--g2mTn.index-module--nOyoZ {\n  left: 16px;\n  right: auto;\n  right: initial;\n}\n\n.index-module--g2mTn:hover {\n  cursor: pointer;\n}\n\n.index-module--g2mTn:before {\n  transform: rotate(45deg);\n}\n\n.index-module--g2mTn:after {\n  transform: rotate(-45deg);\n}\n\n.index-module--l4m8k .index-module--g2mTn {\n  right: 16px;\n  top: 16px;\n}\n\n.index-module--g2mTn:before,\n.index-module--g2mTn:after {\n  position: absolute;\n  left: calc(var(--closeIconSize) / 2);\n  content: ' ';\n  height: var(--closeIconSize);\n  width: 3px;\n  background-color: #4b4b4b;\n}\n\n.index-module--g2mTn:hover {\n  opacity: 0.8;\n  transition: opacity 0.2s ease-in-out;\n}\n",""]);var a="index-module--cCd3N",l="index-module--l4m8k",d="index-module--g2mTn",p="index-module--nOyoZ";const c=s},63910:(n,e,i)=>{"use strict";i.d(e,{RZ:()=>a,Sn:()=>d,ZP:()=>p,nt:()=>l});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--C3Lz_ {\n  z-index: 10;\n  color: #4b4b4b;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.index-module--C3Lz_ h2 {\n  line-height: 17px;\n  font-size: 16px;\n  margin: 0px;\n  color: #000000;\n}\n\n.index-module--oN6SN {\n  margin-top: 8px;\n  font-size: 15px;\n  font-weight: normal;\n}\n\n.index-module--MWeXd .index-module--C3Lz_ .index-module--oN6SN {\n  margin-top: 4px;\n}\n",""]);var a="index-module--C3Lz_",l="index-module--oN6SN",d="index-module--MWeXd";const p=s},89059:(n,e,i)=>{"use strict";i.d(e,{AR:()=>d,BH:()=>l,Di:()=>a,Sn:()=>p,ZP:()=>u,of:()=>c});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,"@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);"]),s.push([n.id,".index-module--JdR1u {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  font-family: var(--diva-typography-font-family);\n  justify-content: flex-start;\n  background-color: #f2f2f2;\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  overflow: hidden;\n  transition: box-shadow 0.2s ease-in-out;\n}\n\n.index-module--JdR1u:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--opGS7 {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  background-color: #fff;\n}\n.index-module--WxGys {\n  flex-basis: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 16px;\n}\n\n.index-module--aWACz.index-module--JdR1u > .index-module--WxGys {\n  padding: 12px;\n}\n\n.index-module--WjbHJ {\n  z-index: 100;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-top: 16px;\n}\n\n.index-module--aWACz .index-module--WjbHJ {\n  margin-top: 8px;\n}\n",""]);var a="index-module--JdR1u",l="index-module--opGS7",d="index-module--WxGys",p="index-module--aWACz",c="index-module--WjbHJ";const u=s},42921:(n,e,i)=>{"use strict";i.d(e,{AR:()=>l,ZP:()=>d,nC:()=>a});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--o9_Ip {\n  display: flex;\n}\n\n.index-module--ecL6y {\n  display: flex;\n  flex-direction: column;\n  margin: 0 10px;\n}\n\n.index-module--o9_Ip h3 {\n  margin-bottom: 0;\n  margin-bottom: initial;\n}\n\n.index-module--o9_Ip img {\n  -o-object-fit: contain;\n     object-fit: contain;\n  max-height: 100px;\n}\n",""]);var a="index-module--o9_Ip",l="index-module--ecL6y";const d=s},67169:(n,e,i)=>{"use strict";i.d(e,{I:()=>a,Z:()=>l});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--xjNJA {\n  position: absolute;\n  z-index: 300;\n}\n",""]);var a="index-module--xjNJA";const l=s},7313:(n,e,i)=>{"use strict";i.d(e,{YS:()=>u,ZP:()=>m,qv:()=>b});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o),a=i(61667),l=i.n(a),d=new URL(i(46863),i.b),p=s()(t()),c=l()(d);p.push([n.id,".index-module--cOhDD {\n  display: flex;\n  align-items: center;\n  margin: 6px 12px;\n  gap: 6px;\n}\n\n.index-module--WyZVl {\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n}\n",""]);var u="index-module--cOhDD",b="index-module--WyZVl";const m=p},51843:(n,e,i)=>{"use strict";i.d(e,{ZP:()=>l,os:()=>a});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--szpZM .swiper {\n  --swiper-theme-color: var(--diva-theme-palette-primary-main);\n  width: 100%;\n  height: 100%;\n}\n\n.index-module--szpZM .swiper-slide {\n  font-size: 18px;\n  overflow: hidden;\n\n  display: flex;\n\n  justify-content: center;\n\n  align-items: flex-start;\n}\n#index-module--NsDsL .index-module--A5LKy.index-module--MmCgV {\n  align-items: flex-start;\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-slide-with-pagination {\n  box-sizing: border-box !important;\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-slide-with-pagination {\n  height: 100%;\n  padding-top: 40px;\n  justify-content: initial;\n  align-items: initial;\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-pagination-horizontal {\n  z-index: 5 !important;\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-pagination-horizontal {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  transition: 0.3s opacity;\n  width: -moz-fit-content;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n}\n\n/* custom pagination for type tab */\n\n.index-module--szpZM.diva-pagination-css .swiper-pagination-bullets {\n  display: flex;\n  justify-content: flex-start;\n  gap: 12px;\n}\n\n.index-module--szpZM .paginationTitle {\n  display: flex;\n  flex-direction: column;\n  flex-basis: 100%;\n  max-width: 180px;\n  font-family: var(--diva-typography-font-family);\n  font-style: normal;\n  font-weight: 500;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.index-module--szpZM .paginationTitle > div {\n  color: #8f8f8f;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: background-color 300ms ease;\n}\n\n.index-module--szpZM .paginationTitle > div:nth-child(1) {\n  padding: 5px 5px 5px 2px;\n  text-align: left;\n}\n\n.index-module--szpZM .paginationTitle > div:nth-child(2) {\n  height: 3px;\n  background-color: #e0e0e0;\n  border-radius: 3px;\n}\n\n.index-module--szpZM .paginationTitle:hover > div:nth-child(2) {\n  background-color: grey;\n}\n.index-module--szpZM .paginationTitleSel:hover > div:nth-child(1) {\n  color: var(--diva-theme-palette-primary-main);\n}\n.index-module--szpZM .paginationTitleSel:hover > div:nth-child(2) {\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--szpZM .paginationTitleSel > div:nth-child(1) {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--szpZM .paginationTitleSel > div:nth-child(2) {\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--szpZM.diva-pagination-css .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {\n  top: 10px;\n  height: -moz-min-content;\n  height: min-content;\n}\n",""]);var a="index-module--szpZM";const l=s},98227:(n,e,i)=>{"use strict";i.d(e,{ZP:()=>b,oW:()=>u});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o),a=i(61667),l=i.n(a),d=new URL(i(64197),i.b),p=s()(t()),c=l()(d);p.push([n.id,"/**\n * Swiper 8.3.2\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2022 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: July 26, 2022\n */\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+c+");\n  font-weight: 400;\n  font-style: normal;\n}\n\n.librarycss-module--WDxPX.swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.librarycss-module--WDxPX .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.librarycss-module--WDxPX .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.librarycss-module--WDxPX .swiper-android .swiper-slide,\n.librarycss-module--WDxPX .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.librarycss-module--WDxPX .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.librarycss-module--WDxPX .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.librarycss-module--WDxPX .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n.librarycss-module--WDxPX .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.librarycss-module--WDxPX .swiper-autoheight,\n.librarycss-module--WDxPX .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.librarycss-module--WDxPX .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.librarycss-module--WDxPX .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.librarycss-module--WDxPX .swiper-3d,\n.librarycss-module--WDxPX .swiper-3d.swiper-css-mode .swiper-wrapper {\n  perspective: 1200px;\n}\n.librarycss-module--WDxPX .swiper-3d .swiper-cube-shadow,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow-bottom,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow-left,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow-right,\n.librarycss-module--WDxPX .swiper-3d .swiper-slide-shadow-top,\n.librarycss-module--WDxPX .swiper-3d .swiper-wrapper {\n  transform-style: preserve-3d;\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow,\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-bottom,\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-left,\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-right,\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-top {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 10;\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow {\n  background: rgba(0, 0, 0, 0.15);\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-left {\n  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-right {\n  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-top {\n  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.librarycss-module--WDxPX.swiper-3d .swiper-slide-shadow-bottom {\n  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n.librarycss-module--WDxPX.swiper-css-mode > .swiper-wrapper {\n  overflow: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.librarycss-module--WDxPX.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n  display: none;\n}\n.librarycss-module--WDxPX.swiper-css-mode > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: start start;\n}\n.librarycss-module--WDxPX.swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.librarycss-module--WDxPX.swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.librarycss-module--WDxPX.swiper-centered > .swiper-wrapper::before {\n  content: '';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir=\"ltr\"] .librarycss-module--WDxPX.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .librarycss-module--WDxPX.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.librarycss-module--WDxPX.swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.librarycss-module--WDxPX.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.librarycss-module--WDxPX.swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.librarycss-module--WDxPX.swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n\n/*Free mode*/\n.librarycss-module--WDxPX.swiper-free-mode > .swiper-wrapper {\n  transition-timing-function: ease-out;\n  margin: 0 auto;\n}\n/*navigation*/\n.librarycss-module--WDxPX:root {\n  --swiper-navigation-size: 44px;\n}\n.librarycss-module--WDxPX.swiper-button-next,\n.librarycss-module--WDxPX.swiper-button-prev {\n  position: absolute;\n  top: 50%;\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.librarycss-module--WDxPX.swiper-button-next.swiper-button-disabled,\n.librarycss-module--WDxPX.swiper-button-prev.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.librarycss-module--WDxPX.swiper-button-next.swiper-button-hidden,\n.librarycss-module--WDxPX.swiper-button-prev.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.librarycss-module--WDxPX.swiper-navigation-disabled .swiper-button-next,\n.librarycss-module--WDxPX.swiper-navigation-disabled .swiper-button-prev {\n  display: none !important;\n}\n.librarycss-module--WDxPX.swiper-button-next:after,\n.librarycss-module--WDxPX.swiper-button-prev:after {\n  text-transform: none !important;\n}\n.librarycss-module--WDxPX.swiper-button-next:after,\n.librarycss-module--WDxPX.swiper-button-prev:after {\n  font-family: swiper-icons;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n.librarycss-module--WDxPX .swiper-button-prev,\n.librarycss-module--WDxPX .swiper-rtl .swiper-button-next {\n  left: 10px;\n  right: auto;\n}\n.librarycss-module--WDxPX.swiper-button-prev:after,\n.librarycss-module--WDxPX.swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.librarycss-module--WDxPX .swiper-button-next,\n.librarycss-module--WDxPX .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  left: auto;\n}\n.librarycss-module--WDxPX.swiper-button-next:after,\n.librarycss-module--WDxPX.swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n.librarycss-module--WDxPX.swiper-button-lock {\n  display: none;\n}\n/*pagination*/\n.librarycss-module--WDxPX.swiper-pagination {\n  position: absolute;\n  text-align: center;\n  transition: 0.3s opacity;\n  transform: translate3d(0, 0, 0);\n  z-index: 10;\n}\n.librarycss-module--WDxPX.swiper-pagination.swiper-pagination-hidden {\n  opacity: 0;\n}\n.librarycss-module--WDxPX.swiper-pagination-disabled > .swiper-pagination,\n.librarycss-module--WDxPX.swiper-pagination.swiper-pagination-disabled {\n  display: none !important;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-bullets,\n.librarycss-module--WDxPX.swiper-pagination-bullets.swiper-pagination-horizontal,\n.librarycss-module--WDxPX.swiper-pagination-custom,\n.librarycss-module--WDxPX.swiper-pagination-fraction {\n  bottom: 10px;\n  left: 0;\n  width: 100%;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic {\n  overflow: hidden;\n  font-size: 0;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transform: scale(0.33);\n  position: relative;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n  transform: scale(1);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n  transform: scale(1);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n  transform: scale(0.66);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n  transform: scale(0.33);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n  transform: scale(0.66);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n  transform: scale(0.33);\n}\n.librarycss-module--WDxPX.swiper-pagination-bullet {\n  width: 8px;\n  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));\n  height: 8px;\n  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));\n  display: inline-block;\n  border-radius: 50%;\n  background: #000;\n  background: var(--swiper-pagination-bullet-inactive-color, #000);\n  opacity: 0.2;\n  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);\n}\n.librarycss-module--WDxPX:globalbutton.librarycss-module--tbgP6 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n       appearance: none;\n}\n.librarycss-module--WDxPX.swiper-pagination-clickable .swiper-pagination-bullet {\n  cursor: pointer;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullet:only-child {\n  display: none !important;\n}\n.librarycss-module--WDxPX.swiper-pagination-bullet-active {\n  opacity: 1;\n  opacity: var(--swiper-pagination-bullet-opacity, 1);\n  background: var(--swiper-theme-color);\n  background: var(--swiper-pagination-color, var(--swiper-theme-color));\n}\n.librarycss-module--WDxPX.swiper-pagination-vertical.swiper-pagination-bullets,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-bullets {\n  right: 10px;\n  top: 50%;\n  transform: translate3d(0px, -50%, 0);\n}\n.librarycss-module--WDxPX.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {\n  margin: 6px 0;\n  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\n  display: block;\n}\n.librarycss-module--WDxPX.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n  top: 50%;\n  transform: translateY(-50%);\n  width: 8px;\n}\n.librarycss-module--WDxPX.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  display: inline-block;\n  transition:\n    0.2s transform,\n    0.2s top;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,\n.librarycss-module--WDxPX.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {\n  margin: 0 4px;\n  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n.librarycss-module--WDxPX.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n  left: 50%;\n  transform: translateX(-50%);\n  white-space: nowrap;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n.librarycss-module--WDxPX.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transition:\n    0.2s transform,\n    0.2s left;\n}\n.librarycss-module--WDxPX.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n  transition:\n    0.2s transform,\n    0.2s right;\n}\n.librarycss-module--WDxPX.swiper-pagination-progressbar {\n  background: rgba(0, 0, 0, 0.25);\n  position: absolute;\n}\n.librarycss-module--WDxPX.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  background: var(--swiper-theme-color);\n  background: var(--swiper-pagination-color, var(--swiper-theme-color));\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  transform: scale(0);\n  transform-origin: left top;\n}\n.librarycss-module--WDxPX.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n  transform-origin: right top;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-progressbar,\n.librarycss-module--WDxPX.swiper-pagination-progressbar.swiper-pagination-horizontal,\n.librarycss-module--WDxPX.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {\n  width: 100%;\n  height: 4px;\n  left: 0;\n  top: 0;\n}\n.librarycss-module--WDxPX.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n.librarycss-module--WDxPX.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,\n.librarycss-module--WDxPX.swiper-pagination-progressbar.swiper-pagination-vertical,\n.librarycss-module--WDxPX.swiper-vertical > .swiper-pagination-progressbar {\n  width: 4px;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n.librarycss-module--WDxPX.swiper-pagination-lock {\n  display: none;\n}\n",""]);var u="librarycss-module--WDxPX";const b=p},85883:(n,e,i)=>{"use strict";i.d(e,{Y:()=>a,Z:()=>l});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--DDFDj {\n  width: 85%;\n  border-bottom: 1px solid #b1b1b1;\n  color: #4f4b49;\n  font-size: 20px;\n  font-weight: 300;\n}\n",""]);var a="index-module--DDFDj";const l=s},22226:(n,e,i)=>{"use strict";i.d(e,{CA:()=>a,K5:()=>c,TN:()=>u,ZP:()=>b,be:()=>p,pA:()=>d,rq:()=>l});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,"/*Size Normal */\n\n.index-module--e_7FC {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n\n  width: 90px;\n}\n\n.index-module--e_7FC:active,\n.index-module--e_7FC:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--fRbe4 {\n  position: absolute;\n  line-height: 104px;\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--e_7FC:hover .index-module--fRbe4,\n.index-module--BJRzp .index-module--fRbe4 {\n  display: block;\n}\n\n.index-module--lYFwl {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n\n.index-module--e_7FC:not(.index-module--BJRzp) .index-module--lYFwl {\n  overflow: hidden;\n}\n.index-module--lYFwl:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.index-module--BJRzp .index-module--lYFwl:hover,\n.index-module--nBE6E.index-module--BJRzp .index-module--lYFwl:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--BJRzp .index-module--lYFwl,\n.index-module--nBE6E.index-module--BJRzp .index-module--lYFwl {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--yuCjJ {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--BJRzp .index-module--yuCjJ,\n.index-module--nBE6E.index-module--BJRzp .index-module--yuCjJ {\n  border: 4px var(--primaryColor) solid;\n}\n\n.index-module--uEtqR {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--dOhGn {\n  margin-top: 4px;\n  text-align: center;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  width: 100%;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  z-index: 400;\n}\n\n.index-module--e_7FC:hover .index-module--dOhGn,\n.index-module--nBE6E .index-module--e_7FC:hover .index-module--dOhGn {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  z-index: 200;\n}\n\n/* Size Small */\n\n.index-module--nBE6E .index-module--fRbe4 {\n  line-height: 58px;\n  font-size: 12px;\n}\n\n.index-module--nBE6E .index-module--dOhGn {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.index-module--np649 .index-module--fRbe4 {\n  line-height: 48px;\n  font-size: 10px;\n}\n\n.index-module--np649 .index-module--dOhGn {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.index-module--eHNW1 .index-module--fRbe4 {\n  line-height: 158px;\n  font-size: 15px;\n}\n\n.index-module--eHNW1 .index-module--dOhGn {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n",""]);var a="index-module--e_7FC",l="index-module--fRbe4",d="index-module--BJRzp",p="index-module--lYFwl",c="index-module--yuCjJ",u="index-module--dOhGn";const b=s},10640:(n,e,i)=>{"use strict";i.d(e,{Sn:()=>l,ZP:()=>p,kT:()=>a,pA:()=>d});var r=i(8081),t=i.n(r),o=i(23645),s=i.n(o)()(t());s.push([n.id,".index-module--akcUO {\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  cursor: pointer;\n  border: solid #f8f8f8 2px;\n  margin: 2px;\n  display: block;\n}\n\n.index-module--AwJYr {\n  width: 26px;\n  height: 26px;\n  border-radius: 50%;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n  border: solid #f8f8f8 2px;\n  display: block;\n}\n\n.index-module--doSYy {\n  width: 24px;\n  height: 24px;\n}\n.index-module--AwJYr,\n.index-module--akcUO {\n  transition: border-color 200ms ease;\n}\n\n.index-module--AwJYr:hover,\n.index-module--akcUO:hover {\n  cursor: pointer;\n  border: solid #9d9d9d 2px;\n}\n\n.index-module--Dv5Hx.index-module--AwJYr,\n.index-module--Dv5Hx.index-module--akcUO {\n  border: 2px solid #4f4f4f;\n}\n",""]);var a="index-module--AwJYr",l="index-module--doSYy",d="index-module--Dv5Hx";const p=s},46863:n=>{"use strict";n.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIzMzQuMzcxcHgiIGhlaWdodD0iMzgwLjU2M3B4IiB2aWV3Qm94PSIwIDAgMzM0LjM3MSAzODAuNTYzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMzQuMzcxIDM4MC41NjMiCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJpY29uX1BERl9maWxlIj4KCTxnIGlkPSJjb250b3VyXzEiPgoJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNTEuNzkxLDM1Ni42NDYgNTEuNzkxLDIzLjk5IDIwNC40OTcsMjMuOTkgMjgyLjY0NiwxMDIuMDY2IDI4Mi42NDYsMzU2LjY0NiAJCSIvPgoJCTxwYXRoIGQ9Ik0yMDEuMTg2LDMxLjk5bDczLjQ2LDczLjM5M3YyNDMuMjY0SDU5Ljc5MVYzMS45OUgyMDEuMTg2IE0yMDcuODA5LDE1Ljk5SDQzLjc5MXYzNDguNjU3aDI0Ni44NTRWOTguNzVMMjA3LjgwOSwxNS45OQoJCQlMMjA3LjgwOSwxNS45OXoiLz4KCTwvZz4KCTxnIGlkPSJjb250b3VyXzIiPgoJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNTEuNzkxLDM1Ni42NDYgNTEuNzkxLDIzLjk5IDIwNC40OTcsMjMuOTkgMjA2LjMwOSwyNS44IDIwNi4zMDksMTAwLjMyNyAyODAuOTA0LDEwMC4zMjcgCgkJCTI4Mi42NDYsMTAyLjA2NiAyODIuNjQ2LDM1Ni42NDYgCQkiLz4KCQk8cGF0aCBkPSJNMTk4LjMwOSwzMS45OXY2MC4zMzd2MTZoMTZoNjAuMzM3djI0MC4zMkg1OS43OTFWMzEuOTlIMTk4LjMwOSBNMjA3LjgwOSwxNS45OUg0My43OTF2MzQ4LjY1N2gyNDYuODU0Vjk4Ljc1CgkJCWwtNi40My02LjQyNGgtNjkuOTA3VjIyLjQ4NEwyMDcuODA5LDE1Ljk5TDIwNy44MDksMTUuOTl6Ii8+Cgk8L2c+Cgk8ZyBpZD0idHJpYW5nbGUiPgoJCTxwb2x5Z29uIHBvaW50cz0iMjE5LjY0Myw4Ny43NSAyMTkuNjQzLDQ4LjY2NyAyNTguMzA5LDg2LjM4IDI1OC4zMDksODcuNzUgCQkiLz4KCQk8cGF0aCBkPSJNMjI3LjY0Myw2Ny42NDZsMTIuNDEsMTIuMTA0aC0xMi40MVY2Ny42NDYgTTIyMi42NDEsNDAuNDE3aC0xMC45OThWOTUuNzVoNTQuNjY2VjgzLjAwOEwyMjIuNjQxLDQwLjQxN0wyMjIuNjQxLDQwLjQxN3oKCQkJIi8+Cgk8L2c+Cgk8ZyBpZD0icmVkX3NxdWFyZSI+CgkJPHBvbHlnb24gZmlsbD0iI0VEMUMyNCIgcG9pbnRzPSIyMi41NDQsMjg0LjQ5IDIyLjU0NCwxNjcuNjgyIDM3LjI5MSwxNTIuOTM1IDM3LjI5MSwxNzEuNDg5IDI5Ny4xNDYsMTcxLjQ4OSAyOTcuMTQ2LDE1Mi45MzUgCgkJCTMxMS44OTMsMTY3LjY4MiAzMTEuODkzLDI4NC40OSAJCSIvPgoJCTxwYXRoIGZpbGw9IiNFRDFDMjQiIGQ9Ik0zMDMuNjQ2LDE2OC42MjdsMS43NDcsMS43NDdWMjc3Ljk5SDI5LjA0NFYxNzAuMzc0bDEuNzQ3LTEuNzQ3djkuMzYyaDEzaDI0Ni44NTRoMTNWMTY4LjYyNwoJCQkgTTI5MC42NDYsMTM3LjI0MnYyNy43NDdINDMuNzkxdi0yNy43NDdsLTI3Ljc0NywyNy43NDdWMjkwLjk5aDMwMi4zNDlWMTY0Ljk4OUwyOTAuNjQ2LDEzNy4yNDJMMjkwLjY0NiwxMzcuMjQyeiIvPgoJPC9nPgoJPHJlY3QgeD0iNTIuMDk2IiB5PSIxODkuMzI0IiBmaWxsPSJub25lIiB3aWR0aD0iMjMyLjgyNiIgaGVpZ2h0PSI4Ny44MzQiLz4KCTx0ZXh0IHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIDEgNTIuMDk1NyAyNzEuNjYyMSkiIGZpbGw9IiNGRkZGRkYiIGZvbnQtZmFtaWx5PSJEZWphVnUgU2FucyIgZm9udC13ZWlnaHQ9ImJvbGQiIGZvbnQtc2l6ZT0iMTA1Ij5QREY8L3RleHQ+CjwvZz4KPC9zdmc+"}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7078.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7078],{13222:(e,n,t)=>{t.r(n),t.d(n,{default:()=>h});var i=t(34988),r=t(87363),o=t(36115),s=t(59165),l=t(65515),a=t.n(l),d=t(22976),c=t.n(d),u=t(47514);const h=function DecisionVisualization(e){var n=e.decision,t=e.snapshots,l=e.matchingOptions,d=void 0===l?{}:l,h=e.anyData,p=e.onClose,f=(0,r.useRef)(null),x=(0,r.useState)(),m=(0,i.Z)(x,2),v=m[0],g=m[1],j=function renderIfDefined(e,n){return null!=e&&""!==e?(0,u.jsxs)("p",{children:[(0,u.jsxs)("strong",{children:[n,n?":":""]}),Array.isArray(e)?e.join(", "):e]}):null};(0,r.useEffect)((function(){if(t){var e={},n=function _loop(){var n=t.before[i],r=t.after[i];e[i]={after:r,before:n,removedOpvs:n.visibleOPVs.filter((function(e){return!r.visibleOPVs.includes(e)}))}};for(var i in t.before)n();g(e)}else g(void 0)}),[t]);var b=function isExpanded(e,n,t){var i=t;return!(void 0!==t&&!["removedOpvs","after","before"].includes(t))||!!(v&&i&&v[i]&&JSON.stringify(v[i].before)!==JSON.stringify(v[i].after))};if(void 0!==n.priceFeatureGroupNo){var y,O,C=n;return(0,u.jsx)(c(),{nodeRef:f,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{className:o.ii,ref:f,children:[(0,u.jsxs)("h2",{className:a()(o.uR,"handle"),children:["PriceFeatureGroup #",C.priceFeatureGroupNo]}),(0,u.jsx)("div",{className:o.UF,onClick:function onClick(){return null==p?void 0:p()}}),(0,u.jsxs)("div",{children:[j(C.catalogId,"Catalog ID"),j(C._id,"priceFeatureGroup ID"),j(null===(y=C.priceFeatureGroupText)||void 0===y?void 0:y.DE,"priceFeatureGroupText"),j(C.percentageSurcharges,"percentageSurcharges"),j(C.isPercentage,"isPercentage"),j(C.comment,"comment"),j(C.featureNos,"Feature References"),j(C.additionalPrice,"Additional Price"),j(C.activeCombination,"Active Combination Seqence")]}),(0,u.jsx)("h3",{className:o.dY,children:"Option Combinations"}),(0,u.jsxs)("table",{className:o.ao,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{children:[(0,u.jsx)("th",{children:"Sequence"}),(0,u.jsx)("th",{children:"condition"}),(0,u.jsx)("th",{children:"priceField"})]})}),(0,u.jsx)("tbody",{children:null===(O=C.finishes)||void 0===O?void 0:O.map((function(e){return(0,u.jsxs)("tr",{className:a()(e.sequence===C.activeCombination?o.Se:void 0),children:[(0,u.jsx)("td",{children:e.sequence}),(0,u.jsx)("td",{children:JSON.stringify(e.optionsSetRefs)}),(0,u.jsxs)("td",{children:["PRFG",C.priceFeatureGroupNo+"_"+e.priceField]})]},e._id)}))})]}),(0,u.jsx)("br",{}),!!Object.values(d).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(d).map((function(e){return j(e+": "+d[e],"")})),(0,u.jsx)("br",{})]}),!!v&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:v,style:s._l})]}),!!h&&(0,u.jsx)(s.gc,{data:h,style:s._l})]})})}if(void 0!==n.Number){var N=n;return(0,u.jsx)(c(),{nodeRef:f,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{ref:f,style:{userSelect:"text"},children:[(0,u.jsx)("div",{className:o.UF,onClick:function onClick(){return null==p?void 0:p()}}),(0,u.jsxs)("h2",{className:"handle",children:[" Decision Details ",j(N.Number,"Number")]}),j(N.Type,"Type"),j(N.Prio,"Priority"),j(N.Options,"Options"),j(N.enabled?"Yes":"No","Enabled"),j(N.Number,"Decision Number"),j(N.activeCombination,"Active Combination Index"),j(N.disableHistory,"Disabled History"),N.DOC&&N.DOC.length>0&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("h3",{children:"Decision Option Combinations:"}),N.DOC.map((function(e,n){var t;return(0,u.jsxs)("div",{className:"decision-option-combination",children:[j(n,"doc Index"),j(e.JsFormula,"Formula"),Object.values(null!==(t=e.Row)&&void 0!==t?t:{}).map((function(e){return(0,u.jsx)(u.Fragment,{children:j(e.join(";"),"Doc Row")})})),e.DA&&e.DA.length>0&&(0,u.jsxs)("div",{children:[(0,u.jsx)("h6",{children:"Decision Actions:"}),(0,u.jsx)("ul",{children:e.DA.map((function(e,n){return(0,u.jsxs)("li",{children:[j(e.Type,"Action Type"),j(e.FeatureRef,"Feature Ref"),j(e.OptionCodex,"OptionCodex"),j(e.OptionRef,"OptionRef"),j(e.OptionRefCodex,"OptionRefCodex"),j(e.OptionValueRefCodex,"OptionValueRefCodex"),j(e.DecisionNr,"DecisionNr")]},n)}))})]}),j(e.ValidOptionValues,"Valid Option Values"),j(e.ValidOptions,"Valid Options")]},n)}))]}),j(N.disableHistory,"Disabled History"),(0,u.jsx)("strong",{children:"Is Valid DOC:"})," ",N.DOC&&N.DOC.length>0?"Yes":"No",(0,u.jsx)("br",{}),!!Object.values(d).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(d).map((function(e){return j(e+": "+d[e],"")})),(0,u.jsx)("br",{})]}),!!v&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:v,style:s._l})]}),!!h&&(0,u.jsx)(s.gc,{data:h,style:s._l})]})})}var S,w=n;return(0,u.jsx)(c(),{nodeRef:f,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{ref:f,className:o.ii,children:[(0,u.jsx)("div",{className:o.UF,onClick:function onClick(){return null==p?void 0:p()}}),(0,u.jsxs)("h2",{className:a()(o.uR,"handle"),children:["Decision #",w.decisionNo]}),(0,u.jsxs)("div",{children:[j(w.catalogId,"Catalog ID"),j(w._id,"Decision ID"),j(w.prio,"Priority"),j(w.decisionType,"Decision Type"),j(w.enabled?"Enabled":"Disabled","Status"),j(w.deleted?"Yes":"No","Deleted"),j(w.featureRefs,"Feature References"),j(w.disableHistory,"Disable History"),j(w.activeCombination,"Active Combination Seqence")]}),(0,u.jsx)("h3",{className:o.dY,children:"Option Combinations"}),(0,u.jsxs)("table",{className:o.ao,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{children:[(0,u.jsx)("th",{children:"Sequence"}),(0,u.jsx)("th",{children:"Actions"}),(0,u.jsx)("th",{children:"Options Set References"})]})}),(0,u.jsx)("tbody",{children:null===(S=w.optionCombinations)||void 0===S?void 0:S.map((function(e){return(0,u.jsxs)("tr",{children:[(0,u.jsx)("td",{children:e.sequence}),(0,u.jsx)("td",{children:e.actions.join(", ")}),(0,u.jsx)("td",{children:JSON.stringify(e.optionsSetRefs)})]},e._id)}))})]}),(0,u.jsx)("br",{}),!!Object.values(d).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(d).map((function(e){return j(e+": "+d[e],"")})),(0,u.jsx)("br",{})]}),!!v&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:v,style:s._l})]}),!!h&&(0,u.jsx)(s.gc,{data:h,style:s._l})]})})}},52654:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});t(87363);var i=t(28317),r=t(9420),o=t(47514);const s=(0,r.Pi)((function AsyncRender(e){var n=e.optionSnapshot,t=e.onClick,r=e.showDiffOnly,s=e.allOpen,l=function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}(n.promise);return l?(0,o.jsx)(i.default,{onClick:t,articles:l.articleSnapshot,price:l.price,title:n.title,allOpen:s,showDiffOnly:r,configStepKey:n.key}):(0,o.jsx)(o.Fragment,{})}))},28317:(e,n,t)=>{t.r(n),t.d(n,{default:()=>f});var i=t(80248),r=t(34988),o=t(87363),s=t(9420),l=t(93476),a=t(57446),d=t.n(a),c=t(91923),u=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 h=function getPartlistArticles(e,n){for(var t in e.partlistArticles){var i=e.partlistArticles[t];if(i.hasPartlistArticle)n.push(p(i,!0)),n=h(i,n);else{for(var r=!1,o=0;o<n.length;o++)if(i.articleCodex===n[o].articleCodex&&i.retailArticleNr===n[o].retailArticleNr&&i.retailPrefix===n[o].retailPrefix&&i.catalogCodex===n[o].catalogCodex){r=!0,n[o].quantity+=i.quantity;break}r||n.push(p(i))}}return n},p=function getPartlsitArticleObj(e,n){var t,i,r,o,s,l;return{name:(n?"Hülse: ":"")+e.posNr+" "+e.name,price:n?"---":e.price,retailArticleNr:null!==(t=e.retailArticleNr)&&void 0!==t?t:"",retailPrefix:null!==(i=e.retailPrefix)&&void 0!==i?i:"",quantity:e.quantity,ruleDesc:null!==(r=e.ruleDesc)&&void 0!==r?r:"",articleCodex:e.articleCodex,catalogCodex:null!==(o=e.catalogCodex)&&void 0!==o?o:"",codex:e.articleCodex,rule:e.ruleDesc,decision:e.partlistDecisionNo?null!==(s=null===(l=e.partListParentArticle)||void 0===l||null===(l=l.catalogArticle.partlistDecisions)||void 0===l?void 0:l["D"+e.partlistDecisionNo])&&void 0!==s?s:e.CatalogData.loadedDecisions.find((function(n){return n.decisionNo===e.partlistDecisionNo})):void 0,partlistRule:e.partlistRule}};const f=(0,s.Pi)((function PartlistTable(e){var n=e.onClick,t=e.articles,i=e.price,s=e.title,a=e.allOpen,p=e.configStepKey,f=e.showDiffOnly,x=(0,o.useState)(),m=(0,r.Z)(x,2),v=m[0],g=m[1],j=(0,c.NP)();return(0,o.useEffect)((function(){var e,n=j.settingsState.partlistArticlesInOverview[p];if((void 0===v||!n||n.totalCount===n.items.length)&&(void 0===v||f)){var i=[];for(var r in t)i=h(t[r],i);f&&n&&n.totalCount===n.items.length&&(i=i.map((function(e){return _objectSpread(_objectSpread({},e),{},{visible:n.items.filter((function(n){return n.articles.find((function(n){return n.plaCodex==e.articleCodex&&e.retailArticleNr==n.retailArticleNr}))})).length!==n.items.length})})));var o=_objectSpread({},j.settingsState.partlistArticlesInOverview);null!==(e=o[p])&&void 0!==e&&e.items&&!o[p].items.find((function(e){return e.opv===s}))&&(o[p].items.push({opv:s,articles:i.map((function(e){return{plaCodex:e.articleCodex,retailArticleNr:e.retailArticleNr,quantity:e.quantity}}))}),j.settingsState.setPartlistArticlesInOverview(o)),g(i)}}),[j.settingsState.partlistArticlesInOverview]),(0,u.jsx)(d(),{trigger:(0,u.jsx)("div",{style:{cursor:"pointer"},children:"Stücklistenartikel: "+(null!=v?v:[]).length+" preis: "+i+" -- "+s}),open:""==s||a,easing:"ease",transitionTime:100,children:(0,u.jsxs)("table",{className:l.Kz,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{className:l.$Q,children:[(0,u.jsx)("th",{children:"Name"}),(0,u.jsx)("th",{children:"Artikle Nr."}),(0,u.jsx)("th",{children:"CatalogCodex"}),(0,u.jsx)("th",{children:"Preis"}),(0,u.jsx)("th",{children:"Nr"}),(0,u.jsx)("th",{children:"Prefix"}),(0,u.jsx)("th",{children:"Menge"}),(0,u.jsx)("th",{children:"Rule"}),(0,u.jsx)("th",{children:"decision"})]})}),(0,u.jsx)("tbody",{children:(null!=v?v:[]).filter((function(e){return!f||e.visible||void 0===e.visible})).map((function(e){var t,i,r;return(0,u.jsxs)("tr",{className:l.$Q,children:[(0,u.jsxs)("th",{children:[" ",e.name]}),(0,u.jsxs)("th",{children:[e.articleCodex," "]}),(0,u.jsxs)("th",{children:[e.catalogCodex," "]}),(0,u.jsxs)("th",{children:[" ",null!==(t=e.price)&&void 0!==t?t:0," "]}),(0,u.jsxs)("th",{children:[" ",e.retailArticleNr," "]}),(0,u.jsxs)("th",{children:[e.retailPrefix," "]}),(0,u.jsxs)("th",{children:[e.quantity," "]}),(0,u.jsx)("th",{children:e.rule}),e.decision&&(0,u.jsx)("th",{onClick:function onClick(){return n({decision:e.decision,rule:e.partlistRule})},children:(null===(i=e.decision)||void 0===i?void 0:i.Number)||(null===(r=e.decision)||void 0===r?void 0:r.decisionNo)})]},e.articleCodex+e.retailArticleNr)}))})]})})}))},97078:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(80248),r=t(34988),o=t(72874),s=t(87363),l=t(51203),a=t(93476),d=t(36115),c=t(91923),u=t(9420),h=t(65515),p=t.n(h),f=t(13222),x=t(32142),m=t(52654),v=t(47514),g=["onMouseDown"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const j=(0,u.Pi)((function PartList(e){var n=e.onMouseDown,t=(0,o.Z)(e,g),i=(0,c.NP)(),u=(0,s.useState)(),h=(0,r.Z)(u,2),j=h[0],b=h[1],y=(0,s.useState)(),O=(0,r.Z)(y,2),C=O[0],N=O[1],S=(0,s.useState)(!1),w=(0,r.Z)(S,2),P=w[0],D=w[1],k=(0,s.useState)(!1),A=(0,r.Z)(k,2),F=A[0],R=A[1],_=(0,s.useState)(!0),z=(0,r.Z)(_,2),E=z[0],I=z[1],Z=function onClick(e){var n,t,i=e.decision;(i.decisionNo||i.Number)==((null==j||null===(n=j.decision)||void 0===n?void 0:n.Number)||(null==j||null===(t=j.decision)||void 0===t?void 0:t.decisionNo))?b(void 0):b(e)};(0,s.useEffect)((function(){P?setTimeout((function(){return q()}),400):N([{snapshots:[{promise:new Promise((function(e){var n,t,r;e({articleSnapshot:null!==(n=i.divaWebPlanner.getDivaArticles())&&void 0!==n?n:{},price:null!==(t=null===(r=i.divaWebPlanner.actSet())||void 0===r?void 0:r.getSetPrice())&&void 0!==t?t:0})})),title:"",key:i.settingsState.configChanged.toString()}]}])}),[i.settingsState.configChanged,i.tabGroupState.curConfigStep]);var q=function updateVariants(){for(var e=[],n={},t=i.settingsState.itemPaletteArr.filter((function(e){return e[1].visible})).map((function(e){return{items:e[1].groups.flatMap((function(e){return e.items.flatMap((function(e){return e}))})),palette:e[1]}})),r=0;r<t.length;r++){for(var o=t[r].items,s=t[r].palette,l=[],a=0;a<o.length;a++){var d=o[a];d.pricePreviewPromise&&(d.text||d.name)&&l.push({promise:d.pricePreviewPromise.promise,title:d.text||d.name,key:s.configStepKey})}n[s.configStepKey]={items:[],totalCount:o.length},e.push({snapshots:l,palette:s})}i.settingsState.setPartlistArticlesInOverview(n),N(e)};return(0,s.useEffect)((function(){var e=i.divaWebPlanner.actSet();e&&(e.logTotalStateForVariants=P)}),[P]),null!=C&&C.length?(0,v.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:p()(t.className,a.fm,i.uiState.configSettingsIsExpanded?l.NF:void 0),style:{zIndex:800},children:[(0,v.jsxs)("a",{className:a.Fs,onMouseDown:n,children:["Stücklisten Übersicht",(0,v.jsxs)("div",{className:a.US,children:[(0,v.jsx)(x.default,{state:P,onChange:function onChange(e){return D(e)},on:"alle",off:"einzeln",width:100}),P&&(0,v.jsx)(x.default,{state:F,onChange:function onChange(e){return R(e)},on:"offen",off:"zu",width:100}),P&&(0,v.jsx)(x.default,{state:E,onChange:function onChange(e){return I(e)},on:"schnittm.",off:"alle",width:100})]})]}),C.map((function(e,n){var t;return(0,v.jsxs)("div",{className:a.EM,children:[!(null===(t=e.palette)||void 0===t||!t.name)&&(0,v.jsx)("div",{children:e.palette.name}),e.snapshots.map((function(e){return(0,v.jsx)(s.Suspense,{children:(0,v.jsx)(m.default,{onClick:Z,optionSnapshot:e,allOpen:F,showDiffOnly:E},e.key)})}))]},n)})),j&&(0,v.jsx)("div",{className:d.EC,style:{right:0,zIndex:100},children:(0,v.jsx)(f.default,{decision:j.decision,matchingOptions:j.rule})})]})):(0,v.jsx)(v.Fragment,{})}))},33981:(e,n,t)=>{t.d(n,{$Q:()=>p,EC:()=>j,Fs:()=>g,Kz:()=>h,Se:()=>f,UF:()=>m,ZP:()=>N,ao:()=>C,dY:()=>O,fm:()=>v,hX:()=>x,ii:()=>b,uR:()=>y});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o),l=t(61667),a=t.n(l),d=new URL(t(76380),t.b),c=s()(r()),u=a()(d);c.push([e.id,".index-module--sS9Y_ {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--sS9Y_ thead {\n  font-weight: bold !important;\n}\n.index-module--sS9Y_ thead {\n  border-bottom: 1px solid;\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--O5GJU {\n  text-align: left;\n}\n.index-module--O5GJU:first-child {\n  height: 20px;\n}\n.index-module--xNfvC {\n  font-weight: bold;\n}\n.index-module--oALcg {\n  height: 12px;\n  font-size: 10px;\n}\n\n.index-module--HpoCh {\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url("+u+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n.index-module--O5GJU th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--bBk4P {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--sBWMs {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--XrXfq {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  left: 500px;\n  z-index: 100000;\n  width: calc(100vw - 500px);\n  pointer-events: none;\n  height: calc(100vh - 60px);\n  overflow: auto;\n}\n\n.index-module--uzZoJ {\n  padding: 16px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  pointer-events: all;\n  background-color: #fff;\n  width: 600px;\n}\n\n.index-module--uzZoJ h2 {\n  cursor: move;\n}\n\n.index-module--wrmAf {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.index-module--GsJQn {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.index-module--gf_Q8 {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.index-module--gf_Q8 th,\n.index-module--gf_Q8 td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.index-module--gf_Q8 th {\n  background-color: #f2f2f2;\n}\n",""]);var h="index-module--sS9Y_",p="index-module--O5GJU",f="index-module--xNfvC",x="index-module--oALcg",m="index-module--HpoCh",v="index-module--bBk4P",g="index-module--sBWMs",j="index-module--XrXfq",b="index-module--uzZoJ",y="index-module--wrmAf",O="index-module--GsJQn",C="index-module--gf_Q8";const N=c},36115:(e,n,t)=>{t.d(n,{$Q:()=>x.$Q,EC:()=>x.EC,Fs:()=>x.Fs,Kz:()=>x.Kz,Se:()=>x.Se,UF:()=>x.UF,ao:()=>x.ao,dY:()=>x.dY,fm:()=>x.fm,hX:()=>x.hX,ii:()=>x.ii,uR:()=>x.uR});var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),l=t(90569),a=t.n(l),d=t(3565),c=t.n(d),u=t(19216),h=t.n(u),p=t(44589),f=t.n(p),x=t(33981),m={};m.styleTagTransform=f(),m.setAttributes=c(),m.insert=a().bind(null,"head"),m.domAPI=s(),m.insertStyleElement=h();r()(x.ZP,m),x.ZP&&x.ZP.locals&&x.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7078],{13222:(e,n,t)=>{t.r(n),t.d(n,{default:()=>h});var i=t(34988),r=t(87363),o=t(36115),s=t(59165),l=t(65515),a=t.n(l),d=t(22976),c=t.n(d),u=t(47514);const h=function DecisionVisualization(e){var n=e.decision,t=e.snapshots,l=e.matchingOptions,d=void 0===l?{}:l,h=e.anyData,p=e.onClose,f=(0,r.useRef)(null),x=(0,r.useState)(),m=(0,i.Z)(x,2),g=m[0],v=m[1],j=function renderIfDefined(e,n){return null!=e&&""!==e?(0,u.jsxs)("p",{children:[(0,u.jsxs)("strong",{children:[n,n?":":""]}),Array.isArray(e)?e.join(", "):e]}):null};(0,r.useEffect)((function(){if(t){var e={},n=function _loop(){var n=t.before[i],r=t.after[i];e[i]={after:r,before:n,removedOpvs:n.visibleOPVs.filter((function(e){return!r.visibleOPVs.includes(e)}))}};for(var i in t.before)n();v(e)}else v(void 0)}),[t]);var b=function isExpanded(e,n,t){var i=t;return!(void 0!==t&&!["removedOpvs","after","before"].includes(t))||!!(g&&i&&g[i]&&JSON.stringify(g[i].before)!==JSON.stringify(g[i].after))};if(void 0!==n.priceFeatureGroupNo){var y,O,C=n;return(0,u.jsx)(c(),{nodeRef:f,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{className:o.ii,ref:f,children:[(0,u.jsxs)("h2",{className:a()(o.uR,"handle"),children:["PriceFeatureGroup #",C.priceFeatureGroupNo]}),(0,u.jsx)("div",{className:o.UF,onClick:function onClick(){return null==p?void 0:p()}}),(0,u.jsxs)("div",{children:[j(C.catalogId,"Catalog ID"),j(C._id,"priceFeatureGroup ID"),j(null===(y=C.priceFeatureGroupText)||void 0===y?void 0:y.DE,"priceFeatureGroupText"),j(C.percentageSurcharges,"percentageSurcharges"),j(C.isPercentage,"isPercentage"),j(C.comment,"comment"),j(C.featureNos,"Feature References"),j(C.additionalPrice,"Additional Price"),j(C.activeCombination,"Active Combination Seqence")]}),(0,u.jsx)("h3",{className:o.dY,children:"Option Combinations"}),(0,u.jsxs)("table",{className:o.ao,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{children:[(0,u.jsx)("th",{children:"Sequence"}),(0,u.jsx)("th",{children:"condition"}),(0,u.jsx)("th",{children:"priceField"})]})}),(0,u.jsx)("tbody",{children:null===(O=C.finishes)||void 0===O?void 0:O.map((function(e){return(0,u.jsxs)("tr",{className:a()(e.sequence===C.activeCombination?o.Se:void 0),children:[(0,u.jsx)("td",{children:e.sequence}),(0,u.jsx)("td",{children:JSON.stringify(e.optionsSetRefs)}),(0,u.jsxs)("td",{children:["PRFG",C.priceFeatureGroupNo+"_"+e.priceField]})]},e._id)}))})]}),(0,u.jsx)("br",{}),!!Object.values(d).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(d).map((function(e){return j(e+": "+d[e],"")})),(0,u.jsx)("br",{})]}),!!g&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:g,style:s._l})]}),!!h&&(0,u.jsx)(s.gc,{data:h,style:s._l})]})})}if(void 0!==n.Number){var N=n;return(0,u.jsx)(c(),{nodeRef:f,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{ref:f,style:{userSelect:"text"},children:[(0,u.jsx)("div",{className:o.UF,onClick:function onClick(){return null==p?void 0:p()}}),(0,u.jsxs)("h2",{className:"handle",children:[" Decision Details ",j(N.Number,"Number")]}),j(N.Type,"Type"),j(N.Prio,"Priority"),j(N.Options,"Options"),j(N.enabled?"Yes":"No","Enabled"),j(N.Number,"Decision Number"),j(N.activeCombination,"Active Combination Index"),j(N.disableHistory,"Disabled History"),N.DOC&&N.DOC.length>0&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("h3",{children:"Decision Option Combinations:"}),N.DOC.map((function(e,n){var t;return(0,u.jsxs)("div",{className:"decision-option-combination",children:[j(n,"doc Index"),j(e.JsFormula,"Formula"),Object.values(null!==(t=e.Row)&&void 0!==t?t:{}).map((function(e){return(0,u.jsx)(u.Fragment,{children:j(e.join(";"),"Doc Row")})})),e.DA&&e.DA.length>0&&(0,u.jsxs)("div",{children:[(0,u.jsx)("h6",{children:"Decision Actions:"}),(0,u.jsx)("ul",{children:e.DA.map((function(e,n){return(0,u.jsxs)("li",{children:[j(e.Type,"Action Type"),j(e.FeatureRef,"Feature Ref"),j(e.OptionCodex,"OptionCodex"),j(e.OptionRef,"OptionRef"),j(e.OptionRefCodex,"OptionRefCodex"),j(e.OptionValueRefCodex,"OptionValueRefCodex"),j(e.DecisionNr,"DecisionNr")]},n)}))})]}),j(e.ValidOptionValues,"Valid Option Values"),j(e.ValidOptions,"Valid Options")]},n)}))]}),j(N.disableHistory,"Disabled History"),(0,u.jsx)("strong",{children:"Is Valid DOC:"})," ",N.DOC&&N.DOC.length>0?"Yes":"No",(0,u.jsx)("br",{}),!!Object.values(d).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(d).map((function(e){return j(e+": "+d[e],"")})),(0,u.jsx)("br",{})]}),!!g&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:g,style:s._l})]}),!!h&&(0,u.jsx)(s.gc,{data:h,style:s._l})]})})}var S,w=n;return(0,u.jsx)(c(),{nodeRef:f,handle:".handle",bounds:"parent",defaultPosition:void 0,children:(0,u.jsxs)("div",{ref:f,className:o.ii,children:[(0,u.jsx)("div",{className:o.UF,onClick:function onClick(){return null==p?void 0:p()}}),(0,u.jsxs)("h2",{className:a()(o.uR,"handle"),children:["Decision #",w.decisionNo]}),(0,u.jsxs)("div",{children:[j(w.catalogId,"Catalog ID"),j(w._id,"Decision ID"),j(w.prio,"Priority"),j(w.decisionType,"Decision Type"),j(w.enabled?"Enabled":"Disabled","Status"),j(w.deleted?"Yes":"No","Deleted"),j(w.featureRefs,"Feature References"),j(w.disableHistory,"Disable History"),j(w.activeCombination,"Active Combination Seqence")]}),(0,u.jsx)("h3",{className:o.dY,children:"Option Combinations"}),(0,u.jsxs)("table",{className:o.ao,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{children:[(0,u.jsx)("th",{children:"Sequence"}),(0,u.jsx)("th",{children:"Actions"}),(0,u.jsx)("th",{children:"Options Set References"})]})}),(0,u.jsx)("tbody",{children:null===(S=w.optionCombinations)||void 0===S?void 0:S.map((function(e){return(0,u.jsxs)("tr",{children:[(0,u.jsx)("td",{children:e.sequence}),(0,u.jsx)("td",{children:e.actions.join(", ")}),(0,u.jsx)("td",{children:JSON.stringify(e.optionsSetRefs)})]},e._id)}))})]}),(0,u.jsx)("br",{}),!!Object.values(d).length&&(0,u.jsxs)(u.Fragment,{children:["matching conditions",Object.keys(d).map((function(e){return j(e+": "+d[e],"")})),(0,u.jsx)("br",{})]}),!!g&&(0,u.jsxs)(u.Fragment,{children:["snapshot",(0,u.jsx)(s.gc,{shouldExpandNode:b,data:g,style:s._l})]}),!!h&&(0,u.jsx)(s.gc,{data:h,style:s._l})]})})}},52654:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});t(87363);var i=t(28317),r=t(9420),o=t(47514);const s=(0,r.Pi)((function AsyncRender(e){var n=e.optionSnapshot,t=e.onClick,r=e.showDiffOnly,s=e.allOpen,l=function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}(n.promise);return l?(0,o.jsx)(i.default,{onClick:t,articles:l.articleSnapshot,price:l.price,title:n.title,allOpen:s,showDiffOnly:r,configStepKey:n.key}):(0,o.jsx)(o.Fragment,{})}))},28317:(e,n,t)=>{t.r(n),t.d(n,{default:()=>f});var i=t(80248),r=t(34988),o=t(87363),s=t(9420),l=t(93476),a=t(57446),d=t.n(a),c=t(91923),u=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 h=function getPartlistArticles(e,n){for(var t in e.partlistArticles){var i=e.partlistArticles[t];if(i.hasPartlistArticle)n.push(p(i,!0)),n=h(i,n);else{for(var r=!1,o=0;o<n.length;o++)if(i.articleCodex===n[o].articleCodex&&i.retailArticleNr===n[o].retailArticleNr&&i.retailPrefix===n[o].retailPrefix&&i.catalogCodex===n[o].catalogCodex&&JSON.stringify(i.VariantValues)==JSON.stringify(n[o].VariantValues)){r=!0,n[o].quantity+=i.quantity;break}r||n.push(p(i))}}return n},p=function getPartlsitArticleObj(e,n){var t,i,r,o,s,l;return{name:(n?"Hülse: ":"")+e.posNr+" "+e.name,price:n?"---":e.price,retailArticleNr:null!==(t=e.retailArticleNr)&&void 0!==t?t:"",retailPrefix:null!==(i=e.retailPrefix)&&void 0!==i?i:"",quantity:e.quantity,ruleDesc:null!==(r=e.ruleDesc)&&void 0!==r?r:"",articleCodex:e.articleCodex,catalogCodex:null!==(o=e.catalogCodex)&&void 0!==o?o:"",codex:e.articleCodex,rule:e.ruleDesc,decision:e.partlistDecisionNo?null!==(s=null===(l=e.partListParentArticle)||void 0===l||null===(l=l.catalogArticle.partlistDecisions)||void 0===l?void 0:l["D"+e.partlistDecisionNo])&&void 0!==s?s:e.CatalogData.loadedDecisions.find((function(n){return n.decisionNo===e.partlistDecisionNo})):void 0,partlistRule:e.partlistRule}};const f=(0,s.Pi)((function PartlistTable(e){var n=e.onClick,t=e.articles,i=e.price,s=e.title,a=e.allOpen,p=e.configStepKey,f=e.showDiffOnly,x=(0,o.useState)(),m=(0,r.Z)(x,2),g=m[0],v=m[1],j=(0,c.NP)();return(0,o.useEffect)((function(){var e,n=j.settingsState.partlistArticlesInOverview[p];if((void 0===g||!n||n.totalCount===n.items.length)&&(void 0===g||f)){var i=[];for(var r in t)i=h(t[r],i);f&&n&&n.totalCount===n.items.length&&(i=i.map((function(e){return _objectSpread(_objectSpread({},e),{},{visible:n.items.filter((function(n){return n.articles.find((function(n){return n.plaCodex==e.articleCodex&&e.retailArticleNr==n.retailArticleNr}))})).length!==n.items.length})})));var o=_objectSpread({},j.settingsState.partlistArticlesInOverview);null!==(e=o[p])&&void 0!==e&&e.items&&!o[p].items.find((function(e){return e.opv===s}))&&(o[p].items.push({opv:s,articles:i.map((function(e){return{plaCodex:e.articleCodex,retailArticleNr:e.retailArticleNr,quantity:e.quantity}}))}),j.settingsState.setPartlistArticlesInOverview(o)),v(i)}}),[j.settingsState.partlistArticlesInOverview]),(0,u.jsx)(d(),{trigger:(0,u.jsx)("div",{style:{cursor:"pointer"},children:"Stücklistenartikel: "+(null!=g?g:[]).length+" preis: "+i+" -- "+s}),open:""==s||a,easing:"ease",transitionTime:100,children:(0,u.jsxs)("table",{className:l.Kz,children:[(0,u.jsx)("thead",{children:(0,u.jsxs)("tr",{className:l.$Q,children:[(0,u.jsx)("th",{children:"Name"}),(0,u.jsx)("th",{children:"Artikle Nr."}),(0,u.jsx)("th",{children:"CatalogCodex"}),(0,u.jsx)("th",{children:"Preis"}),(0,u.jsx)("th",{children:"Nr"}),(0,u.jsx)("th",{children:"Prefix"}),(0,u.jsx)("th",{children:"Menge"}),(0,u.jsx)("th",{children:"Rule"}),(0,u.jsx)("th",{children:"decision"})]})}),(0,u.jsx)("tbody",{children:(null!=g?g:[]).filter((function(e){return!f||e.visible||void 0===e.visible})).map((function(e){var t,i,r;return(0,u.jsxs)("tr",{className:l.$Q,children:[(0,u.jsxs)("th",{children:[" ",e.name]}),(0,u.jsxs)("th",{children:[e.articleCodex," "]}),(0,u.jsxs)("th",{children:[e.catalogCodex," "]}),(0,u.jsxs)("th",{children:[" ",null!==(t=e.price)&&void 0!==t?t:0," "]}),(0,u.jsxs)("th",{children:[" ",e.retailArticleNr," "]}),(0,u.jsxs)("th",{children:[e.retailPrefix," "]}),(0,u.jsxs)("th",{children:[e.quantity," "]}),(0,u.jsx)("th",{children:e.rule}),e.decision&&(0,u.jsx)("th",{onClick:function onClick(){return n({decision:e.decision,rule:e.partlistRule})},children:(null===(i=e.decision)||void 0===i?void 0:i.Number)||(null===(r=e.decision)||void 0===r?void 0:r.decisionNo)})]},e.articleCodex+e.retailArticleNr)}))})]})})}))},97078:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(80248),r=t(34988),o=t(72874),s=t(87363),l=t(51203),a=t(93476),d=t(36115),c=t(91923),u=t(9420),h=t(65515),p=t.n(h),f=t(13222),x=t(32142),m=t(52654),g=t(47514),v=["onMouseDown"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const j=(0,u.Pi)((function PartList(e){var n=e.onMouseDown,t=(0,o.Z)(e,v),i=(0,c.NP)(),u=(0,s.useState)(),h=(0,r.Z)(u,2),j=h[0],b=h[1],y=(0,s.useState)(),O=(0,r.Z)(y,2),C=O[0],N=O[1],S=(0,s.useState)(!1),w=(0,r.Z)(S,2),P=w[0],D=w[1],k=(0,s.useState)(!1),A=(0,r.Z)(k,2),F=A[0],R=A[1],_=(0,s.useState)(!0),z=(0,r.Z)(_,2),E=z[0],I=z[1],V=function onClick(e){var n,t,i=e.decision;(i.decisionNo||i.Number)==((null==j||null===(n=j.decision)||void 0===n?void 0:n.Number)||(null==j||null===(t=j.decision)||void 0===t?void 0:t.decisionNo))?b(void 0):b(e)};(0,s.useEffect)((function(){P?setTimeout((function(){return Z()}),400):N([{snapshots:[{promise:new Promise((function(e){var n,t,r;e({articleSnapshot:null!==(n=i.divaWebPlanner.getDivaArticles())&&void 0!==n?n:{},price:null!==(t=null===(r=i.divaWebPlanner.actSet())||void 0===r?void 0:r.getSetPrice())&&void 0!==t?t:0})})),title:"",key:i.settingsState.configChanged.toString()}]}])}),[i.settingsState.configChanged,i.tabGroupState.curConfigStep]);var Z=function updateVariants(){for(var e=[],n={},t=i.settingsState.itemPaletteArr.filter((function(e){return e[1].visible})).map((function(e){return{items:e[1].groups.flatMap((function(e){return e.items.flatMap((function(e){return e}))})),palette:e[1]}})),r=0;r<t.length;r++){for(var o=t[r].items,s=t[r].palette,l=[],a=0;a<o.length;a++){var d=o[a];d.pricePreviewPromise&&(d.text||d.name)&&l.push({promise:d.pricePreviewPromise.promise,title:d.text||d.name,key:s.configStepKey})}n[s.configStepKey]={items:[],totalCount:o.length},e.push({snapshots:l,palette:s})}i.settingsState.setPartlistArticlesInOverview(n),N(e)};return(0,s.useEffect)((function(){var e=i.divaWebPlanner.actSet();e&&(e.logTotalStateForVariants=P)}),[P]),null!=C&&C.length?(0,g.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:p()(t.className,a.fm,i.uiState.configSettingsIsExpanded?l.NF:void 0),style:{zIndex:800},children:[(0,g.jsxs)("a",{className:a.Fs,onMouseDown:n,children:["Stücklisten Übersicht",(0,g.jsxs)("div",{className:a.US,children:[(0,g.jsx)(x.default,{state:P,onChange:function onChange(e){return D(e)},on:"alle",off:"einzeln",width:100}),P&&(0,g.jsx)(x.default,{state:F,onChange:function onChange(e){return R(e)},on:"offen",off:"zu",width:100}),P&&(0,g.jsx)(x.default,{state:E,onChange:function onChange(e){return I(e)},on:"schnittm.",off:"alle",width:100})]})]}),C.map((function(e,n){var t;return(0,g.jsxs)("div",{className:a.EM,children:[!(null===(t=e.palette)||void 0===t||!t.name)&&(0,g.jsx)("div",{children:e.palette.name}),e.snapshots.map((function(e){return(0,g.jsx)(s.Suspense,{children:(0,g.jsx)(m.default,{onClick:V,optionSnapshot:e,allOpen:F,showDiffOnly:E},e.key)})}))]},n)})),j&&(0,g.jsx)("div",{className:d.EC,style:{right:0,zIndex:100},children:(0,g.jsx)(f.default,{decision:j.decision,matchingOptions:j.rule})})]})):(0,g.jsx)(g.Fragment,{})}))},33981:(e,n,t)=>{t.d(n,{$Q:()=>p,EC:()=>j,Fs:()=>v,Kz:()=>h,Se:()=>f,UF:()=>m,ZP:()=>N,ao:()=>C,dY:()=>O,fm:()=>g,hX:()=>x,ii:()=>b,uR:()=>y});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o),l=t(61667),a=t.n(l),d=new URL(t(76380),t.b),c=s()(r()),u=a()(d);c.push([e.id,".index-module--sS9Y_ {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  top: 73px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--sS9Y_ thead {\n  font-weight: bold !important;\n}\n.index-module--sS9Y_ thead {\n  border-bottom: 1px solid;\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--O5GJU {\n  text-align: left;\n}\n.index-module--O5GJU:first-child {\n  height: 20px;\n}\n.index-module--xNfvC {\n  font-weight: bold;\n}\n.index-module--oALcg {\n  height: 12px;\n  font-size: 10px;\n}\n\n.index-module--HpoCh {\n  position: absolute;\n  right: 12px;\n  top: 12px;\n  z-index: 1002;\n  width: -moz-max-content;\n  width: max-content;\n  width: 36px;\n  height: 36px;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 28%;\n  background-image: url("+u+");\n  transition: background-size 100ms ease-in;\n  cursor: pointer;\n}\n.index-module--O5GJU th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--bBk4P {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--sBWMs {\n  height: 8%;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  position: absolute;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--XrXfq {\n  z-index: 100;\n  position: fixed;\n  top: 60px;\n  left: 500px;\n  z-index: 100000;\n  width: calc(100vw - 500px);\n  pointer-events: none;\n  height: calc(100vh - 60px);\n  overflow: auto;\n}\n\n.index-module--uzZoJ {\n  padding: 16px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  pointer-events: all;\n  background-color: #fff;\n  width: 600px;\n}\n\n.index-module--uzZoJ h2 {\n  cursor: move;\n}\n\n.index-module--wrmAf {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.index-module--GsJQn {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.index-module--gf_Q8 {\n  width: 100%;\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.index-module--gf_Q8 th,\n.index-module--gf_Q8 td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.index-module--gf_Q8 th {\n  background-color: #f2f2f2;\n}\n",""]);var h="index-module--sS9Y_",p="index-module--O5GJU",f="index-module--xNfvC",x="index-module--oALcg",m="index-module--HpoCh",g="index-module--bBk4P",v="index-module--sBWMs",j="index-module--XrXfq",b="index-module--uzZoJ",y="index-module--wrmAf",O="index-module--GsJQn",C="index-module--gf_Q8";const N=c},36115:(e,n,t)=>{t.d(n,{$Q:()=>x.$Q,EC:()=>x.EC,Fs:()=>x.Fs,Kz:()=>x.Kz,Se:()=>x.Se,UF:()=>x.UF,ao:()=>x.ao,dY:()=>x.dY,fm:()=>x.fm,hX:()=>x.hX,ii:()=>x.ii,uR:()=>x.uR});var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),l=t(90569),a=t.n(l),d=t(3565),c=t.n(d),u=t(19216),h=t.n(u),p=t(44589),f=t.n(p),x=t(33981),m={};m.styleTagTransform=f(),m.setAttributes=c(),m.insert=a().bind(null,"head"),m.domAPI=s(),m.insertStyleElement=h();r()(x.ZP,m),x.ZP&&x.ZP.locals&&x.ZP.locals}}]);