npm - @crystaldesign/diva-web-planner-react - Versions diffs - 25.11.0-rc.1 → 25.11.0-rc.10 - Mend

@crystaldesign/diva-web-planner-react 25.11.0-rc.1 → 25.11.0-rc.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (379) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8163.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8163,5301,9510,2398,8291],{10304:(e,t,n)=>{t.Z=void 0;var r=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}n.default=e,t&&t.set(e,n);return n}(n(87363)),i=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var o="Select...",a=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?o:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,r.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?o: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(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var r=0,i=t.length;r<i;r++)if("group"===t[r].type){var o=t[r].items.filter((function(t){return t.value===e}));o.length&&(n=o[0])}else void 0!==t[r].value&&t[r].value===e&&(n=t[r]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var o=e.label||e.value||e,a=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",a),t),l=(0,i.default)(s),c=Object.keys(e.data||{}).reduce((function(t,n){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,_defineProperty({},"data-".concat(n),e.data[n]))}),{});return r.default.createElement("div",_extends({key:n,className:l,onMouseDown:this.setValue.bind(this,n,o),onClick:this.setValue.bind(this,n,o),role:"option","aria-selected":a?"true":"false"},c),o)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,i=t.baseClassName,o=n.map((function(t){if("group"===t.type){var n=r.default.createElement("div",{className:"".concat(i,"-title")},t.name),o=t.items.map((function(t){return e.renderOption(t)}));return r.default.createElement("div",{className:"".concat(i,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,o)}return e.renderOption(t)}));return o.length?o:r.default.createElement("div",{className:"".concat(i,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.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 e,t,n,o,a,s=this.props,l=s.baseClassName,c=s.controlClassName,d=s.placeholderClassName,u=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,C=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,y=(0,i.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),b=(0,i.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,c,!!c),_defineProperty(t,C,!!C),t)),x=(0,i.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,d,!!d),_defineProperty(n,"is-selected",this.isValueSelected()),n)),g=(0,i.default)((_defineProperty(o={},"".concat(l,"-menu"),!0),_defineProperty(o,u,!!u),o)),P=(0,i.default)((_defineProperty(a={},"".concat(l,"-arrow"),!0),_defineProperty(a,p,!!p),a)),w=r.default.createElement("div",{className:x},v),O=this.state.isOpen?r.default.createElement("div",{className:g,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:y},r.default.createElement("div",{className:b,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},w,r.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:r.default.createElement("span",{className:P}))),O)}}]),Dropdown}(r.Component);a.defaultProps={baseClassName:"Dropdown"};var s=a;t.Z=s},9510:(e,t,n)=>{n.r(t),n.d(t,{default:()=>O});var r=n(34988),i=n(93379),o=n.n(i),a=n(7795),s=n.n(a),l=n(90569),c=n.n(l),d=n(3565),u=n.n(d),p=n(19216),f=n.n(p),h=n(44589),m=n.n(h),C=n(23240),v={};v.styleTagTransform=m(),v.setAttributes=u(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();o()(C.ZP,v);C.ZP&&C.ZP.locals&&C.ZP.locals;var y=n(87363),b=n(88130),x=n(65515),g=n.n(x),P=n(9420),w=n(47514);const O=(0,P.Pi)((function InfoIcon(e){var t,n,i,o=e.item,a=e.style,s=(0,b.NP)(),l=o.contentItemId,c=null!==(t=null!==(n=null!==(i=o.codex)&&void 0!==i?i:o.articleCodex)&&void 0!==n?n:o.title)&&void 0!==t?t:o.key,d=(0,y.useState)(!1),u=(0,r.Z)(d,2),p=u[0],f=u[1],h=o.sel||p;if((0,y.useEffect)((function(){var e=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==l&&c==s.settingsState.clickedFrom;!e&&p&&f(!1),e&&!p&&f(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!o)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!o.op||null===(e=s.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||h}()?(0,w.jsx)("div",{className:C.um,onClick:function onClick(e){s.settingsState.onClickContentItemId(l,c),f(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==l),e.stopPropagation()},style:a,children:(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("div",{className:g()(C.hv,h?void 0:C.al,p?C.FJ:void 0),children:(0,w.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,w.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,w.jsx)("path",{className:C.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,w.jsx)("path",{className:C.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,w.jsx)("div",{className:g()(C.dA,h?C.al:void 0),children:(0,w.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,w.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,w.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,w.jsx)(w.Fragment,{})}))},2398:(e,t,n)=>{n.r(t),n.d(t,{default:()=>S});var r=n(80248),i=n(34988),o=n(87363),a=n(93379),s=n.n(a),l=n(7795),c=n.n(l),d=n(90569),u=n.n(d),p=n(3565),f=n.n(p),h=n(19216),m=n.n(h),C=n(44589),v=n.n(C),y=n(8907),b={};b.styleTagTransform=v(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=m();s()(y.ZP,b);y.ZP&&y.ZP.locals&&y.ZP.locals;var x=n(88683),g=n(88130),P=n(65515),w=n.n(P),O=n(7501),j=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var _=function AsyncRender1(e){var t=e.asyncPricePreview,n=e.children;return use(t)?n:(0,j.jsx)(j.Fragment,{})},D=function AsyncRender2(e){var t,n,r=e.asyncPricePreview,a=e.dontAnimatePrice,s=use(r),l=(0,g.NP)().productState.pricePreview,c=(0,o.useState)(0),d=(0,i.Z)(c,2),u=d[0],p=d[1];switch(l){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":n=s.price-s.origPrice;break;case"fromBasePrice":n=s.price-s.firstPrice}return(0,j.jsxs)(j.Fragment,{children:[(null===(t=window)||void 0===t||t.DIVA_LOGGER,""),(0,j.jsx)(O.ZP,{end:n,duration:.35,start:a?n:u,formattingFn:function formattingFn(e){return(e<0?"-":"+")+x.DivaUtils.formatPrice(Math.abs(e),_objectSpread(_objectSpread({},x.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))},onEnd:function onEnd(){p(n)}})]})};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(t){e.status="fulfilled",e.value=t}),(function(t){e.status="rejected",e.reason=t}))),e)}const S=function PricePreview(e){var t=e.asyncPricePreview,n=e.pos,r=void 0===n?"right":n,a=e.style,s=e.price,l=e.sel,c=e.dontAnimatePrice,d=(0,x.useDivaCore)().state,u=d.hidePrices,p=d.hideConfigPricePreview,f=(0,g.NP)(),h=(0,o.useState)(c),m=(0,i.Z)(h,2),C=m[0],v=m[1];if(u||"off"==f.productState.pricePreview)return(0,j.jsx)(j.Fragment,{});if(s)return(0,j.jsx)("div",{className:w()(y.aH,"left"==r?y.t$:y.F2),style:a,children:x.DivaUtils.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},x.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var b=p||"fromCurrentPriceHideCurrent"==f.productState.pricePreview&&l;return t?(t.promise.then((function(){C||v(!0)})),(0,j.jsx)(o.Suspense,{fallback:(0,j.jsx)(j.Fragment,{}),children:(0,j.jsx)(_,{asyncPricePreview:t.isVisible,children:(0,j.jsx)("div",{className:w()(y.aH,C&&!b?y.pn:void 0,f.getIsInMobileView()?y.ai:void 0,"left"==r?y.t$:y.F2),style:a,children:(0,j.jsx)(o.Suspense,{fallback:(0,j.jsx)(j.Fragment,{}),children:(0,j.jsx)(D,{asyncPricePreview:t.promise,dontAnimatePrice:c})})})})})):(0,j.jsx)(j.Fragment,{})}},23240:(e,t,n)=>{n.d(t,{FJ:()=>u,Oq:()=>d,ZP:()=>h,al:()=>f,dA:()=>c,fL:()=>p,hv:()=>l,um:()=>s});var r=n(8081),i=n.n(r),o=n(23645),a=n.n(o)()(i());a.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var s="index-module--CjCgr",l="index-module--C9QBx",c="index-module--a2wqn",d="index-module--fLFjU",u="index-module--nTN4r",p="index-module--FaRqp",f="index-module--oBSZj";const h=a},8907:(e,t,n)=>{n.d(t,{F2:()=>d,ZP:()=>p,aH:()=>s,ai:()=>l,pn:()=>u,t$:()=>c});var r=n(8081),i=n.n(r),o=n(23645),a=n.n(o)()(i());a.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.66667);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--bVDuL",l="index-module--FqlZz",c="index-module--zI2ES",d="index-module--kN6Sz",u="index-module--bd6dC";const p=a},88291:(e,t,n)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}n.d(t,{Z:()=>_objectDestructuringEmpty})}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8163,5301,9510,2398,8291],{10304:(e,t,n)=>{t.Z=void 0;var r=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var i=r?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}n.default=e,t&&t.set(e,n);return n}(n(87363)),o=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var i="Select...",a=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?i:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,r.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?i: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(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var r=0,o=t.length;r<o;r++)if("group"===t[r].type){var i=t[r].items.filter((function(t){return t.value===e}));i.length&&(n=i[0])}else void 0!==t[r].value&&t[r].value===e&&(n=t[r]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var i=e.label||e.value||e,a=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",a),t),l=(0,o.default)(s),c=Object.keys(e.data||{}).reduce((function(t,n){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,_defineProperty({},"data-".concat(n),e.data[n]))}),{});return r.default.createElement("div",_extends({key:n,className:l,onMouseDown:this.setValue.bind(this,n,i),onClick:this.setValue.bind(this,n,i),role:"option","aria-selected":a?"true":"false"},c),i)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,o=t.baseClassName,i=n.map((function(t){if("group"===t.type){var n=r.default.createElement("div",{className:"".concat(o,"-title")},t.name),i=t.items.map((function(t){return e.renderOption(t)}));return r.default.createElement("div",{className:"".concat(o,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,i)}return e.renderOption(t)}));return i.length?i:r.default.createElement("div",{className:"".concat(o,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.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 e,t,n,i,a,s=this.props,l=s.baseClassName,c=s.controlClassName,d=s.placeholderClassName,u=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,C=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,y=(0,o.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),b=(0,o.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,c,!!c),_defineProperty(t,C,!!C),t)),g=(0,o.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,d,!!d),_defineProperty(n,"is-selected",this.isValueSelected()),n)),x=(0,o.default)((_defineProperty(i={},"".concat(l,"-menu"),!0),_defineProperty(i,u,!!u),i)),P=(0,o.default)((_defineProperty(a={},"".concat(l,"-arrow"),!0),_defineProperty(a,p,!!p),a)),w=r.default.createElement("div",{className:g},v),O=this.state.isOpen?r.default.createElement("div",{className:x,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:y},r.default.createElement("div",{className:b,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},w,r.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:r.default.createElement("span",{className:P}))),O)}}]),Dropdown}(r.Component);a.defaultProps={baseClassName:"Dropdown"};var s=a;t.Z=s},9510:(e,t,n)=>{n.r(t),n.d(t,{default:()=>O});var r=n(34988),o=n(93379),i=n.n(o),a=n(7795),s=n.n(a),l=n(90569),c=n.n(l),d=n(3565),u=n.n(d),p=n(19216),f=n.n(p),h=n(44589),m=n.n(h),C=n(23240),v={};v.styleTagTransform=m(),v.setAttributes=u(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();i()(C.ZP,v);C.ZP&&C.ZP.locals&&C.ZP.locals;var y=n(87363),b=n(88130),g=n(65515),x=n.n(g),P=n(9420),w=n(47514);const O=(0,P.Pi)((function InfoIcon(e){var t,n,o,i=e.item,a=e.style,s=(0,b.NP)(),l=i.contentItemId,c=null!==(t=null!==(n=null!==(o=i.codex)&&void 0!==o?o:i.articleCodex)&&void 0!==n?n:i.title)&&void 0!==t?t:i.key,d=(0,y.useState)(!1),u=(0,r.Z)(d,2),p=u[0],f=u[1],h=i.sel||p;if((0,y.useEffect)((function(){var e=s.settingsState.contentItemVisible&&s.settingsState.contentItemId==l&&c==s.settingsState.clickedFrom;!e&&p&&f(!1),e&&!p&&f(!0)}),[s.settingsState.contentItemVisible,s.settingsState.contentItemId,s.settingsState.clickedFrom]),!i)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!i.op||null===(e=s.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||h}()?(0,w.jsx)("div",{className:C.um,onClick:function onClick(e){s.settingsState.onClickContentItemId(l,c),f(s.settingsState.contentItemVisible&&s.settingsState.contentItemId==l),e.stopPropagation()},style:a,children:(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("div",{className:x()(C.hv,h?void 0:C.al,p?C.FJ:void 0),children:(0,w.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,w.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,w.jsx)("path",{className:C.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,w.jsx)("path",{className:C.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,w.jsx)("div",{className:x()(C.dA,h?C.al:void 0),children:(0,w.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,w.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,w.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,w.jsx)(w.Fragment,{})}))},2398:(e,t,n)=>{n.r(t),n.d(t,{default:()=>D});var r=n(80248),o=n(34988),i=n(87363),a=n(93379),s=n.n(a),l=n(7795),c=n.n(l),d=n(90569),u=n.n(d),p=n(3565),f=n.n(p),h=n(19216),m=n.n(h),C=n(44589),v=n.n(C),y=n(8907),b={};b.styleTagTransform=v(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=m();s()(y.ZP,b);y.ZP&&y.ZP.locals&&y.ZP.locals;var g=n(88683),x=n(88130),P=n(65515),w=n.n(P),O=n(7501),j=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var _=function AsyncRender1(e){var t=e.asyncPricePreview,n=e.children;return use(t)?n:(0,j.jsx)(j.Fragment,{})},S=function AsyncRender2(e){var t,n,r=e.asyncPricePreview,a=e.dontAnimatePrice,s=use(r),l=(0,x.NP)(),c=l.productState.pricePreview,d=(0,i.useState)(0),u=(0,o.Z)(d,2),p=u[0],f=u[1];switch(c){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":n=s.price-s.origPrice;break;case"fromBasePrice":n=s.price-s.firstPrice}return(0,j.jsxs)(j.Fragment,{children:[(null===(t=window)||void 0===t||t.DIVA_LOGGER,""),(0,j.jsx)(O.ZP,{end:n,duration:.35,start:a?n:p,formattingFn:function formattingFn(e){return(e<0?"-":"+")+g.DivaUtils.formatPrice(Math.abs(e),l.productState.getPriceFormatForCounter(e))},onEnd:function onEnd(){f(n)}})]})};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(t){e.status="fulfilled",e.value=t}),(function(t){e.status="rejected",e.reason=t}))),e)}const D=function PricePreview(e){var t=e.asyncPricePreview,n=e.pos,r=void 0===n?"right":n,a=e.style,s=e.price,l=e.sel,c=e.dontAnimatePrice,d=(0,g.useDivaCore)().state,u=d.hidePrices,p=d.hideConfigPricePreview,f=(0,x.NP)(),h=(0,i.useState)(c),m=(0,o.Z)(h,2),C=m[0],v=m[1];if(u||"off"==f.productState.pricePreview)return(0,j.jsx)(j.Fragment,{});if(s)return(0,j.jsx)("div",{className:w()(y.aH,"left"==r?y.t$:y.F2),style:a,children:g.DivaUtils.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},g.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var b=p||"fromCurrentPriceHideCurrent"==f.productState.pricePreview&&l;return t?(t.promise.then((function(){C||v(!0)})),(0,j.jsx)(i.Suspense,{fallback:(0,j.jsx)(j.Fragment,{}),children:(0,j.jsx)(_,{asyncPricePreview:t.isVisible,children:(0,j.jsx)("div",{className:w()(y.aH,C&&!b?y.pn:void 0,f.getIsInMobileView()?y.ai:void 0,"left"==r?y.t$:y.F2),style:a,children:(0,j.jsx)(i.Suspense,{fallback:(0,j.jsx)(j.Fragment,{}),children:(0,j.jsx)(S,{asyncPricePreview:t.promise,dontAnimatePrice:c})})})})})):(0,j.jsx)(j.Fragment,{})}},23240:(e,t,n)=>{n.d(t,{FJ:()=>u,Oq:()=>d,ZP:()=>h,al:()=>f,dA:()=>c,fL:()=>p,hv:()=>l,um:()=>s});var r=n(8081),o=n.n(r),i=n(23645),a=n.n(i)()(o());a.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var s="index-module--CjCgr",l="index-module--C9QBx",c="index-module--a2wqn",d="index-module--fLFjU",u="index-module--nTN4r",p="index-module--FaRqp",f="index-module--oBSZj";const h=a},8907:(e,t,n)=>{n.d(t,{F2:()=>d,ZP:()=>p,aH:()=>s,ai:()=>l,pn:()=>u,t$:()=>c});var r=n(8081),o=n.n(r),i=n(23645),a=n.n(i)()(o());a.push([e.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.66667);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var s="index-module--bVDuL",l="index-module--FqlZz",c="index-module--zI2ES",d="index-module--kN6Sz",u="index-module--bd6dC";const p=a},88291:(e,t,n)=>{function _objectDestructuringEmpty(e){if(null==e)throw new TypeError("Cannot destructure "+e)}n.d(t,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8238.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8238],{78238:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(34988),o=t(9420),a=t(87363),r=t(88130),s=t(93379),u=t.n(s),d=t(7795),l=t.n(d),c=t(90569),p=t.n(c),x=t(3565),b=t.n(x),m=t(19216),g=t.n(m),h=t(44589),v=t.n(h),y=t(76640),S={};S.styleTagTransform=v(),S.setAttributes=b(),S.insert=p().bind(null,"head"),S.domAPI=l(),S.insertStyleElement=g();u()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(65515),I=t.n(w),k=t(47514);const P=(0,o.Pi)((function NavForwardButton(n){var e=(0,r.NP)(),t=(0,a.useState)(!1),o=(0,i.Z)(t,2),s=o[0],u=o[1];return(0,a.useEffect)((function(){setTimeout((function(){u(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,k.jsx)("div",{className:I()(y.YS,s&&y.oP,e.uiState.isTablet?y.Mq:void 0),onClick:function onClick(){return e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,k.jsx)("div",{className:y.qv})})}))},76640:(n,e,t)=>{t.d(e,{Mq:()=>m,YS:()=>p,ZP:()=>g,oP:()=>b,qv:()=>x});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a),s=t(61667),u=t.n(s),d=new URL(t(81165),t.b),l=r()(o()),c=u()(d);l.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",b="index-module--BWnyQ",m="index-module--CF6oq";const g=l},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8238],{78238:(n,t,e)=>{e.r(t),e.d(t,{default:()=>k});var i=e(34988),o=e(9420),a=e(87363),r=e(88130),s=e(93379),d=e.n(s),u=e(7795),l=e.n(u),c=e(90569),p=e.n(c),x=e(3565),b=e.n(x),m=e(19216),g=e.n(m),h=e(44589),v=e.n(h),S=e(76640),y={};y.styleTagTransform=v(),y.setAttributes=b(),y.insert=p().bind(null,"head"),y.domAPI=l(),y.insertStyleElement=g();d()(S.ZP,y);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=e(65515),I=e.n(w),P=e(47514);const k=(0,o.Pi)((function NavForwardButton(n){var t=(0,r.NP)(),e=(0,a.useState)(!1),o=(0,i.Z)(e,2),s=o[0],d=o[1];return(0,a.useEffect)((function(){setTimeout((function(){d(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,P.jsx)("div",{className:I()(S.YS,s&&S.oP,t.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,P.jsx)("div",{className:S.qv})})}))},76640:(n,t,e)=>{e.d(t,{Mq:()=>m,YS:()=>p,ZP:()=>g,oP:()=>b,qv:()=>x});var i=e(8081),o=e.n(i),a=e(23645),r=e.n(a),s=e(61667),d=e.n(s),u=new URL(e(81165),e.b),l=r()(o()),c=d()(u);l.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",b="index-module--BWnyQ",m="index-module--CF6oq";const g=l},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8357.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8357,4133,2105,9754,3125,6894,3170,2805,6567,9596,7967],{74133:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const d=function SettingsHeader(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},6135:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var i=t(34988),r=t(9420),o=t(87363),d=t(37707),l=t(31964),a=t(93379),s=t.n(a),c=t(7795),p=t.n(c),u=t(90569),m=t.n(u),x=t(3565),f=t.n(x),g=t(19216),w=t.n(g),h=t(44589),b=t.n(h),v=t(83301),y={};y.styleTagTransform=b(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();s()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var P=t(3324),O=t(65515),j=t.n(O),S=t(88130),k=t(47514);const _=(0,r.Pi)((function HorizantalGroup(e){var n=e.item,t=e.PaletteComponent,r=n.groups.flatMap((function(e){return e.items})),a=(0,o.useState)(null),s=(0,i.Z)(a,2),c=s[0],p=s[1],u=(0,o.useRef)(0),m=(0,S.NP)(),x=function navigateToOnClick(e){var n=0!==e?e-1:e;u.current=n,null==c||c.slideTo(n)};return(0,o.useEffect)((function(){c&&c.slideTo(u.current,0)}),[c]),(0,o.useEffect)((function(){var e=r.findIndex((function(e){var n;return e.basketId==(null===(n=m.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)}));-1!==e&&x(e)}),[m.settingsState.addElementSelected]),(0,k.jsx)("div",{className:j()(v.tx,v.Ey),id:n.id.toString(),children:(0,k.jsx)(d.tq,{onSwiper:p,resizeObserver:!0,modules:[l.W_],slidesPerView:"auto",style:{width:"fit-content"},spaceBetween:8,scrollbar:!0,slideToClickedSlide:!0,wrapperClass:"no-swiping",children:r.map((function(e,i){return(0,k.jsx)(d.o5,{onClick:function onClick(e){x(i),e.stopPropagation()},children:(0,k.jsx)(t,{paletteType:n.type,paletteId:n.id,item:e},(0,P.getKey)(e))},i)}))})})}))},32105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const d=function SettingsPaletteGroup(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup"}))}},11729:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(88130),r=t(9420),o=(t(87363),t(6135)),d=t(4903),l=t(93379),a=t.n(l),s=t(7795),c=t.n(s),p=t(90569),u=t.n(p),m=t(3565),x=t.n(m),f=t(19216),g=t.n(f),w=t(44589),h=t.n(w),b=t(53946),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=g();a()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=t(65515),P=t.n(y),O=t(47514);const j=(0,r.Pi)((function ArticleOverviewWrapper(e){var n=(0,i.NP)(),t=n.settingsState.itemPalettes.get(1);if(!t)return(0,O.jsx)(O.Fragment,{});var r=d.default[t.type];return 1==t.groups.flatMap((function(e){return e.items})).length?(0,O.jsx)(O.Fragment,{}):(0,O.jsx)("div",{className:P()(b.YS,n.uiState.isMobilePortrait?b.ai:void 0,n.uiState.isMobilePortrait&&n.uiState.isTablet?b.Mq:void 0),children:(0,O.jsx)("div",{className:b.u7,children:(0,O.jsx)(o.default,{item:t,PaletteComponent:r})})})}))},99754:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(9420),r=t(88130),o=t(93379),d=t.n(o),l=t(7795),a=t.n(l),s=t(90569),c=t.n(s),p=t(3565),u=t.n(p),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),w=t(11309),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=x();d()(w.ZP,h);w.ZP&&w.ZP.locals&&w.ZP.locals;t(87363);var b=t(65515),v=t.n(b),y=t(88683),P=t(47514);const O=(0,i.Pi)((function ReplaceSwitch(e){var n=(0,r.NP)(),t=(0,y.useTranslation)().t;return(0,P.jsxs)("div",{className:v()(w.YS),children:[(0,P.jsx)("div",{onClick:function onClick(){return n.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:v()(w.LI,n.settingsState.plannerReplaceMode?void 0:w.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,P.jsx)("div",{onClick:function onClick(){n.settingsState.plannerReplaceModeAvailable&&n.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:v()(w.LI,n.settingsState.plannerReplaceMode?w.pA:void 0,n.settingsState.plannerReplaceModeAvailable?void 0:w.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},53125:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const d=function ItemVariant(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},96894:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(84658),r=t(80248),o=t(34988),d=t(50747),l=t.n(d),a=t(87363),s=t(65515),c=t.n(s),p=t(93379),u=t.n(p),m=t(7795),x=t.n(m),f=t(90569),g=t.n(f),w=t(3565),h=t.n(w),b=t(19216),v=t.n(b),y=t(44589),P=t.n(y),O=t(18135),j={};j.styleTagTransform=P(),j.setAttributes=h(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();u()(O.ZP,j);O.ZP&&O.ZP.locals&&O.ZP.locals;var S=t(88130),k=t(9420),_=t(74133),R=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,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const N=(0,k.Pi)((function TextBox(e){var n,t,d=e.item,s=e.paletteId,p=e.style,u=(0,S.NP)(),m=(0,a.useRef)(null),x=d.groups[0].items,f=(0,a.useState)(x[0].freeTextLang),g=(0,o.Z)(f,2),w=g[0],h=g[1],b=function(){var e=(0,i.Z)(l().mark((function _callee(e,n){return l().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:u.paletteViewHandler.onFreeTextLangChanged(e,n,x[0],s);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),v=null!==(n=u.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,R.jsxs)("div",{className:O.O7,ref:function ref(e){return d.htmlRef=e},style:p,children:[(0,R.jsx)("div",{className:c()(O.eR,O.TN,O.t$),children:(0,R.jsx)(_.default,{item:d,isInScroller:!0,isSettingsHeader:!1})}),(0,R.jsx)("div",{className:c()(O.eR,O.F2),children:v.length?(0,R.jsx)(R.Fragment,{children:v.map((function(e){return(0,R.jsxs)("div",{className:O.t,children:[(0,R.jsx)("div",{className:O.kA,children:e}),(0,R.jsx)("input",{className:O.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){m.current&&clearTimeout(m.current),m.current=setTimeout((function(){return b(e,n)}),500),h(_objectSpread(_objectSpread({},w),{},(0,r.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==w?void 0:w[e]})]},e)}))}):(0,R.jsx)("div",{children:(0,R.jsx)("input",{className:O.q_,onChange:function handleChange(e){x[0]&&(x[0].freeText=e.target.value,u.paletteViewHandler.clickedOnConfigPalette(x[0],"inputbox",s))},type:"text",value:null!==(t=x[0])&&void 0!==t&&t.freeText?x[0].freeText:""})})})]})}))},23170:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),r=t(87363),o=t(93379),d=t.n(o),l=t(7795),a=t.n(l),s=t(90569),c=t.n(s),p=t(3565),u=t.n(p),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),w=t(60636),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=x();d()(w.ZP,h);w.ZP&&w.ZP.locals&&w.ZP.locals;var b=t(65515),v=t.n(b),y=t(47514);const P=function MultiToggleSwitch(e){var n=e.values,t=(0,i.Z)(e.state,2),o=t[0],d=t[1],l=e.round,a=100/n.length,s=(0,r.useState)([]),c=(0,i.Z)(s,2),p=c[0],u=c[1];return(0,r.useEffect)((function(){n.some((function(e){return!e.endsWith("cm")}))?u(n):u(n.map((function(e,t){return e.replace("cm","")+(t==n.length-1?"cm":"")})))}),[n]),(0,y.jsx)("div",{className:w.YS,style:{borderRadius:l?"100px":void 0},children:(0,y.jsxs)("div",{className:w.No,children:[p.map((function(e,n){return(0,y.jsx)("div",{style:{width:a+"%"},children:(0,y.jsx)("label",{onClick:function onClick(){return d(n)},className:v()(w.F2,o===n&&w.pA),children:e})},n)})),(0,y.jsx)("div",{className:w.wb,style:{left:o/n.length*100+"%",width:a+"%",borderRadius:l?"100px":void 0}})]})})}},52805:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(34988),r=t(87363),o=t(9420),d=t(88130),l=t(23170),a=t(93379),s=t.n(a),c=t(7795),p=t.n(c),u=t(90569),m=t.n(u),x=t(3565),f=t.n(x),g=t(19216),w=t.n(g),h=t(44589),b=t.n(h),v=t(7182),y={};y.styleTagTransform=b(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();s()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var P=t(65515),O=t.n(P),j=t(47514);const S=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=e.round,a=e.paletteId,s=(0,d.NP)(),c=(0,r.useState)([]),p=(0,i.Z)(c,2),u=p[0],m=p[1],x=(0,r.useState)([]),f=(0,i.Z)(x,2),g=f[0],w=f[1],h=(0,r.useState)(),b=(0,i.Z)(h,2),y=b[0],P=b[1],S=(0,r.useState)(!1),k=(0,i.Z)(S,2),_=k[0],R=k[1];(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));m(e),R(t),w(e.map((function(e){return t?e.text.replace("cm",""):e.text}))),P(e.findIndex((function(e){return e.sel})))}),[n]);return 0===u.length?(0,j.jsx)(j.Fragment,{}):(0,j.jsxs)("div",{className:v.O7,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,j.jsx)("div",{className:O()(v.eR,v.TN),children:n.name+(_?" (cm)":"")}),(0,j.jsx)("div",{className:O()(v.eR,v.ZN),children:(0,j.jsx)(l.default,{values:g,state:[y,function onChangeValue(e){P(e);var n=u[e];n&&s.paletteViewHandler.clickedOnConfigPalette(n,void 0,a)}],round:o})})]})}))},56567:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),r=t(87363),o=t(9420),d=t(88130),l=t(96935),a=t(74133),s=t(93379),c=t.n(s),p=t(7795),u=t.n(p),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),w=t(19216),h=t.n(w),b=t(44589),v=t.n(b),y=t(74219),P={};P.styleTagTransform=v(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=h();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var O=t(65515),j=t.n(O),S=t(47514);const k=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=e.paletteId,s=(0,d.NP)(),c=(0,r.useState)({}),p=(0,i.Z)(c,2),u=p[0],m=p[1],x=(0,r.useState)([]),f=(0,i.Z)(x,2),g=f[0],w=f[1],h=(0,r.useState)(),b=(0,i.Z)(h,2),v=b[0],P=b[1],O=function onChangeComplete(e){void 0!==(null!=e?e:v)&&s.paletteViewHandler.clickedOnConfigPalette(g[null!=e?e:v],void 0,o)};return(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items}));w(e),P(e.findIndex((function(e){return e.sel}))),m(e.reduce((function(e,n,t){return e[t]=n.text,e}),{}))}),[n]),0===g.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsxs)("div",{style:t,className:j()(y.YS,"no-swiping"),children:[(0,S.jsx)(a.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),(0,S.jsx)("div",{className:y.sL,children:(0,S.jsx)(l.Z,{marks:u,trackStyle:{backgroundColor:"#e9e9e9"},value:v,onChange:function onChange(e){Array.isArray(e)&&(e=e[0]),P(e),O(e)},onChangeComplete:O,min:Number(Object.keys(u)[0]),max:Number(Object.keys(u)[Object.keys(u).length-1])})})]})}))},87967:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),r=t(88683),o=t(88130),d=t(87363),l=t(9420),a=t(31030),s=t(93379),c=t.n(s),p=t(7795),u=t.n(p),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),w=t(19216),h=t.n(w),b=t(44589),v=t.n(b),y=t(77113),P={};P.styleTagTransform=v(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=h();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var O=t(74133),j=t(47514),S=function getSkeletons(e,n){var t=0;e>n&&(t=e-n);var i=[];if(t)for(var r=t-1;r>=0;r--)i.push(e-r);return i};const k=(0,l.Pi)((function PromotedProducts(e){var n,t=e.item,l=(0,r.useDivaCore)(),s=l.actions.openComponent,c=l.handler.productHandler,p=l.state.organization,u=(0,d.useState)([]),m=(0,i.Z)(u,2),x=m[0],f=m[1],g=(0,o.NP)(),w=g.getViewConfig().productsConfig,h=(0,d.useState)(0),b=(0,i.Z)(h,2),v=b[0],P=b[1],k=(0,d.useCallback)((function(e){P(g.settingsState.configChanged),s({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[g]),_=v===g.settingsState.configChanged&&(null!==(n=g.configState.productId)&&void 0!==n?n:!g.configState.divaNr&&g.divaWebPlanner.getStartProductId());(0,d.useEffect)((function(){var e,n,t;c.apiLoadProductVariantsGrouped({limit:null!==(e=null==w?void 0:w.maxCount)&&void 0!==e?e:void 0,search:null!==(n=null==w?void 0:w.filter)&&void 0!==n?n:[{id:"availableForOrganizations",op:"eq",value:p._id},{id:"promotedForOrganizations",op:"eq",value:p._id}],sort:null!==(t=null==w?void 0:w.sort)&&void 0!==t?t:"{-created}"}).then((function(e){var n=e.data.findIndex((function(e){var n;return null===(n=e.items[0].startProductForOrganizations)||void 0===n?void 0:n.includes(p._id)}));if(-1!=n){var t=e.data[n];e.data.splice(n,1),e.data.unshift(t)}f(e.data)}))}),[g.uiState.isLoading]);var R=null!=w&&w.maxCount&&w.showSkeletions?S(w.maxCount,x.length):[];return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(O.default,{isInScroller:!1,isSettingsHeader:!0,item:t}),(0,j.jsxs)("div",{className:y.Ry,children:[x.map((function(e,n){return(0,j.jsx)(a.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:k,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==_}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),R.map((function(e){return(0,j.jsx)("div",{className:y.F1,children:(0,j.jsx)("div",{children:e})},e)}))]})]})}))},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});t(87363);var i=t(65515),r=t.n(i),o=t(550),d=t(88130),l=t(91578),a=t(88683),s=t(9510),c=t(2398),p=t(47514),u=(0,a.getLogger)("Planner","ToggleName");const m=function ToggleName(e){var n,t,i,a=e.item,m=e.paletteId,x=e.style,f=(0,d.NP)(),g=a.groups[0].items;if(!g)return(0,p.jsx)(p.Fragment,{});for(var w=0;w<g.length;w++){var h,b;null!==(h=g[w].codex)&&void 0!==h&&h.startsWith("OPVNEIN")&&(i=g[w]),null!==(b=g[w].codex)&&void 0!==b&&b.startsWith("OPVJA")&&(t=g[w])}if(!(i&&t||(2==g.length&&(i=g[0],t=g[1]),i&&t)))return u.warn("Achtung! Bei der Option: "+g[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),a.isVisited=!0,(0,p.jsx)(p.Fragment,{});var v=0==i.sel,y=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,p.jsxs)("div",{className:o.O7,ref:function ref(e){return a.htmlRef=e},style:x,children:[(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){f.paletteViewHandler.clickedOnConfigPalette(i,void 0,m)},children:[void 0!==i.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,p.jsx)("div",{className:v?void 0:o.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,p.jsx)("div",{className:r()(o.Fl,o.ZN),children:(0,p.jsx)(l.default,{onChange:function onChange(){f.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,m)},val:a,alwaysActiveColor:!0,state:v})}),(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){f.paletteViewHandler.clickedOnConfigPalette(t,void 0,m)},children:[void 0!==t.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),(0,p.jsx)("div",{className:v?o.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),y&&(0,p.jsx)(s.default,{item:y,style:{position:"relative"}},a.configStepKey)]})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>f});t(87363);var i=t(65515),r=t.n(i),o=t(550),d=t(88130),l=t(91578),a=t(9420),s=t(88683),c=t(35907),p=t(9510),u=t(2398),m=t(47514),x=(0,s.getLogger)("Planner","ToggleOption");const f=(0,a.Pi)((function ToggleOption(e){var n,t,i,a=e.item,s=e.paletteId,f=e.style,g=(0,d.NP)(),w=a.groups[0].items;if(!w)return(0,m.jsx)(m.Fragment,{});for(var h=0;h<w.length;h++){var b,v;null!==(b=w[h].codex)&&void 0!==b&&b.startsWith("OPVNEIN")&&(i=w[h]),null!==(v=w[h].codex)&&void 0!==v&&v.startsWith("OPVJA")&&(t=w[h])}if(!(i&&t||(2==w.length&&(i=w[0],t=w[1]),i&&t)))return x.error(new c.GE("Achtung! Bei der Option: "+w[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),a.isVisited=!0,(0,m.jsx)(m.Fragment,{});var y=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,m.jsxs)("div",{className:o.O7,ref:function ref(e){return a.htmlRef=e},style:f,children:[(0,m.jsx)("div",{className:r()(o.eR,o.TN),children:a.name}),(0,m.jsxs)("div",{className:r()(o.eR,o.ZN),children:[void 0!==i.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,m.jsx)(l.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,s)},val:a,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"})]}),y&&(0,m.jsx)(p.default,{item:y,style:{bottom:"calc(50% - 10px)",right:"20px"}},a.configStepKey)]})}))},48037:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var i=t(80248),r=(t(87363),t(93379)),o=t.n(r),d=t(7795),l=t.n(d),a=t(90569),s=t.n(a),c=t(3565),p=t.n(c),u=t(19216),m=t.n(u),x=t(44589),f=t.n(x),g=t(98404),w={};w.styleTagTransform=f(),w.setAttributes=p(),w.insert=s().bind(null,"head"),w.domAPI=l(),w.insertStyleElement=m();o()(g.Z,w);g.Z&&g.Z.locals&&g.Z.locals;var h=t(65515),b=t.n(h),v=t(53791),y=t(74133),P=t(99754),O=t(9420),j=t(88130),S=t(11729),k=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const _=(0,O.Pi)((function ItemWrapper(e){var n=e.item,t=e.style,i=e.children,r=(0,j.NP)(),o=n.isHeader||n.hideHeader?(0,k.jsx)(k.Fragment,{}):(0,k.jsx)(y.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),d=n.type.startsWith("ART"),l=d&&r.settingsState.planner2Dot0Active;return(0,k.jsxs)("div",{className:b()(g.f,{wcFilterVisible:n.filterVisible}),ref:function ref(e){return n.htmlRef=e},id:n.configStepKey,style:_objectSpread(_objectSpread({},t),{},{zIndex:Math.round(100/(n.id+1))}),children:[(0,k.jsx)(v.default,{stepInfo:n.info}),!l&&o,l&&(0,k.jsx)(S.default,{}),d&&!l&&r.settingsState.doShowReplaceMode&&(!r.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==n.id)&&(0,k.jsx)(P.default,{}),l&&o,i]})}))},3324:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D,getKey:()=>N});var i=t(80248),r=t(34988),o=t(87363),d=t.n(o),l=t(9420),a=t(86468),s=t(96894),c=t(53125),p=t(32105),u=t(3985),m=t(88584),x=t(88130),f=t(48994),g=t(87967),w=t(78717),h=t(4903),b=t(48037),v=t(56567),y=t(52805),P=t(88683);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}var O=function useGridVariables(e){var n=(0,x.NP)(),t=(0,P.useDivaCore)().state.dimensions,r=(0,o.useMemo)((function(){var t,r,o,d,l,a,s=null!==(t=n.uiState.ViewConfig.settingsSizes)&&void 0!==t?t:{},c=null!==(r=null===(o=n.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().width)&&void 0!==r?r:0,p=null!==(d=null==s?void 0:s.gapDefault)&&void 0!==d?d:"10px",u=null!==(l=null==s?void 0:s.sizeDefault)&&void 0!==l?l:"300px",m=void 0;if(e.isRenderedNotInSettingPalette&&!e.isRenderedInAccessorieStep)u="240px";else if(["SUMMARY_ARTICLES","SUMMARY_OPTIONTREE","VARIANTS"].includes(e.type))u="calc(100% - 20px)";else if(["GAL_GROUP_DROPDOWN","GAL_BIG"].includes(e.type))u="100px";else if("ACC"==e.type)s.sizeAccessoires&&(u=s.sizeAccessoires);else if("ACC_CONFIG"==e.type)u="100%";else if("RANGE"==e.type)u="100%";else if("GAL"==e.type){var x,f;u=null!==(x=null==s?void 0:s.sizeGallery)&&void 0!==x?x:"80px",p=null!==(f=null==s?void 0:s.gapGallery)&&void 0!==f?f:"10px"}else"PLANNERSWITCH"===e.type?u="170px":"SMALL"===e.type&&n.getIsInMobileView()&&"jungle"==(null===(a=n.uiState.templateConfigKeys)||void 0===a?void 0:a.ItemDefault)?u="120px":"VERY_SMALL"===e.type?u="48%":"GAL_TEXT_2"==e.type?u=c>700||c>550?"120px":c>400?"90px":"70px":"GAL_TEXT"==e.type||"SHELFPLANNER"===e.type&&n.productState.shelfPlannerRTV?u=c>700||c>550?"100px":c>400||!n.uiState.isInMobileView?"90px":"80px":"GAL_BIG_TEXT_2"==e.type?u=c>700?"190px":c>550?"170px":c>400?"145px":"130px":"GAL_BIG_TEXT"==e.type?u=c>700||c>550?"120px":c>400?"110px":"100px":["GAL_SMALL_TEXT_2","PLANNER_2.0","ART_2"].includes(e.type)?(u=c>700?"105px":c>550?"95px":c>400?"80px":"70px",p="8px"):"GAL_SMALL_TEXT"==e.type?(u=c>700?"75px":c>550?"70px":c>400?"55px":"50px",p="6px"):"GAL_VERY_SMALL_TEXT"==e.type?(u="60px",p="6px"):e.type.startsWith("GAL_SMALL")&&(u="60px");return["GAL_SMALL_GROUP_DROPDOWN","TOGGLE","TOGGLE_NAME","DROPDOWN_IMAGE","DROPDOWN_TEXT"].includes(e.type)&&(m="20px"),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}({"--gridSize":u,"--gridGap":p},m?{"--infoIconSize":m}:{})}),[e,n.uiState.ViewConfig.settingsSizes,n.settingsState.settingsScrollerElement,t]);return r},j=t(75647),S=t(47514);function SettingsItem_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 SettingsItem_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?SettingsItem_ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):SettingsItem_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=d().lazy((function(){return Promise.all([t.e(9944),t.e(7442)]).then(t.bind(t,67442))})),_=d().lazy((function(){return Promise.all([t.e(3887),t.e(8678)]).then(t.bind(t,68678))})),R=d().lazy((function(){return Promise.all([t.e(1849),t.e(5771)]).then(t.bind(t,35771))})),N=function getKey(e){var n,t,i,r;return null!==(n=null!==(t=null!==(i=null!==(r=e.basketId)&&void 0!==r?r:e.codex)&&void 0!==i?i:e.key)&&void 0!==t?t:e.articleCodex)&&void 0!==n?n:e.title};const D=(0,l.Pi)((function SettingsPaletteItem(e){var n,t=e.item,i=e.groupSize,d=(0,x.NP)(),l=O(t),P=h.default[t.type];if(void 0===P)throw new Error("component type: '"+t.type+"' not implemented");var D=(0,o.useState)([]),G=(0,r.Z)(D,2),I=G[0],Z=G[1],T=(0,o.useState)([]),A=(0,r.Z)(T,2),C=A[0],E=A[1];(0,o.useEffect)((function(){var e=t.groups.map((function(e){return SettingsItem_objectSpread(SettingsItem_objectSpread({},e),{},{items:t.currentItemsFilter&&"PLANNERSWITCH"!==t.type?e.items.filter((0,a.ZP)(t.currentItemsFilter)):e.items})})),n=e.filter((function(e){return e.items.length>0}));n.length>0&&(e=n),Z(n),E(e)}),[t,d.settingsState.itemPalettes]);var z=1===I.length&&"none"===I[0].name,L=t.type.startsWith("SUMMARY")?"":u.pw;if(!t.visible)return(0,S.jsx)(S.Fragment,{});switch(t.type){case"PLANNER_2.0":return(0,S.jsx)(S.Fragment,{});case"CHECKOUT":return(0,S.jsx)(j.default,{},t.id);case"TOGGLE":return(0,S.jsx)(m.default,{style:l,item:t,paletteId:t.id});case"TOGGLE_NAME":return(0,S.jsx)(w.default,{style:l,item:t,paletteId:t.id});case"TEXTBOX":return(0,S.jsx)(s.default,{style:l,item:t,paletteId:t.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,S.jsx)(c.default,{style:l,item:t,paletteId:t.id});case"NUMBER":return(0,S.jsx)(P,{paletteId:t.id,item:null===(n=t.groups[0])||void 0===n||null===(n=n.items)||void 0===n?void 0:n[0],groupSize:i},t.id+t.configStepKey);case"SLIDER":return(0,S.jsx)(v.default,{style:l,item:t,paletteId:t.id});case"MULTI_TOGGLE":case"MULTI_TOGGLE_ROUND":return(0,S.jsx)(y.default,{style:l,item:t,paletteId:t.id,round:"MULTI_TOGGLE_ROUND"===t.type});case"SHELFPLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(k,{filteredGroups:I,item:t,id:t.id,style:l},t.id)});case"PRODUCTS":return(0,S.jsx)(R,{item:t});case"PROMOTED":return(0,S.jsx)(g.default,{item:t});case"DOOR_PLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(_,{item:t})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var K=(0,S.jsx)(f.default,{item:t,PaletteComponent:P,filteredGroups:C,id:t.id,showSearchBar:"GAL_GROUP_DROPDOWN"==t.type,contentInnerClassName:L},t.configStepKey);return(0,S.jsx)(b.default,{style:l,item:t,children:K});default:var M;return M=z?(0,S.jsx)("div",{className:L,children:I.map((function(e){return e.items.map((function(e,n){return(0,S.jsx)(P,{paletteType:t.type,paletteId:t.id,item:e},N(e))}))}))}):(0,S.jsx)(p.default,{groups:I,contentInnerClassName:L,itemPalette:t,PaletteComponent:P}),(0,S.jsx)(b.default,{style:l,item:t,children:M})}}))},83301:(e,n,t)=>{t.d(n,{Ey:()=>m,ZP:()=>x,tx:()=>u});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o),l=t(61667),a=t.n(l),s=new URL(t(64197),t.b),c=d()(r()),p=a()(s);c.push([e.id,".index-module--DtwRe.index-module--PGk_O {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 4px;\n}\n\n/*navigation*/\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide {\n  width: auto;\n  width: initial;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-slide:first-child {\n  width: auto;\n  width: initial;\n  margin-left: 46px;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide:hover {\n  z-index: 1000;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 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.index-module--DtwRe.index-module--PGk_O .swiper-button-prev.swiper-button-disabled,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev.swiper-button-hidden,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev svg,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev svg,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next: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.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+p+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-android .swiper-slide,\n.index-module--DtwRe.index-module--PGk_O .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight,\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] .index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var u="index-module--DtwRe",m="index-module--PGk_O";const x=c},53946:(e,n,t)=>{t.d(n,{Mq:()=>s,YS:()=>l,ZP:()=>p,ai:()=>a,u7:()=>c});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--GKAfY {\n  position: sticky;\n  top: 0px;\n  z-index: 1500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  width: 100%;\n  height: 148px;\n  pointer-events: none;\n}\n\n.index-module--GKAfY.index-module--KrBev:not(.index-module--ivdRZ) {\n  top: 14px;\n  height: 108px;\n}\n\n.index-module--GKAfY.index-module--ivdRZ {\n  top: 26px;\n}\n\n.index-module--bxQaE {\n  background: var(--settingsBackgroundColor);\n  pointer-events: auto;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n",""]);var l="index-module--GKAfY",a="index-module--KrBev",s="index-module--ivdRZ",c="index-module--bxQaE";const p=d},11309:(e,n,t)=>{t.d(n,{JU:()=>c,LI:()=>a,YS:()=>l,ZP:()=>p,pA:()=>s});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var l="index-module--RNSdL",a="index-module--BZXkK",s="index-module--WUQm2",c="index-module--f88nM";const p=d},18135:(e,n,t)=>{t.d(n,{F2:()=>p,O7:()=>a,TN:()=>s,ZP:()=>f,eR:()=>u,kA:()=>x,q_:()=>l,t:()=>m,t$:()=>c});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var l="index-module--BRYpa",a="index-module--VyzqQ",s="index-module--KQkM7",c="index-module--bKCuD",p="index-module--FSuK_",u="index-module--pc3yf",m="index-module--laiEH",x="index-module--HL0mI";const f=d},60636:(e,n,t)=>{t.d(n,{F2:()=>c,No:()=>a,YS:()=>l,ZP:()=>u,pA:()=>p,wb:()=>s});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #eaeaea;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var l="index-module--V0pQW",a="index-module--zHWrU",s="index-module--rSXQZ",c="index-module--Ublpe",p="index-module--jEYkH";const u=d},7182:(e,n,t)=>{t.d(n,{O7:()=>l,TN:()=>s,ZN:()=>c,ZP:()=>p,eR:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n  gap: 12px;\n}\n.index-module--oMpID {\n  width: 70%;\n}\n.index-module--oMpID:first-child {\n  width: 30%;\n  margin: 10px 0px;\n  position: relative;\n}\n\n.index-module--CG0qP {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var l="index-module--j9Vsg",a="index-module--oMpID",s="index-module--F6wCX",c="index-module--mALKQ";const p=d},74219:(e,n,t)=>{t.d(n,{YS:()=>l,ZP:()=>s,sL:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--vkNxi {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.index-module--cmtxo {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n\n.index-module--cmtxo .rc-slider {\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 5px 0;\n  border-radius: 6px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-rail {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background-color: #e9e9e9;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track,\n.index-module--cmtxo .rc-slider-tracks {\n  position: absolute;\n  height: 4px;\n  background-color: #abe2fb;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track-draggable {\n  z-index: 1;\n  box-sizing: content-box;\n  background-clip: content-box;\n  border-top: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  transform: translateY(-5px);\n}\n.index-module--cmtxo .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  background-color: #fff;\n  border: solid 2px #96dbfa;\n  border-radius: 50%;\n  cursor: pointer;\n  cursor: grab;\n  opacity: 0.8;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: pan-x;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n  border-color: #57c5f7;\n  box-shadow: 0 0 0 5px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {\n  opacity: 0;\n}\n.index-module--cmtxo .rc-slider-handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.index-module--cmtxo .rc-slider-handle.focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle:focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-click-focused:focus {\n  border-color: #96dbfa;\n  box-shadow: none;\n  box-shadow: initial;\n}\n.index-module--cmtxo .rc-slider-handle:hover {\n  border-color: #57c5f7;\n}\n.index-module--cmtxo .rc-slider-handle:active {\n  border-color: #57c5f7;\n  box-shadow: 0 0 5px #57c5f7;\n  cursor: grabbing;\n}\n.index-module--cmtxo .rc-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.index-module--cmtxo .rc-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  color: #999;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-mark-text-active {\n  color: #666;\n}\n.index-module--cmtxo .rc-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background: transparent;\n}\n.index-module--cmtxo .rc-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  width: 8px;\n  height: 8px;\n  vertical-align: middle;\n  background-color: #fff;\n  border: 2px solid #e9e9e9;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-dot-active {\n  border-color: #96dbfa;\n}\n.index-module--cmtxo .rc-slider-dot-reverse {\n  margin-right: -4px;\n}\n.index-module--cmtxo .rc-slider-disabled {\n  background-color: #e9e9e9;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-track {\n  background-color: #ccc;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-handle,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  background-color: #fff;\n  border-color: #ccc;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-mark-text,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  cursor: not-allowed !important;\n}\n.index-module--cmtxo .rc-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-rail {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track {\n  bottom: 0;\n  left: 5px;\n  width: 4px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track-draggable {\n  border-top: 0;\n  border-right: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 0;\n  border-left: 5px solid rgba(0, 0, 0, 0);\n  transform: translateX(-5px);\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  margin-top: 0;\n  margin-left: -5px;\n  touch-action: pan-y;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-step {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-dot {\n  margin-left: -2px;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n  animation-name: rcSliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n  animation-name: rcSliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes index-module--xw4LC {\n  0% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n}\n@keyframes index-module--bzXCO {\n  0% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n  100% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n}\n.index-module--cmtxo .rc-slider-tooltip {\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip-hidden {\n  display: none;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top {\n  padding: 4px 0 8px 0;\n}\n.index-module--cmtxo .rc-slider-tooltip-inner {\n  min-width: 24px;\n  height: 24px;\n  padding: 6px 2px;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  background-color: #6c6c6c;\n  border-radius: 6px;\n  box-shadow: 0 0 4px #d9d9d9;\n}\n.index-module--cmtxo .rc-slider-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n",""]);var l="index-module--vkNxi",a="index-module--cmtxo";const s=d},77113:(e,n,t)=>{t.d(n,{F1:()=>a,Ry:()=>l,ZP:()=>s});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var l="index-module--x75w5",a="index-module--tgKwN";const s=d},43078:(e,n,t)=>{t.d(n,{Fl:()=>s,O7:()=>l,TN:()=>c,ZN:()=>p,ZP:()=>x,eR:()=>a,pA:()=>m,u2:()=>u});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var l="index-module--v5pSs",a="index-module--WNi5H",s="index-module--L1EGw",c="index-module--BYNhM",p="index-module--NNRCj",u="index-module--z1OwD",m="index-module--PkMF3";const x=d},98404:(e,n,t)=>{t.d(n,{Z:()=>a,f:()=>l});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--hCQUB {\n  width: 100%;\n  margin-bottom: 24px;\n  position: relative;\n}\n",""]);var l="index-module--hCQUB";const a=d},70410:(e,n,t)=>{t.d(n,{ZP:()=>a,pw:()=>l});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--ThELN {\n  overflow: visible !important;\n}\n\n.index-module--ThELN {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.index-module--anx5T {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--gridSize), 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: var(--gridGap);\n  margin-top: var(--gridGap);\n}\n",""]);var l="index-module--anx5T";const a=d},550:(e,n,t)=>{t.d(n,{Fl:()=>f.Fl,O7:()=>f.O7,TN:()=>f.TN,ZN:()=>f.ZN,eR:()=>f.eR,pA:()=>f.pA,u2:()=>f.u2});var i=t(93379),r=t.n(i),o=t(7795),d=t.n(o),l=t(90569),a=t.n(l),s=t(3565),c=t.n(s),p=t(19216),u=t.n(p),m=t(44589),x=t.n(m),f=t(43078),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=u();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},3985:(e,n,t)=>{t.d(n,{pw:()=>f.pw});var i=t(93379),r=t.n(i),o=t(7795),d=t.n(o),l=t(90569),a=t.n(l),s=t(3565),c=t.n(s),p=t(19216),u=t.n(p),m=t(44589),x=t.n(m),f=t(70410),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=u();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8357,4133,2105,9754,3125,6894,3170,2805,6567,9596,7967],{74133:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const d=function SettingsHeader(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},6135:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var i=t(34988),r=t(9420),o=t(87363),d=t(37707),l=t(31964),a=t(93379),s=t.n(a),c=t(7795),p=t.n(c),u=t(90569),m=t.n(u),x=t(3565),f=t.n(x),g=t(19216),w=t.n(g),h=t(44589),b=t.n(h),v=t(83301),y={};y.styleTagTransform=b(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();s()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var P=t(3324),O=t(65515),j=t.n(O),S=t(88130),k=t(47514);const _=(0,r.Pi)((function HorizantalGroup(e){var n=e.item,t=e.PaletteComponent,r=n.groups.flatMap((function(e){return e.items})),a=(0,o.useState)(null),s=(0,i.Z)(a,2),c=s[0],p=s[1],u=(0,o.useRef)(0),m=(0,S.NP)(),x=function navigateToOnClick(e){var n=0!==e?e-1:e;u.current=n,null==c||c.slideTo(n)};return(0,o.useEffect)((function(){c&&c.slideTo(u.current,0)}),[c]),(0,o.useEffect)((function(){var e=r.findIndex((function(e){var n;return e.basketId==(null===(n=m.settingsState.addElementSelected)||void 0===n?void 0:n.basketId)}));-1!==e&&x(e)}),[m.settingsState.addElementSelected]),(0,k.jsx)("div",{className:j()(v.tx,v.Ey),id:n.id.toString(),children:(0,k.jsx)(d.tq,{onSwiper:p,resizeObserver:!0,modules:[l.W_],slidesPerView:"auto",style:{width:"fit-content"},spaceBetween:8,scrollbar:!0,slideToClickedSlide:!0,wrapperClass:"no-swiping",children:r.map((function(e,i){return(0,k.jsx)(d.o5,{onClick:function onClick(e){x(i),e.stopPropagation()},children:(0,k.jsx)(t,{paletteType:n.type,paletteId:n.id,item:e},(0,P.getKey)(e))},i)}))})})}))},32105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const d=function SettingsPaletteGroup(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup"}))}},11729:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(88130),r=t(9420),o=(t(87363),t(6135)),d=t(4903),l=t(93379),a=t.n(l),s=t(7795),c=t.n(s),p=t(90569),u=t.n(p),m=t(3565),x=t.n(m),f=t(19216),g=t.n(f),w=t(44589),h=t.n(w),b=t(53946),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=g();a()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var y=t(65515),P=t.n(y),O=t(47514);const j=(0,r.Pi)((function ArticleOverviewWrapper(e){var n=(0,i.NP)(),t=n.settingsState.itemPalettes.get(1);if(!t)return(0,O.jsx)(O.Fragment,{});var r=d.default[t.type];return 1==t.groups.flatMap((function(e){return e.items})).length?(0,O.jsx)(O.Fragment,{}):(0,O.jsx)("div",{className:P()(b.YS,n.uiState.isMobilePortrait?b.ai:void 0,n.uiState.isMobilePortrait&&n.uiState.isTablet?b.Mq:void 0),children:(0,O.jsx)("div",{className:b.u7,children:(0,O.jsx)(o.default,{item:t,PaletteComponent:r})})})}))},99754:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(9420),r=t(88130),o=t(93379),d=t.n(o),l=t(7795),a=t.n(l),s=t(90569),c=t.n(s),p=t(3565),u=t.n(p),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),w=t(11309),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=x();d()(w.ZP,h);w.ZP&&w.ZP.locals&&w.ZP.locals;t(87363);var b=t(65515),v=t.n(b),y=t(88683),P=t(47514);const O=(0,i.Pi)((function ReplaceSwitch(e){var n=(0,r.NP)(),t=(0,y.useTranslation)().t;return(0,P.jsxs)("div",{className:v()(w.YS),children:[(0,P.jsx)("div",{onClick:function onClick(){return n.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:v()(w.LI,n.settingsState.plannerReplaceMode?void 0:w.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,P.jsx)("div",{onClick:function onClick(){n.settingsState.plannerReplaceModeAvailable&&n.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:v()(w.LI,n.settingsState.plannerReplaceMode?w.pA:void 0,n.settingsState.plannerReplaceModeAvailable?void 0:w.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},53125:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const d=function ItemVariant(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},96894:(e,n,t)=>{t.r(n),t.d(n,{default:()=>N});var i=t(84658),r=t(80248),o=t(34988),d=t(50747),l=t.n(d),a=t(87363),s=t(65515),c=t.n(s),p=t(93379),u=t.n(p),m=t(7795),x=t.n(m),f=t(90569),g=t.n(f),w=t(3565),h=t.n(w),b=t(19216),v=t.n(b),y=t(44589),P=t.n(y),O=t(18135),j={};j.styleTagTransform=P(),j.setAttributes=h(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();u()(O.ZP,j);O.ZP&&O.ZP.locals&&O.ZP.locals;var S=t(88130),k=t(9420),_=t(74133),R=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,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const N=(0,k.Pi)((function TextBox(e){var n,t,d=e.item,s=e.paletteId,p=e.style,u=(0,S.NP)(),m=(0,a.useRef)(null),x=d.groups[0].items,f=(0,a.useState)(x[0].freeTextLang),g=(0,o.Z)(f,2),w=g[0],h=g[1],b=function(){var e=(0,i.Z)(l().mark((function _callee(e,n){return l().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:u.paletteViewHandler.onFreeTextLangChanged(e,n,x[0],s);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),v=null!==(n=u.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,R.jsxs)("div",{className:O.O7,ref:function ref(e){return d.htmlRef=e},style:p,children:[(0,R.jsx)("div",{className:c()(O.eR,O.TN,O.t$),children:(0,R.jsx)(_.default,{item:d,isInScroller:!0,isSettingsHeader:!1})}),(0,R.jsx)("div",{className:c()(O.eR,O.F2),children:v.length?(0,R.jsx)(R.Fragment,{children:v.map((function(e){return(0,R.jsxs)("div",{className:O.t,children:[(0,R.jsx)("div",{className:O.kA,children:e}),(0,R.jsx)("input",{className:O.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){m.current&&clearTimeout(m.current),m.current=setTimeout((function(){return b(e,n)}),500),h(_objectSpread(_objectSpread({},w),{},(0,r.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==w?void 0:w[e]})]},e)}))}):(0,R.jsx)("div",{children:(0,R.jsx)("input",{className:O.q_,onChange:function handleChange(e){x[0]&&(x[0].freeText=e.target.value,u.paletteViewHandler.clickedOnConfigPalette(x[0],"inputbox",s))},type:"text",value:null!==(t=x[0])&&void 0!==t&&t.freeText?x[0].freeText:""})})})]})}))},23170:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),r=t(87363),o=t(93379),d=t.n(o),l=t(7795),a=t.n(l),s=t(90569),c=t.n(s),p=t(3565),u=t.n(p),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),w=t(60636),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=x();d()(w.ZP,h);w.ZP&&w.ZP.locals&&w.ZP.locals;var b=t(65515),v=t.n(b),y=t(47514);const P=function MultiToggleSwitch(e){var n=e.values,t=(0,i.Z)(e.state,2),o=t[0],d=t[1],l=e.round,a=100/n.length,s=(0,r.useState)([]),c=(0,i.Z)(s,2),p=c[0],u=c[1];return(0,r.useEffect)((function(){n.some((function(e){return!e.endsWith("cm")}))?u(n):u(n.map((function(e,t){return e.replace("cm","")+(t==n.length-1?"cm":"")})))}),[n]),(0,y.jsx)("div",{className:w.YS,style:{borderRadius:l?"100px":void 0},children:(0,y.jsxs)("div",{className:w.No,children:[p.map((function(e,n){return(0,y.jsx)("div",{style:{width:a+"%"},children:(0,y.jsx)("label",{onClick:function onClick(){return d(n)},className:v()(w.F2,o===n&&w.pA),children:e})},n)})),(0,y.jsx)("div",{className:w.wb,style:{left:o/n.length*100+"%",width:a+"%",borderRadius:l?"100px":void 0}})]})})}},52805:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(34988),r=t(87363),o=t(9420),d=t(88130),l=t(23170),a=t(93379),s=t.n(a),c=t(7795),p=t.n(c),u=t(90569),m=t.n(u),x=t(3565),f=t.n(x),g=t(19216),w=t.n(g),h=t(44589),b=t.n(h),v=t(7182),y={};y.styleTagTransform=b(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();s()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var P=t(65515),O=t.n(P),j=t(47514);const S=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=e.round,a=e.paletteId,s=(0,d.NP)(),c=(0,r.useState)([]),p=(0,i.Z)(c,2),u=p[0],m=p[1],x=(0,r.useState)([]),f=(0,i.Z)(x,2),g=f[0],w=f[1],h=(0,r.useState)(),b=(0,i.Z)(h,2),y=b[0],P=b[1],S=(0,r.useState)(!1),k=(0,i.Z)(S,2),_=k[0],R=k[1];(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));m(e),R(t),w(e.map((function(e){return t?e.text.replace("cm",""):e.text}))),P(e.findIndex((function(e){return e.sel})))}),[n]);return 0===u.length?(0,j.jsx)(j.Fragment,{}):(0,j.jsxs)("div",{className:v.O7,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,j.jsx)("div",{className:O()(v.eR,v.TN),children:n.name+(_?" (cm)":"")}),(0,j.jsx)("div",{className:O()(v.eR,v.ZN),children:(0,j.jsx)(l.default,{values:g,state:[y,function onChangeValue(e){P(e);var n=u[e];n&&s.paletteViewHandler.clickedOnConfigPalette(n,void 0,a)}],round:o})})]})}))},56567:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),r=t(87363),o=t(9420),d=t(88130),l=t(96935),a=t(74133),s=t(93379),c=t.n(s),p=t(7795),u=t.n(p),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),w=t(19216),h=t.n(w),b=t(44589),v=t.n(b),y=t(74219),P={};P.styleTagTransform=v(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=h();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var O=t(65515),j=t.n(O),S=t(47514);const k=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=e.paletteId,s=(0,d.NP)(),c=(0,r.useState)({}),p=(0,i.Z)(c,2),u=p[0],m=p[1],x=(0,r.useState)([]),f=(0,i.Z)(x,2),g=f[0],w=f[1],h=(0,r.useState)(),b=(0,i.Z)(h,2),v=b[0],P=b[1],O=function onChangeComplete(e){void 0!==(null!=e?e:v)&&s.paletteViewHandler.clickedOnConfigPalette(g[null!=e?e:v],void 0,o)};return(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items}));w(e),P(e.findIndex((function(e){return e.sel}))),m(e.reduce((function(e,n,t){return e[t]=n.text,e}),{}))}),[n]),0===g.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsxs)("div",{style:t,className:j()(y.YS,"no-swiping"),children:[(0,S.jsx)(a.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),(0,S.jsx)("div",{className:y.sL,children:(0,S.jsx)(l.Z,{marks:u,trackStyle:{backgroundColor:"#e9e9e9"},value:v,onChange:function onChange(e){Array.isArray(e)&&(e=e[0]),P(e),O(e)},onChangeComplete:O,min:Number(Object.keys(u)[0]),max:Number(Object.keys(u)[Object.keys(u).length-1])})})]})}))},87967:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(34988),r=t(88683),o=t(88130),d=t(87363),l=t(9420),a=t(31030),s=t(93379),c=t.n(s),p=t(7795),u=t.n(p),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),w=t(19216),h=t.n(w),b=t(44589),v=t.n(b),y=t(77113),P={};P.styleTagTransform=v(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=h();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var O=t(74133),j=t(47514),S=function getSkeletons(e,n){var t=0;e>n&&(t=e-n);var i=[];if(t)for(var r=t-1;r>=0;r--)i.push(e-r);return i};const k=(0,l.Pi)((function PromotedProducts(e){var n,t=e.item,l=(0,r.useDivaCore)(),s=l.actions.openComponent,c=l.handler.productHandler,p=l.state.organization,u=(0,d.useState)([]),m=(0,i.Z)(u,2),x=m[0],f=m[1],g=(0,o.NP)(),w=g.getViewConfig().productsConfig,h=(0,d.useState)(0),b=(0,i.Z)(h,2),v=b[0],P=b[1],k=(0,d.useCallback)((function(e){P(g.settingsState.configChanged),s({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[g]),_=v===g.settingsState.configChanged&&(null!==(n=g.configState.productId)&&void 0!==n?n:!g.configState.divaNr&&g.divaWebPlanner.getStartProductId());(0,d.useEffect)((function(){var e,n,t;c.apiLoadProductVariantsGrouped({limit:null!==(e=null==w?void 0:w.maxCount)&&void 0!==e?e:void 0,search:null!==(n=null==w?void 0:w.filter)&&void 0!==n?n:[{id:"availableForOrganizations",op:"eq",value:p._id},{id:"promotedForOrganizations",op:"eq",value:p._id}],sort:null!==(t=null==w?void 0:w.sort)&&void 0!==t?t:"{-created}"}).then((function(e){var n=e.data.findIndex((function(e){var n;return null===(n=e.items[0].startProductForOrganizations)||void 0===n?void 0:n.includes(p._id)}));if(-1!=n){var t=e.data[n];e.data.splice(n,1),e.data.unshift(t)}f(e.data)}))}),[g.uiState.isLoading]);var R=null!=w&&w.maxCount&&w.showSkeletions?S(w.maxCount,x.length):[];return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(O.default,{isInScroller:!1,isSettingsHeader:!0,item:t}),(0,j.jsxs)("div",{className:y.Ry,children:[x.map((function(e,n){return(0,j.jsx)(a.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:k,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==_}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),R.map((function(e){return(0,j.jsx)("div",{className:y.F1,children:(0,j.jsx)("div",{children:e})},e)}))]})]})}))},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});t(87363);var i=t(65515),r=t.n(i),o=t(550),d=t(88130),l=t(91578),a=t(88683),s=t(9510),c=t(2398),p=t(47514),u=(0,a.getLogger)("Planner","ToggleName");const m=function ToggleName(e){var n,t,i,a=e.item,m=e.paletteId,x=e.style,f=(0,d.NP)(),g=a.groups[0].items;if(!g)return(0,p.jsx)(p.Fragment,{});for(var w=0;w<g.length;w++){var h,b;null!==(h=g[w].codex)&&void 0!==h&&h.startsWith("OPVNEIN")&&(i=g[w]),null!==(b=g[w].codex)&&void 0!==b&&b.startsWith("OPVJA")&&(t=g[w])}if(!(i&&t||(2==g.length&&(i=g[0],t=g[1]),i&&t)))return u.warn("Achtung! Bei der Option: "+g[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),a.isVisited=!0,(0,p.jsx)(p.Fragment,{});var v=0==i.sel,y=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,p.jsxs)("div",{className:o.O7,ref:function ref(e){return a.htmlRef=e},style:x,children:[(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){f.paletteViewHandler.clickedOnConfigPalette(i,void 0,m)},children:[void 0!==i.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,p.jsx)("div",{className:v?void 0:o.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,p.jsx)("div",{className:r()(o.Fl,o.ZN),children:(0,p.jsx)(l.default,{onChange:function onChange(){f.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,m)},val:a,alwaysActiveColor:!0,state:v})}),(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){f.paletteViewHandler.clickedOnConfigPalette(t,void 0,m)},children:[void 0!==t.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),(0,p.jsx)("div",{className:v?o.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),y&&(0,p.jsx)(s.default,{item:y,style:{position:"relative"}},a.configStepKey)]})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>f});t(87363);var i=t(65515),r=t.n(i),o=t(550),d=t(88130),l=t(91578),a=t(9420),s=t(88683),c=t(35907),p=t(9510),u=t(2398),m=t(47514),x=(0,s.getLogger)("Planner","ToggleOption");const f=(0,a.Pi)((function ToggleOption(e){var n,t,i,a=e.item,s=e.paletteId,f=e.style,g=(0,d.NP)(),w=a.groups[0].items;if(!w)return(0,m.jsx)(m.Fragment,{});for(var h=0;h<w.length;h++){var b,v;null!==(b=w[h].codex)&&void 0!==b&&b.startsWith("OPVNEIN")&&(i=w[h]),null!==(v=w[h].codex)&&void 0!==v&&v.startsWith("OPVJA")&&(t=w[h])}if(!(i&&t||(2==w.length&&(i=w[0],t=w[1]),i&&t)))return x.error(new c.GE("Achtung! Bei der Option: "+w[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),a.isVisited=!0,(0,m.jsx)(m.Fragment,{});var y=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,m.jsxs)("div",{className:o.O7,ref:function ref(e){return a.htmlRef=e},style:f,children:[(0,m.jsx)("div",{className:r()(o.eR,o.TN),children:a.name}),(0,m.jsxs)("div",{className:r()(o.eR,o.ZN),children:[void 0!==i.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,m.jsx)(l.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,s)},val:a,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"})]}),y&&(0,m.jsx)(p.default,{item:y,style:{bottom:"calc(50% - 10px)",right:"20px"}},a.configStepKey)]})}))},48037:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var i=t(80248),r=(t(87363),t(93379)),o=t.n(r),d=t(7795),l=t.n(d),a=t(90569),s=t.n(a),c=t(3565),p=t.n(c),u=t(19216),m=t.n(u),x=t(44589),f=t.n(x),g=t(98404),w={};w.styleTagTransform=f(),w.setAttributes=p(),w.insert=s().bind(null,"head"),w.domAPI=l(),w.insertStyleElement=m();o()(g.Z,w);g.Z&&g.Z.locals&&g.Z.locals;var h=t(65515),b=t.n(h),v=t(53791),y=t(74133),P=t(99754),O=t(9420),j=t(88130),S=t(11729),k=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const _=(0,O.Pi)((function ItemWrapper(e){var n=e.item,t=e.style,i=e.children,r=(0,j.NP)(),o=n.isHeader||n.hideHeader?(0,k.jsx)(k.Fragment,{}):(0,k.jsx)(y.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),d=n.type.startsWith("ART"),l=d&&r.settingsState.planner2Dot0Active;return(0,k.jsxs)("div",{className:b()(g.f,{wcFilterVisible:n.filterVisible}),ref:function ref(e){return n.htmlRef=e},id:n.configStepKey,style:_objectSpread(_objectSpread({},t),{},{zIndex:Math.round(100/(n.id+1))}),children:[(0,k.jsx)(v.default,{stepInfo:n.info}),!l&&o,l&&(0,k.jsx)(S.default,{}),d&&!l&&r.settingsState.doShowReplaceMode&&(!r.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==n.id)&&(0,k.jsx)(P.default,{}),l&&o,i]})}))},3324:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D,getKey:()=>N});var i=t(80248),r=t(34988),o=t(87363),d=t.n(o),l=t(9420),a=t(86468),s=t(96894),c=t(53125),p=t(32105),u=t(3985),m=t(88584),x=t(88130),f=t(48994),g=t(87967),w=t(78717),h=t(4903),b=t(48037),v=t(56567),y=t(52805),P=t(88683);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}var O=function useGridVariables(e){var n=(0,x.NP)(),t=(0,P.useDivaCore)().state.dimensions,r=(0,o.useMemo)((function(){var t,r,o,d,l,a,s=null!==(t=n.uiState.ViewConfig.settingsSizes)&&void 0!==t?t:{},c=null!==(r=null===(o=n.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().width)&&void 0!==r?r:0,p=null!==(d=null==s?void 0:s.gapDefault)&&void 0!==d?d:"10px",u=null!==(l=null==s?void 0:s.sizeDefault)&&void 0!==l?l:"300px",m=void 0;if(["SUMMARY_ARTICLES","SUMMARY_OPTIONTREE","VARIANTS"].includes(e.type))u="calc(100% - 20px)";else if(["GAL_GROUP_DROPDOWN","GAL_BIG"].includes(e.type))u="100px";else if("ACC"==e.type)s.sizeAccessoires&&(u=s.sizeAccessoires);else if("ACC_CONFIG"==e.type)u="100%";else if("RANGE"==e.type)u="100%";else if("GAL"==e.type){var x,f;u=null!==(x=null==s?void 0:s.sizeGallery)&&void 0!==x?x:"80px",p=null!==(f=null==s?void 0:s.gapGallery)&&void 0!==f?f:"10px"}else"PLANNERSWITCH"===e.type?u="170px":"SMALL"===e.type&&n.getIsInMobileView()&&"jungle"==(null===(a=n.uiState.templateConfigKeys)||void 0===a?void 0:a.ItemDefault)?u="120px":"VERY_SMALL"===e.type?u="48%":"GAL_TEXT_2"==e.type?u=c>700||c>550?"120px":c>400?"90px":"70px":"GAL_TEXT"==e.type||"SHELFPLANNER"===e.type&&n.productState.shelfPlannerRTV?u=c>700||c>550?"100px":c>400||!n.uiState.isInMobileView?"90px":"80px":"GAL_BIG_TEXT_2"==e.type?u=c>700?"190px":c>550?"170px":c>400?"145px":"130px":"GAL_BIG_TEXT"==e.type?u=c>700||c>550?"120px":c>400?"110px":"100px":["GAL_SMALL_TEXT_2","PLANNER_2.0","ART_2"].includes(e.type)?(u=c>700?"105px":c>550?"95px":c>400?"80px":"70px",p="8px"):"GAL_SMALL_TEXT"==e.type?(u=c>700?"75px":c>550?"70px":c>400?"55px":"50px",p="6px"):"GAL_VERY_SMALL_TEXT"==e.type?(u="60px",p="6px"):e.type.startsWith("GAL_SMALL")&&(u="60px");return["GAL_SMALL_GROUP_DROPDOWN","TOGGLE","TOGGLE_NAME","DROPDOWN_IMAGE","DROPDOWN_TEXT"].includes(e.type)&&(m="20px"),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}({"--gridSize":u,"--gridGap":p},m?{"--infoIconSize":m}:{})}),[e,n.uiState.ViewConfig.settingsSizes,n.settingsState.settingsScrollerElement,t]);return r},j=t(75647),S=t(47514);function SettingsItem_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 SettingsItem_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?SettingsItem_ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):SettingsItem_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=d().lazy((function(){return Promise.all([t.e(9944),t.e(7442)]).then(t.bind(t,67442))})),_=d().lazy((function(){return Promise.all([t.e(3887),t.e(8678)]).then(t.bind(t,68678))})),R=d().lazy((function(){return Promise.all([t.e(1849),t.e(5771)]).then(t.bind(t,35771))})),N=function getKey(e){var n,t,i,r;return null!==(n=null!==(t=null!==(i=null!==(r=e.basketId)&&void 0!==r?r:e.codex)&&void 0!==i?i:e.key)&&void 0!==t?t:e.articleCodex)&&void 0!==n?n:e.title};const D=(0,l.Pi)((function SettingsPaletteItem(e){var n,t=e.item,i=e.groupSize,d=(0,x.NP)(),l=O(t),P=h.default[t.type];if(void 0===P)throw new Error("component type: '"+t.type+"' not implemented");var D=(0,o.useState)([]),G=(0,r.Z)(D,2),I=G[0],Z=G[1],T=(0,o.useState)([]),A=(0,r.Z)(T,2),C=A[0],E=A[1];(0,o.useEffect)((function(){var e=t.groups.map((function(e){return SettingsItem_objectSpread(SettingsItem_objectSpread({},e),{},{items:t.currentItemsFilter&&"PLANNERSWITCH"!==t.type?e.items.filter((0,a.ZP)(t.currentItemsFilter)):e.items})})),n=e.filter((function(e){return e.items.length>0}));n.length>0&&(e=n),Z(n),E(e)}),[t,d.settingsState.itemPalettes]);var z=1===I.length&&"none"===I[0].name,L=t.type.startsWith("SUMMARY")?"":u.pw;if(!t.visible)return(0,S.jsx)(S.Fragment,{});switch(t.type){case"PLANNER_2.0":return(0,S.jsx)(S.Fragment,{});case"CHECKOUT":return(0,S.jsx)(j.default,{},t.id);case"TOGGLE":return(0,S.jsx)(m.default,{style:l,item:t,paletteId:t.id});case"TOGGLE_NAME":return(0,S.jsx)(w.default,{style:l,item:t,paletteId:t.id});case"TEXTBOX":return(0,S.jsx)(s.default,{style:l,item:t,paletteId:t.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,S.jsx)(c.default,{style:l,item:t,paletteId:t.id});case"NUMBER":return(0,S.jsx)(P,{paletteId:t.id,item:null===(n=t.groups[0])||void 0===n||null===(n=n.items)||void 0===n?void 0:n[0],groupSize:i},t.id+t.configStepKey);case"SLIDER":return(0,S.jsx)(v.default,{style:l,item:t,paletteId:t.id});case"MULTI_TOGGLE":case"MULTI_TOGGLE_ROUND":return(0,S.jsx)(y.default,{style:l,item:t,paletteId:t.id,round:"MULTI_TOGGLE_ROUND"===t.type});case"SHELFPLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(k,{filteredGroups:I,item:t,id:t.id,style:l},t.id)});case"PRODUCTS":return(0,S.jsx)(R,{item:t});case"PROMOTED":return(0,S.jsx)(g.default,{item:t});case"DOOR_PLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(_,{item:t})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var K=(0,S.jsx)(f.default,{item:t,PaletteComponent:P,filteredGroups:C,id:t.id,showSearchBar:"GAL_GROUP_DROPDOWN"==t.type,contentInnerClassName:L},t.configStepKey);return(0,S.jsx)(b.default,{style:l,item:t,children:K});default:var M;return M=z?(0,S.jsx)("div",{className:L,children:I.map((function(e){return e.items.map((function(e,n){return(0,S.jsx)(P,{paletteType:t.type,paletteId:t.id,item:e},N(e))}))}))}):(0,S.jsx)(p.default,{groups:I,contentInnerClassName:L,itemPalette:t,PaletteComponent:P}),(0,S.jsx)(b.default,{style:l,item:t,children:M})}}))},83301:(e,n,t)=>{t.d(n,{Ey:()=>m,ZP:()=>x,tx:()=>u});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o),l=t(61667),a=t.n(l),s=new URL(t(64197),t.b),c=d()(r()),p=a()(s);c.push([e.id,".index-module--DtwRe.index-module--PGk_O {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  margin: 4px;\n}\n\n/*navigation*/\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide {\n  width: auto;\n  width: initial;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-slide:first-child {\n  width: auto;\n  width: initial;\n  margin-left: 46px;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide:hover {\n  z-index: 1000;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 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.index-module--DtwRe.index-module--PGk_O .swiper-button-prev.swiper-button-disabled,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev.swiper-button-hidden,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev svg,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev svg,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next: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.index-module--DtwRe.index-module--PGk_O .swiper-button-prev:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-button-next:after,\n.index-module--DtwRe.index-module--PGk_O .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+p+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-android .swiper-slide,\n.index-module--DtwRe.index-module--PGk_O .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--DtwRe.index-module--PGk_O .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight,\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] .index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe.index-module--PGk_O .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var u="index-module--DtwRe",m="index-module--PGk_O";const x=c},53946:(e,n,t)=>{t.d(n,{Mq:()=>s,YS:()=>l,ZP:()=>p,ai:()=>a,u7:()=>c});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--GKAfY {\n  position: sticky;\n  top: 0px;\n  z-index: 1500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  width: 100%;\n  height: 148px;\n  pointer-events: none;\n}\n\n.index-module--GKAfY.index-module--KrBev:not(.index-module--ivdRZ) {\n  top: 14px;\n  height: 108px;\n}\n\n.index-module--GKAfY.index-module--ivdRZ {\n  top: 26px;\n}\n\n.index-module--bxQaE {\n  background: var(--settingsBackgroundColor);\n  pointer-events: auto;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n",""]);var l="index-module--GKAfY",a="index-module--KrBev",s="index-module--ivdRZ",c="index-module--bxQaE";const p=d},11309:(e,n,t)=>{t.d(n,{JU:()=>c,LI:()=>a,YS:()=>l,ZP:()=>p,pA:()=>s});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var l="index-module--RNSdL",a="index-module--BZXkK",s="index-module--WUQm2",c="index-module--f88nM";const p=d},18135:(e,n,t)=>{t.d(n,{F2:()=>p,O7:()=>a,TN:()=>s,ZP:()=>f,eR:()=>u,kA:()=>x,q_:()=>l,t:()=>m,t$:()=>c});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var l="index-module--BRYpa",a="index-module--VyzqQ",s="index-module--KQkM7",c="index-module--bKCuD",p="index-module--FSuK_",u="index-module--pc3yf",m="index-module--laiEH",x="index-module--HL0mI";const f=d},60636:(e,n,t)=>{t.d(n,{F2:()=>c,No:()=>a,YS:()=>l,ZP:()=>u,pA:()=>p,wb:()=>s});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #eaeaea;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var l="index-module--V0pQW",a="index-module--zHWrU",s="index-module--rSXQZ",c="index-module--Ublpe",p="index-module--jEYkH";const u=d},7182:(e,n,t)=>{t.d(n,{O7:()=>l,TN:()=>s,ZN:()=>c,ZP:()=>p,eR:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n  gap: 12px;\n}\n.index-module--oMpID {\n  width: 70%;\n}\n.index-module--oMpID:first-child {\n  width: 30%;\n  margin: 10px 0px;\n  position: relative;\n}\n\n.index-module--CG0qP {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var l="index-module--j9Vsg",a="index-module--oMpID",s="index-module--F6wCX",c="index-module--mALKQ";const p=d},74219:(e,n,t)=>{t.d(n,{YS:()=>l,ZP:()=>s,sL:()=>a});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--vkNxi {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.index-module--cmtxo {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n\n.index-module--cmtxo .rc-slider {\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 5px 0;\n  border-radius: 6px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-rail {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background-color: #e9e9e9;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track,\n.index-module--cmtxo .rc-slider-tracks {\n  position: absolute;\n  height: 4px;\n  background-color: #abe2fb;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track-draggable {\n  z-index: 1;\n  box-sizing: content-box;\n  background-clip: content-box;\n  border-top: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  transform: translateY(-5px);\n}\n.index-module--cmtxo .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  background-color: #fff;\n  border: solid 2px #96dbfa;\n  border-radius: 50%;\n  cursor: pointer;\n  cursor: grab;\n  opacity: 0.8;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: pan-x;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n  border-color: #57c5f7;\n  box-shadow: 0 0 0 5px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {\n  opacity: 0;\n}\n.index-module--cmtxo .rc-slider-handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.index-module--cmtxo .rc-slider-handle.focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle:focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-click-focused:focus {\n  border-color: #96dbfa;\n  box-shadow: none;\n  box-shadow: initial;\n}\n.index-module--cmtxo .rc-slider-handle:hover {\n  border-color: #57c5f7;\n}\n.index-module--cmtxo .rc-slider-handle:active {\n  border-color: #57c5f7;\n  box-shadow: 0 0 5px #57c5f7;\n  cursor: grabbing;\n}\n.index-module--cmtxo .rc-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.index-module--cmtxo .rc-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  color: #999;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-mark-text-active {\n  color: #666;\n}\n.index-module--cmtxo .rc-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background: transparent;\n}\n.index-module--cmtxo .rc-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  width: 8px;\n  height: 8px;\n  vertical-align: middle;\n  background-color: #fff;\n  border: 2px solid #e9e9e9;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-dot-active {\n  border-color: #96dbfa;\n}\n.index-module--cmtxo .rc-slider-dot-reverse {\n  margin-right: -4px;\n}\n.index-module--cmtxo .rc-slider-disabled {\n  background-color: #e9e9e9;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-track {\n  background-color: #ccc;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-handle,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  background-color: #fff;\n  border-color: #ccc;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-mark-text,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  cursor: not-allowed !important;\n}\n.index-module--cmtxo .rc-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-rail {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track {\n  bottom: 0;\n  left: 5px;\n  width: 4px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track-draggable {\n  border-top: 0;\n  border-right: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 0;\n  border-left: 5px solid rgba(0, 0, 0, 0);\n  transform: translateX(-5px);\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  margin-top: 0;\n  margin-left: -5px;\n  touch-action: pan-y;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-step {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-dot {\n  margin-left: -2px;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n  animation-name: rcSliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n  animation-name: rcSliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes index-module--xw4LC {\n  0% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n}\n@keyframes index-module--bzXCO {\n  0% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n  100% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n}\n.index-module--cmtxo .rc-slider-tooltip {\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip-hidden {\n  display: none;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top {\n  padding: 4px 0 8px 0;\n}\n.index-module--cmtxo .rc-slider-tooltip-inner {\n  min-width: 24px;\n  height: 24px;\n  padding: 6px 2px;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  background-color: #6c6c6c;\n  border-radius: 6px;\n  box-shadow: 0 0 4px #d9d9d9;\n}\n.index-module--cmtxo .rc-slider-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n",""]);var l="index-module--vkNxi",a="index-module--cmtxo";const s=d},77113:(e,n,t)=>{t.d(n,{F1:()=>a,Ry:()=>l,ZP:()=>s});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var l="index-module--x75w5",a="index-module--tgKwN";const s=d},43078:(e,n,t)=>{t.d(n,{Fl:()=>s,O7:()=>l,TN:()=>c,ZN:()=>p,ZP:()=>x,eR:()=>a,pA:()=>m,u2:()=>u});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var l="index-module--v5pSs",a="index-module--WNi5H",s="index-module--L1EGw",c="index-module--BYNhM",p="index-module--NNRCj",u="index-module--z1OwD",m="index-module--PkMF3";const x=d},98404:(e,n,t)=>{t.d(n,{Z:()=>a,f:()=>l});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--hCQUB {\n  width: 100%;\n  margin-bottom: 24px;\n  position: relative;\n}\n",""]);var l="index-module--hCQUB";const a=d},70410:(e,n,t)=>{t.d(n,{ZP:()=>a,pw:()=>l});var i=t(8081),r=t.n(i),o=t(23645),d=t.n(o)()(r());d.push([e.id,".index-module--ThELN {\n  overflow: visible !important;\n}\n\n.index-module--ThELN {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.index-module--anx5T {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--gridSize), 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: var(--gridGap);\n  margin-top: var(--gridGap);\n}\n",""]);var l="index-module--anx5T";const a=d},550:(e,n,t)=>{t.d(n,{Fl:()=>f.Fl,O7:()=>f.O7,TN:()=>f.TN,ZN:()=>f.ZN,eR:()=>f.eR,pA:()=>f.pA,u2:()=>f.u2});var i=t(93379),r=t.n(i),o=t(7795),d=t.n(o),l=t(90569),a=t.n(l),s=t(3565),c=t.n(s),p=t(19216),u=t.n(p),m=t(44589),x=t.n(m),f=t(43078),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=u();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},3985:(e,n,t)=>{t.d(n,{pw:()=>f.pw});var i=t(93379),r=t.n(i),o=t(7795),d=t.n(o),l=t(90569),a=t.n(l),s=t(3565),c=t.n(s),p=t(19216),u=t.n(p),m=t(44589),x=t.n(m),f=t(70410),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=u();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8584.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8584,1578,9510,2398,5552],{9510:(t,i,o)=>{o.r(i),o.d(i,{default:()=>N});var r=o(34988),a=o(93379),l=o.n(a),d=o(7795),c=o.n(d),u=o(90569),p=o.n(u),f=o(3565),m=o.n(f),x=o(19216),C=o.n(x),v=o(44589),g=o.n(v),b=o(23240),y={};y.styleTagTransform=g(),y.setAttributes=m(),y.insert=p().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=C();l()(b.ZP,y);b.ZP&&b.ZP.locals&&b.ZP.locals;var w=o(87363),P=o(88130),j=o(65515),S=o.n(j),k=o(9420),I=o(47514);const N=(0,k.Pi)((function InfoIcon(t){var i,o,a,l=t.item,d=t.style,c=(0,P.NP)(),u=l.contentItemId,p=null!==(i=null!==(o=null!==(a=l.codex)&&void 0!==a?a:l.articleCodex)&&void 0!==o?o:l.title)&&void 0!==i?i:l.key,f=(0,w.useState)(!1),m=(0,r.Z)(f,2),x=m[0],C=m[1],v=l.sel||x;if((0,w.useEffect)((function(){var t=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!t&&x&&C(!1),t&&!x&&C(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!l.op||null===(t=c.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||v}()?(0,I.jsx)("div",{className:b.um,onClick:function onClick(t){c.settingsState.onClickContentItemId(u,p),C(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),t.stopPropagation()},style:d,children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:S()(b.hv,v?void 0:b.al,x?b.FJ:void 0),children:(0,I.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,I.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,I.jsx)("path",{className:b.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,I.jsx)("path",{className:b.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,I.jsx)("div",{className:S()(b.dA,v?b.al:void 0),children:(0,I.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,I.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,I.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,I.jsx)(I.Fragment,{})}))},2398:(t,i,o)=>{o.r(i),o.d(i,{default:()=>F});var r=o(80248),a=o(34988),l=o(87363),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),f=o(90569),m=o.n(f),x=o(3565),C=o.n(x),v=o(19216),g=o.n(v),b=o(44589),y=o.n(b),w=o(8907),P={};P.styleTagTransform=y(),P.setAttributes=C(),P.insert=m().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();c()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=o(88683),S=o(88130),k=o(65515),I=o.n(k),N=o(7501),D=o(47514);function ownKeys(t,i){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);i&&(r=r.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),o.push.apply(o,r)}return o}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(o),!0).forEach((function(i){(0,r.Z)(t,i,o[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(o,i))}))}return t}var E=function AsyncRender1(t){var i=t.asyncPricePreview,o=t.children;return use(i)?o:(0,D.jsx)(D.Fragment,{})},M=function AsyncRender2(t){var i,o,r=t.asyncPricePreview,d=t.dontAnimatePrice,c=use(r),u=(0,S.NP)().productState.pricePreview,p=(0,l.useState)(0),f=(0,a.Z)(p,2),m=f[0],x=f[1];switch(u){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":o=c.price-c.origPrice;break;case"fromBasePrice":o=c.price-c.firstPrice}return(0,D.jsxs)(D.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(0,D.jsx)(N.ZP,{end:o,duration:.35,start:d?o:m,formattingFn:function formattingFn(t){return(t<0?"-":"+")+j.DivaUtils.formatPrice(Math.abs(t),_objectSpread(_objectSpread({},j.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))},onEnd:function onEnd(){x(o)}})]})};function use(t){if("fulfilled"===t.status)return t.value;throw"rejected"===t.status?t.reason:("pending"===t.status||(t.status="pending",t.then((function(i){t.status="fulfilled",t.value=i}),(function(i){t.status="rejected",t.reason=i}))),t)}const F=function PricePreview(t){var i=t.asyncPricePreview,o=t.pos,r=void 0===o?"right":o,d=t.style,c=t.price,u=t.sel,p=t.dontAnimatePrice,f=(0,j.useDivaCore)().state,m=f.hidePrices,x=f.hideConfigPricePreview,C=(0,S.NP)(),v=(0,l.useState)(p),g=(0,a.Z)(v,2),b=g[0],y=g[1];if(m||"off"==C.productState.pricePreview)return(0,D.jsx)(D.Fragment,{});if(c)return(0,D.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:d,children:j.DivaUtils.formatPrice(Math.abs(c),_objectSpread(_objectSpread({},j.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var P=x||"fromCurrentPriceHideCurrent"==C.productState.pricePreview&&u;return i?(i.promise.then((function(){b||y(!0)})),(0,D.jsx)(l.Suspense,{fallback:(0,D.jsx)(D.Fragment,{}),children:(0,D.jsx)(E,{asyncPricePreview:i.isVisible,children:(0,D.jsx)("div",{className:I()(w.aH,b&&!P?w.pn:void 0,C.getIsInMobileView()?w.ai:void 0,"left"==r?w.t$:w.F2),style:d,children:(0,D.jsx)(l.Suspense,{fallback:(0,D.jsx)(D.Fragment,{}),children:(0,D.jsx)(M,{asyncPricePreview:i.promise,dontAnimatePrice:p})})})})})):(0,D.jsx)(D.Fragment,{})}},91578:(t,i,o)=>{o.r(i),o.d(i,{default:()=>S});var r=o(65515),a=o.n(r),l=(o(87363),o(68692)),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),f=o(90569),m=o.n(f),x=o(3565),C=o.n(x),v=o(19216),g=o.n(v),b=o(44589),y=o.n(b),w=o(75581),P={};P.styleTagTransform=y(),P.setAttributes=C(),P.insert=m().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();c()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=o(47514);const S=function Toggle(t){var i,o=t.onChange,r=t.val,d=t.state,c=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,m=void 0===f?40:f,x=t.width,C=void 0===x?80:x,v=t.handleDiameter,g=void 0===v?32:v,b=t.toggleTextClassName,y=void 0===b?w.f6:b,P=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,j.jsx)(l.Z,{className:"no-swiping",checkedIcon:c?(0,j.jsx)("div",{className:a()(y),id:"yes",children:c}):(0,j.jsx)(j.Fragment,{}),uncheckedIcon:u?(0,j.jsx)("div",{className:a()(y),id:"no",children:u}):(0,j.jsx)(j.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:P,offColor:p?P:"#CACACA",height:m,width:C,handleDiameter:g})}},88584:(t,i,o)=>{o.r(i),o.d(i,{default:()=>g});o(87363);var r=o(65515),a=o.n(r),l=o(550),d=o(88130),c=o(91578),u=o(9420),p=o(88683),f=o(35907),m=o(9510),x=o(2398),C=o(47514),v=(0,p.getLogger)("Planner","ToggleOption");const g=(0,u.Pi)((function ToggleOption(t){var i,o,r,u=t.item,p=t.paletteId,g=t.style,b=(0,d.NP)(),y=u.groups[0].items;if(!y)return(0,C.jsx)(C.Fragment,{});for(var w=0;w<y.length;w++){var P,j;null!==(P=y[w].codex)&&void 0!==P&&P.startsWith("OPVNEIN")&&(r=y[w]),null!==(j=y[w].codex)&&void 0!==j&&j.startsWith("OPVJA")&&(o=y[w])}if(!(r&&o||(2==y.length&&(r=y[0],o=y[1]),r&&o)))return v.error(new f.GE("Achtung! Bei der Option: "+y[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),u.isVisited=!0,(0,C.jsx)(C.Fragment,{});var S=null!==(i=u.selectedElements)&&void 0!==i&&i[0].contentItemId?u.selectedElements[0]:u.optionContentItemId?{contentItemId:u.optionContentItemId,codex:u.configStepKey}:void 0;return(0,C.jsxs)("div",{className:l.O7,ref:function ref(t){return u.htmlRef=t},style:g,children:[(0,C.jsx)("div",{className:a()(l.eR,l.TN),children:u.name}),(0,C.jsxs)("div",{className:a()(l.eR,l.ZN),children:[void 0!==r.pricePreviewPromise&&(0,C.jsx)(x.default,{asyncPricePreview:r.pricePreviewPromise,sel:r.sel,pos:"left"}),(0,C.jsx)(c.default,{onChange:function onChange(){b.paletteViewHandler.clickedOnConfigPalette(r.sel?o:r,void 0,p)},val:u,state:0==r.sel,off:r.text,on:o.text}),void 0!==o.pricePreviewPromise&&(0,C.jsx)(x.default,{asyncPricePreview:o.pricePreviewPromise,sel:o.sel,pos:"right"})]}),S&&(0,C.jsx)(m.default,{item:S,style:{bottom:"calc(50% - 10px)",right:"20px"}},u.configStepKey)]})}))},23240:(t,i,o)=>{o.d(i,{FJ:()=>m,Oq:()=>f,ZP:()=>v,al:()=>C,dA:()=>p,fL:()=>x,hv:()=>u,um:()=>c});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",f="index-module--fLFjU",m="index-module--nTN4r",x="index-module--FaRqp",C="index-module--oBSZj";const v=d},8907:(t,i,o)=>{o.d(i,{F2:()=>f,ZP:()=>x,aH:()=>c,ai:()=>u,pn:()=>m,t$:()=>p});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.66667);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--bVDuL",u="index-module--FqlZz",p="index-module--zI2ES",f="index-module--kN6Sz",m="index-module--bd6dC";const x=d},75581:(t,i,o)=>{o.d(i,{ZP:()=>u,f6:()=>c});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--D7_Ss#yes {\n  padding-left: 16px;\n}\n\n.index-module--D7_Ss#no {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss";const u=d},43078:(t,i,o)=>{o.d(i,{Fl:()=>p,O7:()=>c,TN:()=>f,ZN:()=>m,ZP:()=>v,eR:()=>u,pA:()=>C,u2:()=>x});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var c="index-module--v5pSs",u="index-module--WNi5H",p="index-module--L1EGw",f="index-module--BYNhM",m="index-module--NNRCj",x="index-module--z1OwD",C="index-module--PkMF3";const v=d},550:(t,i,o)=>{o.d(i,{Fl:()=>g.Fl,O7:()=>g.O7,TN:()=>g.TN,ZN:()=>g.ZN,eR:()=>g.eR,pA:()=>g.pA,u2:()=>g.u2});var r=o(93379),a=o.n(r),l=o(7795),d=o.n(l),c=o(90569),u=o.n(c),p=o(3565),f=o.n(p),m=o(19216),x=o.n(m),C=o(44589),v=o.n(C),g=o(43078),b={};b.styleTagTransform=v(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=x();a()(g.ZP,b),g.ZP&&g.ZP.locals&&g.ZP.locals},68692:(t,i,o)=>{o.d(i,{Z:()=>d});var r=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,r,a){return function(t,i,o,r,a){var l=(t-o)/(i-o);if(0===l)return r;if(1===l)return a;for(var d="#",c=1;c<6;c+=2){var u=parseInt(r.substr(c,2),16),p=parseInt(a.substr(c,2),16),f=Math.round((1-l)*u+l*p).toString(16);1===f.length&&(f="0"+f),d+=f}return d}(t,i,o,h(r),h(a))}var d=function(t){function n(i){t.call(this,i);var o=i.height,r=i.width,a=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(r-o,r-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.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,r=i.h,a=(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,a));l!==r&&this.setState({h:l})},n.prototype.A=function(t){var i=this.state,o=i.h,r=i.U,a=i.L,l=this.props.checked,d=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var c=Date.now()-a;(!r||c<250||l&&o<=d||!l&&o>=d)&&this.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,a=t.className,l=t.offColor,d=t.onColor,c=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,m=t.checkedHandleIcon,x=t.uncheckedHandleIcon,C=t.boxShadow,v=t.activeBoxShadow,g=t.height,b=t.width,y=t.borderRadius,w=function(t,i){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===i.indexOf(r)&&(o[r]=t[r]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,j=P.h,S=P.U,k=P.B,I={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},N={height:g,width:b,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(j,this.i,this.o,l,d),borderRadius:"number"==typeof y?y:g/2,cursor:o?"default":"pointer",WebkitTransition:S?null:"background 0.25s",MozTransition:S?null:"background 0.25s",transition:S?null:"background 0.25s"},D={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"relative",opacity:(j-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:S?null:"opacity 0.25s",MozTransition:S?null:"opacity 0.25s",transition:S?null:"opacity 0.25s"},E={height:g,width:Math.min(1.5*g,b-(this.t+g)/2+1),position:"absolute",opacity:1-(j-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:S?null:"opacity 0.25s",MozTransition:S?null:"opacity 0.25s",transition:S?null:"opacity 0.25s"},M={height:this.t,width:this.t,background:e(j,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof y?y-1:"50%",position:"absolute",transform:"translateX("+j+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:k?v:C,border:0,WebkitTransition:S?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:S?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:S?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},F={height:this.t,width:this.t,opacity:Math.max(2*(1-(j-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:S?null:"opacity 0.25s",MozTransition:S?null:"opacity 0.25s",transition:S?null:"opacity 0.25s"},Z={height:this.t,width:this.t,opacity:Math.max(2*((j-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:S?null:"opacity 0.25s",MozTransition:S?null:"opacity 0.25s",transition:S?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:I},r.createElement("div",{className:"react-switch-bg",style:N,onClick:o?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:D},p),f&&r.createElement("div",{style:E},f)),r.createElement("div",{className:"react-switch-handle",style:M,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},x&&r.createElement("div",{style:F},x),m&&r.createElement("div",{style:Z},m)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},w,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);d.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8584,1578,9510,2398,6665],{9510:(t,i,o)=>{o.r(i),o.d(i,{default:()=>N});var r=o(34988),a=o(93379),l=o.n(a),d=o(7795),c=o.n(d),u=o(90569),p=o.n(u),f=o(3565),m=o.n(f),x=o(19216),C=o.n(x),v=o(44589),g=o.n(v),y=o(23240),b={};b.styleTagTransform=g(),b.setAttributes=m(),b.insert=p().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=C();l()(y.ZP,b);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=o(87363),P=o(88130),j=o(65515),S=o.n(j),k=o(9420),I=o(47514);const N=(0,k.Pi)((function InfoIcon(t){var i,o,a,l=t.item,d=t.style,c=(0,P.NP)(),u=l.contentItemId,p=null!==(i=null!==(o=null!==(a=l.codex)&&void 0!==a?a:l.articleCodex)&&void 0!==o?o:l.title)&&void 0!==i?i:l.key,f=(0,w.useState)(!1),m=(0,r.Z)(f,2),x=m[0],C=m[1],v=l.sel||x;if((0,w.useEffect)((function(){var t=c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u&&p==c.settingsState.clickedFrom;!t&&x&&C(!1),t&&!x&&C(!0)}),[c.settingsState.contentItemVisible,c.settingsState.contentItemId,c.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!l.op||null===(t=c.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||v}()?(0,I.jsx)("div",{className:y.um,onClick:function onClick(t){c.settingsState.onClickContentItemId(u,p),C(c.settingsState.contentItemVisible&&c.settingsState.contentItemId==u),t.stopPropagation()},style:d,children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:S()(y.hv,v?void 0:y.al,x?y.FJ:void 0),children:(0,I.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,I.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,I.jsx)("path",{className:y.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,I.jsx)("path",{className:y.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,I.jsx)("div",{className:S()(y.dA,v?y.al:void 0),children:(0,I.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,I.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,I.jsx)("path",{d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})})]})}):(0,I.jsx)(I.Fragment,{})}))},2398:(t,i,o)=>{o.r(i),o.d(i,{default:()=>Z});var r=o(80248),a=o(34988),l=o(87363),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),f=o(90569),m=o.n(f),x=o(3565),C=o.n(x),v=o(19216),g=o.n(v),y=o(44589),b=o.n(y),w=o(8907),P={};P.styleTagTransform=b(),P.setAttributes=C(),P.insert=m().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();c()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=o(88683),S=o(88130),k=o(65515),I=o.n(k),N=o(7501),D=o(47514);function ownKeys(t,i){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);i&&(r=r.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),o.push.apply(o,r)}return o}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var o=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(o),!0).forEach((function(i){(0,r.Z)(t,i,o[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(o,i))}))}return t}var M=function AsyncRender1(t){var i=t.asyncPricePreview,o=t.children;return use(i)?o:(0,D.jsx)(D.Fragment,{})},F=function AsyncRender2(t){var i,o,r=t.asyncPricePreview,d=t.dontAnimatePrice,c=use(r),u=(0,S.NP)(),p=u.productState.pricePreview,f=(0,l.useState)(0),m=(0,a.Z)(f,2),x=m[0],C=m[1];switch(p){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":o=c.price-c.origPrice;break;case"fromBasePrice":o=c.price-c.firstPrice}return(0,D.jsxs)(D.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(0,D.jsx)(N.ZP,{end:o,duration:.35,start:d?o:x,formattingFn:function formattingFn(t){return(t<0?"-":"+")+j.DivaUtils.formatPrice(Math.abs(t),u.productState.getPriceFormatForCounter(t))},onEnd:function onEnd(){C(o)}})]})};function use(t){if("fulfilled"===t.status)return t.value;throw"rejected"===t.status?t.reason:("pending"===t.status||(t.status="pending",t.then((function(i){t.status="fulfilled",t.value=i}),(function(i){t.status="rejected",t.reason=i}))),t)}const Z=function PricePreview(t){var i=t.asyncPricePreview,o=t.pos,r=void 0===o?"right":o,d=t.style,c=t.price,u=t.sel,p=t.dontAnimatePrice,f=(0,j.useDivaCore)().state,m=f.hidePrices,x=f.hideConfigPricePreview,C=(0,S.NP)(),v=(0,l.useState)(p),g=(0,a.Z)(v,2),y=g[0],b=g[1];if(m||"off"==C.productState.pricePreview)return(0,D.jsx)(D.Fragment,{});if(c)return(0,D.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:d,children:j.DivaUtils.formatPrice(Math.abs(c),_objectSpread(_objectSpread({},j.DivaUtils.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))});var P=x||"fromCurrentPriceHideCurrent"==C.productState.pricePreview&&u;return i?(i.promise.then((function(){y||b(!0)})),(0,D.jsx)(l.Suspense,{fallback:(0,D.jsx)(D.Fragment,{}),children:(0,D.jsx)(M,{asyncPricePreview:i.isVisible,children:(0,D.jsx)("div",{className:I()(w.aH,y&&!P?w.pn:void 0,C.getIsInMobileView()?w.ai:void 0,"left"==r?w.t$:w.F2),style:d,children:(0,D.jsx)(l.Suspense,{fallback:(0,D.jsx)(D.Fragment,{}),children:(0,D.jsx)(F,{asyncPricePreview:i.promise,dontAnimatePrice:p})})})})})):(0,D.jsx)(D.Fragment,{})}},91578:(t,i,o)=>{o.r(i),o.d(i,{default:()=>S});var r=o(65515),a=o.n(r),l=(o(87363),o(68692)),d=o(93379),c=o.n(d),u=o(7795),p=o.n(u),f=o(90569),m=o.n(f),x=o(3565),C=o.n(x),v=o(19216),g=o.n(v),y=o(44589),b=o.n(y),w=o(75581),P={};P.styleTagTransform=b(),P.setAttributes=C(),P.insert=m().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();c()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=o(47514);const S=function Toggle(t){var i,o=t.onChange,r=t.val,d=t.state,c=t.on,u=t.off,p=t.alwaysActiveColor,f=t.height,m=void 0===f?40:f,x=t.width,C=void 0===x?80:x,v=t.handleDiameter,g=void 0===v?32:v,y=t.toggleTextClassName,b=void 0===y?w.f6:y,P=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,j.jsx)(l.Z,{className:"no-swiping",checkedIcon:c?(0,j.jsx)("div",{className:a()(b),id:"yes",children:c}):(0,j.jsx)(j.Fragment,{}),uncheckedIcon:u?(0,j.jsx)("div",{className:a()(b),id:"no",children:u}):(0,j.jsx)(j.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:P,offColor:p?P:"#CACACA",height:m,width:C,handleDiameter:g})}},88584:(t,i,o)=>{o.r(i),o.d(i,{default:()=>g});o(87363);var r=o(65515),a=o.n(r),l=o(550),d=o(88130),c=o(91578),u=o(9420),p=o(88683),f=o(35907),m=o(9510),x=o(2398),C=o(47514),v=(0,p.getLogger)("Planner","ToggleOption");const g=(0,u.Pi)((function ToggleOption(t){var i,o,r,u=t.item,p=t.paletteId,g=t.style,y=(0,d.NP)(),b=u.groups[0].items;if(!b)return(0,C.jsx)(C.Fragment,{});for(var w=0;w<b.length;w++){var P,j;null!==(P=b[w].codex)&&void 0!==P&&P.startsWith("OPVNEIN")&&(r=b[w]),null!==(j=b[w].codex)&&void 0!==j&&j.startsWith("OPVJA")&&(o=b[w])}if(!(r&&o||(2==b.length&&(r=b[0],o=b[1]),r&&o)))return v.error(new f.GE("Achtung! Bei der Option: "+b[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),u.isVisited=!0,(0,C.jsx)(C.Fragment,{});var S=null!==(i=u.selectedElements)&&void 0!==i&&i[0].contentItemId?u.selectedElements[0]:u.optionContentItemId?{contentItemId:u.optionContentItemId,codex:u.configStepKey}:void 0;return(0,C.jsxs)("div",{className:l.O7,ref:function ref(t){return u.htmlRef=t},style:g,children:[(0,C.jsx)("div",{className:a()(l.eR,l.TN),children:u.name}),(0,C.jsxs)("div",{className:a()(l.eR,l.ZN),children:[void 0!==r.pricePreviewPromise&&(0,C.jsx)(x.default,{asyncPricePreview:r.pricePreviewPromise,sel:r.sel,pos:"left"}),(0,C.jsx)(c.default,{onChange:function onChange(){y.paletteViewHandler.clickedOnConfigPalette(r.sel?o:r,void 0,p)},val:u,state:0==r.sel,off:r.text,on:o.text}),void 0!==o.pricePreviewPromise&&(0,C.jsx)(x.default,{asyncPricePreview:o.pricePreviewPromise,sel:o.sel,pos:"right"})]}),S&&(0,C.jsx)(m.default,{item:S,style:{bottom:"calc(50% - 10px)",right:"20px"}},u.configStepKey)]})}))},23240:(t,i,o)=>{o.d(i,{FJ:()=>m,Oq:()=>f,ZP:()=>v,al:()=>C,dA:()=>p,fL:()=>x,hv:()=>u,um:()=>c});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n  transition:\n    0.3s width ease,\n    0.3s height ease;\n}\n\n.index-module--C9QBx:hover .index-module--fLFjU,\n.index-module--nTN4r .index-module--fLFjU {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--C9QBx:hover .index-module--FaRqp,\n.index-module--nTN4r .index-module--FaRqp {\n  fill: transparent;\n}\n\n.index-module--C9QBx:hover svg,\n.index-module--a2wqn:hover svg {\n  filter: drop-shadow(3px 3px 3px #bbb);\n}\n\n.index-module--a2wqn:hover path {\n  fill: var(--diva-theme-palette-primary-main);\n}\n.index-module--oBSZj {\n  opacity: 0;\n  z-index: 10;\n}\n",""]);var c="index-module--CjCgr",u="index-module--C9QBx",p="index-module--a2wqn",f="index-module--fLFjU",m="index-module--nTN4r",x="index-module--FaRqp",C="index-module--oBSZj";const v=d},8907:(t,i,o)=>{o.d(i,{F2:()=>f,ZP:()=>x,aH:()=>c,ai:()=>u,pn:()=>m,t$:()=>p});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--bVDuL {\n  background-color: rgba(234,234,234,0.66667);\n  position: absolute;\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 14px;\n  top: 0;\n  opacity: 0;\n  transition: opacity 0.35s ease-in-out;\n  white-space: nowrap;\n}\n\n.index-module--FqlZz.index-module--bVDuL {\n  font-size: 10px;\n  height: 12px;\n  line-height: 13px;\n}\n\n.index-module--zI2ES {\n  left: 0;\n  border-radius: 0px 0px 5px 0px;\n}\n\n.index-module--kN6Sz {\n  right: 0;\n  border-radius: 0px 0px 0px 5px;\n}\n\n.index-module--bd6dC {\n  opacity: 1;\n}\n\n@keyframes index-module--rw2Jt {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n",""]);var c="index-module--bVDuL",u="index-module--FqlZz",p="index-module--zI2ES",f="index-module--kN6Sz",m="index-module--bd6dC";const x=d},75581:(t,i,o)=>{o.d(i,{ZP:()=>u,f6:()=>c});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--lgscn {\n  display: flex;\n  font-weight: 300;\n  line-height: 40px;\n  gap: 24px;\n}\n\n.index-module--D7_Ss {\n  padding-left: 16px;\n  color: white;\n  line-height: 40px;\n  font-weight: 300;\n}\n\n.index-module--D7_Ss#yes {\n  padding-left: 16px;\n}\n\n.index-module--D7_Ss#no {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss";const u=d},43078:(t,i,o)=>{o.d(i,{Fl:()=>p,O7:()=>c,TN:()=>f,ZN:()=>m,ZP:()=>v,eR:()=>u,pA:()=>C,u2:()=>x});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var c="index-module--v5pSs",u="index-module--WNi5H",p="index-module--L1EGw",f="index-module--BYNhM",m="index-module--NNRCj",x="index-module--z1OwD",C="index-module--PkMF3";const v=d},550:(t,i,o)=>{o.d(i,{Fl:()=>g.Fl,O7:()=>g.O7,TN:()=>g.TN,ZN:()=>g.ZN,eR:()=>g.eR,pA:()=>g.pA,u2:()=>g.u2});var r=o(93379),a=o.n(r),l=o(7795),d=o.n(l),c=o(90569),u=o.n(c),p=o(3565),f=o.n(p),m=o(19216),x=o.n(m),C=o(44589),v=o.n(C),g=o(43078),y={};y.styleTagTransform=v(),y.setAttributes=f(),y.insert=u().bind(null,"head"),y.domAPI=d(),y.insertStyleElement=x();a()(g.ZP,y),g.ZP&&g.ZP.locals&&g.ZP.locals},68692:(t,i,o)=>{o.d(i,{Z:()=>d});var r=o(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var i=1;i<arguments.length;i++){var o=arguments[i];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var i="#",o=1;o<4;o+=1)i+=t[o]+t[o];return i}function e(t,i,o,r,a){return function(t,i,o,r,a){var l=(t-o)/(i-o);if(0===l)return r;if(1===l)return a;for(var d="#",c=1;c<6;c+=2){var u=parseInt(r.substr(c,2),16),p=parseInt(a.substr(c,2),16),f=Math.round((1-l)*u+l*p).toString(16);1===f.length&&(f="0"+f),d+=f}return d}(t,i,o,h(r),h(a))}var d=function(t){function n(i){t.call(this,i);var o=i.height,r=i.width,a=i.checked;this.t=i.handleDiameter||o-2,this.i=Math.max(r-o,r-(o+this.t)/2),this.o=Math.max(0,(o-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.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,r=i.h,a=(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,a));l!==r&&this.setState({h:l})},n.prototype.A=function(t){var i=this.state,o=i.h,r=i.U,a=i.L,l=this.props.checked,d=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var c=Date.now()-a;(!r||c<250||l&&o<=d||!l&&o>=d)&&this.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,a=t.className,l=t.offColor,d=t.onColor,c=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,m=t.checkedHandleIcon,x=t.uncheckedHandleIcon,C=t.boxShadow,v=t.activeBoxShadow,g=t.height,y=t.width,b=t.borderRadius,w=function(t,i){var o={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===i.indexOf(r)&&(o[r]=t[r]);return o}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),P=this.state,j=P.h,S=P.U,k=P.B,I={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:g/2,WebkitTransition:"opacity 0.25s",MozTransition:"opacity 0.25s",transition:"opacity 0.25s",touchAction:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitUserSelect:"none",MozUserSelect:"none",msUserSelect:"none",userSelect:"none"},N={height:g,width:y,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(j,this.i,this.o,l,d),borderRadius:"number"==typeof b?b:g/2,cursor:o?"default":"pointer",WebkitTransition:S?null:"background 0.25s",MozTransition:S?null:"background 0.25s",transition:S?null:"background 0.25s"},D={height:g,width:Math.min(1.5*g,y-(this.t+g)/2+1),position:"relative",opacity:(j-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:S?null:"opacity 0.25s",MozTransition:S?null:"opacity 0.25s",transition:S?null:"opacity 0.25s"},M={height:g,width:Math.min(1.5*g,y-(this.t+g)/2+1),position:"absolute",opacity:1-(j-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:S?null:"opacity 0.25s",MozTransition:S?null:"opacity 0.25s",transition:S?null:"opacity 0.25s"},F={height:this.t,width:this.t,background:e(j,this.i,this.o,c,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof b?b-1:"50%",position:"absolute",transform:"translateX("+j+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:k?v:C,border:0,WebkitTransition:S?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:S?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:S?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},Z={height:this.t,width:this.t,opacity:Math.max(2*(1-(j-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:S?null:"opacity 0.25s",MozTransition:S?null:"opacity 0.25s",transition:S?null:"opacity 0.25s"},E={height:this.t,width:this.t,opacity:Math.max(2*((j-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:S?null:"opacity 0.25s",MozTransition:S?null:"opacity 0.25s",transition:S?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:I},r.createElement("div",{className:"react-switch-bg",style:N,onClick:o?null:this.$,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:D},p),f&&r.createElement("div",{style:M},f)),r.createElement("div",{className:"react-switch-handle",style:F,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},x&&r.createElement("div",{style:Z},x),m&&r.createElement("div",{style:E},m)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":i,checked:i,disabled:o,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},w,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);d.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);