@crystaldesign/diva-web-planner-react 25.9.0-rc.3 → 25.10.0-beta.2

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2735.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2735,5745],{10304:(e,t,n)=>{t.Z=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(87363)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var a="Select...",i=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?a:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,o.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?a:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var o=0,r=t.length;o<r;o++)if("group"===t[o].type){var a=t[o].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var a=e.label||e.value||e,i=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",i),t),l=(0,r.default)(s),d=Object.keys(e.data||{}).reduce((function(t,n){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,_defineProperty({},"data-".concat(n),e.data[n]))}),{});return o.default.createElement("div",_extends({key:n,className:l,onMouseDown:this.setValue.bind(this,n,a),onClick:this.setValue.bind(this,n,a),role:"option","aria-selected":i?"true":"false"},d),a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,t,n,a,i,s=this.props,l=s.baseClassName,d=s.controlClassName,u=s.placeholderClassName,c=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,y=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,d,!!d),_defineProperty(t,y,!!y),t)),w=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,u,!!u),_defineProperty(n,"is-selected",this.isValueSelected()),n)),P=(0,r.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,c,!!c),a)),_=(0,r.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),x=o.default.createElement("div",{className:w},v),O=this.state.isOpen?o.default.createElement("div",{className:P,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},x,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:_}))),O)}}]),Dropdown}(o.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.Z=s},5745:(e,t,n)=>{n.r(t),n.d(t,{default:()=>_});var o=n(72874),r=(n(87363),n(93379)),a=n.n(r),i=n(7795),s=n.n(i),l=n(90569),d=n.n(l),u=n(3565),c=n.n(u),p=n(19216),f=n.n(p),h=n(44589),m=n.n(h),y=n(8368),v={};v.styleTagTransform=m(),v.setAttributes=c(),v.insert=d().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=n(65515),g=n.n(b),w=n(47514),P=["onClick","iconAsDelete","open"];const _=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,r=e.open,a=(0,o.Z)(e,P);return(0,w.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(y.xX,n?y.zl:void 0,n?void 0:r?y.h1:y.Oe,a.className)})}},52735:(e,t,n)=>{n.r(t),n.d(t,{default:()=>O});n(87363);var o=n(10304),r=n(93379),a=n.n(r),i=n(7795),s=n.n(i),l=n(90569),d=n.n(l),u=n(3565),c=n.n(u),p=n(19216),f=n.n(p),h=n(44589),m=n.n(h),y=n(55116),v={};v.styleTagTransform=m(),v.setAttributes=c(),v.insert=d().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=n(88683),g=n(20640),w=n(65515),P=n.n(w),_=n(5745),x=n(47514);const O=function RalDropdownFilter(e){var t,n=e.visibleColorItems,r=e.dropdownRootClass,a=void 0===r?y.oF:r,i=e.deleteCurValue,s=e.id,l=(0,b.useTranslation)().t,d=(0,g.NP)(),u=null===(t=d.settingsState.itemPalettes.get(s))||void 0===t?void 0:t.filterValue,c=n.map((function(e){return{label:(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("span",{className:y.oM,style:{backgroundColor:e.rgb}})," ",l("configurator."+e.text)]}),text:e.text,value:e.text}}));return(0,x.jsx)("div",{"data-test-id":"ral-dropdown",children:(0,x.jsx)(o.Z,{className:P()(a),controlClassName:y.x_,options:c,value:u,onChange:function onChange(e){return d.paletteViewHandler.onSelectFilter(s,e.value,"RAL")},placeholder:l("configurator.colors"),arrowClosed:(0,x.jsx)(_.default,{onClick:i,open:!1,iconAsDelete:!!u}),arrowOpen:(0,x.jsx)(_.default,{onClick:i,open:!0,iconAsDelete:!!u})})})}},8368:(e,t,n)=>{n.d(t,{Oe:()=>v,ZP:()=>b,h1:()=>y,xX:()=>h,zl:()=>m});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a),s=n(61667),l=n.n(s),d=new URL(n(49797),n.b),u=new URL(n(24827),n.b),c=i()(r()),p=l()(d),f=l()(u);c.push([e.id,".index-module--kpDq_ {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+f+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+f+");\n}\n",""]);var h="index-module--kpDq_",m="index-module--qA_2S",y="index-module--GLLUM",v="index-module--ctBIw";const b=c},55116:(e,t,n)=>{n.d(t,{ZP:()=>u,oF:()=>l,oM:()=>s,x_:()=>d});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a)()(r());i.push([e.id,".index-module--rh3_P {\n  width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  display: block;\n  float: left;\n  margin-top: 1.6px;\n  margin-right: 12px;\n}\n\n.index-module--kEhTd {\n  float: right;\n  box-shadow: var(--boxShadowHover);\n  width: 140px;\n  min-width: 100px;\n}\n\n.index-module--qJ16N {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  /* width: 170px; */\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n",""]);var s="index-module--rh3_P",l="index-module--kEhTd",d="index-module--qJ16N";const u=i},49797:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2735,5745],{10304:(e,t,n)=>{t.Z=void 0;var o=function _interopRequireWildcard(e){if(e&&e.__esModule)return e;if(null===e||"object"!==_typeof(e)&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache();if(t&&t.has(e))return t.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){var a=o?Object.getOwnPropertyDescriptor(e,r):null;a&&(a.get||a.set)?Object.defineProperty(n,r,a):n[r]=e[r]}n.default=e,t&&t.set(e,n);return n}(n(87363)),r=function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(n(65515));function _getRequireWildcardCache(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return _getRequireWildcardCache=function _getRequireWildcardCache(){return e},e}function _typeof(e){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function _typeof(e){return typeof e}:function _typeof(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_typeof(e)}function _extends(){return _extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(this,arguments)}function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _getPrototypeOf(e){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(e){return e.__proto__||Object.getPrototypeOf(e)},_getPrototypeOf(e)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}var a="Select...",i=function(e){function Dropdown(e){var t;return function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,Dropdown),(t=function _possibleConstructorReturn(e,t){return!t||"object"!==_typeof(t)&&"function"!=typeof t?_assertThisInitialized(e):t}(this,_getPrototypeOf(Dropdown).call(this,e))).state={selected:t.parseValue(e.value,e.options)||{label:void 0===e.placeholder?a:e.placeholder,value:""},isOpen:!1},t.dropdownRef=(0,o.createRef)(),t.mounted=!0,t.handleDocumentClick=t.handleDocumentClick.bind(_assertThisInitialized(t)),t.fireChangeEvent=t.fireChangeEvent.bind(_assertThisInitialized(t)),t}return function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}(Dropdown,e),function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}(Dropdown,[{key:"componentDidUpdate",value:function componentDidUpdate(e){if(this.props.value!==e.value)if(this.props.value){var t=this.parseValue(this.props.value,this.props.options);t!==this.state.selected&&this.setState({selected:t})}else this.setState({selected:{label:void 0===this.props.placeholder?a:this.props.placeholder,value:""}})}},{key:"componentDidMount",value:function componentDidMount(){document.addEventListener("click",this.handleDocumentClick,!1),document.addEventListener("touchend",this.handleDocumentClick,!1)}},{key:"componentWillUnmount",value:function componentWillUnmount(){this.mounted=!1,document.removeEventListener("click",this.handleDocumentClick,!1),document.removeEventListener("touchend",this.handleDocumentClick,!1)}},{key:"handleMouseDown",value:function handleMouseDown(e){this.props.onFocus&&"function"==typeof this.props.onFocus&&this.props.onFocus(this.state.isOpen),"mousedown"===e.type&&0!==e.button||(e.stopPropagation(),e.preventDefault(),this.props.disabled||this.setState({isOpen:!this.state.isOpen}))}},{key:"parseValue",value:function parseValue(e,t){var n;if("string"==typeof e)for(var o=0,r=t.length;o<r;o++)if("group"===t[o].type){var a=t[o].items.filter((function(t){return t.value===e}));a.length&&(n=a[0])}else void 0!==t[o].value&&t[o].value===e&&(n=t[o]);return n||e}},{key:"setValue",value:function setValue(e,t){var n={selected:{value:e,label:t},isOpen:!1};this.fireChangeEvent(n),this.setState(n)}},{key:"fireChangeEvent",value:function fireChangeEvent(e){e.selected!==this.state.selected&&this.props.onChange&&this.props.onChange(e.selected)}},{key:"renderOption",value:function renderOption(e){var t,n=e.value;void 0===n&&(n=e.label||e);var a=e.label||e.value||e,i=n===this.state.selected.value||n===this.state.selected,s=(_defineProperty(t={},"".concat(this.props.baseClassName,"-option"),!0),_defineProperty(t,e.className,!!e.className),_defineProperty(t,"is-selected",i),t),l=(0,r.default)(s),d=Object.keys(e.data||{}).reduce((function(t,n){return function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(n,!0).forEach((function(t){_defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,_defineProperty({},"data-".concat(n),e.data[n]))}),{});return o.default.createElement("div",_extends({key:n,className:l,onMouseDown:this.setValue.bind(this,n,a),onClick:this.setValue.bind(this,n,a),role:"option","aria-selected":i?"true":"false"},d),a)}},{key:"buildMenu",value:function buildMenu(){var e=this,t=this.props,n=t.options,r=t.baseClassName,a=n.map((function(t){if("group"===t.type){var n=o.default.createElement("div",{className:"".concat(r,"-title")},t.name),a=t.items.map((function(t){return e.renderOption(t)}));return o.default.createElement("div",{className:"".concat(r,"-group"),key:t.name,role:"listbox",tabIndex:"-1"},n,a)}return e.renderOption(t)}));return a.length?a:o.default.createElement("div",{className:"".concat(r,"-noresults")},"No options found")}},{key:"handleDocumentClick",value:function handleDocumentClick(e){this.mounted&&(this.dropdownRef.current.contains(e.target)||this.state.isOpen&&this.setState({isOpen:!1}))}},{key:"isValueSelected",value:function isValueSelected(){return"string"==typeof this.state.selected||""!==this.state.selected.value}},{key:"render",value:function render(){var e,t,n,a,i,s=this.props,l=s.baseClassName,d=s.controlClassName,u=s.placeholderClassName,c=s.menuClassName,p=s.arrowClassName,f=s.arrowClosed,h=s.arrowOpen,m=s.className,y=this.props.disabled?"Dropdown-disabled":"",v="string"==typeof this.state.selected?this.state.selected:this.state.selected.label,b=(0,r.default)((_defineProperty(e={},"".concat(l,"-root"),!0),_defineProperty(e,m,!!m),_defineProperty(e,"is-open",this.state.isOpen),e)),g=(0,r.default)((_defineProperty(t={},"".concat(l,"-control"),!0),_defineProperty(t,d,!!d),_defineProperty(t,y,!!y),t)),w=(0,r.default)((_defineProperty(n={},"".concat(l,"-placeholder"),!0),_defineProperty(n,u,!!u),_defineProperty(n,"is-selected",this.isValueSelected()),n)),P=(0,r.default)((_defineProperty(a={},"".concat(l,"-menu"),!0),_defineProperty(a,c,!!c),a)),_=(0,r.default)((_defineProperty(i={},"".concat(l,"-arrow"),!0),_defineProperty(i,p,!!p),i)),x=o.default.createElement("div",{className:w},v),O=this.state.isOpen?o.default.createElement("div",{className:P,"aria-expanded":"true"},this.buildMenu()):null;return o.default.createElement("div",{ref:this.dropdownRef,className:b},o.default.createElement("div",{className:g,onMouseDown:this.handleMouseDown.bind(this),onTouchEnd:this.handleMouseDown.bind(this),"aria-haspopup":"listbox"},x,o.default.createElement("div",{className:"".concat(l,"-arrow-wrapper")},h&&f?this.state.isOpen?h:f:o.default.createElement("span",{className:_}))),O)}}]),Dropdown}(o.Component);i.defaultProps={baseClassName:"Dropdown"};var s=i;t.Z=s},5745:(e,t,n)=>{n.r(t),n.d(t,{default:()=>_});var o=n(72874),r=(n(87363),n(93379)),a=n.n(r),i=n(7795),s=n.n(i),l=n(90569),d=n.n(l),u=n(3565),c=n.n(u),p=n(19216),f=n.n(p),h=n(44589),m=n.n(h),y=n(8368),v={};v.styleTagTransform=m(),v.setAttributes=c(),v.insert=d().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=n(65515),g=n.n(b),w=n(47514),P=["onClick","iconAsDelete","open"];const _=function Arrow(e){var t=e.onClick,n=e.iconAsDelete,r=e.open,a=(0,o.Z)(e,P);return(0,w.jsx)("span",{onClick:t,onTouchEnd:t,className:g()(y.xX,n?y.zl:void 0,n?void 0:r?y.h1:y.Oe,a.className)})}},52735:(e,t,n)=>{n.r(t),n.d(t,{default:()=>O});n(87363);var o=n(10304),r=n(93379),a=n.n(r),i=n(7795),s=n.n(i),l=n(90569),d=n.n(l),u=n(3565),c=n.n(u),p=n(19216),f=n.n(p),h=n(44589),m=n.n(h),y=n(55116),v={};v.styleTagTransform=m(),v.setAttributes=c(),v.insert=d().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=f();a()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var b=n(88683),g=n(4820),w=n(65515),P=n.n(w),_=n(5745),x=n(47514);const O=function RalDropdownFilter(e){var t,n=e.visibleColorItems,r=e.dropdownRootClass,a=void 0===r?y.oF:r,i=e.deleteCurValue,s=e.id,l=(0,b.useTranslation)().t,d=(0,g.NP)(),u=null===(t=d.settingsState.itemPalettes.get(s))||void 0===t?void 0:t.filterValue,c=n.map((function(e){return{label:(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("span",{className:y.oM,style:{backgroundColor:e.rgb}})," ",l("configurator."+e.text)]}),text:e.text,value:e.text}}));return(0,x.jsx)("div",{"data-test-id":"ral-dropdown",children:(0,x.jsx)(o.Z,{className:P()(a),controlClassName:y.x_,options:c,value:u,onChange:function onChange(e){return d.paletteViewHandler.onSelectFilter(s,e.value,"RAL")},placeholder:l("configurator.colors"),arrowClosed:(0,x.jsx)(_.default,{onClick:i,open:!1,iconAsDelete:!!u}),arrowOpen:(0,x.jsx)(_.default,{onClick:i,open:!0,iconAsDelete:!!u})})})}},8368:(e,t,n)=>{n.d(t,{Oe:()=>v,ZP:()=>b,h1:()=>y,xX:()=>h,zl:()=>m});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a),s=n(61667),l=n.n(s),d=new URL(n(49797),n.b),u=new URL(n(24827),n.b),c=i()(r()),p=l()(d),f=l()(u);c.push([e.id,".index-module--kpDq_ {\n  transition: transform 0.35s ease, width 0.5s ease, height 0.5s ease;\n  background-repeat: no-repeat;\n  background-position: center center;\n  position: absolute;\n  background-size: contain;\n  right: 10px;\n  top: 8px;\n  width: 12px;\n  height: 12px;\n  transform: rotateZ(0deg);\n}\n.index-module--qA_2S {\n  background-image: url("+p+");\n}\n\n.index-module--qA_2S:hover {\n  transform: rotateZ(90deg);\n}\n\n.index-module--GLLUM {\n  transform: rotateZ(180deg);\n  background-image: url("+f+");\n}\n\n.index-module--ctBIw {\n  background-image: url("+f+");\n}\n",""]);var h="index-module--kpDq_",m="index-module--qA_2S",y="index-module--GLLUM",v="index-module--ctBIw";const b=c},55116:(e,t,n)=>{n.d(t,{ZP:()=>u,oF:()=>l,oM:()=>s,x_:()=>d});var o=n(8081),r=n.n(o),a=n(23645),i=n.n(a)()(r());i.push([e.id,".index-module--rh3_P {\n  width: 18px;\n  height: 18px;\n  border-radius: 9px;\n  display: block;\n  float: left;\n  margin-top: 1.6px;\n  margin-right: 12px;\n}\n\n.index-module--kEhTd {\n  float: right;\n  box-shadow: var(--boxShadowHover);\n  width: 140px;\n  min-width: 100px;\n}\n\n.index-module--qJ16N {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  /* width: 170px; */\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n",""]);var s="index-module--rh3_P",l="index-module--kEhTd",d="index-module--qJ16N";const u=i},49797:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjNkY2RjZGIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="},24827:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC40Mzc1IDAuNjg4MzU0TDYuMTUxNzkgNS42ODgzNUwxLjQzNzUgMC42ODgzNTQiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2816.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2816],{72816:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var o=t(20640),i=(t(87363),t(93379)),a=t.n(i),r=t(7795),s=t.n(r),l=t(90569),d=t.n(l),c=t(3565),p=t.n(c),u=t(19216),x=t.n(u),f=t(44589),g=t.n(f),m=t(37164),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=d().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=x();a()(m.Z,C);m.Z&&m.Z.locals&&m.Z.locals;var b=t(9755),v=t(9420),y=t(47514);const h=(0,v.Pi)((function InfoButton(n){var e,t,i=n.selectedElement,a=n.id,r=n.openUrl,s=(0,o.NP)(),l=i?(null!==(e=i.groupName)&&void 0!==e?e:"")+(i.parentName?" (".concat(i.parentName,")"):"")+" "+(null!==(t=i.longDescription)&&void 0!==t?t:""):"",d=function updateInfoBox(){i&&s.settingsState.updateInfoBox({type:"info",content:(0,y.jsx)(b.p,{onClose:function onClose(){return s.settingsState.updateInfoBox()},settings:{contentBoxProps:{type:"CloseButtonContainer",style:{background:"transparent",padding:0},closeIconSize:"24px",content:{type:"InfoBox",imageUrl:i.image,title:i.text,text:l}}}}),id:a,key:i.codex})},c=s.settingsState.infoBoxContent;return c&&c.id===a&&c.key!==(null==i?void 0:i.codex)&&"info"===c.type&&d(),(0,y.jsx)("div",{title:"Info",onClick:function onClick(){if(r&&i)window.open(i.url,"_blank");else{s.settingsState.setContentItemVisible(!1);var n=s.settingsState.infoBoxContent;n&&n.id===a&&"info"===n.type?s.settingsState.updateInfoBox():d()}},className:m.M,children:"i"})}))},37164:(n,e,t)=>{t.d(e,{M:()=>s,Z:()=>l});var o=t(8081),i=t.n(o),a=t(23645),r=t.n(a)()(i());r.push([n.id,".index-module--biwOo {\n  line-height: 26px;\n  width: 26px;\n  height: 26px;\n  background-color: white;\n  color: var(--primaryColor);\n  text-align: center;\n  cursor: pointer;\n  border: solid 2px var(--primaryColor);\n  border-radius: 50%;\n  margin-left: 10px;\n}\n",""]);var s="index-module--biwOo";const l=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2816],{72816:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var o=t(4820),i=(t(87363),t(93379)),a=t.n(i),r=t(7795),s=t.n(r),l=t(90569),d=t.n(l),c=t(3565),p=t.n(c),u=t(19216),x=t.n(u),f=t(44589),g=t.n(f),m=t(37164),C={};C.styleTagTransform=g(),C.setAttributes=p(),C.insert=d().bind(null,"head"),C.domAPI=s(),C.insertStyleElement=x();a()(m.Z,C);m.Z&&m.Z.locals&&m.Z.locals;var b=t(9755),v=t(9420),y=t(47514);const h=(0,v.Pi)((function InfoButton(n){var e,t,i=n.selectedElement,a=n.id,r=n.openUrl,s=(0,o.NP)(),l=i?(null!==(e=i.groupName)&&void 0!==e?e:"")+(i.parentName?" (".concat(i.parentName,")"):"")+" "+(null!==(t=i.longDescription)&&void 0!==t?t:""):"",d=function updateInfoBox(){i&&s.settingsState.updateInfoBox({type:"info",content:(0,y.jsx)(b.p,{onClose:function onClose(){return s.settingsState.updateInfoBox()},settings:{contentBoxProps:{type:"CloseButtonContainer",style:{background:"transparent",padding:0},closeIconSize:"24px",content:{type:"InfoBox",imageUrl:i.image,title:i.text,text:l}}}}),id:a,key:i.codex})},c=s.settingsState.infoBoxContent;return c&&c.id===a&&c.key!==(null==i?void 0:i.codex)&&"info"===c.type&&d(),(0,y.jsx)("div",{title:"Info",onClick:function onClick(){if(r&&i)window.open(i.url,"_blank");else{s.settingsState.setContentItemVisible(!1);var n=s.settingsState.infoBoxContent;n&&n.id===a&&"info"===n.type?s.settingsState.updateInfoBox():d()}},className:m.M,children:"i"})}))},37164:(n,e,t)=>{t.d(e,{M:()=>s,Z:()=>l});var o=t(8081),i=t.n(o),a=t(23645),r=t.n(a)()(i());r.push([n.id,".index-module--biwOo {\n  line-height: 26px;\n  width: 26px;\n  height: 26px;\n  background-color: white;\n  color: var(--primaryColor);\n  text-align: center;\n  cursor: pointer;\n  border: solid 2px var(--primaryColor);\n  border-radius: 50%;\n  margin-left: 10px;\n}\n",""]);var s="index-module--biwOo";const l=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3001.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3001,8391,6466,8774],{58391:(e,n,t)=>{t.r(n),t.d(n,{default:()=>h});var i=t(34988),r=t(88683),o=t(93379),s=t.n(o),d=t(7795),a=t.n(d),l=t(90569),c=t.n(l),u=t(3565),x=t.n(u),C=t(19216),m=t.n(C),p=t(44589),M=t.n(p),g=t(23240),j={};j.styleTagTransform=M(),j.setAttributes=x(),j.insert=c().bind(null,"head"),j.domAPI=a(),j.insertStyleElement=m();s()(g.ZP,j);g.ZP&&g.ZP.locals&&g.ZP.locals;var b=t(87363),I=t(20640),w=t(65515),L=t.n(w),v=t(9420),y=t(47514);const h=(0,v.Pi)((function InfoIcon(e){var n,t,o,s=e.item,d=e.style,a=((0,r.useDivaCore)().state.theme.palette,(0,I.NP)()),l=s.contentItemId,c=null!==(n=null!==(t=null!==(o=s.codex)&&void 0!==o?o:s.articleCodex)&&void 0!==t?t:s.title)&&void 0!==n?n:s.key,u=(0,b.useState)(!1),x=(0,i.Z)(u,2),C=x[0],m=x[1],p=s.sel||C;if((0,b.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l&&c==a.settingsState.clickedFrom;!e&&C&&m(!1),e&&!C&&m(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!s)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!s.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||p}()?(0,y.jsx)("div",{className:g.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(l,c),m(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l),e.stopPropagation()},style:d,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:L()(g.hv,p?void 0:g.al,C?g.FJ:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.jsx)("path",{className:g.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,y.jsx)("path",{className:g.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,y.jsx)("div",{className:L()(g.dA,p?g.al:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.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,y.jsx)(y.Fragment,{})}))},27853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var i=t(80248),r=t(87363),o=t(93379),s=t.n(o),d=t(7795),a=t.n(d),l=t(90569),c=t.n(l),u=t(3565),x=t.n(u),C=t(19216),m=t.n(C),p=t(44589),M=t.n(p),g=t(8907),j={};j.styleTagTransform=M(),j.setAttributes=x(),j.insert=c().bind(null,"head"),j.domAPI=a(),j.insertStyleElement=m();s()(g.ZP,j);g.ZP&&g.ZP.locals&&g.ZP.locals;var b=t(8108),I=t(20640),w=t(88683),L=t(65515),v=t.n(L),y=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var h=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,y.jsx)(y.Fragment,{})},f=function AsyncRender2(e){var n,t,i=use(e.asyncPricePreview);switch((0,I.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=i.price-i.origPrice;break;case"fromBasePrice":t=i.price-i.firstPrice}return(0,y.jsxs)(y.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(t<0?"-":"+")+b.ZP.formatPrice(Math.abs(t),_objectSpread(_objectSpread({},b.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const D=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,o=e.style,s=e.price,d=e.sel,a=(0,w.useDivaCore)().state,l=a.hidePrices,c=a.hideConfigPricePreview,u=(0,I.NP)();return l||"off"==u.productState.pricePreview?(0,y.jsx)(y.Fragment,{}):s?(0,y.jsx)("div",{className:v()(g.aH,"left"==i?g.t$:g.F2),style:o,children:b.ZP.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},b.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):c||"fromCurrentPriceHideCurrent"==u.productState.pricePreview&&d?(0,y.jsx)(y.Fragment,{}):n?(0,y.jsx)(r.Suspense,{fallback:(0,y.jsx)(y.Fragment,{}),children:(0,y.jsx)(h,{asyncPricePreview:n.isVisible,children:(0,y.jsx)("div",{className:v()(g.aH,"left"==i?g.t$:g.F2),style:o,children:(0,y.jsx)(r.Suspense,{fallback:(0,y.jsx)("div",{className:g._m}),children:(0,y.jsx)(f,{asyncPricePreview:n.promise})})})})}):(0,y.jsx)(y.Fragment,{})}},48774:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(80248),r=(t(87363),t(93379)),o=t.n(r),s=t(7795),d=t.n(s),a=t(90569),l=t.n(a),c=t(3565),u=t.n(c),x=t(19216),C=t.n(x),m=t(44589),p=t.n(m),M=t(23327),g={};g.styleTagTransform=p(),g.setAttributes=u(),g.insert=l().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=C();o()(M.ZP,g);M.ZP&&M.ZP.locals&&M.ZP.locals;var j=t(88683),b=t(27853),I=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const w=function GenericToolTip(e){var n,t=e.image,i=e.text,r=e.desciption,o=e.codex,s=e.hexColor,d=e.layerProps,a=e.pricePreviewPromise,l=null==t?void 0:t.replace("_gal","").replace("_low",""),c=(0,j.useDivaCore)().state.theme;return(0,I.jsxs)("div",_objectSpread(_objectSpread({className:M.Cu},d),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==c||null===(n=c.typography)||void 0===n?void 0:n.fontFamily}),d.style),children:[l?(0,I.jsx)("img",{src:l,alt:i}):s?(0,I.jsx)("div",{className:M.CO,style:{backgroundColor:"#"+s}}):(0,I.jsx)(I.Fragment,{}),(0,I.jsx)("div",{className:M.Y7,dangerouslySetInnerHTML:{__html:i}}),r&&(0,I.jsx)("div",{className:M._W,children:r}),o&&(0,I.jsx)("div",{className:M._W,children:o}),void 0!==a&&(0,I.jsx)(b.default,{asyncPricePreview:a})]}))}},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>C,dA:()=>l,fL:()=>x,hv:()=>a,um:()=>d});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n}\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 d="index-module--CjCgr",a="index-module--C9QBx",l="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",C="index-module--oBSZj";const m=s},8907:(e,n,t)=>{t.d(n,{F2:()=>l,ZP:()=>u,_m:()=>c,aH:()=>d,t$:()=>a});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.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 d="index-module--bVDuL",a="index-module--zI2ES",l="index-module--kN6Sz",c="index-module--POmA7";const u=s},23327:(e,n,t)=>{t.d(n,{CO:()=>a,Cu:()=>d,Y7:()=>l,ZP:()=>u,_W:()=>c});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--WvZnO {\n  padding: 0px 20px;\n}\n",""]);var d="index-module--gs4wQ",a="index-module--wxTxh",l="index-module--f37Xh",c="index-module--dHh9T";const u=s},17561:(e,n,t)=>{t.d(n,{Hq:()=>M,Md:()=>g,ZP:()=>j});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o),d=t(61667),a=t.n(d),l=new URL(t(85616),t.b),c=new URL(t(55526),t.b),u=new URL(t(44759),t.b),x=s()(r()),C=a()(l),m=a()(c),p=a()(u);x.push([e.id,".index-module--In4GJ {\n  position: absolute;\n  background-image: url("+C+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 25px;\n  height: 25px;\n  top: 0;\n  right: 0;\n  transition: background 0.2s;\n}\n\n.index-module--In4GJ:hover {\n  background-image: url("+m+");\n  cursor: pointer;\n}\n\n.index-module--eq8DJ {\n  position: absolute;\n  background-image: url("+p+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 25px;\n  height: 25px;\n  top: 0;\n  right: 0;\n  transition: background 0.2s;\n}\n\n.index-module--eq8DJ:hover {\n  cursor: pointer;\n}\n",""]);var M="index-module--In4GJ",g="index-module--eq8DJ";const j=x},13838:(e,n,t)=>{t.d(n,{Hq:()=>p.Hq,Md:()=>p.Md});var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),d=t(90569),a=t.n(d),l=t(3565),c=t.n(l),u=t(19216),x=t.n(u),C=t(44589),m=t.n(C),p=t(17561),M={};M.styleTagTransform=m(),M.setAttributes=c(),M.insert=a().bind(null,"head"),M.domAPI=s(),M.insertStyleElement=x();r()(p.ZP,M),p.ZP&&p.ZP.locals&&p.ZP.locals},85616:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTQuMTA0LDcuMmwtMC4zODQsLTAuMjRjLTEuMjk2LC0wLjc2OCAtMy43MiwtMi4yMDggLTMuNzIsLTQuNTZjMCwtMS4zMiAxLjA4LC0yLjQgMi40LC0yLjRjMC42NDgsMCAxLjI3MiwwLjI2NCAxLjcwNCwwLjcyYzAuNDU2LC0wLjQ1NiAxLjA1NiwtMC43MiAxLjcwNCwtMC43MmMxLjMyLDAgMi40LDEuMDggMi40LDIuNGMwLDIuMzc2IC0yLjQyNCwzLjc5MiAtMy43Miw0LjU2bC0wLjM4NCwwLjI0Wm0tMS43MDQsLTYuNjcyYy0xLjAzMiwwIC0xLjg3MiwwLjg0IC0xLjg3MiwxLjg3MmMwLDIuMDY0IDIuMjU2LDMuMzg0IDMuNDU2LDQuMTA0bDAuMTIsMC4wNzJsMC4xMiwtMC4wNzJjMS4yLC0wLjcyIDMuNDU2LC0yLjA0IDMuNDU2LC00LjEwNGMwLC0xLjAzMiAtMC44NCwtMS44NzIgLTEuODcyLC0xLjg3MmMtMC41NzYsMCAtMS4xNTIsMC4yODggLTEuNDg4LDAuNzQ0bC0wLjIxNiwwLjI4OGwtMC4yMTYsLTAuMjg4Yy0wLjM2LC0wLjQ4IC0wLjkxMiwtMC43NDQgLTEuNDg4LC0wLjc0NFoiIHN0eWxlPSJmaWxsOiNhZmFmYWY7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9zdmc+"},44759:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTQuMTA0LDcuMmMxLjIzMSwtMC43NTcgNC4xMDQsLTIuMjk2IDQuMTA0LC00Ljg3OGMwLC0xLjI3OSAtMS4wMjYsLTIuMzIyIC0yLjI4MywtMi4zMjJjLTAuNzQ0LDAgLTEuNDExLDAuMzY1IC0xLjgyMSwwLjkzOWMtMC40MSwtMC41NzQgLTEuMDc3LC0wLjkzOSAtMS44MjEsLTAuOTM5Yy0xLjI1NywwIC0yLjI4MywxLjA0MyAtMi4yODMsMi4zMjJjLTAuMDI1LDIuNTU2IDIuODQ3LDQuMDk1IDQuMTA0LDQuODc4WiIgc3R5bGU9ImZpbGw6I2E4M2YzOTtmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4="},55526:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTQuMTA0LDcuMmMxLjIzMSwtMC43NTcgNC4xMDQsLTIuMjk2IDQuMTA0LC00Ljg3OGMwLC0xLjI3OSAtMS4wMjYsLTIuMzIyIC0yLjI4MywtMi4zMjJjLTAuNzQ0LDAgLTEuNDExLDAuMzY1IC0xLjgyMSwwLjkzOWMtMC40MSwtMC41NzQgLTEuMDc3LC0wLjkzOSAtMS44MjEsLTAuOTM5Yy0xLjI1NywwIC0yLjI4MywxLjA0MyAtMi4yODMsMi4zMjJjLTAuMDI1LDIuNTU2IDIuODQ3LDQuMDk1IDQuMTA0LDQuODc4WiIgc3R5bGU9ImZpbGw6I2FhYWFhYTtmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3001,8391,6466,8774],{58391:(e,n,t)=>{t.r(n),t.d(n,{default:()=>h});var i=t(34988),r=t(88683),o=t(93379),s=t.n(o),d=t(7795),a=t.n(d),l=t(90569),c=t.n(l),u=t(3565),x=t.n(u),C=t(19216),m=t.n(C),p=t(44589),M=t.n(p),g=t(23240),j={};j.styleTagTransform=M(),j.setAttributes=x(),j.insert=c().bind(null,"head"),j.domAPI=a(),j.insertStyleElement=m();s()(g.ZP,j);g.ZP&&g.ZP.locals&&g.ZP.locals;var b=t(87363),I=t(4820),w=t(65515),L=t.n(w),v=t(9420),y=t(47514);const h=(0,v.Pi)((function InfoIcon(e){var n,t,o,s=e.item,d=e.style,a=((0,r.useDivaCore)().state.theme.palette,(0,I.NP)()),l=s.contentItemId,c=null!==(n=null!==(t=null!==(o=s.codex)&&void 0!==o?o:s.articleCodex)&&void 0!==t?t:s.title)&&void 0!==n?n:s.key,u=(0,b.useState)(!1),x=(0,i.Z)(u,2),C=x[0],m=x[1],p=s.sel||C;if((0,b.useEffect)((function(){var e=a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l&&c==a.settingsState.clickedFrom;!e&&C&&m(!1),e&&!C&&m(!0)}),[a.settingsState.contentItemVisible,a.settingsState.contentItemId,a.settingsState.clickedFrom]),!s)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!s.op||null===(e=a.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||p}()?(0,y.jsx)("div",{className:g.um,onClick:function onClick(e){a.settingsState.onClickContentItemId(l,c),m(a.settingsState.contentItemVisible&&a.settingsState.contentItemId==l),e.stopPropagation()},style:d,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:L()(g.hv,p?void 0:g.al,C?g.FJ:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.jsx)("path",{className:g.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,y.jsx)("path",{className:g.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,y.jsx)("div",{className:L()(g.dA,p?g.al:void 0),children:(0,y.jsxs)("svg",{viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,y.jsx)("rect",{x:"1",y:"1",width:"18",height:"18",rx:"9",fill:"#fff"}),(0,y.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,y.jsx)(y.Fragment,{})}))},27853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>D});var i=t(80248),r=t(87363),o=t(93379),s=t.n(o),d=t(7795),a=t.n(d),l=t(90569),c=t.n(l),u=t(3565),x=t.n(u),C=t(19216),m=t.n(C),p=t(44589),M=t.n(p),g=t(8907),j={};j.styleTagTransform=M(),j.setAttributes=x(),j.insert=c().bind(null,"head"),j.domAPI=a(),j.insertStyleElement=m();s()(g.ZP,j);g.ZP&&g.ZP.locals&&g.ZP.locals;var b=t(8108),I=t(4820),w=t(88683),L=t(65515),v=t.n(L),y=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var h=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,y.jsx)(y.Fragment,{})},f=function AsyncRender2(e){var n,t,i=use(e.asyncPricePreview);switch((0,I.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":t=i.price-i.origPrice;break;case"fromBasePrice":t=i.price-i.firstPrice}return(0,y.jsxs)(y.Fragment,{children:[(null===(n=window)||void 0===n||n.DIVA_LOGGER,""),(t<0?"-":"+")+b.ZP.formatPrice(Math.abs(t),_objectSpread(_objectSpread({},b.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))]})};function use(e){if("fulfilled"===e.status)return e.value;throw"rejected"===e.status?e.reason:("pending"===e.status||(e.status="pending",e.then((function(n){e.status="fulfilled",e.value=n}),(function(n){e.status="rejected",e.reason=n}))),e)}const D=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,o=e.style,s=e.price,d=e.sel,a=(0,w.useDivaCore)().state,l=a.hidePrices,c=a.hideConfigPricePreview,u=(0,I.NP)();return l||"off"==u.productState.pricePreview?(0,y.jsx)(y.Fragment,{}):s?(0,y.jsx)("div",{className:v()(g.aH,"left"==i?g.t$:g.F2),style:o,children:b.ZP.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},b.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):c||"fromCurrentPriceHideCurrent"==u.productState.pricePreview&&d?(0,y.jsx)(y.Fragment,{}):n?(0,y.jsx)(r.Suspense,{fallback:(0,y.jsx)(y.Fragment,{}),children:(0,y.jsx)(h,{asyncPricePreview:n.isVisible,children:(0,y.jsx)("div",{className:v()(g.aH,"left"==i?g.t$:g.F2),style:o,children:(0,y.jsx)(r.Suspense,{fallback:(0,y.jsx)("div",{className:g._m}),children:(0,y.jsx)(f,{asyncPricePreview:n.promise})})})})}):(0,y.jsx)(y.Fragment,{})}},48774:(e,n,t)=>{t.r(n),t.d(n,{default:()=>w});var i=t(80248),r=(t(87363),t(93379)),o=t.n(r),s=t(7795),d=t.n(s),a=t(90569),l=t.n(a),c=t(3565),u=t.n(c),x=t(19216),C=t.n(x),m=t(44589),p=t.n(m),M=t(23327),g={};g.styleTagTransform=p(),g.setAttributes=u(),g.insert=l().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=C();o()(M.ZP,g);M.ZP&&M.ZP.locals&&M.ZP.locals;var j=t(88683),b=t(27853),I=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const w=function GenericToolTip(e){var n,t=e.image,i=e.text,r=e.desciption,o=e.codex,s=e.hexColor,d=e.layerProps,a=e.pricePreviewPromise,l=null==t?void 0:t.replace("_gal","").replace("_low",""),c=(0,j.useDivaCore)().state.theme;return(0,I.jsxs)("div",_objectSpread(_objectSpread({className:M.Cu},d),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==c||null===(n=c.typography)||void 0===n?void 0:n.fontFamily}),d.style),children:[l?(0,I.jsx)("img",{src:l,alt:i}):s?(0,I.jsx)("div",{className:M.CO,style:{backgroundColor:"#"+s}}):(0,I.jsx)(I.Fragment,{}),(0,I.jsx)("div",{className:M.Y7,dangerouslySetInnerHTML:{__html:i}}),r&&(0,I.jsx)("div",{className:M._W,children:r}),o&&(0,I.jsx)("div",{className:M._W,children:o}),void 0!==a&&(0,I.jsx)(b.default,{asyncPricePreview:a})]}))}},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>C,dA:()=>l,fL:()=>x,hv:()=>a,um:()=>d});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--CjCgr {\n  position: absolute;\n  bottom: 0px;\n  right: 0px;\n  cursor: pointer;\n}\n.index-module--C9QBx,\n.index-module--a2wqn {\n  position: absolute;\n  opacity: 1;\n  transition: 0.3s opacity ease;\n  z-index: 20;\n}\n.index-module--C9QBx rect,\n.index-module--a2wqn rect,\n.index-module--C9QBx path,\n.index-module--a2wqn path {\n  transition: 0.3s fill ease;\n}\n\n.index-module--CjCgr svg {\n  transition: 0.3s filter ease;\n}\n\n.index-module--CjCgr,\n.index-module--CjCgr svg {\n  width: 20px;\n  width: var(--infoIconSize, 20px);\n  height: 20px;\n  height: var(--infoIconSize, 20px);\n}\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 d="index-module--CjCgr",a="index-module--C9QBx",l="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",C="index-module--oBSZj";const m=s},8907:(e,n,t)=>{t.d(n,{F2:()=>l,ZP:()=>u,_m:()=>c,aH:()=>d,t$:()=>a});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.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 d="index-module--bVDuL",a="index-module--zI2ES",l="index-module--kN6Sz",c="index-module--POmA7";const u=s},23327:(e,n,t)=>{t.d(n,{CO:()=>a,Cu:()=>d,Y7:()=>l,ZP:()=>u,_W:()=>c});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--gs4wQ {\n  display: block;\n  background-color: rgba(242, 242, 242, 0.9);\n  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);\n  border-radius: var(--globalBorderRadius);\n  height: -moz-fit-content;\n  height: fit-content;\n  width: 320px;\n  padding-bottom: 12px;\n}\n.index-module--gs4wQ img,\n.index-module--wxTxh {\n  width: 90%;\n  max-height: 77%;\n  margin: 5% 5% 0 5%;\n  -o-object-fit: scale-down;\n     object-fit: scale-down;\n  -o-object-position: center center;\n     object-position: center center;\n}\n\n.index-module--wxTxh {\n  height: 260px;\n}\n\n.index-module--gs4wQ {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  z-index: 2147483650;\n}\n\n.index-module--f37Xh {\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--dHh9T {\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  padding: 5px 20px 2px 20px;\n}\n\n.index-module--WvZnO {\n  padding: 0px 20px;\n}\n",""]);var d="index-module--gs4wQ",a="index-module--wxTxh",l="index-module--f37Xh",c="index-module--dHh9T";const u=s},17561:(e,n,t)=>{t.d(n,{Hq:()=>M,Md:()=>g,ZP:()=>j});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o),d=t(61667),a=t.n(d),l=new URL(t(85616),t.b),c=new URL(t(55526),t.b),u=new URL(t(44759),t.b),x=s()(r()),C=a()(l),m=a()(c),p=a()(u);x.push([e.id,".index-module--In4GJ {\n  position: absolute;\n  background-image: url("+C+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 25px;\n  height: 25px;\n  top: 0;\n  right: 0;\n  transition: background 0.2s;\n}\n\n.index-module--In4GJ:hover {\n  background-image: url("+m+");\n  cursor: pointer;\n}\n\n.index-module--eq8DJ {\n  position: absolute;\n  background-image: url("+p+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  width: 25px;\n  height: 25px;\n  top: 0;\n  right: 0;\n  transition: background 0.2s;\n}\n\n.index-module--eq8DJ:hover {\n  cursor: pointer;\n}\n",""]);var M="index-module--In4GJ",g="index-module--eq8DJ";const j=x},13838:(e,n,t)=>{t.d(n,{Hq:()=>p.Hq,Md:()=>p.Md});var i=t(93379),r=t.n(i),o=t(7795),s=t.n(o),d=t(90569),a=t.n(d),l=t(3565),c=t.n(l),u=t(19216),x=t.n(u),C=t(44589),m=t.n(C),p=t(17561),M={};M.styleTagTransform=m(),M.setAttributes=c(),M.insert=a().bind(null,"head"),M.domAPI=s(),M.insertStyleElement=x();r()(p.ZP,M),p.ZP&&p.ZP.locals&&p.ZP.locals},85616:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTQuMTA0LDcuMmwtMC4zODQsLTAuMjRjLTEuMjk2LC0wLjc2OCAtMy43MiwtMi4yMDggLTMuNzIsLTQuNTZjMCwtMS4zMiAxLjA4LC0yLjQgMi40LC0yLjRjMC42NDgsMCAxLjI3MiwwLjI2NCAxLjcwNCwwLjcyYzAuNDU2LC0wLjQ1NiAxLjA1NiwtMC43MiAxLjcwNCwtMC43MmMxLjMyLDAgMi40LDEuMDggMi40LDIuNGMwLDIuMzc2IC0yLjQyNCwzLjc5MiAtMy43Miw0LjU2bC0wLjM4NCwwLjI0Wm0tMS43MDQsLTYuNjcyYy0xLjAzMiwwIC0xLjg3MiwwLjg0IC0xLjg3MiwxLjg3MmMwLDIuMDY0IDIuMjU2LDMuMzg0IDMuNDU2LDQuMTA0bDAuMTIsMC4wNzJsMC4xMiwtMC4wNzJjMS4yLC0wLjcyIDMuNDU2LC0yLjA0IDMuNDU2LC00LjEwNGMwLC0xLjAzMiAtMC44NCwtMS44NzIgLTEuODcyLC0xLjg3MmMtMC41NzYsMCAtMS4xNTIsMC4yODggLTEuNDg4LDAuNzQ0bC0wLjIxNiwwLjI4OGwtMC4yMTYsLTAuMjg4Yy0wLjM2LC0wLjQ4IC0wLjkxMiwtMC43NDQgLTEuNDg4LC0wLjc0NFoiIHN0eWxlPSJmaWxsOiNhZmFmYWY7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9zdmc+"},44759:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTQuMTA0LDcuMmMxLjIzMSwtMC43NTcgNC4xMDQsLTIuMjk2IDQuMTA0LC00Ljg3OGMwLC0xLjI3OSAtMS4wMjYsLTIuMzIyIC0yLjI4MywtMi4zMjJjLTAuNzQ0LDAgLTEuNDExLDAuMzY1IC0xLjgyMSwwLjkzOWMtMC40MSwtMC41NzQgLTEuMDc3LC0wLjkzOSAtMS44MjEsLTAuOTM5Yy0xLjI1NywwIC0yLjI4MywxLjA0MyAtMi4yODMsMi4zMjJjLTAuMDI1LDIuNTU2IDIuODQ3LDQuMDk1IDQuMTA0LDQuODc4WiIgc3R5bGU9ImZpbGw6I2E4M2YzOTtmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4="},55526:e=>{e.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA5IDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PHBhdGggZD0iTTQuMTA0LDcuMmMxLjIzMSwtMC43NTcgNC4xMDQsLTIuMjk2IDQuMTA0LC00Ljg3OGMwLC0xLjI3OSAtMS4wMjYsLTIuMzIyIC0yLjI4MywtMi4zMjJjLTAuNzQ0LDAgLTEuNDExLDAuMzY1IC0xLjgyMSwwLjkzOWMtMC40MSwtMC41NzQgLTEuMDc3LC0wLjkzOSAtMS44MjEsLTAuOTM5Yy0xLjI1NywwIC0yLjI4MywxLjA0MyAtMi4yODMsMi4zMjJjLTAuMDI1LDIuNTU2IDIuODQ3LDQuMDk1IDQuMTA0LDQuODc4WiIgc3R5bGU9ImZpbGw6I2FhYWFhYTtmaWxsLXJ1bGU6bm9uemVybzsiLz48L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3090.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3090],{53090:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var l=t(65515),o=t.n(l),a=t(9420),s=t(20640),c=(t(87363),t(47514));const i=(0,a.Pi)((function AVL(e){var n=e.rect,t=e.item,l=e.onElement,a=e.plannerUIProps,i=(0,s._w)(),r=i.getDPUIISSelected(t),d=(t.rotOfElement?t.rotOfElement:0)+(t.iconRotDeg?t.iconRotDeg:0);return(0,c.jsx)("div",{ref:function ref(e){return l(e)},onClick:function onClick(){var e;i.setDPUISelectionChanged(t,!r),null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId),t.dpId,!r,void 0)},style:{left:n.left+"px",top:n.top+"px",transform:"rotate("+d+"deg)"},className:o()(a.classes.buttonGeneral,a.classes.dockingPoint.AVL.avl,r?a.classes.dockingPoint.AVL.avlSel:void 0)})}))}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3090],{53090:(e,n,t)=>{t.r(n),t.d(n,{default:()=>i});var l=t(65515),o=t.n(l),a=t(9420),s=t(4820),c=(t(87363),t(47514));const i=(0,a.Pi)((function AVL(e){var n=e.rect,t=e.item,l=e.onElement,a=e.plannerUIProps,i=(0,s._w)(),r=i.getDPUIISSelected(t),d=(t.rotOfElement?t.rotOfElement:0)+(t.iconRotDeg?t.iconRotDeg:0);return(0,c.jsx)("div",{ref:function ref(e){return l(e)},onClick:function onClick(){var e;i.setDPUISelectionChanged(t,!r),null===(e=t.clickFunction)||void 0===e||e.call(t,t.setId,Number(t.elementId),t.dpId,!r,void 0)},style:{left:n.left+"px",top:n.top+"px",transform:"rotate("+d+"deg)"},className:o()(a.classes.buttonGeneral,a.classes.dockingPoint.AVL.avl,r?a.classes.dockingPoint.AVL.avlSel:void 0)})}))}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3168.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3168],{3168:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var a=t(9420),o=t(20640),i=t(93379),l=t.n(i),d=t(7795),r=t.n(d),s=t(90569),c=t.n(s),p=t(3565),u=t.n(p),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),v=t(11309),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;t(87363);var k=t(65515),b=t.n(k),w=t(88683),Z=t(47514);const P=(0,a.Pi)((function ReplaceSwitch(n){var e=(0,o.NP)(),t=(0,w.useTranslation)().t;return(0,Z.jsxs)("div",{className:b()(v.YS),children:[(0,Z.jsx)("div",{onClick:function onClick(){return e.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:b()(v.LI,e.settingsState.plannerReplaceMode?void 0:v.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,Z.jsx)("div",{onClick:function onClick(){e.settingsState.plannerReplaceModeAvailable&&e.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:b()(v.LI,e.settingsState.plannerReplaceMode?v.pA:void 0,e.settingsState.plannerReplaceModeAvailable?void 0:v.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},11309:(n,e,t)=>{t.d(e,{JU:()=>c,LI:()=>r,YS:()=>d,ZP:()=>p,pA:()=>s});var a=t(8081),o=t.n(a),i=t(23645),l=t.n(i)()(o());l.push([n.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var d="index-module--RNSdL",r="index-module--BZXkK",s="index-module--WUQm2",c="index-module--f88nM";const p=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3168],{3168:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var a=t(9420),o=t(4820),i=t(93379),l=t.n(i),d=t(7795),r=t.n(d),s=t(90569),c=t.n(s),p=t(3565),u=t.n(p),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),v=t(11309),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=r(),h.insertStyleElement=x();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;t(87363);var k=t(65515),b=t.n(k),w=t(88683),Z=t(47514);const P=(0,a.Pi)((function ReplaceSwitch(n){var e=(0,o.NP)(),t=(0,w.useTranslation)().t;return(0,Z.jsxs)("div",{className:b()(v.YS),children:[(0,Z.jsx)("div",{onClick:function onClick(){return e.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:b()(v.LI,e.settingsState.plannerReplaceMode?void 0:v.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,Z.jsx)("div",{onClick:function onClick(){e.settingsState.plannerReplaceModeAvailable&&e.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:b()(v.LI,e.settingsState.plannerReplaceMode?v.pA:void 0,e.settingsState.plannerReplaceModeAvailable?void 0:v.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},11309:(n,e,t)=>{t.d(e,{JU:()=>c,LI:()=>r,YS:()=>d,ZP:()=>p,pA:()=>s});var a=t(8081),o=t.n(a),i=t(23645),l=t.n(i)()(o());l.push([n.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var d="index-module--RNSdL",r="index-module--BZXkK",s="index-module--WUQm2",c="index-module--f88nM";const p=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 326.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[326,8391,6466],{58391:(t,i,r)=>{r.r(i),r.d(i,{default:()=>O});var o=r(34988),a=r(88683),d=r(93379),l=r.n(d),c=r(7795),u=r.n(c),m=r(90569),x=r.n(m),p=r(3565),C=r.n(p),h=r(19216),g=r.n(h),v=r(44589),b=r.n(v),y=r(23240),w={};w.styleTagTransform=b(),w.setAttributes=C(),w.insert=x().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=g();l()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=r(87363),j=r(20640),S=r(65515),I=r.n(S),Z=r(9420),N=r(47514);const O=(0,Z.Pi)((function InfoIcon(t){var i,r,d,l=t.item,c=t.style,u=((0,a.useDivaCore)().state.theme.palette,(0,j.NP)()),m=l.contentItemId,x=null!==(i=null!==(r=null!==(d=l.codex)&&void 0!==d?d:l.articleCodex)&&void 0!==r?r:l.title)&&void 0!==i?i:l.key,p=(0,P.useState)(!1),C=(0,o.Z)(p,2),h=C[0],g=C[1],v=l.sel||h;if((0,P.useEffect)((function(){var t=u.settingsState.contentItemVisible&&u.settingsState.contentItemId==m&&x==u.settingsState.clickedFrom;!t&&h&&g(!1),t&&!h&&g(!0)}),[u.settingsState.contentItemVisible,u.settingsState.contentItemId,u.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!l.op||null===(t=u.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||v}()?(0,N.jsx)("div",{className:y.um,onClick:function onClick(t){u.settingsState.onClickContentItemId(m,x),g(u.settingsState.contentItemVisible&&u.settingsState.contentItemId==m),t.stopPropagation()},style:c,children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:I()(y.hv,v?void 0:y.al,h?y.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:y.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,N.jsx)("path",{className:y.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,N.jsx)("div",{className:I()(y.dA,v?y.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,{})}))},27853:(t,i,r)=>{r.r(i),r.d(i,{default:()=>A});var o=r(80248),a=r(87363),d=r(93379),l=r.n(d),c=r(7795),u=r.n(c),m=r(90569),x=r.n(m),p=r(3565),C=r.n(p),h=r(19216),g=r.n(h),v=r(44589),b=r.n(v),y=r(8907),w={};w.styleTagTransform=b(),w.setAttributes=C(),w.insert=x().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=g();l()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=r(8108),j=r(20640),S=r(88683),I=r(65515),Z=r.n(I),N=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}var O=function AsyncRender1(t){var i=t.asyncPricePreview,r=t.children;return use(i)?r:(0,N.jsx)(N.Fragment,{})},k=function AsyncRender2(t){var i,r,o=use(t.asyncPricePreview);switch((0,j.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":r=o.price-o.origPrice;break;case"fromBasePrice":r=o.price-o.firstPrice}return(0,N.jsxs)(N.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(r<0?"-":"+")+P.ZP.formatPrice(Math.abs(r),_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 A=function PricePreview(t){var i=t.asyncPricePreview,r=t.pos,o=void 0===r?"right":r,d=t.style,l=t.price,c=t.sel,u=(0,S.useDivaCore)().state,m=u.hidePrices,x=u.hideConfigPricePreview,p=(0,j.NP)();return m||"off"==p.productState.pricePreview?(0,N.jsx)(N.Fragment,{}):l?(0,N.jsx)("div",{className:Z()(y.aH,"left"==o?y.t$:y.F2),style:d,children:P.ZP.formatPrice(Math.abs(l),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):x||"fromCurrentPriceHideCurrent"==p.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:Z()(y.aH,"left"==o?y.t$:y.F2),style:d,children:(0,N.jsx)(a.Suspense,{fallback:(0,N.jsx)("div",{className:y._m}),children:(0,N.jsx)(k,{asyncPricePreview:i.promise})})})})}):(0,N.jsx)(N.Fragment,{})}},20326:(t,i,r)=>{r.r(i),r.d(i,{default:()=>T});var o=r(34988),a=r(10304),d=r(87363),l=r(20640),c=r(9420),u=r(93379),m=r.n(u),x=r(7795),p=r.n(x),C=r(90569),h=r.n(C),g=r(3565),v=r.n(g),b=r(19216),y=r.n(b),w=r(44589),P=r.n(w),j=r(35563),S={};S.styleTagTransform=P(),S.setAttributes=v(),S.insert=h().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=y();m()(j.ZP,S);j.ZP&&j.ZP.locals&&j.ZP.locals;var I=r(65515),Z=r.n(I),N=r(58391),O=r(86526),k=r.n(O),A=r(77826),E={};E.styleTagTransform=P(),E.setAttributes=v(),E.insert=h().bind(null,"head"),E.domAPI=p(),E.insertStyleElement=y();m()(A.Z,E);A.Z&&A.Z.locals&&A.Z.locals;var _=r(27853),D=r(47514);function _createForOfIteratorHelper(t,i){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function _unsupportedIterableToArray(t,i){if(t){if("string"==typeof t)return _arrayLikeToArray(t,i);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,i):void 0}}(t))||i&&t&&"number"==typeof t.length){r&&(t=r);var o=0,a=function F(){};return{s:a,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var d,l=!0,c=!1;return{s:function s(){r=r.call(t)},n:function n(){var t=r.next();return l=t.done,t},e:function e(t){c=!0,d=t},f:function f(){try{l||null==r.return||r.return()}finally{if(c)throw d}}}}function _arrayLikeToArray(t,i){(null==i||i>t.length)&&(i=t.length);for(var r=0,o=Array(i);r<i;r++)o[r]=t[r];return o}const T=(0,c.Pi)((function DropDowmText(t){var i,r=t.item,c=t.paletteId,u=t.style,m=(0,l.NP)(),x=r.groups.flatMap((function(t){return t.items})),p=x.find((function(t){return t.sel})),C=(0,d.useState)(null==p?void 0:p.text),h=(0,o.Z)(C,2),g=h[0],v=h[1],b=(0,d.useState)(!1),y=(0,o.Z)(b,2),w=y[0],P=y[1];(0,d.useEffect)((function(){var t=x.find((function(t){return t.codex==g}));t&&m.paletteViewHandler.clickedOnConfigPalette(t,void 0,c)}),[g,w]);var S,I=void 0,O=[],A=_createForOfIteratorHelper(x);try{for(A.s();!(S=A.n()).done;){var E=S.value,T={label:(0,D.jsxs)("div",{className:j.Kj,children:[(0,D.jsx)("div",{className:j.fL,dangerouslySetInnerHTML:{__html:E.text}}),void 0!==E.pricePreviewPromise&&(0,D.jsx)(_.default,{asyncPricePreview:E.pricePreviewPromise,sel:E.sel})]}),text:E.text,value:E.codex};E.sel&&(I={label:E.text.length>16?(0,D.jsx)(k(),{direction:"right",duration:8,textSpacing:"8px",children:E.text}):(0,D.jsx)("div",{className:j.Kj,dangerouslySetInnerHTML:{__html:E.text}}),text:E.text,value:E.codex}),O.push(T)}}catch(t){A.e(t)}finally{A.f()}var L=null!==(i=r.selectedElements)&&void 0!==i&&i[0].contentItemId?r.selectedElements[0]:r.optionContentItemId?{contentItemId:r.optionContentItemId,codex:r.configStepKey}:void 0;return(0,D.jsxs)("div",{className:j.O7,ref:function ref(t){return r.htmlRef=t},style:u,children:[(0,D.jsx)("div",{className:Z()(j.eR,j.TN),children:r.name}),(0,D.jsx)(a.Z,{className:j.RL,controlClassName:j.XF,menuClassName:j.fF,options:O,value:I,placeholderClassName:j.Kj,onChange:function onChange(t){v(t.value),P(!w)}}),"DROPDOWN_IMAGE"==r.type&&(null==p?void 0:p.image)&&(0,D.jsx)("img",{className:j.BH,src:p.image.replace("_gal.",".")}),L&&(0,D.jsx)(N.default,{item:L,style:{bottom:"24px",right:"20px"}},r.configStepKey)]})}))},23240:(t,i,r)=>{r.d(i,{FJ:()=>p,Oq:()=>x,ZP:()=>g,al:()=>h,dA:()=>m,fL:()=>C,hv:()=>u,um:()=>c});var o=r(8081),a=r.n(o),d=r(23645),l=r.n(d)()(a());l.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",m="index-module--a2wqn",x="index-module--fLFjU",p="index-module--nTN4r",C="index-module--FaRqp",h="index-module--oBSZj";const g=l},8907:(t,i,r)=>{r.d(i,{F2:()=>m,ZP:()=>p,_m:()=>x,aH:()=>c,t$:()=>u});var o=r(8081),a=r.n(o),d=r(23645),l=r.n(d)()(a());l.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",m="index-module--kN6Sz",x="index-module--POmA7";const p=l},35563:(t,i,r)=>{r.d(i,{BH:()=>g,Kj:()=>m,O7:()=>x,RL:()=>h,TN:()=>p,XF:()=>c,ZP:()=>b,eR:()=>C,fF:()=>u,fL:()=>v});var o=r(8081),a=r.n(o),d=r(23645),l=r.n(d)()(a());l.push([t.id,".index-module--y9aEB {\n  padding: 8px 24px 8px 8px !important;\n  box-sizing: border-box !important;\n}\n\n.index-module--y9aEB {\n  height: 2.4375rem;\n  padding: 0.5rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  font-size: 13px;\n  line-height: 22px;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -1rem center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 1.5rem;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n  font-weight: 300;\n}\n\n.index-module--bmg3v {\n  max-height: 520px !important;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n  display: inline-block !important;\n}\n\n.index-module--bmg3v {\n\n  right: 0;\n  min-width: 152px;\n  max-width: 370px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n.index-module--KSu7G {\n  position: relative;\n}\n.index-module--bmg3v .index-module--KSu7G {\n  white-space: nowrap;\n}\n.index-module--y9aEB .index-module--KSu7G {\n  width: 110px;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.index-module--CfRbv {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--GXQvP {\n  text-align: left;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.index-module--lSs1C {\n  width: 50%;\n}\n.index-module--oQlWo {\n  width: 155px;\n  margin: 10px 15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.index-module--qccxA {\n  width: 45%;\n}\n.index-module--XjbL2 {\n  padding-right: 64px;\n}\n",""]);var c="index-module--y9aEB",u="index-module--bmg3v",m="index-module--KSu7G",x="index-module--CfRbv",p="index-module--GXQvP",C="index-module--lSs1C",h="index-module--oQlWo",g="index-module--qccxA",v="index-module--XjbL2";const b=l},77826:(t,i,r)=>{r.d(i,{Z:()=>c});var o=r(8081),a=r.n(o),d=r(23645),l=r.n(d)()(a());l.push([t.id,"/*\n@ts-ignore\n*/\n@keyframes marqueeScroll {\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n",""]);const c=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[326,8391,6466],{58391:(t,i,r)=>{r.r(i),r.d(i,{default:()=>O});var o=r(34988),a=r(88683),d=r(93379),l=r.n(d),c=r(7795),u=r.n(c),m=r(90569),x=r.n(m),p=r(3565),C=r.n(p),h=r(19216),g=r.n(h),v=r(44589),b=r.n(v),y=r(23240),w={};w.styleTagTransform=b(),w.setAttributes=C(),w.insert=x().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=g();l()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=r(87363),j=r(4820),S=r(65515),I=r.n(S),Z=r(9420),N=r(47514);const O=(0,Z.Pi)((function InfoIcon(t){var i,r,d,l=t.item,c=t.style,u=((0,a.useDivaCore)().state.theme.palette,(0,j.NP)()),m=l.contentItemId,x=null!==(i=null!==(r=null!==(d=l.codex)&&void 0!==d?d:l.articleCodex)&&void 0!==r?r:l.title)&&void 0!==i?i:l.key,p=(0,P.useState)(!1),C=(0,o.Z)(p,2),h=C[0],g=C[1],v=l.sel||h;if((0,P.useEffect)((function(){var t=u.settingsState.contentItemVisible&&u.settingsState.contentItemId==m&&x==u.settingsState.clickedFrom;!t&&h&&g(!1),t&&!h&&g(!0)}),[u.settingsState.contentItemVisible,u.settingsState.contentItemId,u.settingsState.clickedFrom]),!l)throw new Error("item for infoIcon not defined");return function showIcon(){var t;return!l.op||null===(t=u.uiState.ViewConfig.infoIconSettings)||void 0===t||!t.onlyShowSelectedOPV||v}()?(0,N.jsx)("div",{className:y.um,onClick:function onClick(t){u.settingsState.onClickContentItemId(m,x),g(u.settingsState.contentItemVisible&&u.settingsState.contentItemId==m),t.stopPropagation()},style:c,children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{className:I()(y.hv,v?void 0:y.al,h?y.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:y.Oq,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5Z",fill:"#fff"}),(0,N.jsx)("path",{className:y.fL,d:"M10.0003 14.75C10.2129 14.75 10.391 14.6781 10.5345 14.5343C10.6782 14.3906 10.75 14.2125 10.75 14V9.75C10.75 9.5375 10.6781 9.35933 10.5343 9.2155C10.3904 9.07183 10.2122 9 9.99975 9C9.78708 9 9.609 9.07183 9.4655 9.2155C9.32183 9.35933 9.25 9.5375 9.25 9.75V14C9.25 14.2125 9.32192 14.3906 9.46575 14.5343C9.60958 14.6781 9.78775 14.75 10.0003 14.75ZM10 7.2885C10.2288 7.2885 10.4207 7.21108 10.5755 7.05625C10.7303 6.90142 10.8077 6.70958 10.8077 6.48075C10.8077 6.25192 10.7303 6.06008 10.5755 5.90525C10.4207 5.75058 10.2288 5.67325 10 5.67325C9.77117 5.67325 9.57933 5.75058 9.4245 5.90525C9.26967 6.06008 9.19225 6.25192 9.19225 6.48075C9.19225 6.70958 9.26967 6.90142 9.4245 7.05625C9.57933 7.21108 9.77117 7.2885 10 7.2885ZM10.0017 19.5C8.68775 19.5 7.45267 19.2507 6.2965 18.752C5.14033 18.2533 4.13467 17.5766 3.2795 16.7218C2.42433 15.8669 1.74725 14.8617 1.24825 13.706C0.749417 12.5503 0.5 11.3156 0.5 10.0017C0.5 8.68775 0.749333 7.45267 1.248 6.2965C1.74667 5.14033 2.42342 4.13467 3.27825 3.2795C4.13308 2.42433 5.13833 1.74725 6.294 1.24825C7.44967 0.749417 8.68442 0.5 9.99825 0.5C11.3123 0.5 12.5473 0.749333 13.7035 1.248C14.8597 1.74667 15.8653 2.42342 16.7205 3.27825C17.5757 4.13308 18.2528 5.13833 18.7518 6.294C19.2506 7.44967 19.5 8.68442 19.5 9.99825C19.5 11.3123 19.2507 12.5473 18.752 13.7035C18.2533 14.8597 17.5766 15.8653 16.7218 16.7205C15.8669 17.5757 14.8617 18.2528 13.706 18.7518C12.5503 19.2506 11.3156 19.5 10.0017 19.5ZM10 18C12.2333 18 14.125 17.225 15.675 15.675C17.225 14.125 18 12.2333 18 10C18 7.76667 17.225 5.875 15.675 4.325C14.125 2.775 12.2333 2 10 2C7.76667 2 5.875 2.775 4.325 4.325C2.775 5.875 2 7.76667 2 10C2 12.2333 2.775 14.125 4.325 15.675C5.875 17.225 7.76667 18 10 18Z",fill:"#4F4F4F"})]})}),(0,N.jsx)("div",{className:I()(y.dA,v?y.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,{})}))},27853:(t,i,r)=>{r.r(i),r.d(i,{default:()=>A});var o=r(80248),a=r(87363),d=r(93379),l=r.n(d),c=r(7795),u=r.n(c),m=r(90569),x=r.n(m),p=r(3565),C=r.n(p),h=r(19216),g=r.n(h),v=r(44589),b=r.n(v),y=r(8907),w={};w.styleTagTransform=b(),w.setAttributes=C(),w.insert=x().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=g();l()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=r(8108),j=r(4820),S=r(88683),I=r(65515),Z=r.n(I),N=r(47514);function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}var O=function AsyncRender1(t){var i=t.asyncPricePreview,r=t.children;return use(i)?r:(0,N.jsx)(N.Fragment,{})},k=function AsyncRender2(t){var i,r,o=use(t.asyncPricePreview);switch((0,j.NP)().productState.pricePreview){default:case"fromCurrentPrice":case"fromCurrentPriceHideCurrent":r=o.price-o.origPrice;break;case"fromBasePrice":r=o.price-o.firstPrice}return(0,N.jsxs)(N.Fragment,{children:[(null===(i=window)||void 0===i||i.DIVA_LOGGER,""),(r<0?"-":"+")+P.ZP.formatPrice(Math.abs(r),_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 A=function PricePreview(t){var i=t.asyncPricePreview,r=t.pos,o=void 0===r?"right":r,d=t.style,l=t.price,c=t.sel,u=(0,S.useDivaCore)().state,m=u.hidePrices,x=u.hideConfigPricePreview,p=(0,j.NP)();return m||"off"==p.productState.pricePreview?(0,N.jsx)(N.Fragment,{}):l?(0,N.jsx)("div",{className:Z()(y.aH,"left"==o?y.t$:y.F2),style:d,children:P.ZP.formatPrice(Math.abs(l),_objectSpread(_objectSpread({},P.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):x||"fromCurrentPriceHideCurrent"==p.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:Z()(y.aH,"left"==o?y.t$:y.F2),style:d,children:(0,N.jsx)(a.Suspense,{fallback:(0,N.jsx)("div",{className:y._m}),children:(0,N.jsx)(k,{asyncPricePreview:i.promise})})})})}):(0,N.jsx)(N.Fragment,{})}},20326:(t,i,r)=>{r.r(i),r.d(i,{default:()=>T});var o=r(34988),a=r(10304),d=r(87363),l=r(4820),c=r(9420),u=r(93379),m=r.n(u),x=r(7795),p=r.n(x),C=r(90569),h=r.n(C),g=r(3565),v=r.n(g),b=r(19216),y=r.n(b),w=r(44589),P=r.n(w),j=r(35563),S={};S.styleTagTransform=P(),S.setAttributes=v(),S.insert=h().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=y();m()(j.ZP,S);j.ZP&&j.ZP.locals&&j.ZP.locals;var I=r(65515),Z=r.n(I),N=r(58391),O=r(86526),k=r.n(O),A=r(77826),E={};E.styleTagTransform=P(),E.setAttributes=v(),E.insert=h().bind(null,"head"),E.domAPI=p(),E.insertStyleElement=y();m()(A.Z,E);A.Z&&A.Z.locals&&A.Z.locals;var _=r(27853),D=r(47514);function _createForOfIteratorHelper(t,i){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function _unsupportedIterableToArray(t,i){if(t){if("string"==typeof t)return _arrayLikeToArray(t,i);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,i):void 0}}(t))||i&&t&&"number"==typeof t.length){r&&(t=r);var o=0,a=function F(){};return{s:a,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var d,l=!0,c=!1;return{s:function s(){r=r.call(t)},n:function n(){var t=r.next();return l=t.done,t},e:function e(t){c=!0,d=t},f:function f(){try{l||null==r.return||r.return()}finally{if(c)throw d}}}}function _arrayLikeToArray(t,i){(null==i||i>t.length)&&(i=t.length);for(var r=0,o=Array(i);r<i;r++)o[r]=t[r];return o}const T=(0,c.Pi)((function DropDowmText(t){var i,r=t.item,c=t.paletteId,u=t.style,m=(0,l.NP)(),x=r.groups.flatMap((function(t){return t.items})),p=x.find((function(t){return t.sel})),C=(0,d.useState)(null==p?void 0:p.text),h=(0,o.Z)(C,2),g=h[0],v=h[1],b=(0,d.useState)(!1),y=(0,o.Z)(b,2),w=y[0],P=y[1];(0,d.useEffect)((function(){var t=x.find((function(t){return t.codex==g}));t&&m.paletteViewHandler.clickedOnConfigPalette(t,void 0,c)}),[g,w]);var S,I=void 0,O=[],A=_createForOfIteratorHelper(x);try{for(A.s();!(S=A.n()).done;){var E=S.value,T={label:(0,D.jsxs)("div",{className:j.Kj,children:[(0,D.jsx)("div",{className:j.fL,dangerouslySetInnerHTML:{__html:E.text}}),void 0!==E.pricePreviewPromise&&(0,D.jsx)(_.default,{asyncPricePreview:E.pricePreviewPromise,sel:E.sel})]}),text:E.text,value:E.codex};E.sel&&(I={label:E.text.length>16?(0,D.jsx)(k(),{direction:"right",duration:8,textSpacing:"8px",children:E.text}):(0,D.jsx)("div",{className:j.Kj,dangerouslySetInnerHTML:{__html:E.text}}),text:E.text,value:E.codex}),O.push(T)}}catch(t){A.e(t)}finally{A.f()}var L=null!==(i=r.selectedElements)&&void 0!==i&&i[0].contentItemId?r.selectedElements[0]:r.optionContentItemId?{contentItemId:r.optionContentItemId,codex:r.configStepKey}:void 0;return(0,D.jsxs)("div",{className:j.O7,ref:function ref(t){return r.htmlRef=t},style:u,children:[(0,D.jsx)("div",{className:Z()(j.eR,j.TN),children:r.name}),(0,D.jsx)(a.Z,{className:j.RL,controlClassName:j.XF,menuClassName:j.fF,options:O,value:I,placeholderClassName:j.Kj,onChange:function onChange(t){v(t.value),P(!w)}}),"DROPDOWN_IMAGE"==r.type&&(null==p?void 0:p.image)&&(0,D.jsx)("img",{className:j.BH,src:p.image.replace("_gal.",".")}),L&&(0,D.jsx)(N.default,{item:L,style:{bottom:"24px",right:"20px"}},r.configStepKey)]})}))},23240:(t,i,r)=>{r.d(i,{FJ:()=>p,Oq:()=>x,ZP:()=>g,al:()=>h,dA:()=>m,fL:()=>C,hv:()=>u,um:()=>c});var o=r(8081),a=r.n(o),d=r(23645),l=r.n(d)()(a());l.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",m="index-module--a2wqn",x="index-module--fLFjU",p="index-module--nTN4r",C="index-module--FaRqp",h="index-module--oBSZj";const g=l},8907:(t,i,r)=>{r.d(i,{F2:()=>m,ZP:()=>p,_m:()=>x,aH:()=>c,t$:()=>u});var o=r(8081),a=r.n(o),d=r(23645),l=r.n(d)()(a());l.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",m="index-module--kN6Sz",x="index-module--POmA7";const p=l},35563:(t,i,r)=>{r.d(i,{BH:()=>g,Kj:()=>m,O7:()=>x,RL:()=>h,TN:()=>p,XF:()=>c,ZP:()=>b,eR:()=>C,fF:()=>u,fL:()=>v});var o=r(8081),a=r.n(o),d=r(23645),l=r.n(d)()(a());l.push([t.id,".index-module--y9aEB {\n  padding: 8px 24px 8px 8px !important;\n  box-sizing: border-box !important;\n}\n\n.index-module--y9aEB {\n  height: 2.4375rem;\n  padding: 0.5rem;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border: 1px solid #cacaca;\n  border-radius: 4px;\n  background-color: #fefefe;\n  font-family: inherit;\n  font-size: 13px;\n  line-height: 22px;\n  color: #0a0a0a;\n  background-origin: content-box;\n  background-position: right -1rem center;\n  background-repeat: no-repeat;\n  background-size: 9px 6px;\n  padding-right: 1.5rem;\n  transition:\n    box-shadow 0.5s,\n    border-color 0.25s ease-in-out;\n  font-weight: 300;\n}\n\n.index-module--bmg3v {\n  max-height: 520px !important;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n  display: inline-block !important;\n}\n\n.index-module--bmg3v {\n\n  right: 0;\n  min-width: 152px;\n  max-width: 370px;\n  letter-spacing: 0px;\n  font-size: 13px;\n  font-weight: 300;\n}\n.index-module--KSu7G {\n  position: relative;\n}\n.index-module--bmg3v .index-module--KSu7G {\n  white-space: nowrap;\n}\n.index-module--y9aEB .index-module--KSu7G {\n  width: 110px;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.index-module--CfRbv {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--GXQvP {\n  text-align: left;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.index-module--lSs1C {\n  width: 50%;\n}\n.index-module--oQlWo {\n  width: 155px;\n  margin: 10px 15px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.index-module--qccxA {\n  width: 45%;\n}\n.index-module--XjbL2 {\n  padding-right: 64px;\n}\n",""]);var c="index-module--y9aEB",u="index-module--bmg3v",m="index-module--KSu7G",x="index-module--CfRbv",p="index-module--GXQvP",C="index-module--lSs1C",h="index-module--oQlWo",g="index-module--qccxA",v="index-module--XjbL2";const b=l},77826:(t,i,r)=>{r.d(i,{Z:()=>c});var o=r(8081),a=r.n(o),d=r(23645),l=r.n(d)()(a());l.push([t.id,"/*\n@ts-ignore\n*/\n@keyframes marqueeScroll {\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n",""]);const c=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3275.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3275,6273],{16273:(e,n,i)=>{i.r(n),i.d(n,{default:()=>P});var o=i(34988),d=i(20640),t=i(87363),l=i(93379),r=i.n(l),a=i(7795),s=i.n(a),x=i(90569),u=i.n(x),p=i(3565),m=i.n(p),c=i(19216),h=i.n(c),v=i(44589),b=i.n(v),w=i(84887),g={};g.styleTagTransform=b(),g.setAttributes=m(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=h();r()(w.Z,g);w.Z&&w.Z.locals&&w.Z.locals;var f=i(47514);const P=function MetaData(e){var n=e.style,i=e.metaData,l=e.visible,r=void 0===l?(0,t.useState)(""):l,a=(0,o.Z)(r,2),s=a[0],x=a[1],u=(0,d.NP)(),p=(0,t.useState)(""),m=(0,o.Z)(p,2),c=m[0],h=m[1],v=u.getViewConfig().displayMetaDatas,b=null==i?void 0:i.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,t.useEffect)((function(){if(b){for(var e="",n=0;n<b.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var d=null==i?void 0:i.find((function(e){return e.codex===v[o]}));if(!d)return 1;""!==e&&(e+=" "),e=e+(d.name?d.name+": ":"")+d.values[n]},d=0;d<v.length;d++)o(d)}h(e),x(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:w.B,children:c}):(0,f.jsx)(f.Fragment,{})}},13275:(e,n,i)=>{i.r(n),i.d(n,{default:()=>Y});var o=i(80248),d=i(34988),t=i(65515),l=i.n(t),r=i(20640),a=i(9420),s=i(87363),x=i(93379),u=i.n(x),p=i(7795),m=i.n(p),c=i(90569),h=i.n(c),v=i(3565),b=i.n(v),w=i(19216),g=i.n(w),f=i(44589),P=i.n(f),O=i(94896),y={};y.styleTagTransform=P(),y.setAttributes=b(),y.insert=h().bind(null,"head"),y.domAPI=m(),y.insertStyleElement=g();u()(O.ZP,y);O.ZP&&O.ZP.locals&&O.ZP.locals;var S=i(13838),k=i(46770),j=i(48774),C=i(16273),D=i(88683),H=i(58391),z=i(27853),A=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,o.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const Y=(0,a.Pi)((function Option(e){var n,i,o=e.item,t=e.type,a=e.paletteId,x=e.hidePricePreview,u=o,p=(0,r.NP)(),m=(0,s.useState)(""),c=(0,d.Z)(m,2),h=c[0],v=c[1],b=(0,D.useDivaCore)().state.dimensions,w=b.isMobile,g=b.isTablet,f={},P={},y=void 0,Y=!1,K={},M=(0,k.XI)({delayEnter:600,hideOnScroll:!0}),q=(0,k.sJ)({isOpen:M[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return w||g||p.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(Y=M[0],K=M[1],f=q.triggerProps,P=q.layerProps,y=q.renderLayer),(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:l()("small"==t?O.yG:void 0,"big"==t?O.Eb:void 0,O.CA,u.sel?O.pA:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},f),K),{},{children:[(0,A.jsxs)("div",{className:l()(O.be),children:[u.vCodex&&(0,A.jsx)("div",{className:l()(O.rq),children:u.vCodex}),u.image?(0,A.jsx)("img",{className:l()(O.K5),src:u.image}):(0,A.jsx)("div",{className:l()(O.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,A.jsx)(H.default,{item:u},u.codex)]}),(0,A.jsx)("div",{className:O.TN,dangerouslySetInnerHTML:{__html:u.text}}),u.doShowFav&&(0,A.jsx)("div",{className:u.isFav?S.Md:S.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(u)}}),(0,A.jsx)(C.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[h,v]},u.codex),!x&&void 0!==u.pricePreviewPromise&&(0,A.jsx)(z.default,{asyncPricePreview:u.pricePreviewPromise,sel:u.sel}),Y&&(null===(i=y)||void 0===i?void 0:i((0,A.jsx)(j.default,{text:u.text+(u.freeText?u.freeText:""),hexColor:u.hexColor,desciption:h,image:u.image,pricePreviewPromise:u.pricePreviewPromise,layerProps:P},u.codex)))]}))}))},84887:(e,n,i)=>{i.d(n,{B:()=>r,Z:()=>a});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var r="index-module--hpPAb";const a=l},94896:(e,n,i)=>{i.d(n,{CA:()=>r,Eb:()=>c,K5:()=>p,TN:()=>m,ZP:()=>h,be:()=>x,pA:()=>s,rq:()=>a,yG:()=>u});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([e.id,"/*Size Normal */\n\n.index-module--HMlOh {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  height: 136px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--HMlOh:active,\n.index-module--HMlOh:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--cvOP1 {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--HMlOh:hover .index-module--cvOP1,\n.index-module--Vp1rj .index-module--cvOP1 {\n  display: block;\n}\n\n.index-module--qd2SK {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  width: 104px;\n  height: 104px;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--qd2SK:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--Vp1rj .index-module--qd2SK:hover,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--Vp1rj .index-module--qd2SK,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--kvBYP {\n  width: 96px;\n  height: 96px;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--Vp1rj .index-module--kvBYP,\n.index-module--GdaAS.index-module--Vp1rj .index-module--kvBYP {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--csbpq {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--H1OcY {\n  margin-top: 4px;\n  text-align: center;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  width: 100%;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  z-index: 400;\n}\n\n.index-module--HMlOh:hover .index-module--H1OcY,\n.index-module--GdaAS .index-module--HMlOh:hover .index-module--H1OcY {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  z-index: 200;\n}\n\n/* Size Small */\n\n.index-module--GdaAS.index-module--HMlOh {\n  width: 60px;\n  height: 80px;\n}\n\n.index-module--GdaAS .index-module--cvOP1 {\n  font-size: 12px;\n}\n\n.index-module--GdaAS .index-module--qd2SK {\n  width: 58px;\n  height: 58px;\n}\n\n.index-module--GdaAS .index-module--kvBYP {\n  width: 50px;\n  height: 50px;\n}\n\n.index-module--GdaAS .index-module--H1OcY {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.index-module--uY8OD.index-module--HMlOh {\n  width: 50px;\n  height: 65px;\n}\n\n.index-module--uY8OD .index-module--cvOP1 {\n  font-size: 10px;\n}\n\n.index-module--uY8OD .index-module--qd2SK {\n  width: 48px;\n  height: 48px;\n}\n\n.index-module--uY8OD .index-module--kvBYP {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--uY8OD .index-module--H1OcY {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.index-module--DPdO8.index-module--HMlOh {\n  width: 170px;\n  height: 200px;\n}\n\n.index-module--DPdO8 .index-module--cvOP1 {\n  font-size: 15px;\n}\n\n.index-module--DPdO8 .index-module--qd2SK {\n  width: 158px;\n  height: 158px;\n}\n\n.index-module--DPdO8 .index-module--kvBYP {\n  width: 150px;\n  height: 150px;\n}\n\n.index-module--DPdO8 .index-module--H1OcY {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n",""]);var r="index-module--HMlOh",a="index-module--cvOP1",s="index-module--Vp1rj",x="index-module--qd2SK",u="index-module--GdaAS",p="index-module--kvBYP",m="index-module--H1OcY",c="index-module--DPdO8";const h=l}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3275,6273],{16273:(e,n,i)=>{i.r(n),i.d(n,{default:()=>P});var o=i(34988),d=i(4820),t=i(87363),l=i(93379),r=i.n(l),a=i(7795),s=i.n(a),x=i(90569),u=i.n(x),p=i(3565),m=i.n(p),c=i(19216),h=i.n(c),v=i(44589),b=i.n(v),w=i(84887),g={};g.styleTagTransform=b(),g.setAttributes=m(),g.insert=u().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=h();r()(w.Z,g);w.Z&&w.Z.locals&&w.Z.locals;var f=i(47514);const P=function MetaData(e){var n=e.style,i=e.metaData,l=e.visible,r=void 0===l?(0,t.useState)(""):l,a=(0,o.Z)(r,2),s=a[0],x=a[1],u=(0,d.NP)(),p=(0,t.useState)(""),m=(0,o.Z)(p,2),c=m[0],h=m[1],v=u.getViewConfig().displayMetaDatas,b=null==i?void 0:i.find((function(e){return null==v?void 0:v.includes(e.codex)}));return(0,t.useEffect)((function(){if(b){for(var e="",n=0;n<b.values.length;n++){""!==e&&(e+=", ");for(var o=function _loop(o){var d=null==i?void 0:i.find((function(e){return e.codex===v[o]}));if(!d)return 1;""!==e&&(e+=" "),e=e+(d.name?d.name+": ":"")+d.values[n]},d=0;d<v.length;d++)o(d)}h(e),x(e)}}),[]),s?(0,f.jsx)("div",{style:n,className:w.B,children:c}):(0,f.jsx)(f.Fragment,{})}},13275:(e,n,i)=>{i.r(n),i.d(n,{default:()=>Y});var o=i(80248),d=i(34988),t=i(65515),l=i.n(t),r=i(4820),a=i(9420),s=i(87363),x=i(93379),u=i.n(x),p=i(7795),m=i.n(p),c=i(90569),h=i.n(c),v=i(3565),b=i.n(v),w=i(19216),g=i.n(w),f=i(44589),P=i.n(f),O=i(94896),y={};y.styleTagTransform=P(),y.setAttributes=b(),y.insert=h().bind(null,"head"),y.domAPI=m(),y.insertStyleElement=g();u()(O.ZP,y);O.ZP&&O.ZP.locals&&O.ZP.locals;var S=i(13838),k=i(46770),j=i(48774),C=i(16273),D=i(88683),H=i(58391),z=i(27853),A=i(47514);function ownKeys(e,n){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(i),!0).forEach((function(n){(0,o.Z)(e,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))}))}return e}const Y=(0,a.Pi)((function Option(e){var n,i,o=e.item,t=e.type,a=e.paletteId,x=e.hidePricePreview,u=o,p=(0,r.NP)(),m=(0,s.useState)(""),c=(0,d.Z)(m,2),h=c[0],v=c[1],b=(0,D.useDivaCore)().state.dimensions,w=b.isMobile,g=b.isTablet,f={},P={},y=void 0,Y=!1,K={},M=(0,k.XI)({delayEnter:600,hideOnScroll:!0}),q=(0,k.sJ)({isOpen:M[0],auto:!0,placement:p.getViewConfig().tooltipPosition||"left-center"});return w||g||p.getViewConfig().hideTooltip||!u.image&&!u.hexColor||u.contentItemId||(Y=M[0],K=M[1],f=q.triggerProps,P=q.layerProps,y=q.renderLayer),(0,A.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:u.codex,className:l()("small"==t?O.yG:void 0,"big"==t?O.Eb:void 0,O.CA,u.sel?O.pA:void 0),onClick:function onClick(){p.paletteViewHandler.clickedOnConfigPalette(u,void 0,a)}},f),K),{},{children:[(0,A.jsxs)("div",{className:l()(O.be),children:[u.vCodex&&(0,A.jsx)("div",{className:l()(O.rq),children:u.vCodex}),u.image?(0,A.jsx)("img",{className:l()(O.K5),src:u.image}):(0,A.jsx)("div",{className:l()(O.K5),style:{backgroundColor:"#"+(null!==(n=u.hexColor)&&void 0!==n?n:"dfdfdf")}}),u.contentItemId&&(0,A.jsx)(H.default,{item:u},u.codex)]}),(0,A.jsx)("div",{className:O.TN,dangerouslySetInnerHTML:{__html:u.text}}),u.doShowFav&&(0,A.jsx)("div",{className:u.isFav?S.Md:S.Hq,onClick:function onClick(){return p.paletteViewHandler.clickedOnFavIcon(u)}}),(0,A.jsx)(C.default,{style:{position:"relative",float:"left",display:"none"},metaData:u.metaData,visible:[h,v]},u.codex),!x&&void 0!==u.pricePreviewPromise&&(0,A.jsx)(z.default,{asyncPricePreview:u.pricePreviewPromise,sel:u.sel}),Y&&(null===(i=y)||void 0===i?void 0:i((0,A.jsx)(j.default,{text:u.text+(u.freeText?u.freeText:""),hexColor:u.hexColor,desciption:h,image:u.image,pricePreviewPromise:u.pricePreviewPromise,layerProps:P},u.codex)))]}))}))},84887:(e,n,i)=>{i.d(n,{B:()=>r,Z:()=>a});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([e.id,".index-module--hpPAb {\n  display: -webkit-box;\n  max-height: 64px;\n  min-height: 16px;\n  color: var(--secondaryColor);\n  overflow: hidden;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  z-index: 100;\n  font-size: 13px;\n  line-height: 16px;\n  color: var(--secondaryColor);\n  width: 100%;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n",""]);var r="index-module--hpPAb";const a=l},94896:(e,n,i)=>{i.d(n,{CA:()=>r,Eb:()=>c,K5:()=>p,TN:()=>m,ZP:()=>h,be:()=>x,pA:()=>s,rq:()=>a,yG:()=>u});var o=i(8081),d=i.n(o),t=i(23645),l=i.n(t)()(d());l.push([e.id,"/*Size Normal */\n\n.index-module--HMlOh {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  height: 136px;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n}\n\n.index-module--HMlOh:active,\n.index-module--HMlOh:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--cvOP1 {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.index-module--HMlOh:hover .index-module--cvOP1,\n.index-module--Vp1rj .index-module--cvOP1 {\n  display: block;\n}\n\n.index-module--qd2SK {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  width: 104px;\n  height: 104px;\n  transition: 0.15s ease;\n  position: relative;\n}\n.index-module--qd2SK:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n.index-module--Vp1rj .index-module--qd2SK:hover,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.index-module--Vp1rj .index-module--qd2SK,\n.index-module--GdaAS.index-module--Vp1rj .index-module--qd2SK {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.index-module--kvBYP {\n  width: 96px;\n  height: 96px;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.index-module--Vp1rj .index-module--kvBYP,\n.index-module--GdaAS.index-module--Vp1rj .index-module--kvBYP {\n  border: 4px var(--primaryColor) solid;\n  border: 4px var(--optionItemBorderSelColor, var(--primaryColor)) solid;\n}\n\n.index-module--csbpq {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--H1OcY {\n  margin-top: 4px;\n  text-align: center;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  width: 100%;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  z-index: 400;\n}\n\n.index-module--HMlOh:hover .index-module--H1OcY,\n.index-module--GdaAS .index-module--HMlOh:hover .index-module--H1OcY {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  z-index: 200;\n}\n\n/* Size Small */\n\n.index-module--GdaAS.index-module--HMlOh {\n  width: 60px;\n  height: 80px;\n}\n\n.index-module--GdaAS .index-module--cvOP1 {\n  font-size: 12px;\n}\n\n.index-module--GdaAS .index-module--qd2SK {\n  width: 58px;\n  height: 58px;\n}\n\n.index-module--GdaAS .index-module--kvBYP {\n  width: 50px;\n  height: 50px;\n}\n\n.index-module--GdaAS .index-module--H1OcY {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.index-module--uY8OD.index-module--HMlOh {\n  width: 50px;\n  height: 65px;\n}\n\n.index-module--uY8OD .index-module--cvOP1 {\n  font-size: 10px;\n}\n\n.index-module--uY8OD .index-module--qd2SK {\n  width: 48px;\n  height: 48px;\n}\n\n.index-module--uY8OD .index-module--kvBYP {\n  width: 40px;\n  height: 40px;\n}\n\n.index-module--uY8OD .index-module--H1OcY {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.index-module--DPdO8.index-module--HMlOh {\n  width: 170px;\n  height: 200px;\n}\n\n.index-module--DPdO8 .index-module--cvOP1 {\n  font-size: 15px;\n}\n\n.index-module--DPdO8 .index-module--qd2SK {\n  width: 158px;\n  height: 158px;\n}\n\n.index-module--DPdO8 .index-module--kvBYP {\n  width: 150px;\n  height: 150px;\n}\n\n.index-module--DPdO8 .index-module--H1OcY {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n",""]);var r="index-module--HMlOh",a="index-module--cvOP1",s="index-module--Vp1rj",x="index-module--qd2SK",u="index-module--GdaAS",p="index-module--kvBYP",m="index-module--H1OcY",c="index-module--DPdO8";const h=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3337.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3337],{13337:(n,e,i)=>{i.r(e),i.d(e,{default:()=>w});var t=i(65515),o=i.n(t),d=i(20640),a=i(9420),M=(i(87363),i(93379)),r=i.n(M),l=i(7795),x=i.n(l),s=i(90569),N=i.n(s),m=i(3565),g=i.n(m),u=i(19216),c=i.n(u),D=i(44589),j=i.n(D),T=i(1531),z={};z.styleTagTransform=j(),z.setAttributes=g(),z.insert=N().bind(null,"head"),z.domAPI=x(),z.insertStyleElement=c();r()(T.ZP,z);T.ZP&&T.ZP.locals&&T.ZP.locals;var I=i(88683),h=i(47514);const w=(0,a.Pi)((function Summary(n){var e,i=n.item,t=(0,d.NP)(),a=(0,I.useTranslation)().t,M=(0,I.useDivaCore)().state.hidePrices;return i.isTabGroup?(0,h.jsx)("div",{className:T.Or,children:(0,h.jsx)("span",{className:T.b3,children:a("configurator."+i.title,i.title)})}):(0,h.jsxs)("div",{className:o()(T.vt,t.uiState.configSettingsIsExpanded||t.uiState.configSettingsIsMaxExpanded?void 0:T.yY),children:[(0,h.jsxs)("div",{children:[(0,h.jsx)("span",{className:T.hh,style:{backgroundImage:i.image?"url(".concat(i.image,")"):"none"}}),(0,h.jsxs)("div",{className:o()(T.el,i.isDefined?void 0:T.z4),children:[(0,h.jsxs)("span",{className:T.o$,children:[i.quantity&&"(x"+i.quantity+") ",i.title]}),(0,h.jsx)("span",{className:T.JH,dangerouslySetInnerHTML:{__html:i.description}}),!i.isDefined&&(0,h.jsx)("span",{title:a("configurator.OPTION_NOT_DEFINED"),className:T.oB}),!M&&!!i.price&&(0,h.jsx)("span",{className:T.Ct,children:I.DivaUtils.formatPrice(i.price)}),!t.uiState.ViewConfig.hideElementInfo&&(0,h.jsx)("span",{className:T.CZ,children:null===(e=i.targetArticlePosNrs)||void 0===e?void 0:e.map((function(n,e){return(0,h.jsx)("span",{children:n},e)}))})]})]}),(0,h.jsx)("button",{className:T.tz,type:"button",onClick:function onClick(){return t.paletteViewHandler.clickedOnSummaryPalette(i)}})]})}))},1531:(n,e,i)=>{i.d(e,{CZ:()=>y,Ct:()=>w,JH:()=>z,Or:()=>g,ZP:()=>L,b3:()=>u,el:()=>j,hh:()=>D,o$:()=>T,oB:()=>h,tz:()=>p,vt:()=>c,yY:()=>E,z4:()=>I});var t=i(8081),o=i.n(t),d=i(23645),a=i.n(d),M=i(61667),r=i.n(M),l=new URL(i(72561),i.b),x=new URL(i(7794),i.b),s=a()(o()),N=r()(l),m=r()(x);s.push([n.id,"/*Summary*/\n.index-module--lWJbq {\n  border-bottom: 1px solid #dfdfdf;\n  margin: 0.75rem 0 0;\n  padding-bottom: 0.75rem;\n}\n.index-module--tOwKs {\n  font-weight: 300;\n}\n\n.index-module--C6lpt {\n  border-bottom: 1px solid #dfdfdf;\n  overflow: hidden;\n  padding: 0.5rem 0rem;\n  position: relative;\n  width: 100%;\n  height: 4rem;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  color: var(--secondaryColor);\n}\n\n.index-module--C6lpt > div {\n  display: block;\n  position: relative;\n  clear: both;\n  width: calc(100% - 3.5rem);\n  height: 4rem;\n}\n\n.index-module--C6lpt > div > span,\n.index-module--C6lpt > div > div > span {\n  display: block;\n  top: 50%;\n  max-height: 4rem;\n}\n.index-module--zCoqz {\n  max-width: 5rem;\n  width: 5rem;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  overflow: hidden;\n  height: 4rem;\n  float: left;\n}\n\n.index-module--VZBBk {\n  height: 4rem;\n  float: left;\n  margin-left: 0.7rem;\n  width: calc(100% - 5rem - 0.7rem);\n  position: relative;\n}\n.index-module--M3CKX {\n  left: 0%;\n  width: 28%;\n  margin-left: 2%;\n  position: absolute;\n  font-size: 16px;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n\n.index-module--lYGTW {\n  left: 32%;\n  width: 28%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n.index-module--cDVjM .index-module--lYGTW {\n  width: calc(28% - 3rem);\n}\n\n.index-module--n1piK {\n  left: calc(62% - 3rem);\n  width: 48px;\n  height: 48px;\n  transform: translateY(-50%);\n  position: absolute;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n  background-image: url("+N+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 34px;\n}\n\n.index-module--M3CKX:hover,\n.index-module--lYGTW:hover {\n  overflow-x: visible;\n  z-index: 100;\n  word-break: break-word;\n}\n\n.index-module--aZxcu {\n  left: 62%;\n  width: 18%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  height: 4rem;\n  line-height: 4rem;\n  text-align: center;\n}\n\nspan.index-module--EynvM {\n  left: 82%;\n  width: 18%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n}\n\n.index-module--EynvM span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.index-module--K1Qsm {\n  top: calc(50% - calc(2.2rem / 2));\n  position: absolute;\n  right: 0.7rem;\n  width: 2.1rem;\n  height: 2.1rem;\n  border: none;\n  box-sizing: border-box;\n  -webkit-text-stroke: 0px;\n  -webkit-font-smoothing: antialiased;\n  outline: medium none invert;\n  outline: initial;\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-size: 1.1rem;\n  background-position: center center;\n}\n.index-module--K1Qsm:hover {\n  box-shadow: var(--boxShadowHover);\n  cursor: pointer;\n}\n\n/*falls die Configuratorleiste nicht expanded ist*/\n.index-module--TOnCs,\n.index-module--TOnCs .index-module--VZBBk {\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.index-module--TOnCs > div > div > span {\n  width: 100%;\n  position: relative;\n  height: 1.1rem;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n  transform: none;\n  margin: 0;\n  margin: initial;\n  font-size: 13px;\n  height: -moz-fit-content;\n  height: fit-content;\n  line-height: 1rem;\n  padding-bottom: 0.3rem;\n  word-break: break-word;\n}\n\n.index-module--TOnCs > div > .index-module--cDVjM .index-module--lYGTW {\n  width: 100%;\n}\n\n.index-module--TOnCs > div > div.index-module--cDVjM > span.index-module--n1piK {\n  width: 28px;\n  height: 28px;\n  float: left;\n}\n\n.index-module--TOnCs > div > div.index-module--cDVjM > span.index-module--EynvM {\n  width: calc(100% - 48px);\n  float: left;\n  padding-left: 10px;\n}\n\n.index-module--TOnCs .index-module--M3CKX:hover,\n.index-module--TOnCs .index-module--lYGTW:hover {\n  overflow-y: auto;\n  background: none;\n  z-index: 100;\n  word-break: break-word;\n}\n\n@media all and (max-width: 1050px) and (orientation: landscape), all and (max-width: 600px) and (orientation: portrait) {\n  .index-module--C6lpt,\n  .index-module--VZBBk {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n\n  .index-module--C6lpt > div > div > span {\n    width: 100%;\n    position: relative;\n    height: 1.1rem;\n    left: auto;\n    left: initial;\n    top: auto;\n    top: initial;\n    transform: none;\n    margin: 0;\n    margin: initial;\n    font-size: 13px;\n    height: -moz-fit-content;\n    height: fit-content;\n    line-height: 1rem;\n    padding-bottom: 0.3rem;\n    word-break: break-word;\n  }\n\n  .index-module--M3CKX:hover,\n  .index-module--lYGTW:hover {\n    overflow-y: auto;\n    background: none;\n    z-index: 100;\n    word-break: break-word;\n  }\n}\n",""]);var g="index-module--lWJbq",u="index-module--tOwKs",c="index-module--C6lpt",D="index-module--zCoqz",j="index-module--VZBBk",T="index-module--M3CKX",z="index-module--lYGTW",I="index-module--cDVjM",h="index-module--n1piK",w="index-module--aZxcu",y="index-module--EynvM",p="index-module--K1Qsm",E="index-module--TOnCs";const L=s},7794:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0MyAyLjY2NTNMMTQuOTUzNiAxLjU2NDVDMTQuMDUzNSAwLjY1NDA5OSAxMi41ODY2IDAuNjU0MDk5IDExLjY4NTYgMS41NjQ1TDEuODgzMjMgMTEuNDcwOUMxLjgyMTQ4IDExLjUzMzMgMS43NzYzNSAxMS42MTAxIDEuNzUyNiAxMS42OTQ5TDAuMzAwNjg2IDE2LjgzMTdDMC4yNDkyMjggMTcuMDEzMyAwLjI5OTg5NSAxNy4yMDc3IDAuNDMxMzExIDE3LjM0MTNDMC41Mjk0NzggMTcuNDQwNSAwLjY2MDEwMyAxNy40OTMzIDAuNzk0Njg2IDE3LjQ5MzNDMC44NDIxODYgMTcuNDkzMyAwLjg4OTY4NiAxNy40ODY5IDAuOTM1NjAzIDE3LjQ3MzNMNi4wMTg5IDE2LjAwNTNDNi4xMDI4MSAxNS45ODEzIDYuMTc5NiAxNS45MzU3IDYuMjQxMzUgMTUuODczM0wxNi4wNDMgNS45Njc3QzE2LjQ4IDUuNTI2OSAxNi43MTk5IDQuOTQwNSAxNi43MTk5IDQuMzE2NUMxNi43MTk5IDMuNjkyNSAxNi40OCAzLjEwNjEgMTYuMDQzIDIuNjY1M1pNNS42MDgwMiAxNS4wNDUzTDEuNTQxMjMgMTYuMjE4OUwyLjcwMzM5IDEyLjExMDFMMTAuNTk3MSA0LjEzMzNMMTMuNTAxNyA3LjA2ODVMNS42MDgwMiAxNS4wNDUzWk0xNS4zMTcgNS4yMzQxTDE0LjIyNzcgNi4zMzQ5TDExLjMyMzEgMy4zOTk3TDEyLjQxMjQgMi4yOTg5QzEyLjkxMjcgMS43OTMzIDEzLjcyNzQgMS43OTQxIDE0LjIyODUgMi4yOTg5TDE1LjMxNzggMy4zOTk3QzE1LjU2MDkgMy42NDQ1IDE1LjY5MzkgMy45NzA5IDE1LjY5MzkgNC4zMTczQzE1LjY5MzEgNC42NjI5IDE1LjU1OTMgNC45ODg1IDE1LjMxNyA1LjIzNDFaIiBmaWxsPSIjNkY2RjZGIi8+Cjwvc3ZnPgo="},72561:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIzMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzkyOTI5MiIgaWQ9Imljb24tNjEtd2FybmluZyI+PHBhdGggZD0iTTE1LjQyNDIzMjcsNS4xNDgzOTI3NSBDMTYuMjk0Mjk4NywzLjc0MDcyOTc2IDE3LjcwNzAyOCwzLjc0NDA4NDQyIDE4LjU3NTAyMDUsNS4xNDgzOTI3NSBMMjkuMzYwMTA5OSwyMi41OTczOCBDMzAuNTIxNjM4OCwyNC40NzY1OTUxIDI5LjY3NTU0NjIsMjYgMjcuNDcxNDA2OCwyNiBMNi41Mjc4NDY0LDI2IEM0LjMyMzIxNTU3LDI2IDMuNDczODYzMTcsMjQuNDgyNjY0MiA0LjYzOTE0MzMxLDIyLjU5NzM4IEwxNS40MjQyMzI3LDUuMTQ4MzkyNzUgTDE1LjQyNDIzMjcsNS4xNDgzOTI3NSBaIE0xNi4zNTMxODEsNS41MjI5MjExIEMxNi43MDA1MTUyLDQuOTYxNjUxNjMgMTcuMjY0NzY3OCw0Ljk2MzQxODcgMTcuNjExMDMxOCw1LjUyMjkyMTA4IEwyOC42MTYyOTM3LDIzLjMwNTUwNzggQzI5LjE5NTQ2NjMsMjQuMjQxMzQ5OCAyOC43NjIyMjcxLDI0Ljk5OTk5OTYgMjcuNjc0NjM0OSwyNC45OTk5OTk2IEw2LjI5MDM5MjMxLDI1IEM1LjE5MTE1NTk2LDI1IDQuNzY2NDQ5NzEsMjQuMjQ2MzI2NSA1LjM0ODY2MjYyLDIzLjMwNTUwODIgTDE2LjM1MzE4MSw1LjUyMjkyMTEgTDE2LjM1MzE4MSw1LjUyMjkyMTEgWiBNMTcsMTEgQzE2LjQ0NzcxNTMsMTEgMTYsMTEuNDUzMDM2MyAxNiwxMS45OTcwMzAxIEwxNiwxOC4wMDI5Njk5IEMxNiwxOC41NTM2MTQ0IDE2LjQ0Mzg2NDgsMTkgMTcsMTkgQzE3LjU1MjI4NDcsMTkgMTgsMTguNTQ2OTYzNyAxOCwxOC4wMDI5Njk5IEwxOCwxMS45OTcwMzAxIEMxOCwxMS40NDYzODU2IDE3LjU1NjEzNTIsMTEgMTcsMTEgTDE3LDExIFogTTE3LDIzIEMxNy41NTIyODQ4LDIzIDE4LDIyLjU1MjI4NDggMTgsMjIgQzE4LDIxLjQ0NzcxNTIgMTcuNTUyMjg0OCwyMSAxNywyMSBDMTYuNDQ3NzE1MiwyMSAxNiwyMS40NDc3MTUyIDE2LDIyIEMxNiwyMi41NTIyODQ4IDE2LjQ0NzcxNTIsMjMgMTcsMjMgTDE3LDIzIFoiIGlkPSJ3YXJuaW5nIi8+PC9nPjwvZz48L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3337],{13337:(n,e,i)=>{i.r(e),i.d(e,{default:()=>w});var t=i(65515),o=i.n(t),d=i(4820),a=i(9420),M=(i(87363),i(93379)),r=i.n(M),l=i(7795),x=i.n(l),s=i(90569),N=i.n(s),m=i(3565),g=i.n(m),u=i(19216),c=i.n(u),D=i(44589),j=i.n(D),T=i(1531),z={};z.styleTagTransform=j(),z.setAttributes=g(),z.insert=N().bind(null,"head"),z.domAPI=x(),z.insertStyleElement=c();r()(T.ZP,z);T.ZP&&T.ZP.locals&&T.ZP.locals;var I=i(88683),h=i(47514);const w=(0,a.Pi)((function Summary(n){var e,i=n.item,t=(0,d.NP)(),a=(0,I.useTranslation)().t,M=(0,I.useDivaCore)().state.hidePrices;return i.isTabGroup?(0,h.jsx)("div",{className:T.Or,children:(0,h.jsx)("span",{className:T.b3,children:a("configurator."+i.title,i.title)})}):(0,h.jsxs)("div",{className:o()(T.vt,t.uiState.configSettingsIsExpanded||t.uiState.configSettingsIsMaxExpanded?void 0:T.yY),children:[(0,h.jsxs)("div",{children:[(0,h.jsx)("span",{className:T.hh,style:{backgroundImage:i.image?"url(".concat(i.image,")"):"none"}}),(0,h.jsxs)("div",{className:o()(T.el,i.isDefined?void 0:T.z4),children:[(0,h.jsxs)("span",{className:T.o$,children:[i.quantity&&"(x"+i.quantity+") ",i.title]}),(0,h.jsx)("span",{className:T.JH,dangerouslySetInnerHTML:{__html:i.description}}),!i.isDefined&&(0,h.jsx)("span",{title:a("configurator.OPTION_NOT_DEFINED"),className:T.oB}),!M&&!!i.price&&(0,h.jsx)("span",{className:T.Ct,children:I.DivaUtils.formatPrice(i.price)}),!t.uiState.ViewConfig.hideElementInfo&&(0,h.jsx)("span",{className:T.CZ,children:null===(e=i.targetArticlePosNrs)||void 0===e?void 0:e.map((function(n,e){return(0,h.jsx)("span",{children:n},e)}))})]})]}),(0,h.jsx)("button",{className:T.tz,type:"button",onClick:function onClick(){return t.paletteViewHandler.clickedOnSummaryPalette(i)}})]})}))},1531:(n,e,i)=>{i.d(e,{CZ:()=>y,Ct:()=>w,JH:()=>z,Or:()=>g,ZP:()=>L,b3:()=>u,el:()=>j,hh:()=>D,o$:()=>T,oB:()=>h,tz:()=>p,vt:()=>c,yY:()=>E,z4:()=>I});var t=i(8081),o=i.n(t),d=i(23645),a=i.n(d),M=i(61667),r=i.n(M),l=new URL(i(72561),i.b),x=new URL(i(7794),i.b),s=a()(o()),N=r()(l),m=r()(x);s.push([n.id,"/*Summary*/\n.index-module--lWJbq {\n  border-bottom: 1px solid #dfdfdf;\n  margin: 0.75rem 0 0;\n  padding-bottom: 0.75rem;\n}\n.index-module--tOwKs {\n  font-weight: 300;\n}\n\n.index-module--C6lpt {\n  border-bottom: 1px solid #dfdfdf;\n  overflow: hidden;\n  padding: 0.5rem 0rem;\n  position: relative;\n  width: 100%;\n  height: 4rem;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  color: var(--secondaryColor);\n}\n\n.index-module--C6lpt > div {\n  display: block;\n  position: relative;\n  clear: both;\n  width: calc(100% - 3.5rem);\n  height: 4rem;\n}\n\n.index-module--C6lpt > div > span,\n.index-module--C6lpt > div > div > span {\n  display: block;\n  top: 50%;\n  max-height: 4rem;\n}\n.index-module--zCoqz {\n  max-width: 5rem;\n  width: 5rem;\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  overflow: hidden;\n  height: 4rem;\n  float: left;\n}\n\n.index-module--VZBBk {\n  height: 4rem;\n  float: left;\n  margin-left: 0.7rem;\n  width: calc(100% - 5rem - 0.7rem);\n  position: relative;\n}\n.index-module--M3CKX {\n  left: 0%;\n  width: 28%;\n  margin-left: 2%;\n  position: absolute;\n  font-size: 16px;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n\n.index-module--lYGTW {\n  left: 32%;\n  width: 28%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n}\n.index-module--cDVjM .index-module--lYGTW {\n  width: calc(28% - 3rem);\n}\n\n.index-module--n1piK {\n  left: calc(62% - 3rem);\n  width: 48px;\n  height: 48px;\n  transform: translateY(-50%);\n  position: absolute;\n  overflow-y: auto;\n  overflow-x: hidden;\n  z-index: 50;\n  background-image: url("+N+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 34px;\n}\n\n.index-module--M3CKX:hover,\n.index-module--lYGTW:hover {\n  overflow-x: visible;\n  z-index: 100;\n  word-break: break-word;\n}\n\n.index-module--aZxcu {\n  left: 62%;\n  width: 18%;\n  margin-right: 2%;\n  transform: translateY(-50%);\n  position: absolute;\n  height: 4rem;\n  line-height: 4rem;\n  text-align: center;\n}\n\nspan.index-module--EynvM {\n  left: 82%;\n  width: 18%;\n  transform: translateY(-50%);\n  position: absolute;\n  max-height: 3rem;\n  overflow-y: auto;\n}\n\n.index-module--EynvM span {\n  background: var(--thirdColor);\n  border-radius: var(--articlePosNrRadius);\n  color: var(--secondaryColor);\n  font-size: 16px;\n  line-height: 1.27rem;\n  min-width: 1.27rem;\n  width: 2rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  text-align: center;\n  display: inline-block;\n  padding: 0 1px;\n  -webkit-text-stroke: 0.5px;\n  margin-bottom: 0.2rem;\n}\n\n.index-module--K1Qsm {\n  top: calc(50% - calc(2.2rem / 2));\n  position: absolute;\n  right: 0.7rem;\n  width: 2.1rem;\n  height: 2.1rem;\n  border: none;\n  box-sizing: border-box;\n  -webkit-text-stroke: 0px;\n  -webkit-font-smoothing: antialiased;\n  outline: medium none invert;\n  outline: initial;\n  background-image: url("+m+");\n  background-repeat: no-repeat;\n  background-size: 1.1rem;\n  background-position: center center;\n}\n.index-module--K1Qsm:hover {\n  box-shadow: var(--boxShadowHover);\n  cursor: pointer;\n}\n\n/*falls die Configuratorleiste nicht expanded ist*/\n.index-module--TOnCs,\n.index-module--TOnCs .index-module--VZBBk {\n  height: -moz-fit-content;\n  height: fit-content;\n}\n\n.index-module--TOnCs > div > div > span {\n  width: 100%;\n  position: relative;\n  height: 1.1rem;\n  left: auto;\n  left: initial;\n  top: auto;\n  top: initial;\n  transform: none;\n  margin: 0;\n  margin: initial;\n  font-size: 13px;\n  height: -moz-fit-content;\n  height: fit-content;\n  line-height: 1rem;\n  padding-bottom: 0.3rem;\n  word-break: break-word;\n}\n\n.index-module--TOnCs > div > .index-module--cDVjM .index-module--lYGTW {\n  width: 100%;\n}\n\n.index-module--TOnCs > div > div.index-module--cDVjM > span.index-module--n1piK {\n  width: 28px;\n  height: 28px;\n  float: left;\n}\n\n.index-module--TOnCs > div > div.index-module--cDVjM > span.index-module--EynvM {\n  width: calc(100% - 48px);\n  float: left;\n  padding-left: 10px;\n}\n\n.index-module--TOnCs .index-module--M3CKX:hover,\n.index-module--TOnCs .index-module--lYGTW:hover {\n  overflow-y: auto;\n  background: none;\n  z-index: 100;\n  word-break: break-word;\n}\n\n@media all and (max-width: 1050px) and (orientation: landscape), all and (max-width: 600px) and (orientation: portrait) {\n  .index-module--C6lpt,\n  .index-module--VZBBk {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n\n  .index-module--C6lpt > div > div > span {\n    width: 100%;\n    position: relative;\n    height: 1.1rem;\n    left: auto;\n    left: initial;\n    top: auto;\n    top: initial;\n    transform: none;\n    margin: 0;\n    margin: initial;\n    font-size: 13px;\n    height: -moz-fit-content;\n    height: fit-content;\n    line-height: 1rem;\n    padding-bottom: 0.3rem;\n    word-break: break-word;\n  }\n\n  .index-module--M3CKX:hover,\n  .index-module--lYGTW:hover {\n    overflow-y: auto;\n    background: none;\n    z-index: 100;\n    word-break: break-word;\n  }\n}\n",""]);var g="index-module--lWJbq",u="index-module--tOwKs",c="index-module--C6lpt",D="index-module--zCoqz",j="index-module--VZBBk",T="index-module--M3CKX",z="index-module--lYGTW",I="index-module--cDVjM",h="index-module--n1piK",w="index-module--aZxcu",y="index-module--EynvM",p="index-module--K1Qsm",E="index-module--TOnCs";const L=s},7794:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjA0MyAyLjY2NTNMMTQuOTUzNiAxLjU2NDVDMTQuMDUzNSAwLjY1NDA5OSAxMi41ODY2IDAuNjU0MDk5IDExLjY4NTYgMS41NjQ1TDEuODgzMjMgMTEuNDcwOUMxLjgyMTQ4IDExLjUzMzMgMS43NzYzNSAxMS42MTAxIDEuNzUyNiAxMS42OTQ5TDAuMzAwNjg2IDE2LjgzMTdDMC4yNDkyMjggMTcuMDEzMyAwLjI5OTg5NSAxNy4yMDc3IDAuNDMxMzExIDE3LjM0MTNDMC41Mjk0NzggMTcuNDQwNSAwLjY2MDEwMyAxNy40OTMzIDAuNzk0Njg2IDE3LjQ5MzNDMC44NDIxODYgMTcuNDkzMyAwLjg4OTY4NiAxNy40ODY5IDAuOTM1NjAzIDE3LjQ3MzNMNi4wMTg5IDE2LjAwNTNDNi4xMDI4MSAxNS45ODEzIDYuMTc5NiAxNS45MzU3IDYuMjQxMzUgMTUuODczM0wxNi4wNDMgNS45Njc3QzE2LjQ4IDUuNTI2OSAxNi43MTk5IDQuOTQwNSAxNi43MTk5IDQuMzE2NUMxNi43MTk5IDMuNjkyNSAxNi40OCAzLjEwNjEgMTYuMDQzIDIuNjY1M1pNNS42MDgwMiAxNS4wNDUzTDEuNTQxMjMgMTYuMjE4OUwyLjcwMzM5IDEyLjExMDFMMTAuNTk3MSA0LjEzMzNMMTMuNTAxNyA3LjA2ODVMNS42MDgwMiAxNS4wNDUzWk0xNS4zMTcgNS4yMzQxTDE0LjIyNzcgNi4zMzQ5TDExLjMyMzEgMy4zOTk3TDEyLjQxMjQgMi4yOTg5QzEyLjkxMjcgMS43OTMzIDEzLjcyNzQgMS43OTQxIDE0LjIyODUgMi4yOTg5TDE1LjMxNzggMy4zOTk3QzE1LjU2MDkgMy42NDQ1IDE1LjY5MzkgMy45NzA5IDE1LjY5MzkgNC4zMTczQzE1LjY5MzEgNC42NjI5IDE1LjU1OTMgNC45ODg1IDE1LjMxNyA1LjIzNDFaIiBmaWxsPSIjNkY2RjZGIi8+Cjwvc3ZnPgo="},72561:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIzMnB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzkyOTI5MiIgaWQ9Imljb24tNjEtd2FybmluZyI+PHBhdGggZD0iTTE1LjQyNDIzMjcsNS4xNDgzOTI3NSBDMTYuMjk0Mjk4NywzLjc0MDcyOTc2IDE3LjcwNzAyOCwzLjc0NDA4NDQyIDE4LjU3NTAyMDUsNS4xNDgzOTI3NSBMMjkuMzYwMTA5OSwyMi41OTczOCBDMzAuNTIxNjM4OCwyNC40NzY1OTUxIDI5LjY3NTU0NjIsMjYgMjcuNDcxNDA2OCwyNiBMNi41Mjc4NDY0LDI2IEM0LjMyMzIxNTU3LDI2IDMuNDczODYzMTcsMjQuNDgyNjY0MiA0LjYzOTE0MzMxLDIyLjU5NzM4IEwxNS40MjQyMzI3LDUuMTQ4MzkyNzUgTDE1LjQyNDIzMjcsNS4xNDgzOTI3NSBaIE0xNi4zNTMxODEsNS41MjI5MjExIEMxNi43MDA1MTUyLDQuOTYxNjUxNjMgMTcuMjY0NzY3OCw0Ljk2MzQxODcgMTcuNjExMDMxOCw1LjUyMjkyMTA4IEwyOC42MTYyOTM3LDIzLjMwNTUwNzggQzI5LjE5NTQ2NjMsMjQuMjQxMzQ5OCAyOC43NjIyMjcxLDI0Ljk5OTk5OTYgMjcuNjc0NjM0OSwyNC45OTk5OTk2IEw2LjI5MDM5MjMxLDI1IEM1LjE5MTE1NTk2LDI1IDQuNzY2NDQ5NzEsMjQuMjQ2MzI2NSA1LjM0ODY2MjYyLDIzLjMwNTUwODIgTDE2LjM1MzE4MSw1LjUyMjkyMTEgTDE2LjM1MzE4MSw1LjUyMjkyMTEgWiBNMTcsMTEgQzE2LjQ0NzcxNTMsMTEgMTYsMTEuNDUzMDM2MyAxNiwxMS45OTcwMzAxIEwxNiwxOC4wMDI5Njk5IEMxNiwxOC41NTM2MTQ0IDE2LjQ0Mzg2NDgsMTkgMTcsMTkgQzE3LjU1MjI4NDcsMTkgMTgsMTguNTQ2OTYzNyAxOCwxOC4wMDI5Njk5IEwxOCwxMS45OTcwMzAxIEMxOCwxMS40NDYzODU2IDE3LjU1NjEzNTIsMTEgMTcsMTEgTDE3LDExIFogTTE3LDIzIEMxNy41NTIyODQ4LDIzIDE4LDIyLjU1MjI4NDggMTgsMjIgQzE4LDIxLjQ0NzcxNTIgMTcuNTUyMjg0OCwyMSAxNywyMSBDMTYuNDQ3NzE1MiwyMSAxNiwyMS40NDc3MTUyIDE2LDIyIEMxNiwyMi41NTIyODQ4IDE2LjQ0NzcxNTIsMjMgMTcsMjMgTDE3LDIzIFoiIGlkPSJ3YXJuaW5nIi8+PC9nPjwvZz48L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3460.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3460,1457,2334,7446,8291],{57446:function(r,m,y){var O;r.exports=(O=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var O=m[y]={i:y,l:!1,exports:{}};return r[y].call(O.exports,O,O.exports,n),O.l=!0,O.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var O in r)n.d(y,O,function(m){return r[m]}.bind(null,O));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=O},function(r,m,y){"use strict";var O=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,v,x,C){if(C!==O){var w=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw w.name="Invariant Violation",w}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var O=y(1),v=y.n(O),x=y(0),C=y.n(x),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var O in y)Object.prototype.hasOwnProperty.call(y,O)&&(r[O]=y[O])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var O=m[y];O.enumerable=O.enumerable||!1,O.configurable=!0,"value"in O&&(O.writable=!0),Object.defineProperty(r,O.key,O)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,O=d(r);if(m){var v=d(this).constructor;y=Reflect.construct(O,arguments,v)}else y=O.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var w=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,O,x=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=x.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return v.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",O=this.props.triggerDisabled?"is-disabled":"",x=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,w=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,j=this.props,P=j.classParentString,S=j.contentOuterClassName,N=j.contentInnerClassName,k="".concat(P,"__trigger ").concat(y," ").concat(O," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),E="".concat(P," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(P,"__contentOuter ").concat(S),R="".concat(P,"__contentInner ").concat(N);return v.a.createElement(C,l({className:E.trim()},this.props.containerElementProps),v.a.createElement(w,l({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),x),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:_.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},v.a.createElement("div",{className:R.trim()},T)))}}])&&p(m.prototype,y),O&&p(m,O),Object.defineProperty(m,"prototype",{writable:!1}),s}(O.Component);w.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},w.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=w}]))},81457:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>X});var O=y(80248),v=y(72874),x=y(87363),C=y(9420),w=y(93379),T=y.n(w),j=y(7795),P=y.n(j),S=y(90569),N=y.n(S),k=y(3565),E=y.n(k),_=y(19216),R=y.n(_),D=y(44589),I=y.n(D),Q=y(6521),Z={};Z.styleTagTransform=I(),Z.setAttributes=E(),Z.insert=N().bind(null,"head"),Z.domAPI=P(),Z.insertStyleElement=R();T()(Q.ZP,Z);Q.ZP&&Q.ZP.locals&&Q.ZP.locals;var W=y(65515),B=y.n(W),A=y(20640),U=y(47514),H=["curBox","isExpanded","state"];function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var O=Object.getOwnPropertySymbols(r);m&&(O=O.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,O)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,O.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const X=(0,C.Pi)((function SVGSourceViewer(r){r.curBox,r.isExpanded;var m,y,O=r.state,C=(0,v.Z)(r,H),w=(0,A.NP)(),T=w.divaWebPlanner.getDivaArticles();if(!T)return(0,U.jsx)(U.Fragment,{});var j=Object.values(T).filter((function(r){return r.catalogArticle.catalogPlannerArticle}));if(!j.length)return(0,U.jsx)(U.Fragment,{});var P=null===(m=j[0].plannerData)||void 0===m?void 0:m.svgBefore,S=null===(y=j[0].plannerData)||void 0===y?void 0:y.svgAfter,N="before"==O?P:S;return(0,x.createElement)("div",_objectSpread(_objectSpread({},C),{},{className:B()(Q.EU),key:w.settingsState.configChanged}),(0,U.jsxs)("div",{style:{height:500,overflow:"auto"},children:[(0,U.jsx)("button",{onClick:function onClick(){return navigator.clipboard.writeText(null!=N?N:"")},children:"copy"}),(0,U.jsx)("textarea",{readOnly:!0,value:N})]}))}))},82334:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>C});var O=y(9420),v=(y(87363),y(81457)),x=y(47514);const C=(0,O.Pi)((function index(r){var m=(0,x.jsx)(v.default,{curBox:r.curBox,isExpanded:r.isExpanded,state:r.selectedJson});return(0,x.jsx)("div",{children:m})}))},70685:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>j});var O=y(80248),v=y(88291),x=(y(87363),y(9420)),C=y(72072),w=y(82334),T=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var O=Object.getOwnPropertySymbols(r);m&&(O=O.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,O)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,O.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const j=(0,x.Pi)((function SVGAnalyser(r){var m=Object.assign({},((0,v.Z)(r),r));return(0,T.jsx)(C.default,_objectSpread(_objectSpread({},m),{},{className:m.className,ChildComponent:w.default,settings:[{key:"before",name:"SVG vor stretch"},{key:"after",name:"SVG nach stretch"}],title:"SVG Übersicht"}))}))},6521:(r,m,y)=>{"use strict";y.d(m,{EU:()=>w,ZP:()=>T});var O=y(8081),v=y.n(O),x=y(23645),C=y.n(x)()(v());C.push([r.id,".index-module--orfU0 {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.index-module--ZQXRQ {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.index-module--zMMBL {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.index-module--fJfHX {\n  width: 50px;\n  height: 50px;\n}\n.index-module--orfU0 textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.index-module--orfU0 .index-module--kwewQ {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.index-module--UVkGx {\n  color: black !important;\n}\n\n.index-module--UVkGx {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--ZQXRQ img {\n  height: 50px;\n  width: 50px;\n}\n.index-module--ZQXRQ tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.index-module--ZQXRQ tr th {\n  width: 4%;\n}\n.index-module--ZQXRQ tr th:last-child {\n  width: 90px;\n}\n.index-module--ZQXRQ thead {\n  border-bottom: 1px solid white;\n}\n.index-module--ZQXRQ tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.index-module--ZQXRQ tbody th:nth-child(1) {\n  width: 35px;\n}\n.index-module--ZQXRQ tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.index-module--iJwMt {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--cSh30 {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--BpST3 {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n",""]);var w="index-module--orfU0";const T=C},88291:(r,m,y)=>{"use strict";function _objectDestructuringEmpty(r){if(null==r)throw new TypeError("Cannot destructure "+r)}y.d(m,{Z:()=>_objectDestructuringEmpty})}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3460,1457,2334,7446,8291],{57446:function(r,m,y){var O;r.exports=(O=y(87363),function(r){var m={};function n(y){if(m[y])return m[y].exports;var O=m[y]={i:y,l:!1,exports:{}};return r[y].call(O.exports,O,O.exports,n),O.l=!0,O.exports}return n.m=r,n.c=m,n.d=function(r,m,y){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:y})},n.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},n.t=function(r,m){if(1&m&&(r=n(r)),8&m)return r;if(4&m&&"object"==typeof r&&r&&r.__esModule)return r;var y=Object.create(null);if(n.r(y),Object.defineProperty(y,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var O in r)n.d(y,O,function(m){return r[m]}.bind(null,O));return y},n.n=function(r){var m=r&&r.__esModule?function(){return r.default}:function(){return r};return n.d(m,"a",m),m},n.o=function(r,m){return Object.prototype.hasOwnProperty.call(r,m)},n.p="",n(n.s=4)}([function(r,m,y){r.exports=y(2)()},function(r,m){r.exports=O},function(r,m,y){"use strict";var O=y(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,y,v,x,C){if(C!==O){var w=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw w.name="Invariant Violation",w}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},function(r,m,y){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,y){"use strict";y.r(m);var O=y(1),v=y.n(O),x=y(0),C=y.n(x),a=function(r){return 0!==r};function l(){return(l=Object.assign?Object.assign.bind():function(r){for(var m=1;m<arguments.length;m++){var y=arguments[m];for(var O in y)Object.prototype.hasOwnProperty.call(y,O)&&(r[O]=y[O])}return r}).apply(this,arguments)}function c(r){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(r)}function p(r,m){for(var y=0;y<m.length;y++){var O=m[y];O.enumerable=O.enumerable||!1,O.configurable=!0,"value"in O&&(O.writable=!0),Object.defineProperty(r,O.key,O)}}function u(r,m){return(u=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,m){return r.__proto__=m,r})(r,m)}function g(r){var m=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var y,O=d(r);if(m){var v=d(this).constructor;y=Reflect.construct(O,arguments,v)}else y=O.apply(this,arguments);return f(this,y)}}function f(r,m){if(m&&("object"===c(m)||"function"==typeof m))return m;if(void 0!==m)throw new TypeError("Derived constructors may only return object or undefined");return h(r)}function h(r){if(void 0===r)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return r}function d(r){return(d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(r){return r.__proto__||Object.getPrototypeOf(r)})(r)}function b(r,m,y){return m in r?Object.defineProperty(r,m,{value:y,enumerable:!0,configurable:!0,writable:!0}):r[m]=y,r}var w=function(r){!function(r,m){if("function"!=typeof m&&null!==m)throw new TypeError("Super expression must either be null or a function");r.prototype=Object.create(m&&m.prototype,{constructor:{value:r,writable:!0,configurable:!0}}),Object.defineProperty(r,"prototype",{writable:!1}),m&&u(r,m)}(s,r);var m,y,O,x=g(s);function s(r){var m;return function(r,m){if(!(r instanceof m))throw new TypeError("Cannot call a class as a function")}(this,s),b(h(m=x.call(this,r)),"continueOpenCollapsible",(function(){var r=h(m).innerRef;m.setState({height:r.scrollHeight,transition:"height ".concat(m.props.transitionTime,"ms ").concat(m.props.easing),isClosed:!1,hasBeenOpened:!0,inTransition:a(r.scrollHeight),shouldOpenOnNextCycle:!1})})),b(h(m),"handleTriggerClick",(function(r){m.props.triggerDisabled||m.state.inTransition||(r.preventDefault(),m.props.handleTriggerClick?m.props.handleTriggerClick(m.props.accordionPosition):!0===m.state.isClosed?(m.openCollapsible(),m.props.onOpening(),m.props.onTriggerOpening()):(m.closeCollapsible(),m.props.onClosing(),m.props.onTriggerClosing()))})),b(h(m),"handleTransitionEnd",(function(r){r.target===m.innerRef&&(m.state.isClosed?(m.setState({inTransition:!1}),m.props.onClose()):(m.setState({height:"auto",overflow:m.props.overflowWhenOpen,inTransition:!1}),m.props.onOpen()))})),b(h(m),"setInnerRef",(function(r){return m.innerRef=r})),m.timeout=void 0,m.contentId=r.contentElementId||"collapsible-content-".concat(Date.now()),m.triggerId=r.triggerElementProps.id||"collapsible-trigger-".concat(Date.now()),r.open?m.state={isClosed:!1,shouldSwitchAutoOnNextCycle:!1,height:"auto",transition:"none",hasBeenOpened:!0,overflow:r.overflowWhenOpen,inTransition:!1}:m.state={isClosed:!0,shouldSwitchAutoOnNextCycle:!1,height:0,transition:"height ".concat(r.transitionTime,"ms ").concat(r.easing),hasBeenOpened:!1,overflow:"hidden",inTransition:!1},m}return m=s,(y=[{key:"componentDidUpdate",value:function(r,m){var y=this;this.state.shouldOpenOnNextCycle&&this.continueOpenCollapsible(),"auto"!==m.height&&0!==m.height||!0!==this.state.shouldSwitchAutoOnNextCycle||(window.clearTimeout(this.timeout),this.timeout=window.setTimeout((function(){y.setState({height:0,overflow:"hidden",isClosed:!0,shouldSwitchAutoOnNextCycle:!1})}),50)),r.open!==this.props.open&&(!0===this.props.open?(this.openCollapsible(),this.props.onOpening()):(this.closeCollapsible(),this.props.onClosing()))}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"closeCollapsible",value:function(){var r=this.innerRef;this.setState({shouldSwitchAutoOnNextCycle:!0,height:r.scrollHeight,transition:"height ".concat(this.props.transitionCloseTime?this.props.transitionCloseTime:this.props.transitionTime,"ms ").concat(this.props.easing),inTransition:a(r.scrollHeight)})}},{key:"openCollapsible",value:function(){this.setState({inTransition:a(this.innerRef.scrollHeight),shouldOpenOnNextCycle:!0})}},{key:"renderNonClickableTriggerElement",value:function(){var r=this.props,m=r.triggerSibling,y=r.classParentString;if(!m)return null;switch(c(m)){case"string":return v.a.createElement("span",{className:"".concat(y,"__trigger-sibling")},m);case"function":return m();case"object":return m;default:return null}}},{key:"render",value:function(){var r=this,m={height:this.state.height,WebkitTransition:this.state.transition,msTransition:this.state.transition,transition:this.state.transition,overflow:this.state.overflow},y=this.state.isClosed?"is-closed":"is-open",O=this.props.triggerDisabled?"is-disabled":"",x=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,C=this.props.contentContainerTagName,w=this.props.triggerTagName,T=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,j=this.props,P=j.classParentString,S=j.contentOuterClassName,N=j.contentInnerClassName,k="".concat(P,"__trigger ").concat(y," ").concat(O," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),E="".concat(P," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),_="".concat(P,"__contentOuter ").concat(S),R="".concat(P,"__contentInner ").concat(N);return v.a.createElement(C,l({className:E.trim()},this.props.containerElementProps),v.a.createElement(w,l({id:this.triggerId,className:k.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var y=m.key;(" "===y&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===y)&&r.handleTriggerClick(m)},tabIndex:this.props.tabIndex&&this.props.tabIndex,"aria-expanded":!this.state.isClosed,"aria-disabled":this.props.triggerDisabled,"aria-controls":this.contentId,role:"button"},this.props.triggerElementProps),x),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:_.trim(),style:m,onTransitionEnd:this.handleTransitionEnd,ref:this.setInnerRef,hidden:this.props.contentHiddenWhenClosed&&this.state.isClosed&&!this.state.inTransition,role:"region","aria-labelledby":this.triggerId},v.a.createElement("div",{className:R.trim()},T)))}}])&&p(m.prototype,y),O&&p(m,O),Object.defineProperty(m,"prototype",{writable:!1}),s}(O.Component);w.propTypes={transitionTime:C.a.number,transitionCloseTime:C.a.number,triggerTagName:C.a.string,easing:C.a.string,open:C.a.bool,containerElementProps:C.a.object,triggerElementProps:C.a.object,contentElementId:C.a.string,classParentString:C.a.string,className:C.a.string,openedClassName:C.a.string,triggerStyle:C.a.object,triggerClassName:C.a.string,triggerOpenedClassName:C.a.string,contentOuterClassName:C.a.string,contentInnerClassName:C.a.string,accordionPosition:C.a.oneOfType([C.a.string,C.a.number]),handleTriggerClick:C.a.func,onOpen:C.a.func,onClose:C.a.func,onOpening:C.a.func,onClosing:C.a.func,onTriggerOpening:C.a.func,onTriggerClosing:C.a.func,trigger:C.a.oneOfType([C.a.string,C.a.element]),triggerWhenOpen:C.a.oneOfType([C.a.string,C.a.element]),triggerDisabled:C.a.bool,lazyRender:C.a.bool,overflowWhenOpen:C.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:C.a.bool,triggerSibling:C.a.oneOfType([C.a.string,C.a.element,C.a.func]),tabIndex:C.a.number,contentContainerTagName:C.a.string,children:C.a.oneOfType([C.a.string,C.a.element])},w.defaultProps={transitionTime:400,transitionCloseTime:null,triggerTagName:"span",easing:"linear",open:!1,classParentString:"Collapsible",triggerDisabled:!1,lazyRender:!1,overflowWhenOpen:"hidden",contentHiddenWhenClosed:!1,openedClassName:"",triggerStyle:null,triggerClassName:"",triggerOpenedClassName:"",contentOuterClassName:"",contentInnerClassName:"",className:"",triggerSibling:null,onOpen:function(){},onClose:function(){},onOpening:function(){},onClosing:function(){},onTriggerOpening:function(){},onTriggerClosing:function(){},tabIndex:null,contentContainerTagName:"div",triggerElementProps:{}},m.default=w}]))},81457:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>X});var O=y(80248),v=y(72874),x=y(87363),C=y(9420),w=y(93379),T=y.n(w),j=y(7795),P=y.n(j),S=y(90569),N=y.n(S),k=y(3565),E=y.n(k),_=y(19216),R=y.n(_),D=y(44589),I=y.n(D),Q=y(6521),Z={};Z.styleTagTransform=I(),Z.setAttributes=E(),Z.insert=N().bind(null,"head"),Z.domAPI=P(),Z.insertStyleElement=R();T()(Q.ZP,Z);Q.ZP&&Q.ZP.locals&&Q.ZP.locals;var W=y(65515),B=y.n(W),A=y(4820),U=y(47514),H=["curBox","isExpanded","state"];function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var O=Object.getOwnPropertySymbols(r);m&&(O=O.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,O)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,O.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const X=(0,C.Pi)((function SVGSourceViewer(r){r.curBox,r.isExpanded;var m,y,O=r.state,C=(0,v.Z)(r,H),w=(0,A.NP)(),T=w.divaWebPlanner.getDivaArticles();if(!T)return(0,U.jsx)(U.Fragment,{});var j=Object.values(T).filter((function(r){return r.catalogArticle.catalogPlannerArticle}));if(!j.length)return(0,U.jsx)(U.Fragment,{});var P=null===(m=j[0].plannerData)||void 0===m?void 0:m.svgBefore,S=null===(y=j[0].plannerData)||void 0===y?void 0:y.svgAfter,N="before"==O?P:S;return(0,x.createElement)("div",_objectSpread(_objectSpread({},C),{},{className:B()(Q.EU),key:w.settingsState.configChanged}),(0,U.jsxs)("div",{style:{height:500,overflow:"auto"},children:[(0,U.jsx)("button",{onClick:function onClick(){return navigator.clipboard.writeText(null!=N?N:"")},children:"copy"}),(0,U.jsx)("textarea",{readOnly:!0,value:N})]}))}))},82334:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>C});var O=y(9420),v=(y(87363),y(81457)),x=y(47514);const C=(0,O.Pi)((function index(r){var m=(0,x.jsx)(v.default,{curBox:r.curBox,isExpanded:r.isExpanded,state:r.selectedJson});return(0,x.jsx)("div",{children:m})}))},70685:(r,m,y)=>{"use strict";y.r(m),y.d(m,{default:()=>j});var O=y(80248),v=y(88291),x=(y(87363),y(9420)),C=y(72072),w=y(82334),T=y(47514);function ownKeys(r,m){var y=Object.keys(r);if(Object.getOwnPropertySymbols){var O=Object.getOwnPropertySymbols(r);m&&(O=O.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),y.push.apply(y,O)}return y}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var y=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(y),!0).forEach((function(m){(0,O.Z)(r,m,y[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(y)):ownKeys(Object(y)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(y,m))}))}return r}const j=(0,x.Pi)((function SVGAnalyser(r){var m=Object.assign({},((0,v.Z)(r),r));return(0,T.jsx)(C.default,_objectSpread(_objectSpread({},m),{},{className:m.className,ChildComponent:w.default,settings:[{key:"before",name:"SVG vor stretch"},{key:"after",name:"SVG nach stretch"}],title:"SVG Übersicht"}))}))},6521:(r,m,y)=>{"use strict";y.d(m,{EU:()=>w,ZP:()=>T});var O=y(8081),v=y.n(O),x=y(23645),C=y.n(x)()(v());C.push([r.id,".index-module--orfU0 {\n  margin-left: 50px;\n  color: rgba(255,255,255,0.42353);\n  height: 100vh;\n}\n.index-module--ZQXRQ {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  background-color: rgb(28, 32, 35);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  gap: 10px;\n}\n.index-module--zMMBL {\n  width: 20%;\n  border-bottom: 1px solid;\n}\n.index-module--fJfHX {\n  width: 50px;\n  height: 50px;\n}\n.index-module--orfU0 textarea {\n  background-color: rgb(28, 32, 35);\n  color: white;\n  width: 97.7%;\n  height: 100%;\n  padding-top: 2%;\n  padding-left: 2%;\n  overflow: auto;\n}\n.index-module--orfU0 .index-module--kwewQ {\n  max-height: 62.1%;\n  transition: max-height 0.5s;\n}\n\n.index-module--UVkGx {\n  color: black !important;\n}\n\n.index-module--UVkGx {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--ZQXRQ img {\n  height: 50px;\n  width: 50px;\n}\n.index-module--ZQXRQ tbody {\n  height: 100%;\n  vertical-align: top;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.index-module--ZQXRQ tr th {\n  width: 4%;\n}\n.index-module--ZQXRQ tr th:last-child {\n  width: 90px;\n}\n.index-module--ZQXRQ thead {\n  border-bottom: 1px solid white;\n}\n.index-module--ZQXRQ tbody th {\n  width: 23px;\n  table-layout: fixed;\n  line-break: anywhere;\n  font-size: 15px;\n}\n.index-module--ZQXRQ tbody th:nth-child(1) {\n  width: 35px;\n}\n.index-module--ZQXRQ tbody th:last-child {\n  width: 890px;\n  font-size: 9px;\n}\n.index-module--iJwMt {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--cSh30 {\n  top: 10px;\n  width: 47.6%;\n  text-align: center;\n  color: black;\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--BpST3 {\n  position: absolute;\n  top: 286px;\n  width: 100%;\n}\n",""]);var w="index-module--orfU0";const T=C},88291:(r,m,y)=>{"use strict";function _objectDestructuringEmpty(r){if(null==r)throw new TypeError("Cannot destructure "+r)}y.d(m,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3513.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3513,1139],{91139:(t,i,r)=>{r.r(i),r.d(i,{default:()=>K});var o=r(80248),a=r(72874),l=r(9420),d=r(20640),u=r(87363),c=r(88683),m=r(93379),p=r.n(m),x=r(7795),h=r.n(x),v=r(90569),g=r.n(v),y=r(3565),b=r.n(y),w=r(19216),j=r.n(w),P=r(44589),S=r.n(P),I=r(96193),N={};N.styleTagTransform=S(),N.setAttributes=b(),N.insert=g().bind(null,"head"),N.domAPI=h(),N.insertStyleElement=j();p()(I.ZP,N);I.ZP&&I.ZP.locals&&I.ZP.locals;var _=r(65515),k=r.n(_),C=r(47514),O=["isInScroller","item","doShowFilter"];function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const K=(0,l.Pi)((function Seachbar(t){var i=t.isInScroller,r=t.item,o=t.doShowFilter,l=(0,a.Z)(t,O),m=(0,d.NP)(),p=(0,c.useTranslation)().t,x=(0,u.useRef)(null);return(0,u.useEffect)((function(){var t=m.settingsState.itemPalettes.get(r.id);(null==t?void 0:t.configStepKey)===r.configStepKey&&m.settingsState.updateItemPalette(t.id,_objectSpread(_objectSpread({},t),{},{htmlInputElement:x.current}))}),[x]),(0,C.jsx)("form",{autoComplete:"off",onSubmit:function onSubmit(t){return t.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,C.jsx)("input",_objectSpread(_objectSpread({},l),{},{ref:x,className:k()(I.Xx,o?void 0:I.Gp,m.uiState.configSettingsIsExpanded?I._F:void 0,m.uiState.configSettingsIsMaxExpanded?I.Hj:void 0,i?I.Nb:void 0),autoComplete:"off",value:r.searchText,onKeyUp:function onKeyUp(t){return function filterFreeTextChanged(t,i){""!==t?m.settingsState.onAllGroups(i,!1):m.paletteViewHandler.isGroupFolded(r.id)&&m.settingsState.onAllGroups(i,!0),m.paletteViewHandler.onSearchTextChanged(t,i)}(t.target.value,r.id)},placeholder:p("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar"}))})}))},73513:(t,i,r)=>{r.r(i),r.d(i,{default:()=>A});var o=r(34988),a=r(65515),l=r.n(a),d=r(9420),u=r(87363),c=r(10304),m=r(59675),p=r(93379),x=r.n(p),h=r(7795),v=r.n(h),g=r(90569),y=r.n(g),b=r(3565),w=r.n(b),j=r(19216),P=r.n(j),S=r(44589),I=r.n(S),N=r(15285),_={};_.styleTagTransform=I(),_.setAttributes=w(),_.insert=y().bind(null,"head"),_.domAPI=v(),_.insertStyleElement=P();x()(N.ZP,_);N.ZP&&N.ZP.locals&&N.ZP.locals;var k=r(91139),C=r(5745),O=r(58391),K=r(27853),L=r(47514);function _createForOfIteratorHelper(t,i){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function _unsupportedIterableToArray(t,i){if(t){if("string"==typeof t)return _arrayLikeToArray(t,i);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,i):void 0}}(t))||i&&t&&"number"==typeof t.length){r&&(t=r);var o=0,a=function F(){};return{s:a,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,d=!0,u=!1;return{s:function s(){r=r.call(t)},n:function n(){var t=r.next();return d=t.done,t},e:function e(t){u=!0,l=t},f:function f(){try{d||null==r.return||r.return()}finally{if(u)throw l}}}}function _arrayLikeToArray(t,i){(null==i||i>t.length)&&(i=t.length);for(var r=0,o=Array(i);r<i;r++)o[r]=t[r];return o}const A=(0,d.Pi)((function GroupDropdown(t){var i,r,a,d,p=t.filteredGroups,x=t.PaletteComponent,h=t.id,v=t.item,g=t.showSearchBar,y=t.contentInnerClassName,b=(0,u.useState)(null),w=(0,o.Z)(b,2),j=w[0],P=w[1],S=[],I=-1,_=-1,A=-1,T=!1,Z="---";if(p[0]&&null!==(i=p[0])&&void 0!==i&&null!==(i=i.items)&&void 0!==i&&i[0]){var R;(null===(R=p[0])||void 0===R||null===(R=R.items)||void 0===R?void 0:R[0]).parentName&&(T=!0);for(var G=function _loop(){var t=p[H];d||(d=t.items.find((function(t){return t.sel})),d&&(I=H));var i=t.items[0];if(T){var r=S.find((function(t){return t.key==i.parentName}));r||(r={type:"group",key:i.parentName,name:(0,L.jsxs)("div",{className:N.Kj,children:[(0,L.jsx)("div",{className:l()(N.fL,i.pricePreviewPromise?N.w8:void 0),dangerouslySetInnerHTML:{__html:i.parentName}}),void 0!==i.pricePreviewPromise&&(0,L.jsx)(K.default,{asyncPricePreview:i.pricePreviewPromise})]}),items:[]},S.push(r)),r.items.push({label:(0,L.jsx)("div",{className:N.Kj,children:(0,L.jsx)("div",{className:l()(N.fL,i.pricePreviewPromise?N.w8:void 0),dangerouslySetInnerHTML:{__html:t.name}})}),value:t.name}),I==H&&(_=r.items.length-1,I=S.findIndex((function(t){return t.key==i.parentName})))}else S.push({label:(0,L.jsxs)("div",{className:N.Kj,children:[(0,L.jsx)("div",{className:l()(N.fL,i.pricePreviewPromise?N.w8:void 0),dangerouslySetInnerHTML:{__html:t.name}}),void 0!==i.pricePreviewPromise&&(0,L.jsx)(K.default,{asyncPricePreview:i.pricePreviewPromise})]}),value:t.name})},H=0;H<p.length;H++)G();if(A=I,j&&(A=p.findIndex((function(t){return t.name==j}))),v.currentItemsFilter)Z="---";else if(j)Z=j;else{var E;if(null!==(E=S[I])&&void 0!==E&&E.label)Z={label:(0,L.jsx)("div",{className:N.Kj,children:(0,L.jsx)("div",{className:N.fL,dangerouslySetInnerHTML:{__html:S[I].value}})}),value:S[I].value},A=I;else if(I>=0){var U,W=null===(U=S[I])||void 0===U||null===(U=U.items)||void 0===U?void 0:U[_];Z={label:(0,L.jsx)("div",{className:N.Kj,children:(0,L.jsx)("div",{className:N.fL,dangerouslySetInnerHTML:{__html:W.value}})}),value:W.value};for(var z=_,M=0;M<S.length&&M<I;M++)z+=S[M].items.length;A=z}}}var D,V=[],J=_createForOfIteratorHelper(p);try{for(J.s();!(D=J.n()).done;){var B,Y=_createForOfIteratorHelper(D.value.items);try{for(Y.s();!(B=Y.n()).done;){var X=B.value;V.push(X)}}catch(t){Y.e(t)}finally{Y.f()}}}catch(t){J.e(t)}finally{J.f()}var Q=v.currentItemsFilter?V:null===(r=p[A])||void 0===r?void 0:r.items;return(0,L.jsxs)(L.Fragment,{children:[g&&(0,L.jsx)(k.default,{doShowFilter:!0,style:{margin:"6px 2px 6px 0px",width:"calc(100% - 10px)",maxWidth:"unset",border:"1px solid lightgrey"},isInScroller:!1,item:v}),(0,L.jsxs)("div",{className:N.nC,children:[(0,L.jsxs)("div",{className:N.O7,children:[(0,L.jsx)("div",{className:N.eR,children:(0,L.jsx)(m.default,{id:h,dropdownRootClass:N.oF})}),(null===(a=p[A])||void 0===a?void 0:a.contentItemId)&&(0,L.jsx)(O.default,{item:p[A],style:{zIndex:100,top:"unset",left:"unset",position:"relative"}},p[A].key),(0,L.jsx)("div",{className:N.eR,children:(0,L.jsx)(c.Z,{className:l()(N.oF),controlClassName:N.x_,options:S,value:Z,onChange:function onGroupSel(t){var i;null===(i=v.deleteCurFilter)||void 0===i||i.call(v),P(t.value)},menuClassName:N.Kh,arrowClosed:(0,L.jsx)(C.default,{open:!1}),arrowOpen:(0,L.jsx)(C.default,{open:!0})})})]}),(0,L.jsx)("div",{className:y,children:null==Q?void 0:Q.map((function(t,i){return(0,L.jsx)(x,{paletteId:h,item:t,hidePricePreview:!0},i)}))})]})]})}))},96193:(t,i,r)=>{r.d(i,{Gp:()=>x,Hj:()=>p,Nb:()=>c,Xx:()=>u,ZP:()=>h,_F:()=>m});var o=r(8081),a=r.n(o),l=r(23645),d=r.n(l)()(a());d.push([t.id,"/*SearchFilter*/\n\n.index-module--rVLUK {\n  width: 96px;\n  margin-right: 12px;\n  font-size: 14.4px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n\n  transition: width 0.2s ease;\n  max-width: 240px;\n}\n\n.index-module--iFAfh.index-module--elYJb,\n.index-module--iFAfh.index-module--radk0 {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--elYJb,\n.index-module--radk0 {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--rVLUK:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n@media all and (max-width: 1350px) and (orientation: landscape), all and (max-width: 1350px) and (min-width: 801px) and (orientation: portrait) {\n  .index-module--elYJb,\n  .index-module--radk0 {\n    display: block;\n  }\n}\n\n.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n",""]);var u="index-module--rVLUK",c="index-module--iFAfh",m="index-module--elYJb",p="index-module--radk0",x="index-module--ljh7V";const h=d},15285:(t,i,r)=>{r.d(i,{Kh:()=>p,Kj:()=>v,O7:()=>x,ZP:()=>b,eR:()=>h,fL:()=>g,nC:()=>u,oF:()=>c,w8:()=>y,x_:()=>m});var o=r(8081),a=r.n(o),l=r(23645),d=r.n(l)()(a());d.push([t.id,".index-module--NmcGW {\n  display: inline-block;\n  width: 100%;\n}\n.index-module--NmcGW .index-module--huzmx {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--NmcGW .index-module--KIWOS {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 52px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n.index-module--NmcGW .index-module--CbNU9 {\n  max-height: 400px !important;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n}\n\n.index-module--Knibb {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n  justify-content: space-between;\n  align-items: center;\n  --infoIconSize: 24px;\n}\n.index-module--MeRLg {\n  width: calc(50% - 32px);\n  margin: 3px;\n}\n\n.index-module--migv4 {\n  width: 100%;\n  position: relative;\n}\n\n.index-module--ZJtCs {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--Rcf58 {\n  padding-right: 64px;\n}\n",""]);var u="index-module--NmcGW",c="index-module--huzmx",m="index-module--KIWOS",p="index-module--CbNU9",x="index-module--Knibb",h="index-module--MeRLg",v="index-module--migv4",g="index-module--ZJtCs",y="index-module--Rcf58";const b=d}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3513,1139],{91139:(t,i,r)=>{r.r(i),r.d(i,{default:()=>K});var o=r(80248),a=r(72874),l=r(9420),d=r(4820),u=r(87363),c=r(88683),m=r(93379),p=r.n(m),x=r(7795),h=r.n(x),v=r(90569),g=r.n(v),y=r(3565),b=r.n(y),w=r(19216),j=r.n(w),P=r(44589),S=r.n(P),I=r(96193),N={};N.styleTagTransform=S(),N.setAttributes=b(),N.insert=g().bind(null,"head"),N.domAPI=h(),N.insertStyleElement=j();p()(I.ZP,N);I.ZP&&I.ZP.locals&&I.ZP.locals;var _=r(65515),k=r.n(_),C=r(47514),O=["isInScroller","item","doShowFilter"];function ownKeys(t,i){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);i&&(o=o.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),r.push.apply(r,o)}return r}function _objectSpread(t){for(var i=1;i<arguments.length;i++){var r=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(r),!0).forEach((function(i){(0,o.Z)(t,i,r[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(r,i))}))}return t}const K=(0,l.Pi)((function Seachbar(t){var i=t.isInScroller,r=t.item,o=t.doShowFilter,l=(0,a.Z)(t,O),m=(0,d.NP)(),p=(0,c.useTranslation)().t,x=(0,u.useRef)(null);return(0,u.useEffect)((function(){var t=m.settingsState.itemPalettes.get(r.id);(null==t?void 0:t.configStepKey)===r.configStepKey&&m.settingsState.updateItemPalette(t.id,_objectSpread(_objectSpread({},t),{},{htmlInputElement:x.current}))}),[x]),(0,C.jsx)("form",{autoComplete:"off",onSubmit:function onSubmit(t){return t.preventDefault()},style:{height:"fit-content",marginBottom:0},children:(0,C.jsx)("input",_objectSpread(_objectSpread({},l),{},{ref:x,className:k()(I.Xx,o?void 0:I.Gp,m.uiState.configSettingsIsExpanded?I._F:void 0,m.uiState.configSettingsIsMaxExpanded?I.Hj:void 0,i?I.Nb:void 0),autoComplete:"off",value:r.searchText,onKeyUp:function onKeyUp(t){return function filterFreeTextChanged(t,i){""!==t?m.settingsState.onAllGroups(i,!1):m.paletteViewHandler.isGroupFolded(r.id)&&m.settingsState.onAllGroups(i,!0),m.paletteViewHandler.onSearchTextChanged(t,i)}(t.target.value,r.id)},placeholder:p("configurator.QUICKFILTER"),type:"text","data-test-id":"plannerSearchbar"}))})}))},73513:(t,i,r)=>{r.r(i),r.d(i,{default:()=>A});var o=r(34988),a=r(65515),l=r.n(a),d=r(9420),u=r(87363),c=r(10304),m=r(59675),p=r(93379),x=r.n(p),h=r(7795),v=r.n(h),g=r(90569),y=r.n(g),b=r(3565),w=r.n(b),j=r(19216),P=r.n(j),S=r(44589),I=r.n(S),N=r(15285),_={};_.styleTagTransform=I(),_.setAttributes=w(),_.insert=y().bind(null,"head"),_.domAPI=v(),_.insertStyleElement=P();x()(N.ZP,_);N.ZP&&N.ZP.locals&&N.ZP.locals;var k=r(91139),C=r(5745),O=r(58391),K=r(27853),L=r(47514);function _createForOfIteratorHelper(t,i){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=function _unsupportedIterableToArray(t,i){if(t){if("string"==typeof t)return _arrayLikeToArray(t,i);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,i):void 0}}(t))||i&&t&&"number"==typeof t.length){r&&(t=r);var o=0,a=function F(){};return{s:a,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,d=!0,u=!1;return{s:function s(){r=r.call(t)},n:function n(){var t=r.next();return d=t.done,t},e:function e(t){u=!0,l=t},f:function f(){try{d||null==r.return||r.return()}finally{if(u)throw l}}}}function _arrayLikeToArray(t,i){(null==i||i>t.length)&&(i=t.length);for(var r=0,o=Array(i);r<i;r++)o[r]=t[r];return o}const A=(0,d.Pi)((function GroupDropdown(t){var i,r,a,d,p=t.filteredGroups,x=t.PaletteComponent,h=t.id,v=t.item,g=t.showSearchBar,y=t.contentInnerClassName,b=(0,u.useState)(null),w=(0,o.Z)(b,2),j=w[0],P=w[1],S=[],I=-1,_=-1,A=-1,T=!1,Z="---";if(p[0]&&null!==(i=p[0])&&void 0!==i&&null!==(i=i.items)&&void 0!==i&&i[0]){var R;(null===(R=p[0])||void 0===R||null===(R=R.items)||void 0===R?void 0:R[0]).parentName&&(T=!0);for(var G=function _loop(){var t=p[H];d||(d=t.items.find((function(t){return t.sel})),d&&(I=H));var i=t.items[0];if(T){var r=S.find((function(t){return t.key==i.parentName}));r||(r={type:"group",key:i.parentName,name:(0,L.jsxs)("div",{className:N.Kj,children:[(0,L.jsx)("div",{className:l()(N.fL,i.pricePreviewPromise?N.w8:void 0),dangerouslySetInnerHTML:{__html:i.parentName}}),void 0!==i.pricePreviewPromise&&(0,L.jsx)(K.default,{asyncPricePreview:i.pricePreviewPromise})]}),items:[]},S.push(r)),r.items.push({label:(0,L.jsx)("div",{className:N.Kj,children:(0,L.jsx)("div",{className:l()(N.fL,i.pricePreviewPromise?N.w8:void 0),dangerouslySetInnerHTML:{__html:t.name}})}),value:t.name}),I==H&&(_=r.items.length-1,I=S.findIndex((function(t){return t.key==i.parentName})))}else S.push({label:(0,L.jsxs)("div",{className:N.Kj,children:[(0,L.jsx)("div",{className:l()(N.fL,i.pricePreviewPromise?N.w8:void 0),dangerouslySetInnerHTML:{__html:t.name}}),void 0!==i.pricePreviewPromise&&(0,L.jsx)(K.default,{asyncPricePreview:i.pricePreviewPromise})]}),value:t.name})},H=0;H<p.length;H++)G();if(A=I,j&&(A=p.findIndex((function(t){return t.name==j}))),v.currentItemsFilter)Z="---";else if(j)Z=j;else{var E;if(null!==(E=S[I])&&void 0!==E&&E.label)Z={label:(0,L.jsx)("div",{className:N.Kj,children:(0,L.jsx)("div",{className:N.fL,dangerouslySetInnerHTML:{__html:S[I].value}})}),value:S[I].value},A=I;else if(I>=0){var U,W=null===(U=S[I])||void 0===U||null===(U=U.items)||void 0===U?void 0:U[_];Z={label:(0,L.jsx)("div",{className:N.Kj,children:(0,L.jsx)("div",{className:N.fL,dangerouslySetInnerHTML:{__html:W.value}})}),value:W.value};for(var z=_,M=0;M<S.length&&M<I;M++)z+=S[M].items.length;A=z}}}var D,V=[],J=_createForOfIteratorHelper(p);try{for(J.s();!(D=J.n()).done;){var B,Y=_createForOfIteratorHelper(D.value.items);try{for(Y.s();!(B=Y.n()).done;){var X=B.value;V.push(X)}}catch(t){Y.e(t)}finally{Y.f()}}}catch(t){J.e(t)}finally{J.f()}var Q=v.currentItemsFilter?V:null===(r=p[A])||void 0===r?void 0:r.items;return(0,L.jsxs)(L.Fragment,{children:[g&&(0,L.jsx)(k.default,{doShowFilter:!0,style:{margin:"6px 2px 6px 0px",width:"calc(100% - 10px)",maxWidth:"unset",border:"1px solid lightgrey"},isInScroller:!1,item:v}),(0,L.jsxs)("div",{className:N.nC,children:[(0,L.jsxs)("div",{className:N.O7,children:[(0,L.jsx)("div",{className:N.eR,children:(0,L.jsx)(m.default,{id:h,dropdownRootClass:N.oF})}),(null===(a=p[A])||void 0===a?void 0:a.contentItemId)&&(0,L.jsx)(O.default,{item:p[A],style:{zIndex:100,top:"unset",left:"unset",position:"relative"}},p[A].key),(0,L.jsx)("div",{className:N.eR,children:(0,L.jsx)(c.Z,{className:l()(N.oF),controlClassName:N.x_,options:S,value:Z,onChange:function onGroupSel(t){var i;null===(i=v.deleteCurFilter)||void 0===i||i.call(v),P(t.value)},menuClassName:N.Kh,arrowClosed:(0,L.jsx)(C.default,{open:!1}),arrowOpen:(0,L.jsx)(C.default,{open:!0})})})]}),(0,L.jsx)("div",{className:y,children:null==Q?void 0:Q.map((function(t,i){return(0,L.jsx)(x,{paletteId:h,item:t,hidePricePreview:!0},i)}))})]})]})}))},96193:(t,i,r)=>{r.d(i,{Gp:()=>x,Hj:()=>p,Nb:()=>c,Xx:()=>u,ZP:()=>h,_F:()=>m});var o=r(8081),a=r.n(o),l=r(23645),d=r.n(l)()(a());d.push([t.id,"/*SearchFilter*/\n\n.index-module--rVLUK {\n  width: 96px;\n  margin-right: 12px;\n  font-size: 14.4px;\n  line-height: 20.8px;\n  border-radius: var(--globalBorderRadius);\n  border: none;\n  float: right;\n  color: var(--secondaryColor);\n  transition: 0.35s ease;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n\n  transition: width 0.2s ease;\n  max-width: 240px;\n}\n\n.index-module--iFAfh.index-module--elYJb,\n.index-module--iFAfh.index-module--radk0 {\n  display: block;\n  line-height: 20.8px;\n  width: 100%;\n  max-width: 192px;\n  padding-left: 1.1em;\n}\n\n.index-module--elYJb,\n.index-module--radk0 {\n  width: 160px;\n  margin-right: 48px;\n  line-height: 27.2px;\n  font-size: 17px;\n}\n\n.index-module--rVLUK:focus {\n  outline: medium none invert;\n  outline: initial;\n}\n\n@media all and (max-width: 1350px) and (orientation: landscape), all and (max-width: 1350px) and (min-width: 801px) and (orientation: portrait) {\n  .index-module--elYJb,\n  .index-module--radk0 {\n    display: block;\n  }\n}\n\n.index-module--iFAfh.index-module--rVLUK.index-module--ljh7V {\n  height: 25.6px;\n  display: block;\n  margin-right: 0px;\n}\n",""]);var u="index-module--rVLUK",c="index-module--iFAfh",m="index-module--elYJb",p="index-module--radk0",x="index-module--ljh7V";const h=d},15285:(t,i,r)=>{r.d(i,{Kh:()=>p,Kj:()=>v,O7:()=>x,ZP:()=>b,eR:()=>h,fL:()=>g,nC:()=>u,oF:()=>c,w8:()=>y,x_:()=>m});var o=r(8081),a=r.n(o),l=r(23645),d=r.n(l)()(a());d.push([t.id,".index-module--NmcGW {\n  display: inline-block;\n  width: 100%;\n}\n.index-module--NmcGW .index-module--huzmx {\n  box-shadow: var(--boxShadowHover);\n}\n\n.index-module--NmcGW .index-module--KIWOS {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 52px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n}\n.index-module--NmcGW .index-module--CbNU9 {\n  max-height: 400px !important;\n  width: -moz-fit-content !important;\n  width: fit-content !important;\n}\n\n.index-module--Knibb {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n  justify-content: space-between;\n  align-items: center;\n  --infoIconSize: 24px;\n}\n.index-module--MeRLg {\n  width: calc(50% - 32px);\n  margin: 3px;\n}\n\n.index-module--migv4 {\n  width: 100%;\n  position: relative;\n}\n\n.index-module--ZJtCs {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.index-module--Rcf58 {\n  padding-right: 64px;\n}\n",""]);var u="index-module--NmcGW",c="index-module--huzmx",m="index-module--KIWOS",p="index-module--CbNU9",x="index-module--Knibb",h="index-module--MeRLg",v="index-module--migv4",g="index-module--ZJtCs",y="index-module--Rcf58";const b=d}}]);