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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8488.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8488,5301,8692,8291],{10304:(t,o,i)=>{o.Z=void 0;var r=function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var o=_getRequireWildcardCache();if(o&&o.has(t))return o.get(t);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var l=r?Object.getOwnPropertyDescriptor(t,a):null;l&&(l.get||l.set)?Object.defineProperty(i,a,l):i[a]=t[a]}i.default=t,o&&o.set(t,i);return i}(i(87363)),a=function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}(i(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _extends(){return _extends=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},_extends.apply(this,arguments)}function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _defineProperty(t,o,i){return o in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i,t}function _defineProperties(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,o){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,o){return t.__proto__=o,t},_setPrototypeOf(t,o)}var l="Select...",c=function(t){function Dropdown(t){var o;return function _classCallCheck(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(o=function _possibleConstructorReturn(t,o){return!o||"object"!==_typeof(o)&&"function"!=typeof o?_assertThisInitialized(t):o}(this,_getPrototypeOf(Dropdown).call(this,t))).state={selected:o.parseValue(t.value,t.options)||{label:void 0===t.placeholder?l:t.placeholder,value:""},isOpen:!1},o.dropdownRef=(0,r.createRef)(),o.mounted=!0,o.handleDocumentClick=o.handleDocumentClick.bind(_assertThisInitialized(o)),o.fireChangeEvent=o.fireChangeEvent.bind(_assertThisInitialized(o)),o}return function _inherits(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),o&&_setPrototypeOf(t,o)}(Dropdown,t),function _createClass(t,o,i){return o&&_defineProperties(t.prototype,o),i&&_defineProperties(t,i),t}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(t){if(this.props.value!==t.value)if(this.props.value){var o=this.parseValue(this.props.value,this.props.options);o!==this.state.selected&&this.setState({selected:o})}else this.setState({selected:{label:void 0===this.props.placeholder?l:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(t){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===t.type&&0!==t.button||(t.stopPropagation(),t.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(t,o){var i;if("string"==typeof t)for(var r=0,a=o.length;r<a;r++)if("group"===o[r].type){var l=o[r].items.filter((function(o){return o.value===t}));l.length&&(i=l[0])}else void 0!==o[r].value&&o[r].value===t&&(i=o[r]);return i||t}},{key:"setValue",value:function setValue(t,o){var i={selected:{value:t,label:o},isOpen:!1};this.fireChangeEvent(i),this.setState(i)}},{key:"fireChangeEvent",value:function fireChangeEvent(t){t.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(t.selected)}},{key:"renderOption",value:function renderOption(t){var o,i=t.value;void 0===i&&(i=t.label||t);var l=t.label||t.value||t,c=i===this.state.selected.value||i===this.state.selected,u=(_defineProperty(o={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(o,t.className,!!t.className),_defineProperty(o,"is-selected",c),o),p=(0,a.default)(u),d=Object.keys(t.data||{}).reduce((function(o,i){return function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(i,!0).forEach((function(o){_defineProperty(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(i).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}({},o,_defineProperty({},"data-".concat(i),t.data[i]))}),{});return r.default.createElement("div",_extends({key:i,className:p,onMouseDown:this.setValue.bind(this,i,l),onClick:this.setValue.bind(this,i,l),role:"option","aria-selected":c?"true":"false"},d),l)}},{key:"buildMenu",value:function buildMenu(){var t=this,o=this.props,i=o.options,a=o.baseClassName,l=i.map((function(o){if("group"===o.type){var i=r.default.createElement("div",{className:"".concat(a,"-title")},o.name),l=o.items.map((function(o){return t.renderOption(o)}));return r.default.createElement("div",{className:"".concat(a,"-group"),key:o.name,role:"listbox",tabIndex:"-1"},i,l)}return t.renderOption(o)}));return l.length?l:r.default.createElement("div",{className:"".concat(a,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(t){this.mounted&&(this.dropdownRef.current.contains(t.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var t,o,i,l,c,u=this.props,p=u.baseClassName,d=u.controlClassName,f=u.placeholderClassName,y=u.menuClassName,b=u.arrowClassName,v=u.arrowClosed,m=u.arrowOpen,w=u.className,g=this.props.disabled?"Dropdown-disabled":"",k="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,O=(0,a.default)((_defineProperty(t={},"".concat(p,"-root"),!0),_defineProperty(t,w,!!w),_defineProperty(t,"is-open",this.state.isOpen),t)),_=(0,a.default)((_defineProperty(o={},"".concat(p,"-control"),!0),_defineProperty(o,d,!!d),_defineProperty(o,g,!!g),o)),C=(0,a.default)((_defineProperty(i={},"".concat(p,"-placeholder"),!0),_defineProperty(i,f,!!f),_defineProperty(i,"is-selected",this.isValueSelected()),i)),D=(0,a.default)((_defineProperty(l={},"".concat(p,"-menu"),!0),_defineProperty(l,y,!!y),l)),P=(0,a.default)((_defineProperty(c={},"".concat(p,"-arrow"),!0),_defineProperty(c,b,!!b),c)),E=r.default.createElement("div",{className:C},k),S=this.state.isOpen?r.default.createElement("div",{className:D,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:O},r.default.createElement("div",{className:_,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},E,r.default.createElement("div",{className:"".concat(p,"-arrow-wrapper")},m&&v?this.state.isOpen?m:v:r.default.createElement("span",{className:P}))),S)}}]),Dropdown}(r.Component);c.defaultProps={baseClassName:"Dropdown"};var u=c;o.Z=u},88291:(t,o,i)=>{function _objectDestructuringEmpty(t){if(null==t)throw new TypeError("Cannot destructure "+t)}i.d(o,{Z:()=>_objectDestructuringEmpty})},68692:(t,o,i)=>{i.d(o,{Z:()=>c});var r=i(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var o="#",i=1;i<4;i+=1)o+=t[i]+t[i];return o}function e(t,o,i,r,a){return function(t,o,i,r,a){var l=(t-i)/(o-i);if(0===l)return r;if(1===l)return a;for(var c="#",u=1;u<6;u+=2){var p=parseInt(r.substr(u,2),16),d=parseInt(a.substr(u,2),16),f=Math.round((1-l)*p+l*d).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,o,i,h(r),h(a))}var c=function(t){function n(o){t.call(this,o);var i=o.height,r=o.width,a=o.checked;this.t=o.handleDiameter||i-2,this.i=Math.max(r-i,r-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var o=this.state,i=o.R,r=o.h,a=(this.props.checked?this.i:this.o)+t-i;o.N||t===i||this.setState({N:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.U=function(t){var o=this.state,i=o.h,r=o.N,a=o.B,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var u=Date.now()-a;(!r||u<250||l&&i<=c||!l&&i>=c)&&this.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var o=this.props;(0,o.onChange)(!o.checked,t,o.id)},n.prototype.render=function(){var t=this.props,o=t.checked,i=t.disabled,a=t.className,l=t.offColor,c=t.onColor,u=t.offHandleColor,p=t.onHandleColor,d=t.checkedIcon,f=t.uncheckedIcon,y=t.checkedHandleIcon,b=t.uncheckedHandleIcon,v=t.boxShadow,m=t.activeBoxShadow,w=t.height,g=t.width,k=t.borderRadius,O=function(t,o){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===o.indexOf(r)&&(i[r]=t[r]);return i}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),_=this.state,C=_.h,D=_.N,P=_.j,E={position:"relative",display:"inline-block",textAlign:"left",opacity:i?.5:1,direction:"ltr",borderRadius:w/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"},S={height:w,width:g,margin:Math.max(0,(this.t-w)/2),position:"relative",background:e(C,this.i,this.o,l,c),borderRadius:"number"==typeof k?k:w/2,cursor:i?"default":"pointer",WebkitTransition:D?null:"background 0.25s",MozTransition:D?null:"background 0.25s",transition:D?null:"background 0.25s"},M={height:w,width:Math.min(1.5*w,g-(this.t+w)/2+1),position:"relative",opacity:(C-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},j={height:w,width:Math.min(1.5*w,g-(this.t+w)/2+1),position:"absolute",opacity:1-(C-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},x={height:this.t,width:this.t,background:e(C,this.i,this.o,u,p),display:"inline-block",cursor:i?"default":"pointer",borderRadius:"number"==typeof k?k-1:"50%",position:"absolute",transform:"translateX("+C+"px)",top:Math.max(0,(w-this.t)/2),outline:0,boxShadow:P?m:v,border:0,WebkitTransition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},N={height:this.t,width:this.t,opacity:Math.max(2*(1-(C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},T={height:this.t,width:this.t,opacity:Math.max(2*((C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:E},r.createElement("div",{className:"react-switch-bg",style:S,onClick:i?null:this.T,onMouseDown:function(t){return t.preventDefault()}},d&&r.createElement("div",{style:M},d),f&&r.createElement("div",{style:j},f)),r.createElement("div",{className:"react-switch-handle",style:x,onClick:function(t){return t.preventDefault()},onMouseDown:i?null:this.p,onTouchStart:i?null:this.k,onTouchMove:i?null:this.m,onTouchEnd:i?null:this.M,onTouchCancel:i?null:this.O},b&&r.createElement("div",{style:N},b),y&&r.createElement("div",{style:T},y)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":o,checked:o,disabled:i,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},O,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},n}(r.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8488,5301,8692,8291],{10304:(t,o,i)=>{o.Z=void 0;var r=function _interopRequireWildcard(t){if(t&&t.__esModule)return t;if(null===t||"object"!==_typeof(t)&&"function"!=typeof t)return{default:t};var o=_getRequireWildcardCache();if(o&&o.has(t))return o.get(t);var i={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)){var l=r?Object.getOwnPropertyDescriptor(t,a):null;l&&(l.get||l.set)?Object.defineProperty(i,a,l):i[a]=t[a]}i.default=t,o&&o.set(t,i);return i}(i(87363)),a=function _interopRequireDefault(t){return t&&t.__esModule?t:{default:t}}(i(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var t=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return t},t}function _typeof(t){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(t){return typeof t}:function _typeof(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},_typeof(t)}function _extends(){return _extends=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},_extends.apply(this,arguments)}function ownKeys(t,o){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);o&&(r=r.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),i.push.apply(i,r)}return i}function _defineProperty(t,o,i){return o in t?Object.defineProperty(t,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[o]=i,t}function _defineProperties(t,o){for(var i=0;i<o.length;i++){var r=o[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(t){return t.__proto__||Object.getPrototypeOf(t)},_getPrototypeOf(t)}function _assertThisInitialized(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function _setPrototypeOf(t,o){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(t,o){return t.__proto__=o,t},_setPrototypeOf(t,o)}var l="Select...",c=function(t){function Dropdown(t){var o;return function _classCallCheck(t,o){if(!(t instanceof o))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(o=function _possibleConstructorReturn(t,o){return!o||"object"!==_typeof(o)&&"function"!=typeof o?_assertThisInitialized(t):o}(this,_getPrototypeOf(Dropdown).call(this,t))).state={selected:o.parseValue(t.value,t.options)||{label:void 0===t.placeholder?l:t.placeholder,value:""},isOpen:!1},o.dropdownRef=(0,r.createRef)(),o.mounted=!0,o.handleDocumentClick=o.handleDocumentClick.bind(_assertThisInitialized(o)),o.fireChangeEvent=o.fireChangeEvent.bind(_assertThisInitialized(o)),o}return function _inherits(t,o){if("function"!=typeof o&&null!==o)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(o&&o.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),o&&_setPrototypeOf(t,o)}(Dropdown,t),function _createClass(t,o,i){return o&&_defineProperties(t.prototype,o),i&&_defineProperties(t,i),t}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(t){if(this.props.value!==t.value)if(this.props.value){var o=this.parseValue(this.props.value,this.props.options);o!==this.state.selected&&this.setState({selected:o})}else this.setState({selected:{label:void 0===this.props.placeholder?l:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(t){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===t.type&&0!==t.button||(t.stopPropagation(),t.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(t,o){var i;if("string"==typeof t)for(var r=0,a=o.length;r<a;r++)if("group"===o[r].type){var l=o[r].items.filter((function(o){return o.value===t}));l.length&&(i=l[0])}else void 0!==o[r].value&&o[r].value===t&&(i=o[r]);return i||t}},{key:"setValue",value:function setValue(t,o){var i={selected:{value:t,label:o},isOpen:!1};this.fireChangeEvent(i),this.setState(i)}},{key:"fireChangeEvent",value:function fireChangeEvent(t){t.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(t.selected)}},{key:"renderOption",value:function renderOption(t){var o,i=t.value;void 0===i&&(i=t.label||t);var l=t.label||t.value||t,c=i===this.state.selected.value||i===this.state.selected,u=(_defineProperty(o={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(o,t.className,!!t.className),_defineProperty(o,"is-selected",c),o),p=(0,a.default)(u),d=Object.keys(t.data||{}).reduce((function(o,i){return function _objectSpread(t){for(var o=1;o<arguments.length;o++){var i=null!=arguments[o]?arguments[o]:{};o%2?ownKeys(i,!0).forEach((function(o){_defineProperty(t,o,i[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(i).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(i,o))}))}return t}({},o,_defineProperty({},"data-".concat(i),t.data[i]))}),{});return r.default.createElement("div",_extends({key:i,className:p,onMouseDown:this.setValue.bind(this,i,l),onClick:this.setValue.bind(this,i,l),role:"option","aria-selected":c?"true":"false"},d),l)}},{key:"buildMenu",value:function buildMenu(){var t=this,o=this.props,i=o.options,a=o.baseClassName,l=i.map((function(o){if("group"===o.type){var i=r.default.createElement("div",{className:"".concat(a,"-title")},o.name),l=o.items.map((function(o){return t.renderOption(o)}));return r.default.createElement("div",{className:"".concat(a,"-group"),key:o.name,role:"listbox",tabIndex:"-1"},i,l)}return t.renderOption(o)}));return l.length?l:r.default.createElement("div",{className:"".concat(a,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(t){this.mounted&&(this.dropdownRef.current.contains(t.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var t,o,i,l,c,u=this.props,p=u.baseClassName,d=u.controlClassName,f=u.placeholderClassName,y=u.menuClassName,b=u.arrowClassName,v=u.arrowClosed,m=u.arrowOpen,w=u.className,g=this.props.disabled?"Dropdown-disabled":"",k="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,_=(0,a.default)((_defineProperty(t={},"".concat(p,"-root"),!0),_defineProperty(t,w,!!w),_defineProperty(t,"is-open",this.state.isOpen),t)),O=(0,a.default)((_defineProperty(o={},"".concat(p,"-control"),!0),_defineProperty(o,d,!!d),_defineProperty(o,g,!!g),o)),C=(0,a.default)((_defineProperty(i={},"".concat(p,"-placeholder"),!0),_defineProperty(i,f,!!f),_defineProperty(i,"is-selected",this.isValueSelected()),i)),D=(0,a.default)((_defineProperty(l={},"".concat(p,"-menu"),!0),_defineProperty(l,y,!!y),l)),P=(0,a.default)((_defineProperty(c={},"".concat(p,"-arrow"),!0),_defineProperty(c,b,!!b),c)),E=r.default.createElement("div",{className:C},k),S=this.state.isOpen?r.default.createElement("div",{className:D,"aria-expanded":"true"},this.buildMenu()):null;return r.default.createElement("div",{ref:this.dropdownRef,className:_},r.default.createElement("div",{className:O,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},E,r.default.createElement("div",{className:"".concat(p,"-arrow-wrapper")},m&&v?this.state.isOpen?m:v:r.default.createElement("span",{className:P}))),S)}}]),Dropdown}(r.Component);c.defaultProps={baseClassName:"Dropdown"};var u=c;o.Z=u},88291:(t,o,i)=>{function _objectDestructuringEmpty(t){if(null==t)throw new TypeError("Cannot destructure "+t)}i.d(o,{Z:()=>_objectDestructuringEmpty})},68692:(t,o,i)=>{i.d(o,{Z:()=>c});var r=i(87363);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},s.apply(this,arguments)}var a=r.createElement("svg",{viewBox:"-2 -5 14 20",height:"100%",width:"100%",style:{position:"absolute",top:0}},r.createElement("path",{d:"M9.9 2.12L7.78 0 4.95 2.828 2.12 0 0 2.12l2.83 2.83L0 7.776 2.123 9.9 4.95 7.07 7.78 9.9 9.9 7.776 7.072 4.95 9.9 2.12",fill:"#fff",fillRule:"evenodd"})),l=r.createElement("svg",{height:"100%",width:"100%",viewBox:"-2 -5 17 21",style:{position:"absolute",top:0}},r.createElement("path",{d:"M11.264 0L5.26 6.004 2.103 2.847 0 4.95l5.26 5.26 8.108-8.107L11.264 0",fill:"#fff",fillRule:"evenodd"}));function h(t){if(7===t.length)return t;for(var o="#",i=1;i<4;i+=1)o+=t[i]+t[i];return o}function e(t,o,i,r,a){return function(t,o,i,r,a){var l=(t-i)/(o-i);if(0===l)return r;if(1===l)return a;for(var c="#",u=1;u<6;u+=2){var p=parseInt(r.substr(u,2),16),d=parseInt(a.substr(u,2),16),f=Math.round((1-l)*p+l*d).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,o,i,h(r),h(a))}var c=function(t){function n(o){t.call(this,o);var i=o.height,r=o.width,a=o.checked;this.t=o.handleDiameter||i-2,this.i=Math.max(r-i,r-(i+this.t)/2),this.o=Math.max(0,(i-this.t)/2),this.state={h:a?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this),this.W=this.W.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.I=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.I=!1},n.prototype.H=function(t){this.R.focus(),this.setState({j:t,B:!0,L:Date.now()})},n.prototype.N=function(t){var o=this.state,i=o.j,r=o.h,a=(this.props.checked?this.i:this.o)+t-i;o.U||t===i||this.setState({U:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.A=function(t){var o=this.state,i=o.h,r=o.U,a=o.L,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var u=Date.now()-a;(!r||u<250||l&&i<=c||!l&&i>=c)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var o=this.props;(0,o.onChange)(!o.checked,t,o.id)},n.prototype.render=function(){var t=this.props,o=t.checked,i=t.disabled,a=t.className,l=t.offColor,c=t.onColor,u=t.offHandleColor,p=t.onHandleColor,d=t.checkedIcon,f=t.uncheckedIcon,y=t.checkedHandleIcon,b=t.uncheckedHandleIcon,v=t.boxShadow,m=t.activeBoxShadow,w=t.height,g=t.width,k=t.borderRadius,_=function(t,o){var i={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&-1===o.indexOf(r)&&(i[r]=t[r]);return i}(t,["checked","disabled","className","offColor","onColor","offHandleColor","onHandleColor","checkedIcon","uncheckedIcon","checkedHandleIcon","uncheckedHandleIcon","boxShadow","activeBoxShadow","height","width","borderRadius","handleDiameter"]),O=this.state,C=O.h,D=O.U,P=O.B,E={position:"relative",display:"inline-block",textAlign:"left",opacity:i?.5:1,direction:"ltr",borderRadius:w/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"},S={height:w,width:g,margin:Math.max(0,(this.t-w)/2),position:"relative",background:e(C,this.i,this.o,l,c),borderRadius:"number"==typeof k?k:w/2,cursor:i?"default":"pointer",WebkitTransition:D?null:"background 0.25s",MozTransition:D?null:"background 0.25s",transition:D?null:"background 0.25s"},M={height:w,width:Math.min(1.5*w,g-(this.t+w)/2+1),position:"relative",opacity:(C-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},j={height:w,width:Math.min(1.5*w,g-(this.t+w)/2+1),position:"absolute",opacity:1-(C-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},x={height:this.t,width:this.t,background:e(C,this.i,this.o,u,p),display:"inline-block",cursor:i?"default":"pointer",borderRadius:"number"==typeof k?k-1:"50%",position:"absolute",transform:"translateX("+C+"px)",top:Math.max(0,(w-this.t)/2),outline:0,boxShadow:P?m:v,border:0,WebkitTransition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:D?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},T={height:this.t,width:this.t,opacity:Math.max(2*(1-(C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"},N={height:this.t,width:this.t,opacity:Math.max(2*((C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:D?null:"opacity 0.25s",MozTransition:D?null:"opacity 0.25s",transition:D?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:E},r.createElement("div",{className:"react-switch-bg",style:S,onClick:i?null:this.$,onMouseDown:function(t){return t.preventDefault()}},d&&r.createElement("div",{style:M},d),f&&r.createElement("div",{style:j},f)),r.createElement("div",{className:"react-switch-handle",style:x,onClick:function(t){return t.preventDefault()},onMouseDown:i?null:this.p,onTouchStart:i?null:this.m,onTouchMove:i?null:this.M,onTouchEnd:i?null:this.T,onTouchCancel:i?null:this.S},b&&r.createElement("div",{style:T},b),y&&r.createElement("div",{style:N},y)),r.createElement("input",s({},{type:"checkbox",role:"switch","aria-checked":o,checked:o,disabled:i,style:{border:0,clip:"rect(0 0 0 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",width:1}},_,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8558.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8558,2257],{98558:(n,e,o)=>{o.r(e),o.d(e,{default:()=>O});var t=o(80248),r=o(9420),i=(o(87363),o(2257)),a=o(93379),d=o.n(a),s=o(7795),l=o.n(s),c=o(90569),u=o.n(c),x=o(3565),g=o.n(x),v=o(19216),f=o.n(v),b=o(44589),h=o.n(b),p=o(77815),m={};m.styleTagTransform=h(),m.setAttributes=g(),m.insert=u().bind(null,"head"),m.domAPI=l(),m.insertStyleElement=f();d()(p.Z,m);p.Z&&p.Z.locals&&p.Z.locals;var w=o(65515),y=o.n(w),j=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const O=(0,r.Pi)((function ActionNavigationBlue(n){return(0,j.jsx)(i.default,_objectSpread(_objectSpread({},n),{},{showNextButtonIcon:!0,className:y()(p.L,n.className)}))}))},2257:(n,e,o)=>{o.r(e),o.d(e,{default:()=>P});var t=o(80248),r=o(72874),i=o(65515),a=o.n(i),d=o(91923),s=o(9420),l=(o(87363),o(88683)),c=o(93379),u=o.n(c),x=o(7795),g=o.n(x),v=o(90569),f=o.n(v),b=o(3565),h=o.n(b),p=o(19216),m=o.n(p),w=o(44589),y=o.n(w),j=o(28717),O={};O.styleTagTransform=y(),O.setAttributes=h(),O.insert=f().bind(null,"head"),O.domAPI=g(),O.insertStyleElement=m();u()(j.ZP,O);j.ZP&&j.ZP.locals&&j.ZP.locals;var k=o(47514),S=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon"];function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const P=(0,s.Pi)((function ActionNavigation(n){var e=n.className,o=n.showBackButtonText,t=n.backOverwrite,i=n.forthOverwrite,s=n.showNextButtonIcon,c=(0,r.Z)(n,S),u=(0,d.NP)(),x=(0,l.useTranslation)().t;return(0,k.jsx)(k.Fragment,{children:!u.uiState.configSettingsIsHidden&&(0,k.jsx)("div",_objectSpread(_objectSpread({},c),{},{className:a()(e,j.jl,u.actionButtonState.isOnFirstStep?j.FN:void 0,u.actionButtonState.isOnFirstStepDisabled?j.$t:void 0,u.actionButtonState.isOnLastStep?j.Is:void 0,"vertical"==u.tabGroupState.curTabGroupType?j.KR:void 0,u.uiState.isMobilePortrait?j.tW:void 0,u.uiState.isMobileLandscape?j.rK:void 0),children:(0,k.jsxs)("div",{className:j.nC,children:[(0,k.jsxs)("div",{className:a()(j.LI,j.op,t),onClick:u.actionButtonState.onClickConfiguratorSettingsBack,children:[!o&&(0,k.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,k.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),o&&x("configurator.Back")]}),(0,k.jsxs)("div",{className:a()(j.LI,j.ox,i),onClick:u.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[x("configurator.Next"),s&&(0,k.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,k.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})}))},77815:(n,e,o)=>{o.d(e,{L:()=>d,Z:()=>s});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--Mmrxa {\n  font-weight: 300;\n}\n",""]);var d="index-module--Mmrxa";const s=a},28717:(n,e,o)=>{o.d(e,{$t:()=>g,FN:()=>f,Is:()=>v,KR:()=>l,LI:()=>c,ZP:()=>p,jl:()=>d,nC:()=>s,op:()=>u,ox:()=>x,rK:()=>b,tW:()=>h});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  width: var(--configuratorActionForthWidth);\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",s="index-module--uMdxf",l="index-module--j2X1m",c="index-module--NUblS",u="index-module--vWg5_",x="index-module--IneQR",g="index-module--n4fFc",v="index-module--YJM3e",f="index-module--X2uG9",b="index-module--CVPGS",h="index-module--KE5Qn";const p=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8558,1280],{98558:(e,_,n)=>{n.r(_),n.d(_,{default:()=>f});var t=n(80248),r=n(9420),o=(n(87363),n(41280)),i=n(93379),a=n.n(i),s=n(7795),l=n.n(s),c=n(90569),d=n.n(c),u=n(3565),E=n.n(u),O=n(19216),P=n.n(O),x=n(44589),b=n.n(x),m=n(77815),M={};M.styleTagTransform=b(),M.setAttributes=E(),M.insert=d().bind(null,"head"),M.domAPI=l(),M.insertStyleElement=P();a()(m.Z,M);m.Z&&m.Z.locals&&m.Z.locals;var D=n(65515),p=n.n(D),v=n(47514);function ownKeys(e,_){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);_&&(t=t.filter((function(_){return Object.getOwnPropertyDescriptor(e,_).enumerable}))),n.push.apply(n,t)}return n}function _objectSpread(e){for(var _=1;_<arguments.length;_++){var n=null!=arguments[_]?arguments[_]:{};_%2?ownKeys(Object(n),!0).forEach((function(_){(0,t.Z)(e,_,n[_])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(_){Object.defineProperty(e,_,Object.getOwnPropertyDescriptor(n,_))}))}return e}const f=(0,r.Pi)((function ActionNavigationBlue(e){return(0,v.jsx)(o.default,_objectSpread(_objectSpread({},e),{},{showNextButtonIcon:!0,className:p()(m.L,e.className)}))}))},41280:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(80248),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(72874),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(65515),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_model__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(91923),mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(9420),react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(87363),react__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(88683),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__),_index_module_css__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(40976),_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(39667),_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(71097),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),_excluded=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(e,_){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);_&&(t=t.filter((function(_){return Object.getOwnPropertyDescriptor(e,_).enumerable}))),n.push.apply(n,t)}return n}function _objectSpread(e){for(var _=1;_<arguments.length;_++){var n=null!=arguments[_]?arguments[_]:{};_%2?ownKeys(Object(n),!0).forEach((function(_){(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__.Z)(e,_,n[_])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(_){Object.defineProperty(e,_,Object.getOwnPropertyDescriptor(n,_))}))}return e}var ActionNavigation=function ActionNavigation(e){var _,n=e.className,t=e.showBackButtonText,r=e.backOverwrite,o=e.forthOverwrite,i=e.showNextButtonIcon,a=e.showCheckoutButtons,s=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__.Z)(e,_excluded),l=(0,_model__WEBPACK_IMPORTED_MODULE_2__.NP)(),c=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useTranslation)().t;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:!l.uiState.configSettingsIsHidden&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",_objectSpread(_objectSpread({},s),{},{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(n,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.jl,l.actionButtonState.isOnFirstStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.FN:void 0,l.actionButtonState.isOnFirstStepDisabled?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.$t:void 0,l.actionButtonState.isOnLastStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Is:void 0,"vertical"==l.tabGroupState.curTabGroupType?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.KR:void 0,l.uiState.isMobilePortrait?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.tW:void 0,l.uiState.isMobileLandscape?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Qv:void 0),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.nC,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.op,r),onClick:l.actionButtonState.onClickConfiguratorSettingsBack,children:[!t&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&c("configurator.Back")]}),a&&(null===(_=l.getViewConfig().checkout)||void 0===_?void 0:_.buttons.map((function(e,_){return evalVisible(e,l)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.rK,onClick:function onClick(){return(0,_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__.onClickCheckout)(e,l,_,c)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:e,size:40})},_):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{})}))),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.ox,o),onClick:l.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[c("configurator.Next"),i&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})};const __WEBPACK_DEFAULT_EXPORT__=(0,mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__.Pi)(ActionNavigation);var evalVisible=function evalVisible(button,viewHandler){var rule=button.visibleNavigatorFunction;return!(button.visibleRule&&!eval(button.visibleRule))&&(!1!==rule&&void 0!==rule&&(!0===rule||viewHandler.uiState.isMobileLandscape&&rule.includes("MOBILE_L")||viewHandler.uiState.isMobilePortrait&&rule.includes("MOBILE_P")||!viewHandler.getIsInMobileView()&&rule.includes("DESKTOP")))}},77815:(e,_,n)=>{n.d(_,{L:()=>a,Z:()=>s});var t=n(8081),r=n.n(t),o=n(23645),i=n.n(o)()(r());i.push([e.id,".index-module--Mmrxa {\n  font-weight: 300;\n}\n",""]);var a="index-module--Mmrxa";const s=i},28717:(e,_,n)=>{n.d(_,{$t:()=>O,FN:()=>x,Is:()=>P,KR:()=>l,LI:()=>c,Qv:()=>b,ZP:()=>M,jl:()=>a,nC:()=>s,op:()=>u,ox:()=>E,rK:()=>d,tW:()=>m});var t=n(8081),r=n.n(t),o=n(23645),i=n.n(o)()(r());i.push([e.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",s="index-module--uMdxf",l="index-module--j2X1m",c="index-module--NUblS",d="index-module--mfwxp",u="index-module--vWg5_",E="index-module--IneQR",O="index-module--n4fFc",P="index-module--YJM3e",x="index-module--X2uG9",b="index-module--CVPGS",m="index-module--KE5Qn";const M=i},40976:(e,_,n)=>{n.d(_,{$t:()=>P.$t,FN:()=>P.FN,Is:()=>P.Is,KR:()=>P.KR,LI:()=>P.LI,Qv:()=>P.Qv,jl:()=>P.jl,nC:()=>P.nC,op:()=>P.op,ox:()=>P.ox,rK:()=>P.rK,tW:()=>P.tW});var t=n(93379),r=n.n(t),o=n(7795),i=n.n(o),a=n(90569),s=n.n(a),l=n(3565),c=n.n(l),d=n(19216),u=n.n(d),E=n(44589),O=n.n(E),P=n(28717),x={};x.styleTagTransform=O(),x.setAttributes=c(),x.insert=s().bind(null,"head"),x.domAPI=i(),x.insertStyleElement=u();r()(P.ZP,x),P.ZP&&P.ZP.locals&&P.ZP.locals}}]);

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

@@ -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,2142,8692,4114,5571,430],{44114:(t,i,o)=>{o.r(i),o.d(i,{default:()=>O});var r=o(34988),a=o(88683),l=o(93379),d=o.n(l),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),x=o.n(m),C=o(19216),v=o.n(C),g=o(44589),b=o.n(g),w=o(23240),y={};y.styleTagTransform=b(),y.setAttributes=x(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(87363),j=o(91923),k=o(65515),S=o.n(k),I=o(9420),N=o(47514);const O=(0,I.Pi)((function InfoIcon(t){var i,o,l,d=t.item,c=t.style,u=((0,a.useDivaCore)().state.theme.palette,(0,j.NP)()),p=d.contentItemId,f=null!==(i=null!==(o=null!==(l=d.codex)&&void 0!==l?l:d.articleCodex)&&void 0!==o?o:d.title)&&void 0!==i?i:d.key,m=(0,P.useState)(!1),x=(0,r.Z)(m,2),C=x[0],v=x[1],g=d.sel||C;if((0,P.useEffect)((function(){var t=u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p&&f==u.settingsState.clickedFrom;!t&&C&&v(!1),t&&!C&&v(!0)}),[u.settingsState.contentItemVisible,u.settingsState.contentItemId,u.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!d.op||null===(t=u.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||g}()?(0,N.jsx)("div",{className:w.um,onClick:function onClick(t){u.settingsState.onClickContentItemId(p,f),v(u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p),t.stopPropagation()},style:c,children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:S()(w.hv,g?void 0:w.al,C?w.FJ:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{className:w.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,N.jsx)("path",{className:w.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,N.jsx)("div",{className:S()(w.dA,g?w.al:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.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,N.jsx)(N.Fragment,{})}))},5571:(t,i,o)=>{o.r(i),o.d(i,{default:()=>M});var r=o(80248),a=o(87363),l=o(93379),d=o.n(l),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),x=o.n(m),C=o(19216),v=o.n(C),g=o(44589),b=o.n(g),w=o(8907),y={};y.styleTagTransform=b(),y.setAttributes=x(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(5482),j=o(91923),k=o(88683),S=o(65515),I=o.n(S),N=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 O=function AsyncRender1(t){var i=t.asyncPricePreview,o=t.children;return use(i)?o:(0,N.jsx)(N.Fragment,{})},E=function AsyncRender2(t){var i,o,r=use(t.asyncPricePreview);switch((0,j.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":o=r.price-r.origPrice;break;case"fromBasePrice":o=r.price-r.firstPrice}return(0,N.jsxs)(N.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(o<0?"-":"+")+P.ZP.formatPrice(Math.abs(o),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};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 M=function PricePreview(t){var i=t.asyncPricePreview,o=t.pos,r=void 0===o?"right":o,l=t.style,d=t.price,c=t.sel,u=(0,k.useDivaCore)().state,p=u.hidePrices,f=u.hideConfigPricePreview,m=(0,j.NP)();return p||"off"==m.productState.pricePreview?(0,N.jsx)(N.Fragment,{}):d?(0,N.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:l,children:P.ZP.formatPrice(Math.abs(d),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):f||"fromCurrentPriceHideCurrent"==m.productState.pricePreview&&c?(0,N.jsx)(N.Fragment,{}):i?(0,N.jsx)(a.Suspense,{fallback:(0,N.jsx)(N.Fragment,{}),children:(0,N.jsx)(O,{asyncPricePreview:i.isVisible,children:(0,N.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:l,children:(0,N.jsx)(a.Suspense,{fallback:(0,N.jsx)("div",{className:w._m}),children:(0,N.jsx)(E,{asyncPricePreview:i.promise})})})})}):(0,N.jsx)(N.Fragment,{})}},32142:(t,i,o)=>{o.r(i),o.d(i,{default:()=>k});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),w=o.n(b),y=o(75581),P={};P.styleTagTransform=w(),P.setAttributes=C(),P.insert=m().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=o(47514);const k=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=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,j.jsx)(l.Z,{checkedIcon:c?(0,j.jsx)("div",{className:a()(y.f6,y.co),children:c}):(0,j.jsx)(j.Fragment,{}),uncheckedIcon:u?(0,j.jsx)("div",{className:a()(y.f6,y.no),children:u}):(0,j.jsx)(j.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:b,offColor:p?b:"#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(91923),c=o(32142),u=o(9420),p=o(88683),f=o(5482),m=o(44114),x=o(5571),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)(),w=u.groups[0].items;if(!w)return(0,C.jsx)(C.Fragment,{});for(var y=0;y<w.length;y++){var P,j;null!==(P=w[y].codex)&&void 0!==P&&P.startsWith("OPVNEIN")&&(r=w[y]),null!==(j=w[y].codex)&&void 0!==j&&j.startsWith("OPVJA")&&(o=w[y])}if(!(r&&o||(2==w.length&&(r=w[0],o=w[1]),r&&o)))return v.error(new f.GE("Achtung! Bei der Option: "+w[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),u.isVisited=!0,(0,C.jsx)(C.Fragment,{});var k=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"})]}),k&&(0,C.jsx)(m.default,{item:k,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}\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:()=>p,ZP:()=>m,_m:()=>f,aH:()=>c,t$:()=>u});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\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--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\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--zI2ES",p="index-module--kN6Sz",f="index-module--POmA7";const m=d},75581:(t,i,o)=>{o.d(i,{ZP:()=>f,co:()=>u,f6:()=>c,no:()=>p});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--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=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.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var i=this.state,o=i.R,r=i.h,a=(this.props.checked?this.i:this.o)+t-o;i.N||t===o||this.setState({N:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.U=function(t){var i=this.state,o=i.h,r=i.N,a=i.B,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.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,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,w=t.borderRadius,y=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,k=P.N,S=P.j,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 w?w:g/2,cursor:o?"default":"pointer",WebkitTransition:k?null:"background 0.25s",MozTransition:k?null:"background 0.25s",transition:k?null:"background 0.25s"},O={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:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?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:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?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 w?w-1:"50%",position:"absolute",transform:"translateX("+j+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:S?v:C,border:0,WebkitTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},D={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:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?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:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?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.T,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:O},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.k,onTouchMove:o?null:this.m,onTouchEnd:o?null:this.M,onTouchCancel:o?null:this.O},x&&r.createElement("div",{style:D},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}},y,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},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,2142,8692,4114,5571,430],{44114:(t,i,o)=>{o.r(i),o.d(i,{default:()=>O});var r=o(34988),a=o(88683),l=o(93379),d=o.n(l),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),x=o.n(m),C=o(19216),v=o.n(C),g=o(44589),b=o.n(g),w=o(23240),y={};y.styleTagTransform=b(),y.setAttributes=x(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(87363),j=o(91923),k=o(65515),S=o.n(k),I=o(9420),N=o(47514);const O=(0,I.Pi)((function InfoIcon(t){var i,o,l,d=t.item,c=t.style,u=((0,a.useDivaCore)().state.theme.palette,(0,j.NP)()),p=d.contentItemId,f=null!==(i=null!==(o=null!==(l=d.codex)&&void 0!==l?l:d.articleCodex)&&void 0!==o?o:d.title)&&void 0!==i?i:d.key,m=(0,P.useState)(!1),x=(0,r.Z)(m,2),C=x[0],v=x[1],g=d.sel||C;if((0,P.useEffect)((function(){var t=u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p&&f==u.settingsState.clickedFrom;!t&&C&&v(!1),t&&!C&&v(!0)}),[u.settingsState.contentItemVisible,u.settingsState.contentItemId,u.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!d.op||null===(t=u.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||g}()?(0,N.jsx)("div",{className:w.um,onClick:function onClick(t){u.settingsState.onClickContentItemId(p,f),v(u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p),t.stopPropagation()},style:c,children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:S()(w.hv,g?void 0:w.al,C?w.FJ:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{className:w.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,N.jsx)("path",{className:w.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,N.jsx)("div",{className:S()(w.dA,g?w.al:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.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,N.jsx)(N.Fragment,{})}))},5571:(t,i,o)=>{o.r(i),o.d(i,{default:()=>M});var r=o(80248),a=o(87363),l=o(93379),d=o.n(l),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),x=o.n(m),C=o(19216),v=o.n(C),g=o(44589),b=o.n(g),w=o(8907),y={};y.styleTagTransform=b(),y.setAttributes=x(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(5482),j=o(91923),k=o(88683),S=o(65515),I=o.n(S),N=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 O=function AsyncRender1(t){var i=t.asyncPricePreview,o=t.children;return use(i)?o:(0,N.jsx)(N.Fragment,{})},E=function AsyncRender2(t){var i,o,r=use(t.asyncPricePreview);switch((0,j.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":o=r.price-r.origPrice;break;case"fromBasePrice":o=r.price-r.firstPrice}return(0,N.jsxs)(N.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(o<0?"-":"+")+P.ZP.formatPrice(Math.abs(o),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};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 M=function PricePreview(t){var i=t.asyncPricePreview,o=t.pos,r=void 0===o?"right":o,l=t.style,d=t.price,c=t.sel,u=(0,k.useDivaCore)().state,p=u.hidePrices,f=u.hideConfigPricePreview,m=(0,j.NP)();return p||"off"==m.productState.pricePreview?(0,N.jsx)(N.Fragment,{}):d?(0,N.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:l,children:P.ZP.formatPrice(Math.abs(d),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):f||"fromCurrentPriceHideCurrent"==m.productState.pricePreview&&c?(0,N.jsx)(N.Fragment,{}):i?(0,N.jsx)(a.Suspense,{fallback:(0,N.jsx)(N.Fragment,{}),children:(0,N.jsx)(O,{asyncPricePreview:i.isVisible,children:(0,N.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:l,children:(0,N.jsx)(a.Suspense,{fallback:(0,N.jsx)("div",{className:w._m}),children:(0,N.jsx)(E,{asyncPricePreview:i.promise})})})})}):(0,N.jsx)(N.Fragment,{})}},32142:(t,i,o)=>{o.r(i),o.d(i,{default:()=>k});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),w=o.n(b),y=o(75581),P={};P.styleTagTransform=w(),P.setAttributes=C(),P.insert=m().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=o(47514);const k=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=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,j.jsx)(l.Z,{checkedIcon:c?(0,j.jsx)("div",{className:a()(y.f6,y.co),children:c}):(0,j.jsx)(j.Fragment,{}),uncheckedIcon:u?(0,j.jsx)("div",{className:a()(y.f6,y.no),children:u}):(0,j.jsx)(j.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:b,offColor:p?b:"#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(91923),c=o(32142),u=o(9420),p=o(88683),f=o(5482),m=o(44114),x=o(5571),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)(),w=u.groups[0].items;if(!w)return(0,C.jsx)(C.Fragment,{});for(var y=0;y<w.length;y++){var P,j;null!==(P=w[y].codex)&&void 0!==P&&P.startsWith("OPVNEIN")&&(r=w[y]),null!==(j=w[y].codex)&&void 0!==j&&j.startsWith("OPVJA")&&(o=w[y])}if(!(r&&o||(2==w.length&&(r=w[0],o=w[1]),r&&o)))return v.error(new f.GE("Achtung! Bei der Option: "+w[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),u.isVisited=!0,(0,C.jsx)(C.Fragment,{});var k=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"})]}),k&&(0,C.jsx)(m.default,{item:k,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}\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:()=>p,ZP:()=>m,_m:()=>f,aH:()=>c,t$:()=>u});var r=o(8081),a=o.n(r),l=o(23645),d=o.n(l)()(a());d.push([t.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\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--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\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--zI2ES",p="index-module--kN6Sz",f="index-module--POmA7";const m=d},75581:(t,i,o)=>{o.d(i,{ZP:()=>f,co:()=>u,f6:()=>c,no:()=>p});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--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=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,w=t.borderRadius,y=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,k=P.U,S=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 w?w:g/2,cursor:o?"default":"pointer",WebkitTransition:k?null:"background 0.25s",MozTransition:k?null:"background 0.25s",transition:k?null:"background 0.25s"},O={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:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?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:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?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 w?w-1:"50%",position:"absolute",transform:"translateX("+j+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:S?v:C,border:0,WebkitTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},D={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:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?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:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?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:O},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:D},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}},y,{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}}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8692.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8692],{68692:(t,i,o)=>{o.d(i,{Z:()=>c});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 c="#",p=1;p<6;p+=2){var u=parseInt(r.substr(p,2),16),d=parseInt(a.substr(p,2),16),f=Math.round((1-l)*u+l*d).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,i,o,h(r),h(a))}var c=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.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var i=this.state,o=i.R,r=i.h,a=(this.props.checked?this.i:this.o)+t-o;i.N||t===o||this.setState({N:!0});var l=Math.min(this.i,Math.max(this.o,a));l!==r&&this.setState({h:l})},n.prototype.U=function(t){var i=this.state,o=i.h,r=i.N,a=i.B,l=this.props.checked,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var p=Date.now()-a;(!r||p<250||l&&o<=c||!l&&o>=c)&&this.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,a=t.className,l=t.offColor,c=t.onColor,p=t.offHandleColor,u=t.onHandleColor,d=t.checkedIcon,f=t.uncheckedIcon,b=t.checkedHandleIcon,y=t.uncheckedHandleIcon,v=t.boxShadow,m=t.activeBoxShadow,k=t.height,w=t.width,g=t.borderRadius,M=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"]),C=this.state,S=C.h,x=C.N,D=C.j,T={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:k/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"},E={height:k,width:w,margin:Math.max(0,(this.t-k)/2),position:"relative",background:e(S,this.i,this.o,l,c),borderRadius:"number"==typeof g?g:k/2,cursor:o?"default":"pointer",WebkitTransition:x?null:"background 0.25s",MozTransition:x?null:"background 0.25s",transition:x?null:"background 0.25s"},W={height:k,width:Math.min(1.5*k,w-(this.t+k)/2+1),position:"relative",opacity:(S-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:x?null:"opacity 0.25s",MozTransition:x?null:"opacity 0.25s",transition:x?null:"opacity 0.25s"},I={height:k,width:Math.min(1.5*k,w-(this.t+k)/2+1),position:"absolute",opacity:1-(S-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:x?null:"opacity 0.25s",MozTransition:x?null:"opacity 0.25s",transition:x?null:"opacity 0.25s"},H={height:this.t,width:this.t,background:e(S,this.i,this.o,p,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof g?g-1:"50%",position:"absolute",transform:"translateX("+S+"px)",top:Math.max(0,(k-this.t)/2),outline:0,boxShadow:D?m:v,border:0,WebkitTransition:x?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:x?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:x?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},O={height:this.t,width:this.t,opacity:Math.max(2*(1-(S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:x?null:"opacity 0.25s",MozTransition:x?null:"opacity 0.25s",transition:x?null:"opacity 0.25s"},j={height:this.t,width:this.t,opacity:Math.max(2*((S-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:x?null:"opacity 0.25s",MozTransition:x?null:"opacity 0.25s",transition:x?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:T},r.createElement("div",{className:"react-switch-bg",style:E,onClick:o?null:this.T,onMouseDown:function(t){return t.preventDefault()}},d&&r.createElement("div",{style:W},d),f&&r.createElement("div",{style:I},f)),r.createElement("div",{className:"react-switch-handle",style:H,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.k,onTouchMove:o?null:this.m,onTouchEnd:o?null:this.M,onTouchCancel:o?null:this.O},y&&r.createElement("div",{style:O},y),b&&r.createElement("div",{style:j},b)),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}},M,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},n}(r.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8692],{68692:(t,i,o)=>{o.d(i,{Z:()=>c});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 c="#",p=1;p<6;p+=2){var u=parseInt(r.substr(p,2),16),d=parseInt(a.substr(p,2),16),f=Math.round((1-l)*u+l*d).toString(16);1===f.length&&(f="0"+f),c+=f}return c}(t,i,o,h(r),h(a))}var c=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,c=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var p=Date.now()-a;(!r||p<250||l&&o<=c||!l&&o>=c)&&this.X(t),this.I&&this.setState({U:!1,B:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.H(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.k))},n.prototype.v=function(t){t.preventDefault(),this.N(t.clientX)},n.prototype.k=function(t){this.A(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.k)},n.prototype.m=function(t){this.F=null,this.H(t.touches[0].clientX)},n.prototype.M=function(t){this.N(t.touches[0].clientX)},n.prototype.T=function(t){t.preventDefault(),this.A(t)},n.prototype.C=function(t){Date.now()-this.l>50&&(this.X(t),Date.now()-this.u>50&&this.I&&this.setState({B:!1}))},n.prototype.D=function(){this.u=Date.now()},n.prototype.O=function(){this.setState({B:!0})},n.prototype.S=function(){this.setState({B:!1})},n.prototype.W=function(t){this.R=t},n.prototype.$=function(t){t.preventDefault(),this.R.focus(),this.X(t),this.I&&this.setState({B:!1})},n.prototype.X=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,a=t.className,l=t.offColor,c=t.onColor,p=t.offHandleColor,u=t.onHandleColor,d=t.checkedIcon,f=t.uncheckedIcon,b=t.checkedHandleIcon,y=t.uncheckedHandleIcon,v=t.boxShadow,m=t.activeBoxShadow,k=t.height,w=t.width,g=t.borderRadius,M=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"]),S=this.state,C=S.h,x=S.U,D=S.B,T={position:"relative",display:"inline-block",textAlign:"left",opacity:o?.5:1,direction:"ltr",borderRadius:k/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"},E={height:k,width:w,margin:Math.max(0,(this.t-k)/2),position:"relative",background:e(C,this.i,this.o,l,c),borderRadius:"number"==typeof g?g:k/2,cursor:o?"default":"pointer",WebkitTransition:x?null:"background 0.25s",MozTransition:x?null:"background 0.25s",transition:x?null:"background 0.25s"},I={height:k,width:Math.min(1.5*k,w-(this.t+k)/2+1),position:"relative",opacity:(C-this.o)/(this.i-this.o),pointerEvents:"none",WebkitTransition:x?null:"opacity 0.25s",MozTransition:x?null:"opacity 0.25s",transition:x?null:"opacity 0.25s"},W={height:k,width:Math.min(1.5*k,w-(this.t+k)/2+1),position:"absolute",opacity:1-(C-this.o)/(this.i-this.o),right:0,top:0,pointerEvents:"none",WebkitTransition:x?null:"opacity 0.25s",MozTransition:x?null:"opacity 0.25s",transition:x?null:"opacity 0.25s"},H={height:this.t,width:this.t,background:e(C,this.i,this.o,p,u),display:"inline-block",cursor:o?"default":"pointer",borderRadius:"number"==typeof g?g-1:"50%",position:"absolute",transform:"translateX("+C+"px)",top:Math.max(0,(k-this.t)/2),outline:0,boxShadow:D?m:v,border:0,WebkitTransition:x?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:x?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:x?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},B={height:this.t,width:this.t,opacity:Math.max(2*(1-(C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:x?null:"opacity 0.25s",MozTransition:x?null:"opacity 0.25s",transition:x?null:"opacity 0.25s"},O={height:this.t,width:this.t,opacity:Math.max(2*((C-this.o)/(this.i-this.o)-.5),0),position:"absolute",left:0,top:0,pointerEvents:"none",WebkitTransition:x?null:"opacity 0.25s",MozTransition:x?null:"opacity 0.25s",transition:x?null:"opacity 0.25s"};return r.createElement("div",{className:a,style:T},r.createElement("div",{className:"react-switch-bg",style:E,onClick:o?null:this.$,onMouseDown:function(t){return t.preventDefault()}},d&&r.createElement("div",{style:I},d),f&&r.createElement("div",{style:W},f)),r.createElement("div",{className:"react-switch-handle",style:H,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},y&&r.createElement("div",{style:B},y),b&&r.createElement("div",{style:O},b)),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}},M,{ref:this.W,onFocus:this.O,onBlur:this.S,onKeyUp:this.D,onChange:this.C})))},n}(r.Component);c.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:a,checkedIcon:l,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8717.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8717,2142,8692,4114,5571,430],{44114:(t,i,o)=>{o.r(i),o.d(i,{default:()=>M});var r=o(34988),l=o(88683),a=o(93379),d=o.n(a),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),C=o.n(m),x=o(19216),v=o.n(x),g=o(44589),b=o.n(g),w=o(23240),y={};y.styleTagTransform=b(),y.setAttributes=C(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(87363),j=o(91923),k=o(65515),S=o.n(k),N=o(9420),I=o(47514);const M=(0,N.Pi)((function InfoIcon(t){var i,o,a,d=t.item,c=t.style,u=((0,l.useDivaCore)().state.theme.palette,(0,j.NP)()),p=d.contentItemId,f=null!==(i=null!==(o=null!==(a=d.codex)&&void 0!==a?a:d.articleCodex)&&void 0!==o?o:d.title)&&void 0!==i?i:d.key,m=(0,P.useState)(!1),C=(0,r.Z)(m,2),x=C[0],v=C[1],g=d.sel||x;if((0,P.useEffect)((function(){var t=u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p&&f==u.settingsState.clickedFrom;!t&&x&&v(!1),t&&!x&&v(!0)}),[u.settingsState.contentItemVisible,u.settingsState.contentItemId,u.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!d.op||null===(t=u.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||g}()?(0,I.jsx)("div",{className:w.um,onClick:function onClick(t){u.settingsState.onClickContentItemId(p,f),v(u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p),t.stopPropagation()},style:c,children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)("div",{className:S()(w.hv,g?void 0:w.al,x?w.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:w.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:w.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()(w.dA,g?w.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,{})}))},5571:(t,i,o)=>{o.r(i),o.d(i,{default:()=>T});var r=o(80248),l=o(87363),a=o(93379),d=o.n(a),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),C=o.n(m),x=o(19216),v=o.n(x),g=o(44589),b=o.n(g),w=o(8907),y={};y.styleTagTransform=b(),y.setAttributes=C(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(5482),j=o(91923),k=o(88683),S=o(65515),N=o.n(S),I=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,I.jsx)(I.Fragment,{})},O=function AsyncRender2(t){var i,o,r=use(t.asyncPricePreview);switch((0,j.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":o=r.price-r.origPrice;break;case"fromBasePrice":o=r.price-r.firstPrice}return(0,I.jsxs)(I.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(o<0?"-":"+")+P.ZP.formatPrice(Math.abs(o),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};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 T=function PricePreview(t){var i=t.asyncPricePreview,o=t.pos,r=void 0===o?"right":o,a=t.style,d=t.price,c=t.sel,u=(0,k.useDivaCore)().state,p=u.hidePrices,f=u.hideConfigPricePreview,m=(0,j.NP)();return p||"off"==m.productState.pricePreview?(0,I.jsx)(I.Fragment,{}):d?(0,I.jsx)("div",{className:N()(w.aH,"left"==r?w.t$:w.F2),style:a,children:P.ZP.formatPrice(Math.abs(d),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):f||"fromCurrentPriceHideCurrent"==m.productState.pricePreview&&c?(0,I.jsx)(I.Fragment,{}):i?(0,I.jsx)(l.Suspense,{fallback:(0,I.jsx)(I.Fragment,{}),children:(0,I.jsx)(M,{asyncPricePreview:i.isVisible,children:(0,I.jsx)("div",{className:N()(w.aH,"left"==r?w.t$:w.F2),style:a,children:(0,I.jsx)(l.Suspense,{fallback:(0,I.jsx)("div",{className:w._m}),children:(0,I.jsx)(O,{asyncPricePreview:i.promise})})})})}):(0,I.jsx)(I.Fragment,{})}},32142:(t,i,o)=>{o.r(i),o.d(i,{default:()=>k});var r=o(65515),l=o.n(r),a=(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),C=o(3565),x=o.n(C),v=o(19216),g=o.n(v),b=o(44589),w=o.n(b),y=o(75581),P={};P.styleTagTransform=w(),P.setAttributes=x(),P.insert=m().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=o(47514);const k=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,C=t.width,x=void 0===C?80:C,v=t.handleDiameter,g=void 0===v?32:v,b=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,j.jsx)(a.Z,{checkedIcon:c?(0,j.jsx)("div",{className:l()(y.f6,y.co),children:c}):(0,j.jsx)(j.Fragment,{}),uncheckedIcon:u?(0,j.jsx)("div",{className:l()(y.f6,y.no),children:u}):(0,j.jsx)(j.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:b,offColor:p?b:"#CACACA",height:m,width:x,handleDiameter:g})}},78717:(t,i,o)=>{o.r(i),o.d(i,{default:()=>x});o(87363);var r=o(65515),l=o.n(r),a=o(550),d=o(91923),c=o(32142),u=o(88683),p=o(44114),f=o(5571),m=o(47514),C=(0,u.getLogger)("Planner","ToggleName");const x=function ToggleName(t){var i,o,r,u=t.item,x=t.paletteId,v=t.style,g=(0,d.NP)(),b=u.groups[0].items;if(!b)return(0,m.jsx)(m.Fragment,{});for(var w=0;w<b.length;w++){var y,P;null!==(y=b[w].codex)&&void 0!==y&&y.startsWith("OPVNEIN")&&(r=b[w]),null!==(P=b[w].codex)&&void 0!==P&&P.startsWith("OPVJA")&&(o=b[w])}if(!(r&&o||(2==b.length&&(r=b[0],o=b[1]),r&&o)))return C.warn("Achtung! Bei der Option: "+b[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),u.isVisited=!0,(0,m.jsx)(m.Fragment,{});var j=0==r.sel,k=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,m.jsxs)("div",{className:a.O7,ref:function ref(t){return u.htmlRef=t},style:v,children:[(0,m.jsxs)("div",{className:l()(a.Fl,a.TN,a.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(r,void 0,x)},children:[void 0!==r.pricePreviewPromise&&(0,m.jsx)(f.default,{asyncPricePreview:r.pricePreviewPromise,sel:r.sel}),(0,m.jsx)("div",{className:j?void 0:a.pA,dangerouslySetInnerHTML:{__html:r.text}})]}),(0,m.jsx)("div",{className:l()(a.Fl,a.ZN),children:(0,m.jsx)(c.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(r.sel?o:r,void 0,x)},val:u,alwaysActiveColor:!0,state:j})}),(0,m.jsxs)("div",{className:l()(a.Fl,a.TN,a.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(o,void 0,x)},children:[void 0!==o.pricePreviewPromise&&(0,m.jsx)(f.default,{asyncPricePreview:o.pricePreviewPromise,sel:o.sel}),(0,m.jsx)("div",{className:j?a.pA:void 0,dangerouslySetInnerHTML:{__html:o.text}})]}),k&&(0,m.jsx)(p.default,{item:k,style:{position:"relative"}},u.configStepKey)]})}},23240:(t,i,o)=>{o.d(i,{FJ:()=>m,Oq:()=>f,ZP:()=>v,al:()=>x,dA:()=>p,fL:()=>C,hv:()=>u,um:()=>c});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());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}\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",C="index-module--FaRqp",x="index-module--oBSZj";const v=d},8907:(t,i,o)=>{o.d(i,{F2:()=>p,ZP:()=>m,_m:()=>f,aH:()=>c,t$:()=>u});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\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--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\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--zI2ES",p="index-module--kN6Sz",f="index-module--POmA7";const m=d},75581:(t,i,o)=>{o.d(i,{ZP:()=>f,co:()=>u,f6:()=>c,no:()=>p});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());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--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=d},43078:(t,i,o)=>{o.d(i,{Fl:()=>p,O7:()=>c,TN:()=>f,ZN:()=>m,ZP:()=>v,eR:()=>u,pA:()=>x,u2:()=>C});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());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",C="index-module--z1OwD",x="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),l=o.n(r),a=o(7795),d=o.n(a),c=o(90569),u=o.n(c),p=o(3565),f=o.n(p),m=o(19216),C=o.n(m),x=o(44589),v=o.n(x),g=o(43078),b={};b.styleTagTransform=v(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=C();l()(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 l=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"})),a=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,l){return function(t,i,o,r,l){var a=(t-o)/(i-o);if(0===a)return r;if(1===a)return l;for(var d="#",c=1;c<6;c+=2){var u=parseInt(r.substr(c,2),16),p=parseInt(l.substr(c,2),16),f=Math.round((1-a)*u+a*p).toString(16);1===f.length&&(f="0"+f),d+=f}return d}(t,i,o,h(r),h(l))}var d=function(t){function n(i){t.call(this,i);var o=i.height,r=i.width,l=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:l?this.i:this.o},this.l=0,this.u=0,this.p=this.p.bind(this),this.v=this.v.bind(this),this.g=this.g.bind(this),this.k=this.k.bind(this),this.m=this.m.bind(this),this.M=this.M.bind(this),this.T=this.T.bind(this),this.$=this.$.bind(this),this.C=this.C.bind(this),this.D=this.D.bind(this),this.O=this.O.bind(this),this.S=this.S.bind(this)}return t&&(n.__proto__=t),(n.prototype=Object.create(t&&t.prototype)).constructor=n,n.prototype.componentDidMount=function(){this.W=!0},n.prototype.componentDidUpdate=function(t){t.checked!==this.props.checked&&this.setState({h:this.props.checked?this.i:this.o})},n.prototype.componentWillUnmount=function(){this.W=!1},n.prototype.I=function(t){this.H.focus(),this.setState({R:t,j:!0,B:Date.now()})},n.prototype.L=function(t){var i=this.state,o=i.R,r=i.h,l=(this.props.checked?this.i:this.o)+t-o;i.N||t===o||this.setState({N:!0});var a=Math.min(this.i,Math.max(this.o,l));a!==r&&this.setState({h:a})},n.prototype.U=function(t){var i=this.state,o=i.h,r=i.N,l=i.B,a=this.props.checked,d=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var c=Date.now()-l;(!r||c<250||a&&o<=d||!a&&o>=d)&&this.A(t),this.W&&this.setState({N:!1,j:!1}),this.l=Date.now()},n.prototype.p=function(t){t.preventDefault(),"number"==typeof t.button&&0!==t.button||(this.I(t.clientX),window.addEventListener("mousemove",this.v),window.addEventListener("mouseup",this.g))},n.prototype.v=function(t){t.preventDefault(),this.L(t.clientX)},n.prototype.g=function(t){this.U(t),window.removeEventListener("mousemove",this.v),window.removeEventListener("mouseup",this.g)},n.prototype.k=function(t){this.X=null,this.I(t.touches[0].clientX)},n.prototype.m=function(t){this.L(t.touches[0].clientX)},n.prototype.M=function(t){t.preventDefault(),this.U(t)},n.prototype.$=function(t){Date.now()-this.l>50&&(this.A(t),Date.now()-this.u>50&&this.W&&this.setState({j:!1}))},n.prototype.C=function(){this.u=Date.now()},n.prototype.D=function(){this.setState({j:!0})},n.prototype.O=function(){this.setState({j:!1})},n.prototype.S=function(t){this.H=t},n.prototype.T=function(t){t.preventDefault(),this.H.focus(),this.A(t),this.W&&this.setState({j:!1})},n.prototype.A=function(t){var i=this.props;(0,i.onChange)(!i.checked,t,i.id)},n.prototype.render=function(){var t=this.props,i=t.checked,o=t.disabled,l=t.className,a=t.offColor,d=t.onColor,c=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,m=t.checkedHandleIcon,C=t.uncheckedHandleIcon,x=t.boxShadow,v=t.activeBoxShadow,g=t.height,b=t.width,w=t.borderRadius,y=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,k=P.N,S=P.j,N={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"},I={height:g,width:b,margin:Math.max(0,(this.t-g)/2),position:"relative",background:e(j,this.i,this.o,a,d),borderRadius:"number"==typeof w?w:g/2,cursor:o?"default":"pointer",WebkitTransition:k?null:"background 0.25s",MozTransition:k?null:"background 0.25s",transition:k?null:"background 0.25s"},M={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:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},O={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:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},T={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 w?w-1:"50%",position:"absolute",transform:"translateX("+j+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:S?v:x,border:0,WebkitTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},D={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:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?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:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"};return r.createElement("div",{className:l,style:N},r.createElement("div",{className:"react-switch-bg",style:I,onClick:o?null:this.T,onMouseDown:function(t){return t.preventDefault()}},p&&r.createElement("div",{style:M},p),f&&r.createElement("div",{style:O},f)),r.createElement("div",{className:"react-switch-handle",style:T,onClick:function(t){return t.preventDefault()},onMouseDown:o?null:this.p,onTouchStart:o?null:this.k,onTouchMove:o?null:this.m,onTouchEnd:o?null:this.M,onTouchCancel:o?null:this.O},C&&r.createElement("div",{style:D},C),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}},y,{ref:this.S,onFocus:this.D,onBlur:this.O,onKeyUp:this.C,onChange:this.$})))},n}(r.Component);d.defaultProps={disabled:!1,offColor:"#888",onColor:"#080",offHandleColor:"#fff",onHandleColor:"#fff",uncheckedIcon:l,checkedIcon:a,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8717,2142,8692,4114,5571,430],{44114:(t,i,o)=>{o.r(i),o.d(i,{default:()=>M});var r=o(34988),l=o(88683),a=o(93379),d=o.n(a),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),C=o.n(m),x=o(19216),v=o.n(x),g=o(44589),b=o.n(g),w=o(23240),y={};y.styleTagTransform=b(),y.setAttributes=C(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(87363),j=o(91923),k=o(65515),S=o.n(k),I=o(9420),N=o(47514);const M=(0,I.Pi)((function InfoIcon(t){var i,o,a,d=t.item,c=t.style,u=((0,l.useDivaCore)().state.theme.palette,(0,j.NP)()),p=d.contentItemId,f=null!==(i=null!==(o=null!==(a=d.codex)&&void 0!==a?a:d.articleCodex)&&void 0!==o?o:d.title)&&void 0!==i?i:d.key,m=(0,P.useState)(!1),C=(0,r.Z)(m,2),x=C[0],v=C[1],g=d.sel||x;if((0,P.useEffect)((function(){var t=u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p&&f==u.settingsState.clickedFrom;!t&&x&&v(!1),t&&!x&&v(!0)}),[u.settingsState.contentItemVisible,u.settingsState.contentItemId,u.settingsState.clickedFrom]),!d)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!d.op||null===(t=u.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||g}()?(0,N.jsx)("div",{className:w.um,onClick:function onClick(t){u.settingsState.onClickContentItemId(p,f),v(u.settingsState.contentItemVisible&&u.settingsState.contentItemId==p),t.stopPropagation()},style:c,children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:S()(w.hv,g?void 0:w.al,x?w.FJ:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.jsx)("path",{className:w.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,N.jsx)("path",{className:w.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,N.jsx)("div",{className:S()(w.dA,g?w.al:void 0),children:(0,N.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,N.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,N.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,N.jsx)(N.Fragment,{})}))},5571:(t,i,o)=>{o.r(i),o.d(i,{default:()=>T});var r=o(80248),l=o(87363),a=o(93379),d=o.n(a),c=o(7795),u=o.n(c),p=o(90569),f=o.n(p),m=o(3565),C=o.n(m),x=o(19216),v=o.n(x),g=o(44589),b=o.n(g),w=o(8907),y={};y.styleTagTransform=b(),y.setAttributes=C(),y.insert=f().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=v();d()(w.ZP,y);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=o(5482),j=o(91923),k=o(88683),S=o(65515),I=o.n(S),N=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,N.jsx)(N.Fragment,{})},O=function AsyncRender2(t){var i,o,r=use(t.asyncPricePreview);switch((0,j.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":o=r.price-r.origPrice;break;case"fromBasePrice":o=r.price-r.firstPrice}return(0,N.jsxs)(N.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(o<0?"-":"+")+P.ZP.formatPrice(Math.abs(o),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};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 T=function PricePreview(t){var i=t.asyncPricePreview,o=t.pos,r=void 0===o?"right":o,a=t.style,d=t.price,c=t.sel,u=(0,k.useDivaCore)().state,p=u.hidePrices,f=u.hideConfigPricePreview,m=(0,j.NP)();return p||"off"==m.productState.pricePreview?(0,N.jsx)(N.Fragment,{}):d?(0,N.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:a,children:P.ZP.formatPrice(Math.abs(d),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):f||"fromCurrentPriceHideCurrent"==m.productState.pricePreview&&c?(0,N.jsx)(N.Fragment,{}):i?(0,N.jsx)(l.Suspense,{fallback:(0,N.jsx)(N.Fragment,{}),children:(0,N.jsx)(M,{asyncPricePreview:i.isVisible,children:(0,N.jsx)("div",{className:I()(w.aH,"left"==r?w.t$:w.F2),style:a,children:(0,N.jsx)(l.Suspense,{fallback:(0,N.jsx)("div",{className:w._m}),children:(0,N.jsx)(O,{asyncPricePreview:i.promise})})})})}):(0,N.jsx)(N.Fragment,{})}},32142:(t,i,o)=>{o.r(i),o.d(i,{default:()=>k});var r=o(65515),l=o.n(r),a=(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),C=o(3565),x=o.n(C),v=o(19216),g=o.n(v),b=o(44589),w=o.n(b),y=o(75581),P={};P.styleTagTransform=w(),P.setAttributes=x(),P.insert=m().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=g();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=o(47514);const k=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,C=t.width,x=void 0===C?80:C,v=t.handleDiameter,g=void 0===v?32:v,b=null===(i=getComputedStyle(document.documentElement).getPropertyValue("--primaryColor"))||void 0===i?void 0:i.replace(/ /g,"");return(0,j.jsx)(a.Z,{checkedIcon:c?(0,j.jsx)("div",{className:l()(y.f6,y.co),children:c}):(0,j.jsx)(j.Fragment,{}),uncheckedIcon:u?(0,j.jsx)("div",{className:l()(y.f6,y.no),children:u}):(0,j.jsx)(j.Fragment,{}),onChange:function onChange(){return o(null!=r?r:!d)},checked:d,onColor:b,offColor:p?b:"#CACACA",height:m,width:x,handleDiameter:g})}},78717:(t,i,o)=>{o.r(i),o.d(i,{default:()=>x});o(87363);var r=o(65515),l=o.n(r),a=o(550),d=o(91923),c=o(32142),u=o(88683),p=o(44114),f=o(5571),m=o(47514),C=(0,u.getLogger)("Planner","ToggleName");const x=function ToggleName(t){var i,o,r,u=t.item,x=t.paletteId,v=t.style,g=(0,d.NP)(),b=u.groups[0].items;if(!b)return(0,m.jsx)(m.Fragment,{});for(var w=0;w<b.length;w++){var y,P;null!==(y=b[w].codex)&&void 0!==y&&y.startsWith("OPVNEIN")&&(r=b[w]),null!==(P=b[w].codex)&&void 0!==P&&P.startsWith("OPVJA")&&(o=b[w])}if(!(r&&o||(2==b.length&&(r=b[0],o=b[1]),r&&o)))return C.warn("Achtung! Bei der Option: "+b[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),u.isVisited=!0,(0,m.jsx)(m.Fragment,{});var j=0==r.sel,k=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,m.jsxs)("div",{className:a.O7,ref:function ref(t){return u.htmlRef=t},style:v,children:[(0,m.jsxs)("div",{className:l()(a.Fl,a.TN,a.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(r,void 0,x)},children:[void 0!==r.pricePreviewPromise&&(0,m.jsx)(f.default,{asyncPricePreview:r.pricePreviewPromise,sel:r.sel}),(0,m.jsx)("div",{className:j?void 0:a.pA,dangerouslySetInnerHTML:{__html:r.text}})]}),(0,m.jsx)("div",{className:l()(a.Fl,a.ZN),children:(0,m.jsx)(c.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(r.sel?o:r,void 0,x)},val:u,alwaysActiveColor:!0,state:j})}),(0,m.jsxs)("div",{className:l()(a.Fl,a.TN,a.u2),onClick:function onClick(){g.paletteViewHandler.clickedOnConfigPalette(o,void 0,x)},children:[void 0!==o.pricePreviewPromise&&(0,m.jsx)(f.default,{asyncPricePreview:o.pricePreviewPromise,sel:o.sel}),(0,m.jsx)("div",{className:j?a.pA:void 0,dangerouslySetInnerHTML:{__html:o.text}})]}),k&&(0,m.jsx)(p.default,{item:k,style:{position:"relative"}},u.configStepKey)]})}},23240:(t,i,o)=>{o.d(i,{FJ:()=>m,Oq:()=>f,ZP:()=>v,al:()=>x,dA:()=>p,fL:()=>C,hv:()=>u,um:()=>c});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());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}\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",C="index-module--FaRqp",x="index-module--oBSZj";const v=d},8907:(t,i,o)=>{o.d(i,{F2:()=>p,ZP:()=>m,_m:()=>f,aH:()=>c,t$:()=>u});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());d.push([t.id,".index-module--bVDuL {\n  position: absolute;\n  top: 0;\n\n  background-color: rgba(234,234,234,0.66667);\n\n  padding: 2px 6px;\n  font-size: 12px;\n  height: 14px;\n  line-height: 12px;\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--POmA7 {\n  border: 3px solid #f3f3f3;\n  border-radius: 50%;\n  border-top: 3px solid #bbb;\n  width: 10px;\n  height: 10px;\n  animation: index-module--rw2Jt 1s linear infinite;\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--zI2ES",p="index-module--kN6Sz",f="index-module--POmA7";const m=d},75581:(t,i,o)=>{o.d(i,{ZP:()=>f,co:()=>u,f6:()=>c,no:()=>p});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());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--ciLne {\n  padding-left: 16px;\n}\n\n.index-module--W1TLd {\n  padding-left: 4px;\n}\n",""]);var c="index-module--D7_Ss",u="index-module--ciLne",p="index-module--W1TLd";const f=d},43078:(t,i,o)=>{o.d(i,{Fl:()=>p,O7:()=>c,TN:()=>f,ZN:()=>m,ZP:()=>v,eR:()=>u,pA:()=>x,u2:()=>C});var r=o(8081),l=o.n(r),a=o(23645),d=o.n(a)()(l());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",C="index-module--z1OwD",x="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),l=o.n(r),a=o(7795),d=o.n(a),c=o(90569),u=o.n(c),p=o(3565),f=o.n(p),m=o(19216),C=o.n(m),x=o(44589),v=o.n(x),g=o(43078),b={};b.styleTagTransform=v(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=C();l()(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 l=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"})),a=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,l){return function(t,i,o,r,l){var a=(t-o)/(i-o);if(0===a)return r;if(1===a)return l;for(var d="#",c=1;c<6;c+=2){var u=parseInt(r.substr(c,2),16),p=parseInt(l.substr(c,2),16),f=Math.round((1-a)*u+a*p).toString(16);1===f.length&&(f="0"+f),d+=f}return d}(t,i,o,h(r),h(l))}var d=function(t){function n(i){t.call(this,i);var o=i.height,r=i.width,l=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:l?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,l=(this.props.checked?this.i:this.o)+t-o;i.U||t===o||this.setState({U:!0});var a=Math.min(this.i,Math.max(this.o,l));a!==r&&this.setState({h:a})},n.prototype.A=function(t){var i=this.state,o=i.h,r=i.U,l=i.L,a=this.props.checked,d=(this.i+this.o)/2;this.setState({h:this.props.checked?this.i:this.o});var c=Date.now()-l;(!r||c<250||a&&o<=d||!a&&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,l=t.className,a=t.offColor,d=t.onColor,c=t.offHandleColor,u=t.onHandleColor,p=t.checkedIcon,f=t.uncheckedIcon,m=t.checkedHandleIcon,C=t.uncheckedHandleIcon,x=t.boxShadow,v=t.activeBoxShadow,g=t.height,b=t.width,w=t.borderRadius,y=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,k=P.U,S=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,a,d),borderRadius:"number"==typeof w?w:g/2,cursor:o?"default":"pointer",WebkitTransition:k?null:"background 0.25s",MozTransition:k?null:"background 0.25s",transition:k?null:"background 0.25s"},M={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:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},O={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:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"},T={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 w?w-1:"50%",position:"absolute",transform:"translateX("+j+"px)",top:Math.max(0,(g-this.t)/2),outline:0,boxShadow:S?v:x,border:0,WebkitTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",MozTransition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s",transition:k?null:"background-color 0.25s, transform 0.25s, box-shadow 0.15s"},D={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:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?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:k?null:"opacity 0.25s",MozTransition:k?null:"opacity 0.25s",transition:k?null:"opacity 0.25s"};return r.createElement("div",{className:l,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:M},p),f&&r.createElement("div",{style:O},f)),r.createElement("div",{className:"react-switch-handle",style:T,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},C&&r.createElement("div",{style:D},C),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}},y,{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:l,checkedIcon:a,boxShadow:null,activeBoxShadow:"0 0 2px 3px #3bf",height:28,width:56}}}]);