@crystaldesign/diva-web-planner-react 25.5.0-beta.15 → 25.5.0-beta.17

package/build/umd/2122.diva-web-planner-react.umd.min.js.LICENSE.txt

@@ -1,5 +1,14 @@
 /*! filename:2122 */
 
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 /** @license React v17.0.2
  * react-is.production.min.js
  *

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2357.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2357,1336,9229,9214,6108],{21336:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(34988),r=t(88683),o=t(93379),s=t.n(o),a=t(7795),l=t.n(a),d=t(90569),c=t.n(d),u=t(3565),x=t.n(u),p=t(19216),m=t.n(p),f=t(44589),C=t.n(f),h=t(23240),g={};g.styleTagTransform=C(),g.setAttributes=x(),g.insert=c().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=m();s()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=t(87363),v=t(53185),P=t(65515),j=t.n(P),w=t(9420),y=t(47514),O=t(25108);const S=(0,w.Pi)((function InfoIcon(e){var n,t,o,s=e.item,a=e.style,l=((0,r.useDivaCore)().state.theme.palette,(0,v.NP)()),d=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),p=x[0],m=x[1],f=s.sel||p;if((0,b.useEffect)((function(){var e=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==d&&c==l.settingsState.clickedFrom;"OPVTTFK_350"==s.codex&&O.log("hallo"),!e&&p&&m(!1),e&&!p&&m(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!s)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!s.op||null===(e=l.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||f}()?(0,y.jsx)("div",{className:h.um,onClick:function onClick(e){l.settingsState.onClickContentItemId(d,c),m(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==d),e.stopPropagation()},style:a,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:j()(h.hv,f?void 0:h.al,p?h.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:h.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:h.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:j()(h.dA,f?h.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,{})}))},19229:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),r=t(53185),o=t(87363),s=t(93379),a=t.n(s),l=t(7795),d=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),C=t(44589),h=t.n(C),g=t(84887),b={};b.styleTagTransform=h(),b.setAttributes=p(),b.insert=u().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=f();a()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var v=t(47514);const P=function MetaData(e){var n=e.style,t=e.metaData,s=e.visible,a=void 0===s?(0,o.useState)(""):s,l=(0,i.Z)(a,2),d=l[0],c=l[1],u=(0,r.NP)(),x=(0,o.useState)(""),p=(0,i.Z)(x,2),m=p[0],f=p[1],C=u.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==C?void 0:C.includes(e.codex)}));return(0,o.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var r=null==t?void 0:t.find((function(e){return e.codex===C[i]}));if(!r)return 1;""!==e&&(e+=" "),e=e+(r.name?r.name+": ":"")+r.values[n]},r=0;r<C.length;r++)i(r)}f(e),c(e)}}),[]),d?(0,v.jsx)("div",{style:n,className:g.B,children:m}):(0,v.jsx)(v.Fragment,{})}},59214:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(80248),r=t(87363),o=t(93379),s=t.n(o),a=t(7795),l=t.n(a),d=t(90569),c=t.n(d),u=t(3565),x=t.n(u),p=t(19216),m=t.n(p),f=t(44589),C=t.n(f),h=t(8907),g={};g.styleTagTransform=C(),g.setAttributes=x(),g.insert=c().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=m();s()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=t(74530),v=t(53185),P=t(88683),j=t(65515),w=t.n(j),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 O=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,y.jsx)(y.Fragment,{})},S=function AsyncRender2(e){var n,t,i=use(e.asyncPricePreview);switch((0,v.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 Z=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,o=e.style,s=e.price,a=e.sel,l=(0,P.useDivaCore)().state,d=l.hidePrices,c=l.hideConfigPricePreview,u=(0,v.NP)();return d||"off"==u.productState.pricePreview?(0,y.jsx)(y.Fragment,{}):s?(0,y.jsx)("div",{className:w()(h.aH,"left"==i?h.t$:h.F2),style:o,children:b.ZP.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},b.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):c||"fromCurrentPriceHideCurrent"==u.productState.pricePreview&&a?(0,y.jsx)(y.Fragment,{}):n?(0,y.jsx)(r.Suspense,{fallback:(0,y.jsx)(y.Fragment,{}),children:(0,y.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,y.jsx)("div",{className:w()(h.aH,"left"==i?h.t$:h.F2),style:o,children:(0,y.jsx)(r.Suspense,{fallback:(0,y.jsx)("div",{className:h._m}),children:(0,y.jsx)(S,{asyncPricePreview:n.promise})})})})}):(0,y.jsx)(y.Fragment,{})}},76108:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(80248),r=(t(87363),t(93379)),o=t.n(r),s=t(7795),a=t.n(s),l=t(90569),d=t.n(l),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),C=t(23327),h={};h.styleTagTransform=f(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=p();o()(C.ZP,h);C.ZP&&C.ZP.locals&&C.ZP.locals;var g=t(88683),b=t(59214),v=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 P=function GenericToolTip(e){var n,t=e.image,i=e.text,r=e.desciption,o=e.codex,s=e.hexColor,a=e.layerProps,l=e.pricePreviewPromise,d=null==t?void 0:t.replace("_gal","").replace("_low",""),c=(0,g.useDivaCore)().state.theme;return(0,v.jsxs)("div",_objectSpread(_objectSpread({className:C.Cu},a),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==c||null===(n=c.typography)||void 0===n?void 0:n.fontFamily}),a.style),children:[d?(0,v.jsx)("img",{src:d,alt:i}):s?(0,v.jsx)("div",{className:C.CO,style:{backgroundColor:"#"+s}}):(0,v.jsx)(v.Fragment,{}),(0,v.jsx)("div",{className:C.Y7,dangerouslySetInnerHTML:{__html:i}}),r&&(0,v.jsx)("div",{className:C._W,children:r}),o&&(0,v.jsx)("div",{className:C._W,children:o}),void 0!==l&&(0,v.jsx)(b.default,{asyncPricePreview:l})]}))}},72357:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var i=t(80248),r=t(34988),o=t(65515),s=t.n(o),a=t(53185),l=t(9420),d=t(87363),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),m=t(90569),f=t.n(m),C=t(3565),h=t.n(C),g=t(19216),b=t.n(g),v=t(44589),P=t.n(v),j=t(65655),w={};w.styleTagTransform=P(),w.setAttributes=h(),w.insert=f().bind(null,"head"),w.domAPI=p(),w.insertStyleElement=b();u()(j.ZP,w);j.ZP&&j.ZP.locals&&j.ZP.locals;var y=t(88683),O=t(46770),S=t(19229),Z=t(76108),k=t(59214),F=t(21336),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 _=(0,l.Pi)((function ShelfAccessoires(e){var n,t=e.item,i=(e.grids,e.sel),o=(0,a.NP)(),l=(0,y.useDivaCore)().state,c=l.hidePrices,u=l.dimensions,x=u.isMobile,p=u.isTablet,m=(0,d.useState)(""),f=(0,r.Z)(m,2),C=f[0],h=f[1],g={},b={},v=void 0,P=!1,w={},_=(0,O.XI)({delayEnter:1e3,hideOnScroll:!0}),D=(0,O.sJ)({isOpen:_[0],auto:!0,placement:o.getViewConfig().tooltipPosition||"left-center"});x||p||o.getViewConfig().hideTooltip||(P=_[0],w=_[1],g=D.triggerProps,b=D.layerProps,v=D.renderLayer);var N=t.name;return(0,I.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:t.articleCodex,className:s()(j.nC,i?j.pA:void 0),onClick:function onClick(){return o.paletteViewHandler.selectShelfAccessorie(t.articleCodex)}},g),w),{},{children:[(0,I.jsx)("img",{style:{maxHeight:o.settingsState.settingsWidth/3},src:t.image}),(0,I.jsxs)("div",{className:j.jW,children:[(0,I.jsx)("div",{className:s()(j.TN),dangerouslySetInnerHTML:{__html:N}}),(0,I.jsx)(S.default,{metaData:t.metaData,visible:[C,h]},t.articleCodex),!c&&!!t.price&&(0,I.jsx)(k.default,{price:t.price,style:{paddingTop:6}}),t.contentItemId&&(0,I.jsx)(F.default,{item:t,style:{top:6,right:6}},t.articleCodex)]}),P&&(null===(n=v)||void 0===n?void 0:n((0,I.jsx)(Z.default,{text:t.name,desciption:C,image:t.image,codex:t.articleCodex,layerProps:b},t.articleCodex)))]}))}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>p,dA:()=>d,fL:()=>x,hv:()=>l,um:()=>a});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 a="index-module--CjCgr",l="index-module--C9QBx",d="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",p="index-module--oBSZj";const m=s},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>l});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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 a="index-module--hpPAb";const l=s},8907:(e,n,t)=>{t.d(n,{F2:()=>d,ZP:()=>u,_m:()=>c,aH:()=>a,t$:()=>l});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 a="index-module--bVDuL",l="index-module--zI2ES",d="index-module--kN6Sz",c="index-module--POmA7";const u=s},23327:(e,n,t)=>{t.d(n,{CO:()=>l,Cu:()=>a,Y7:()=>d,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 a="index-module--gs4wQ",l="index-module--wxTxh",d="index-module--f37Xh",c="index-module--dHh9T";const u=s},65655:(e,n,t)=>{t.d(n,{TN:()=>c,ZP:()=>u,jW:()=>d,nC:()=>a,pA:()=>l});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--E9hMP {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n  border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ASP_j {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--xrQ6L {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n",""]);var a="index-module--E9hMP",l="index-module--zq_sk",d="index-module--ASP_j",c="index-module--xrQ6L";const u=s}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2357,1336,9229,9214,6108],{21336:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(34988),r=t(88683),o=t(93379),s=t.n(o),a=t(7795),l=t.n(a),d=t(90569),c=t.n(d),u=t(3565),x=t.n(u),p=t(19216),m=t.n(p),f=t(44589),C=t.n(f),h=t(23240),g={};g.styleTagTransform=C(),g.setAttributes=x(),g.insert=c().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=m();s()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=t(87363),v=t(53185),P=t(65515),j=t.n(P),w=t(9420),y=t(47514),O=t(25108);const S=(0,w.Pi)((function InfoIcon(e){var n,t,o,s=e.item,a=e.style,l=((0,r.useDivaCore)().state.theme.palette,(0,v.NP)()),d=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),p=x[0],m=x[1],f=s.sel||p;if((0,b.useEffect)((function(){var e=l.settingsState.contentItemVisible&&l.settingsState.contentItemId==d&&c==l.settingsState.clickedFrom;"OPVTTFK_350"==s.codex&&O.log("hallo"),!e&&p&&m(!1),e&&!p&&m(!0)}),[l.settingsState.contentItemVisible,l.settingsState.contentItemId,l.settingsState.clickedFrom]),!s)throw new Error("item for infoIcon not defined");return function showIcon(){var e;return!s.op||null===(e=l.uiState.ViewConfig.infoIconSettings)||void 0===e||!e.onlyShowSelectedOPV||f}()?(0,y.jsx)("div",{className:h.um,onClick:function onClick(e){l.settingsState.onClickContentItemId(d,c),m(l.settingsState.contentItemVisible&&l.settingsState.contentItemId==d),e.stopPropagation()},style:a,children:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:j()(h.hv,f?void 0:h.al,p?h.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:h.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:h.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:j()(h.dA,f?h.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,{})}))},19229:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),r=t(53185),o=t(87363),s=t(93379),a=t.n(s),l=t(7795),d=t.n(l),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),m=t(19216),f=t.n(m),C=t(44589),h=t.n(C),g=t(84887),b={};b.styleTagTransform=h(),b.setAttributes=p(),b.insert=u().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=f();a()(g.Z,b);g.Z&&g.Z.locals&&g.Z.locals;var v=t(47514);const P=function MetaData(e){var n=e.style,t=e.metaData,s=e.visible,a=void 0===s?(0,o.useState)(""):s,l=(0,i.Z)(a,2),d=l[0],c=l[1],u=(0,r.NP)(),x=(0,o.useState)(""),p=(0,i.Z)(x,2),m=p[0],f=p[1],C=u.getViewConfig().displayMetaDatas,h=null==t?void 0:t.find((function(e){return null==C?void 0:C.includes(e.codex)}));return(0,o.useEffect)((function(){if(h){for(var e="",n=0;n<h.values.length;n++){""!==e&&(e+=", ");for(var i=function _loop(i){var r=null==t?void 0:t.find((function(e){return e.codex===C[i]}));if(!r)return 1;""!==e&&(e+=" "),e=e+(r.name?r.name+": ":"")+r.values[n]},r=0;r<C.length;r++)i(r)}f(e),c(e)}}),[]),d?(0,v.jsx)("div",{style:n,className:g.B,children:m}):(0,v.jsx)(v.Fragment,{})}},59214:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Z});var i=t(80248),r=t(87363),o=t(93379),s=t.n(o),a=t(7795),l=t.n(a),d=t(90569),c=t.n(d),u=t(3565),x=t.n(u),p=t(19216),m=t.n(p),f=t(44589),C=t.n(f),h=t(8907),g={};g.styleTagTransform=C(),g.setAttributes=x(),g.insert=c().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=m();s()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var b=t(17868),v=t(53185),P=t(88683),j=t(65515),w=t.n(j),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 O=function AsyncRender1(e){var n=e.asyncPricePreview,t=e.children;return use(n)?t:(0,y.jsx)(y.Fragment,{})},S=function AsyncRender2(e){var n,t,i=use(e.asyncPricePreview);switch((0,v.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 Z=function PricePreview(e){var n=e.asyncPricePreview,t=e.pos,i=void 0===t?"right":t,o=e.style,s=e.price,a=e.sel,l=(0,P.useDivaCore)().state,d=l.hidePrices,c=l.hideConfigPricePreview,u=(0,v.NP)();return d||"off"==u.productState.pricePreview?(0,y.jsx)(y.Fragment,{}):s?(0,y.jsx)("div",{className:w()(h.aH,"left"==i?h.t$:h.F2),style:o,children:b.ZP.formatPrice(Math.abs(s),_objectSpread(_objectSpread({},b.ZP.defaultPriceFormat),{},{showDecimals:"IF_NEEDED"}))}):c||"fromCurrentPriceHideCurrent"==u.productState.pricePreview&&a?(0,y.jsx)(y.Fragment,{}):n?(0,y.jsx)(r.Suspense,{fallback:(0,y.jsx)(y.Fragment,{}),children:(0,y.jsx)(O,{asyncPricePreview:n.isVisible,children:(0,y.jsx)("div",{className:w()(h.aH,"left"==i?h.t$:h.F2),style:o,children:(0,y.jsx)(r.Suspense,{fallback:(0,y.jsx)("div",{className:h._m}),children:(0,y.jsx)(S,{asyncPricePreview:n.promise})})})})}):(0,y.jsx)(y.Fragment,{})}},76108:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(80248),r=(t(87363),t(93379)),o=t.n(r),s=t(7795),a=t.n(s),l=t(90569),d=t.n(l),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),m=t(44589),f=t.n(m),C=t(23327),h={};h.styleTagTransform=f(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=p();o()(C.ZP,h);C.ZP&&C.ZP.locals&&C.ZP.locals;var g=t(88683),b=t(59214),v=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 P=function GenericToolTip(e){var n,t=e.image,i=e.text,r=e.desciption,o=e.codex,s=e.hexColor,a=e.layerProps,l=e.pricePreviewPromise,d=null==t?void 0:t.replace("_gal","").replace("_low",""),c=(0,g.useDivaCore)().state.theme;return(0,v.jsxs)("div",_objectSpread(_objectSpread({className:C.Cu},a),{},{style:_objectSpread(_objectSpread({},{fontFamily:null==c||null===(n=c.typography)||void 0===n?void 0:n.fontFamily}),a.style),children:[d?(0,v.jsx)("img",{src:d,alt:i}):s?(0,v.jsx)("div",{className:C.CO,style:{backgroundColor:"#"+s}}):(0,v.jsx)(v.Fragment,{}),(0,v.jsx)("div",{className:C.Y7,dangerouslySetInnerHTML:{__html:i}}),r&&(0,v.jsx)("div",{className:C._W,children:r}),o&&(0,v.jsx)("div",{className:C._W,children:o}),void 0!==l&&(0,v.jsx)(b.default,{asyncPricePreview:l})]}))}},72357:(e,n,t)=>{t.r(n),t.d(n,{default:()=>_});var i=t(80248),r=t(34988),o=t(65515),s=t.n(o),a=t(53185),l=t(9420),d=t(87363),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),m=t(90569),f=t.n(m),C=t(3565),h=t.n(C),g=t(19216),b=t.n(g),v=t(44589),P=t.n(v),j=t(65655),w={};w.styleTagTransform=P(),w.setAttributes=h(),w.insert=f().bind(null,"head"),w.domAPI=p(),w.insertStyleElement=b();u()(j.ZP,w);j.ZP&&j.ZP.locals&&j.ZP.locals;var y=t(88683),O=t(46770),S=t(19229),Z=t(76108),k=t(59214),F=t(21336),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 _=(0,l.Pi)((function ShelfAccessoires(e){var n,t,i=e.item,o=(e.grids,e.sel),l=(0,a.NP)(),c=(0,y.useDivaCore)().state,u=c.hidePrices,x=c.dimensions,p=x.isMobile,m=x.isTablet,f=(0,d.useState)(""),C=(0,r.Z)(f,2),h=C[0],g=C[1],b={},v={},P=void 0,w=!1,_={},D=(0,O.XI)({delayEnter:1e3,hideOnScroll:!0}),N=(0,O.sJ)({isOpen:D[0],auto:!0,placement:l.getViewConfig().tooltipPosition||"left-center"});p||m||l.getViewConfig().hideTooltip||(w=D[0],_=D[1],b=N.triggerProps,v=N.layerProps,P=N.renderLayer);var E=i.name;return(0,I.jsxs)("div",_objectSpread(_objectSpread(_objectSpread({id:i.articleCodex,className:s()(j.nC,o?j.pA:void 0),onClick:function onClick(){return l.paletteViewHandler.selectShelfAccessorie(i.articleCodex)}},b),_),{},{children:[(0,I.jsx)("img",{style:{maxHeight:l.settingsState.settingsWidth/3},src:i.image}),(0,I.jsxs)("div",{className:j.jW,children:[(0,I.jsx)("div",{className:s()(j.TN),dangerouslySetInnerHTML:{__html:E}}),(0,I.jsx)(S.default,{metaData:i.metaData,visible:[h,g]},i.articleCodex),!u&&!!i.price&&(0,I.jsx)(k.default,{price:i.price,style:{paddingTop:6}}),i.contentItemId&&(0,I.jsx)(F.default,{item:i,style:{top:6,right:6}},i.articleCodex)]}),w&&(null===(n=P)||void 0===n?void 0:n((0,I.jsx)(Z.default,{text:null!==(t=i.longDescription)&&void 0!==t?t:i.name,desciption:h,image:i.image,codex:i.articleCodex,layerProps:v},i.articleCodex)))]}))}))},23240:(e,n,t)=>{t.d(n,{FJ:()=>u,Oq:()=>c,ZP:()=>m,al:()=>p,dA:()=>d,fL:()=>x,hv:()=>l,um:()=>a});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 a="index-module--CjCgr",l="index-module--C9QBx",d="index-module--a2wqn",c="index-module--fLFjU",u="index-module--nTN4r",x="index-module--FaRqp",p="index-module--oBSZj";const m=s},84887:(e,n,t)=>{t.d(n,{B:()=>a,Z:()=>l});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.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 a="index-module--hpPAb";const l=s},8907:(e,n,t)=>{t.d(n,{F2:()=>d,ZP:()=>u,_m:()=>c,aH:()=>a,t$:()=>l});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 a="index-module--bVDuL",l="index-module--zI2ES",d="index-module--kN6Sz",c="index-module--POmA7";const u=s},23327:(e,n,t)=>{t.d(n,{CO:()=>l,Cu:()=>a,Y7:()=>d,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 a="index-module--gs4wQ",l="index-module--wxTxh",d="index-module--f37Xh",c="index-module--dHh9T";const u=s},65655:(e,n,t)=>{t.d(n,{TN:()=>c,ZP:()=>u,jW:()=>d,nC:()=>a,pA:()=>l});var i=t(8081),r=t.n(i),o=t(23645),s=t.n(o)()(r());s.push([e.id,".index-module--E9hMP {\n  position: relative;\n  box-sizing: border-box;\n  border: 3px solid transparent;\n  border-radius: 6px;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  transition:\n    box-shadow 0.2s ease-in-out,\n    border-color 0.2s ease-in-out;\n  background: #f2f2f2;\n  cursor: pointer;\n}\n\n.index-module--E9hMP.index-module--zq_sk {\n  border-color: var(--primaryColor);\n}\n\n.index-module--E9hMP:hover {\n  box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.index-module--E9hMP img {\n  width: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n\n.index-module--ASP_j {\n  color: #4b4b4b;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  height: 100%;\n}\n.index-module--xrQ6L {\n  height: auto;\n  margin: 0 3px;\n}\n\n.index-module--xrQ6L {\n  font-weight: 600;\n  font-size: 13px;\n  line-height: 15px;\n}\n",""]);var a="index-module--E9hMP",l="index-module--zq_sk",d="index-module--ASP_j",c="index-module--xrQ6L";const u=s}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 2568.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2568],{22568:(e,n,i)=>{i.r(n),i.d(n,{default:()=>f});var t=i(84658),r=i(13125),o=i(43860),s=i(80248),a=i(50747),d=i.n(a),l=i(74530),c=i(22739),u=i(58949),g=i(87293),v=i(1055),h=i(65713),R=i(7770),S=l.ZP.initLog("Planner","WEB-PLANNER-LOGIC"),f=function(){return(0,o.Z)((function Host3DSignalR(e,n){var i=this;(0,r.Z)(this,Host3DSignalR),(0,s.Z)(this,"renderSettings",void 0),(0,s.Z)(this,"signalRConnection",void 0),(0,s.Z)(this,"connectionStarted",void 0),(0,s.Z)(this,"successfullyLoggedIn",void 0),(0,s.Z)(this,"connectionErrorCount",void 0),(0,s.Z)(this,"doIgnoreOnClosed",void 0),(0,s.Z)(this,"sessionID",void 0),(0,s.Z)(this,"divaMediaServiceSocketIO",void 0),(0,s.Z)(this,"lastJoinDivaNr",void 0),(0,s.Z)(this,"reconnectAfterError",void 0),(0,s.Z)(this,"successfullyJoinedDivaNr",void 0),(0,s.Z)(this,"plannerHandler3D",void 0),(0,s.Z)(this,"reconnectingErrorCount",void 0),(0,s.Z)(this,"openSocketToMediaService",(function(e){var n=new URL(i.renderSettings.DivaMediaServiceUrl+"/"),t=n.origin+"?divaNrs="+e;i.divaMediaServiceSocketIO=(0,g.ZP)(t,{forceNew:!0,path:n.pathname+"socket.io",rejectUnauthorized:!1});var r=i;i.divaMediaServiceSocketIO.on("connect",(function(n){S.debug("Successfully connected to DivaMediaService with divaNr: "+e)})),i.divaMediaServiceSocketIO.on("disconnect",(function(){S.debug("Disconnect from DivaMediaService with divaNr: "+e+" and mediaServiceUrl: "+i.renderSettings.DivaMediaServiceUrl)})),i.divaMediaServiceSocketIO.on("DIVA3D",(function(e){if(e.hash&&""!=e.hash){new Date;r.plannerHandler3D.handleReceiveRendering({divaNr:e.divaNr,hash:e.hash,buffer:e.buffer,url:e.url,saveMode:e.saveMode})}}))})),(0,s.Z)(this,"noRenderClientFound",(function(e,n,t){S.debug("No rendering client has loaded the planning - send new request and force reload!"),l.ZP.endSpanOfApm("PlannerHandler3D requestRenderingFromSignalR "+e),l.ZP.endSpanOfApm("PlannerHandler3D requestRenderingDescriptionFromSignalR "+e),i.plannerHandler3D.onErrorRequestingRendering(e,n,t)})),(0,s.Z)(this,"returnVPInfo",(function(e){})),(0,s.Z)(this,"newRendering",(function(e,n,t){S.debug("Receive UI Polygon: "+t),i.plannerHandler3D.onReceivedAdditionalRenderInfo(n,t)})),(0,s.Z)(this,"newHQRenderScript",(function(e,n,t){S.debug("Receive HQRenderScript: "+t),i.plannerHandler3D.onReceiveHQRenderScript(n,t)})),(0,s.Z)(this,"newRenderingLayerMask",(function(e,n){l.ZP.endSpanOfApm("PlannerHandler3D requestRenderingDescriptionFromSignalR "+n),S.debug("New Rendering Layer Mask finished hash: "+n)})),this.renderSettings=e,this.connectionStarted=!1,this.successfullyLoggedIn=!1,this.successfullyJoinedDivaNr=!1,this.connectionErrorCount=0,this.reconnectAfterError=!1,this.lastJoinDivaNr="",this.doIgnoreOnClosed=!1,this.plannerHandler3D=n,this.sessionID="",this.reconnectingErrorCount=0}),[{key:"initializeConnection",value:(D=(0,t.Z)(d().mark((function _callee2(e){var n,i=this;return d().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:if(l.ZP.startSpanOfApm("Host3DSingalR initializeConnection"),!(this.reconnectingErrorCount>0)){e.next=4;break}return e.next=4,this.delay(100);case 4:S.debug("Create SignalR connection with host: "+this.renderSettings.Diva3DServerURL+"; RenderGroup: "+this.renderSettings.RenderGroup),n=this,this.signalRConnection&&(this.doIgnoreOnClosed=!0,this.signalRConnection._completeClose(),this.signalRConnection=null),0==("undefined"==typeof window||window).DIVA_LOGGER?this.signalRConnection=(new c.s).withUrl(this.renderSettings.Diva3DServerURL).withHubProtocol(new v.e).build():this.signalRConnection=(new c.s).withUrl(this.renderSettings.Diva3DServerURL).withHubProtocol(new v.e).configureLogging(u.i.None).build(),this.signalRConnection.on("UnvalidSessionID",this.unvalidSessionID),this.signalRConnection.on("noRenderClientFound",this.noRenderClientFound),this.signalRConnection.on("newRendering",this.newRendering),this.signalRConnection.on("newHQRenderScript",this.newHQRenderScript),this.signalRConnection.on("newRenderingLayerMask",this.newRenderingLayerMask),this.signalRConnection.start().then((function(){l.ZP.endSpanOfApm("PlannerHandler3D initSignalRConnection"),n.connectionStarted=!0,n.doIgnoreOnClosed=!1,n.reconnectAfterError?S.debug("SignalR Connection to 3DHost: "+i.renderSettings.Diva3DServerURL+" sucessfully reconnected","initSignalRConnection"):S.debug("SignalR Connection to 3DHost: "+n.renderSettings.Diva3DServerURL+" sucessfully started","initSignalRConnection"),n.reconnectingErrorCount=0,n.login()})).catch((function(e){l.ZP.endSpanOfApm("PlannerHandler3D initSignalRConnection"),S.error(new l.GE("Connection error. Message: "+e.toString(),{code:"WC_0014"})),n.connectionStarted=!1,n.successfullyLoggedIn&&n.successfullyJoinedDivaNr||(n.reconnectingErrorCount++,n.reconnectingErrorCount<5&&n.initializeConnection())})),this.signalRConnection.onclose((0,t.Z)(d().mark((function _callee(){return d().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(l.ZP.endSpanOfApm("PlannerHandler3D initSignalRConnection"),S.warn("Connection with 3D Host gets lost. Try to reconnect.","WC_0014"),n.connectionStarted=!1,i.successfullyLoggedIn=!1,i.successfullyJoinedDivaNr=!1,!i.doIgnoreOnClosed){e.next=7;break}return e.abrupt("return");case 7:i.reconnectAfterError=!0,n.initializeConnection();case 9:case"end":return e.stop()}}),_callee)}))));case 15:case"end":return e.stop()}}),_callee2,this)}))),function initializeConnection(e){return D.apply(this,arguments)})},{key:"delay",value:function delay(e){return new Promise((function(n){return setTimeout(n,e)}))}},{key:"joinDivaNr",value:(f=(0,t.Z)(d().mark((function _callee3(e){return d().wrap((function _callee3$(n){for(;;)switch(n.prev=n.next){case 0:if(!this.reconnectAfterError&&this.lastJoinDivaNr==e){n.next=4;break}return n.next=3,this.join(e);case 3:this.reconnectAfterError=!1;case 4:case"end":return n.stop()}}),_callee3,this)}))),function joinDivaNr(e){return f.apply(this,arguments)})},{key:"getSuccessfullyJoinedToDivaNr",value:function getSuccessfullyJoinedToDivaNr(){return this.successfullyJoinedDivaNr}},{key:"getViewPointInfo",value:(a=(0,t.Z)(d().mark((function _callee4(e,n){var i;return d().wrap((function _callee4$(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,this.signalRConnection.invoke("GetVPInfo",this.sessionID,n,e);case 3:return i=t.sent,t.abrupt("return",i);case 7:t.prev=7,t.t0=t.catch(0),S.error(new l.GE("DoUpdate 3D Host",{code:"WC_0014"}));case 10:case"end":return t.stop()}}),_callee4,this,[[0,7]])}))),function getViewPointInfo(e,n){return a.apply(this,arguments)})},{key:"getConnectionReady",value:function getConnectionReady(){return this.connectionIsReady()}},{key:"getStaticRoomListInfo",value:(i=(0,t.Z)(d().mark((function _callee5(e){var n;return d().wrap((function _callee5$(i){for(;;)switch(i.prev=i.next){case 0:return this.connectionIsReady()||(n=this,setTimeout((function(){return n.getStaticRoomListInfo(e)}),400)),S.debug("DIVA3D-HOST.SignaR POST GetFrontendRoomList - sessionID:"+this.sessionID),i.next=4,this.signalRConnection.invoke("GetFrontendRoomlist",this.sessionID,e);case 4:return i.abrupt("return",i.sent);case 5:case"end":return i.stop()}}),_callee5,this)}))),function getStaticRoomListInfo(e){return i.apply(this,arguments)})},{key:"request3D",value:function request3D(e){var n=this;if(this.connectionIsReady()&&this.successfullyJoinedDivaNr){var i,t,r,o,s,a,d,l,c,u,g,v,f,D,p=void 0,C=void 0;if(null!=e&&e.doRequestRendering)(p=new h.Z(e.planningHash,e.renderHash,null===(t=e.requestRenderingParams)||void 0===t?void 0:t.viewPointName,null===(r=e.requestRenderingParams)||void 0===r?void 0:r.width,null===(o=e.requestRenderingParams)||void 0===o?void 0:o.height,null===(s=e.requestRenderingParams)||void 0===s?void 0:s.isFullscreenRendering,null===(a=e.requestRenderingParams)||void 0===a?void 0:a.hasDimensionLines,null===(d=e.requestRenderingParams)||void 0===d?void 0:d.plannerMeasureDigits,null===(l=e.requestRenderingParams)||void 0===l?void 0:l.planner3DGridEnabled,!(null===(c=e.requestRenderingParams)||void 0===c||!c.viewPointInfo)&&e.requestRenderingParams.viewPointInfo.isStatic,null===(u=e.requestRenderingParams)||void 0===u?void 0:u.mediaServiceSaveMode,null===(g=e.requestRenderingParams)||void 0===g?void 0:g.alternateRenderingsExist,null===(v=e.requestRenderingParams)||void 0===v?void 0:v.alternateRenderInfo)).CatalogCodex=null===(f=e.requestRenderingParams)||void 0===f?void 0:f.catalogData.catalogCodex,p.CatalogGUID=null===(D=e.requestRenderingParams)||void 0===D?void 0:D.catalogData.catalogGUID;e.doRequestHqRenderScript&&(C=new R.Z(e.planningHash));var P=this.create3DHostRequestOption(e);return S.debug("request 3D (mediaType "+(null===(i=e.requestRenderingParams)||void 0===i?void 0:i.mediaServiceSaveMode)+") from 3D Host"+JSON.stringify(e)),e.doReloadWholePlanning?(S.debug("Host3DSignalR SaveProjectWithOptions"),this.signalRConnection.invoke("SaveProjectWithOptions",this.sessionID,e.divaNr,JSON.stringify(e.planningData),this.renderSettings.RenderGroup,JSON.stringify(P))):this.signalRConnection.invoke("RequestRenderingWithOptions",this.sessionID,e.divaNr,P.VPName,P.VPSize,e.renderHash,JSON.stringify(P)),{rendering:p,hqRenderScript:C}}return e.doReloadWholePlanning=!0,setTimeout((function(){return n.request3D(e)}),300),{rendering:void 0,hqRenderScript:void 0}}},{key:"create3DHostRequestOption",value:function create3DHostRequestOption(e){var n,i,t,r,o,s,a,d,c,u,g,v,h,R,S,f,D,p=e.requestRenderingParams?e.requestRenderingParams.width+":"+e.requestRenderingParams.height:"",C=null!=e&&e.doRequestRendering&&null!==(n=e.requestRenderingParams)&&void 0!==n&&n.planner3DGridEnabled?"layermask":"",P=null!=e&&e.doRequestRendering?"STREAM"==(null===(i=e.requestRenderingParams)||void 0===i?void 0:i.mediaServiceSaveMode)?0:"PERMANENT"==(null===(t=e.requestRenderingParams)||void 0===t?void 0:t.mediaServiceSaveMode)?1:-1:-1,m="";e.requestRenderingParams&&e.requestRenderingParams.functionType&&(m=e.requestRenderingParams.functionType);if(null!=e&&e.doRequestRendering&&null!==(r=e.requestRenderingParams)&&void 0!==r&&r.articleCodices){"[";for(var I=0;I<e.requestRenderingParams.articleCodices.length;I++)'"'+e.requestRenderingParams.articleCodices[I]+'"'+(I<e.requestRenderingParams.articleCodices.length-1?",":"");"]"}return{rendering:null==e?void 0:e.doRequestRendering,hqrenderscript:e.doRequestHqRenderScript,VPName:null!==(o=null===(s=e.requestRenderingParams)||void 0===s?void 0:s.viewPointName)&&void 0!==o?o:"",VPSize:p,VPFilename:e.renderHash,PlanningHash:e.planningHash,RenderHash:e.renderHash,plannerMeasureDigits:null!==(a=null===(d=e.requestRenderingParams)||void 0===d?void 0:d.plannerMeasureDigits)&&void 0!==a?a:0,Format:"JPG",BG:C,MSSM:P,OrgId:this.renderSettings.OrganizationId,FunctionType:m,CatalogCodex:null!==(c=null===(u=e.requestRenderingParams)||void 0===u?void 0:u.catalogData.catalogCodex)&&void 0!==c?c:"",CatalogGuid:null!==(g=null===(v=e.requestRenderingParams)||void 0===v?void 0:v.catalogData.catalogGUID)&&void 0!==g?g:"",ArticleCodices:null!==(h=null===(R=e.requestRenderingParams)||void 0===R?void 0:R.articleCodices)&&void 0!==h?h:[],UserSessionId:l.ZP.SessionId,v:null!==(S=null===(f=e.requestRenderingParams)||void 0===f?void 0:f.catalogData.catalogGUID)&&void 0!==S?S:"",hybrid3DInfo:null===(D=e.requestRenderingParams)||void 0===D?void 0:D.hybrid3DInfo}}},{key:"closeConnection",value:function closeConnection(){this.signalRConnection&&(this.doIgnoreOnClosed=!0,this.signalRConnection.invoke("LeaveWebClient"),S.debug("SignalRConnection: Close Connection and say byby to Diva3DHost."),this.signalRConnection.completeClose())}},{key:"login",value:(n=(0,t.Z)(d().mark((function _callee6(){var e,n;return d().wrap((function _callee6$(i){for(;;)switch(i.prev=i.next){case 0:return S.debug("DIVA3D-HOST.SignaR POST Login - userID:"+this.renderSettings.UserID+", deviceID:"+this.renderSettings.DeviceID+", divaSessionID:"+this.renderSettings.DivaSessionID+", _Application:"+this.renderSettings.ApplicationName),l.ZP.startSpanOfApm("PlannerHandler3D login"),i.prev=2,i.next=5,this.signalRConnection.invoke("LoginWebPlanner",this.renderSettings.UserID,this.renderSettings.DeviceID,this.renderSettings.DivaSessionID,this.renderSettings.ApplicationName);case 5:e=i.sent,this.connectionErrorCount=0,""!=e?(this.successfullyLoggedIn=!0,S.debug("DIVA3D-HOST.SignaR Response ReturnLogin - sessionID: "+e),this.sessionID=e,this.plannerHandler3D.onConnectionInitialized({status:"SUCCESSFULL"})):this.plannerHandler3D.onConnectionInitialized({status:"ERROR"}),i.next=15;break;case 10:i.prev=10,i.t0=i.catch(2),l.ZP.endSpanOfApm("PlannerHandler3D login"),n=this,this.handleConnectionError(i.t0,(function(){n.login()}));case 15:case"end":return i.stop()}}),_callee6,this,[[2,10]])}))),function login(){return n.apply(this,arguments)})},{key:"join",value:(e=(0,t.Z)(d().mark((function _callee7(e){var n,i;return d().wrap((function _callee7$(t){for(;;)switch(t.prev=t.next){case 0:if(""!=e){t.next=2;break}return t.abrupt("return");case 2:if(this.lastJoinDivaNr!=e&&this.openSocketToMediaService(e),n=this,this.connectionIsReady()){t.next=8;break}setTimeout((function(){n.join(e)}),200),t.next=23;break;case 8:return this.lastJoinDivaNr=e,l.ZP.startSpanOfApm("PlannerHandler3D join"),S.debug("PlannerHandler3D SignalR - Join DivaNr to connected host: "+e),t.prev=11,t.next=14,this.signalRConnection.invoke("JoinWebPlanner",this.sessionID,e);case 14:i=t.sent,l.ZP.endSpanOfApm("PlannerHandler3D join"),i?(this.successfullyJoinedDivaNr=!0,this.plannerHandler3D.onConnectedToDivaNr("SUCCESSFULL"),S.debug("Return Join - Join successfull.")):this.join(e),this.connectionErrorCount=0,t.next=23;break;case 20:t.prev=20,t.t0=t.catch(11),this.handleConnectionError(t.t0,(function(){n.join(e)}));case 23:case"end":return t.stop()}}),_callee7,this,[[11,20]])}))),function join(n){return e.apply(this,arguments)})},{key:"handleConnectionError",value:function handleConnectionError(e,n){this.connectionErrorCount++,4==this.connectionErrorCount?S.debug("SignalR Error. not possible to establish SignalR connection."):S.debug("SignalR Error. Message: "+e.message)}},{key:"connectionIsReady",value:function connectionIsReady(){return this.connectionStarted&&this.successfullyLoggedIn}},{key:"unvalidSessionID",value:function unvalidSessionID(e,n){S.debug("DIVA3D-HOST.SignaR Response Unvalid SessionID"),this.successfullyLoggedIn=!1}}]);var e,n,i,a,f,D}()}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2568],{22568:(e,n,i)=>{i.r(n),i.d(n,{default:()=>f});var t=i(84658),r=i(13125),o=i(43860),s=i(80248),a=i(50747),d=i.n(a),l=i(17868),c=i(22739),u=i(58949),g=i(58382),v=i(1055),h=i(65713),R=i(7770),S=l.ZP.initLog("Planner","WEB-PLANNER-LOGIC"),f=function(){return(0,o.Z)((function Host3DSignalR(e,n){var i=this;(0,r.Z)(this,Host3DSignalR),(0,s.Z)(this,"renderSettings",void 0),(0,s.Z)(this,"signalRConnection",void 0),(0,s.Z)(this,"connectionStarted",void 0),(0,s.Z)(this,"successfullyLoggedIn",void 0),(0,s.Z)(this,"connectionErrorCount",void 0),(0,s.Z)(this,"doIgnoreOnClosed",void 0),(0,s.Z)(this,"sessionID",void 0),(0,s.Z)(this,"divaMediaServiceSocketIO",void 0),(0,s.Z)(this,"lastJoinDivaNr",void 0),(0,s.Z)(this,"reconnectAfterError",void 0),(0,s.Z)(this,"successfullyJoinedDivaNr",void 0),(0,s.Z)(this,"plannerHandler3D",void 0),(0,s.Z)(this,"reconnectingErrorCount",void 0),(0,s.Z)(this,"openSocketToMediaService",(function(e){var n=new URL(i.renderSettings.DivaMediaServiceUrl+"/"),t=n.origin+"?divaNrs="+e;i.divaMediaServiceSocketIO=(0,g.ZP)(t,{forceNew:!0,path:n.pathname+"socket.io",rejectUnauthorized:!1});var r=i;i.divaMediaServiceSocketIO.on("connect",(function(n){S.debug("Successfully connected to DivaMediaService with divaNr: "+e)})),i.divaMediaServiceSocketIO.on("disconnect",(function(){S.debug("Disconnect from DivaMediaService with divaNr: "+e+" and mediaServiceUrl: "+i.renderSettings.DivaMediaServiceUrl)})),i.divaMediaServiceSocketIO.on("DIVA3D",(function(e){if(e.hash&&""!=e.hash){new Date;r.plannerHandler3D.handleReceiveRendering({divaNr:e.divaNr,hash:e.hash,buffer:e.buffer,url:e.url,saveMode:e.saveMode})}}))})),(0,s.Z)(this,"noRenderClientFound",(function(e,n,t){S.debug("No rendering client has loaded the planning - send new request and force reload!"),l.ZP.endSpanOfApm("PlannerHandler3D requestRenderingFromSignalR "+e),l.ZP.endSpanOfApm("PlannerHandler3D requestRenderingDescriptionFromSignalR "+e),i.plannerHandler3D.onErrorRequestingRendering(e,n,t)})),(0,s.Z)(this,"returnVPInfo",(function(e){})),(0,s.Z)(this,"newRendering",(function(e,n,t){S.debug("Receive UI Polygon: "+t),i.plannerHandler3D.onReceivedAdditionalRenderInfo(n,t)})),(0,s.Z)(this,"newHQRenderScript",(function(e,n,t){S.debug("Receive HQRenderScript: "+t),i.plannerHandler3D.onReceiveHQRenderScript(n,t)})),(0,s.Z)(this,"newRenderingLayerMask",(function(e,n){l.ZP.endSpanOfApm("PlannerHandler3D requestRenderingDescriptionFromSignalR "+n),S.debug("New Rendering Layer Mask finished hash: "+n)})),this.renderSettings=e,this.connectionStarted=!1,this.successfullyLoggedIn=!1,this.successfullyJoinedDivaNr=!1,this.connectionErrorCount=0,this.reconnectAfterError=!1,this.lastJoinDivaNr="",this.doIgnoreOnClosed=!1,this.plannerHandler3D=n,this.sessionID="",this.reconnectingErrorCount=0}),[{key:"initializeConnection",value:(D=(0,t.Z)(d().mark((function _callee2(e){var n,i=this;return d().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:if(l.ZP.startSpanOfApm("Host3DSingalR initializeConnection"),!(this.reconnectingErrorCount>0)){e.next=4;break}return e.next=4,this.delay(100);case 4:S.debug("Create SignalR connection with host: "+this.renderSettings.Diva3DServerURL+"; RenderGroup: "+this.renderSettings.RenderGroup),n=this,this.signalRConnection&&(this.doIgnoreOnClosed=!0,this.signalRConnection._completeClose(),this.signalRConnection=null),0==("undefined"==typeof window||window).DIVA_LOGGER?this.signalRConnection=(new c.s).withUrl(this.renderSettings.Diva3DServerURL).withHubProtocol(new v.e).build():this.signalRConnection=(new c.s).withUrl(this.renderSettings.Diva3DServerURL).withHubProtocol(new v.e).configureLogging(u.i.None).build(),this.signalRConnection.on("UnvalidSessionID",this.unvalidSessionID),this.signalRConnection.on("noRenderClientFound",this.noRenderClientFound),this.signalRConnection.on("newRendering",this.newRendering),this.signalRConnection.on("newHQRenderScript",this.newHQRenderScript),this.signalRConnection.on("newRenderingLayerMask",this.newRenderingLayerMask),this.signalRConnection.start().then((function(){l.ZP.endSpanOfApm("PlannerHandler3D initSignalRConnection"),n.connectionStarted=!0,n.doIgnoreOnClosed=!1,n.reconnectAfterError?S.debug("SignalR Connection to 3DHost: "+i.renderSettings.Diva3DServerURL+" sucessfully reconnected","initSignalRConnection"):S.debug("SignalR Connection to 3DHost: "+n.renderSettings.Diva3DServerURL+" sucessfully started","initSignalRConnection"),n.reconnectingErrorCount=0,n.login()})).catch((function(e){l.ZP.endSpanOfApm("PlannerHandler3D initSignalRConnection"),S.error(new l.GE("Connection error. Message: "+e.toString(),{code:"WC_0014"})),n.connectionStarted=!1,n.successfullyLoggedIn&&n.successfullyJoinedDivaNr||(n.reconnectingErrorCount++,n.reconnectingErrorCount<5&&n.initializeConnection())})),this.signalRConnection.onclose((0,t.Z)(d().mark((function _callee(){return d().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(l.ZP.endSpanOfApm("PlannerHandler3D initSignalRConnection"),S.warn("Connection with 3D Host gets lost. Try to reconnect.","WC_0014"),n.connectionStarted=!1,i.successfullyLoggedIn=!1,i.successfullyJoinedDivaNr=!1,!i.doIgnoreOnClosed){e.next=7;break}return e.abrupt("return");case 7:i.reconnectAfterError=!0,n.initializeConnection();case 9:case"end":return e.stop()}}),_callee)}))));case 15:case"end":return e.stop()}}),_callee2,this)}))),function initializeConnection(e){return D.apply(this,arguments)})},{key:"delay",value:function delay(e){return new Promise((function(n){return setTimeout(n,e)}))}},{key:"joinDivaNr",value:(f=(0,t.Z)(d().mark((function _callee3(e){return d().wrap((function _callee3$(n){for(;;)switch(n.prev=n.next){case 0:if(!this.reconnectAfterError&&this.lastJoinDivaNr==e){n.next=4;break}return n.next=3,this.join(e);case 3:this.reconnectAfterError=!1;case 4:case"end":return n.stop()}}),_callee3,this)}))),function joinDivaNr(e){return f.apply(this,arguments)})},{key:"getSuccessfullyJoinedToDivaNr",value:function getSuccessfullyJoinedToDivaNr(){return this.successfullyJoinedDivaNr}},{key:"getViewPointInfo",value:(a=(0,t.Z)(d().mark((function _callee4(e,n){var i;return d().wrap((function _callee4$(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,this.signalRConnection.invoke("GetVPInfo",this.sessionID,n,e);case 3:return i=t.sent,t.abrupt("return",i);case 7:t.prev=7,t.t0=t.catch(0),S.error(new l.GE("DoUpdate 3D Host",{code:"WC_0014"}));case 10:case"end":return t.stop()}}),_callee4,this,[[0,7]])}))),function getViewPointInfo(e,n){return a.apply(this,arguments)})},{key:"getConnectionReady",value:function getConnectionReady(){return this.connectionIsReady()}},{key:"getStaticRoomListInfo",value:(i=(0,t.Z)(d().mark((function _callee5(e){var n;return d().wrap((function _callee5$(i){for(;;)switch(i.prev=i.next){case 0:return this.connectionIsReady()||(n=this,setTimeout((function(){return n.getStaticRoomListInfo(e)}),400)),S.debug("DIVA3D-HOST.SignaR POST GetFrontendRoomList - sessionID:"+this.sessionID),i.next=4,this.signalRConnection.invoke("GetFrontendRoomlist",this.sessionID,e);case 4:return i.abrupt("return",i.sent);case 5:case"end":return i.stop()}}),_callee5,this)}))),function getStaticRoomListInfo(e){return i.apply(this,arguments)})},{key:"request3D",value:function request3D(e){var n=this;if(this.connectionIsReady()&&this.successfullyJoinedDivaNr){var i,t,r,o,s,a,d,l,c,u,g,v,f,D,p=void 0,C=void 0;if(null!=e&&e.doRequestRendering)(p=new h.Z(e.planningHash,e.renderHash,null===(t=e.requestRenderingParams)||void 0===t?void 0:t.viewPointName,null===(r=e.requestRenderingParams)||void 0===r?void 0:r.width,null===(o=e.requestRenderingParams)||void 0===o?void 0:o.height,null===(s=e.requestRenderingParams)||void 0===s?void 0:s.isFullscreenRendering,null===(a=e.requestRenderingParams)||void 0===a?void 0:a.hasDimensionLines,null===(d=e.requestRenderingParams)||void 0===d?void 0:d.plannerMeasureDigits,null===(l=e.requestRenderingParams)||void 0===l?void 0:l.planner3DGridEnabled,!(null===(c=e.requestRenderingParams)||void 0===c||!c.viewPointInfo)&&e.requestRenderingParams.viewPointInfo.isStatic,null===(u=e.requestRenderingParams)||void 0===u?void 0:u.mediaServiceSaveMode,null===(g=e.requestRenderingParams)||void 0===g?void 0:g.alternateRenderingsExist,null===(v=e.requestRenderingParams)||void 0===v?void 0:v.alternateRenderInfo)).CatalogCodex=null===(f=e.requestRenderingParams)||void 0===f?void 0:f.catalogData.catalogCodex,p.CatalogGUID=null===(D=e.requestRenderingParams)||void 0===D?void 0:D.catalogData.catalogGUID;e.doRequestHqRenderScript&&(C=new R.Z(e.planningHash));var P=this.create3DHostRequestOption(e);return S.debug("request 3D (mediaType "+(null===(i=e.requestRenderingParams)||void 0===i?void 0:i.mediaServiceSaveMode)+") from 3D Host"+JSON.stringify(e)),e.doReloadWholePlanning?(S.debug("Host3DSignalR SaveProjectWithOptions"),this.signalRConnection.invoke("SaveProjectWithOptions",this.sessionID,e.divaNr,JSON.stringify(e.planningData),this.renderSettings.RenderGroup,JSON.stringify(P))):this.signalRConnection.invoke("RequestRenderingWithOptions",this.sessionID,e.divaNr,P.VPName,P.VPSize,e.renderHash,JSON.stringify(P)),{rendering:p,hqRenderScript:C}}return e.doReloadWholePlanning=!0,setTimeout((function(){return n.request3D(e)}),300),{rendering:void 0,hqRenderScript:void 0}}},{key:"create3DHostRequestOption",value:function create3DHostRequestOption(e){var n,i,t,r,o,s,a,d,c,u,g,v,h,R,S,f,D,p=e.requestRenderingParams?e.requestRenderingParams.width+":"+e.requestRenderingParams.height:"",C=null!=e&&e.doRequestRendering&&null!==(n=e.requestRenderingParams)&&void 0!==n&&n.planner3DGridEnabled?"layermask":"",P=null!=e&&e.doRequestRendering?"STREAM"==(null===(i=e.requestRenderingParams)||void 0===i?void 0:i.mediaServiceSaveMode)?0:"PERMANENT"==(null===(t=e.requestRenderingParams)||void 0===t?void 0:t.mediaServiceSaveMode)?1:-1:-1,m="";e.requestRenderingParams&&e.requestRenderingParams.functionType&&(m=e.requestRenderingParams.functionType);if(null!=e&&e.doRequestRendering&&null!==(r=e.requestRenderingParams)&&void 0!==r&&r.articleCodices){"[";for(var I=0;I<e.requestRenderingParams.articleCodices.length;I++)'"'+e.requestRenderingParams.articleCodices[I]+'"'+(I<e.requestRenderingParams.articleCodices.length-1?",":"");"]"}return{rendering:null==e?void 0:e.doRequestRendering,hqrenderscript:e.doRequestHqRenderScript,VPName:null!==(o=null===(s=e.requestRenderingParams)||void 0===s?void 0:s.viewPointName)&&void 0!==o?o:"",VPSize:p,VPFilename:e.renderHash,PlanningHash:e.planningHash,RenderHash:e.renderHash,plannerMeasureDigits:null!==(a=null===(d=e.requestRenderingParams)||void 0===d?void 0:d.plannerMeasureDigits)&&void 0!==a?a:0,Format:"JPG",BG:C,MSSM:P,OrgId:this.renderSettings.OrganizationId,FunctionType:m,CatalogCodex:null!==(c=null===(u=e.requestRenderingParams)||void 0===u?void 0:u.catalogData.catalogCodex)&&void 0!==c?c:"",CatalogGuid:null!==(g=null===(v=e.requestRenderingParams)||void 0===v?void 0:v.catalogData.catalogGUID)&&void 0!==g?g:"",ArticleCodices:null!==(h=null===(R=e.requestRenderingParams)||void 0===R?void 0:R.articleCodices)&&void 0!==h?h:[],UserSessionId:l.ZP.SessionId,v:null!==(S=null===(f=e.requestRenderingParams)||void 0===f?void 0:f.catalogData.catalogGUID)&&void 0!==S?S:"",hybrid3DInfo:null===(D=e.requestRenderingParams)||void 0===D?void 0:D.hybrid3DInfo}}},{key:"closeConnection",value:function closeConnection(){this.signalRConnection&&(this.doIgnoreOnClosed=!0,this.signalRConnection.invoke("LeaveWebClient"),S.debug("SignalRConnection: Close Connection and say byby to Diva3DHost."),this.signalRConnection.completeClose())}},{key:"login",value:(n=(0,t.Z)(d().mark((function _callee6(){var e,n;return d().wrap((function _callee6$(i){for(;;)switch(i.prev=i.next){case 0:return S.debug("DIVA3D-HOST.SignaR POST Login - userID:"+this.renderSettings.UserID+", deviceID:"+this.renderSettings.DeviceID+", divaSessionID:"+this.renderSettings.DivaSessionID+", _Application:"+this.renderSettings.ApplicationName),l.ZP.startSpanOfApm("PlannerHandler3D login"),i.prev=2,i.next=5,this.signalRConnection.invoke("LoginWebPlanner",this.renderSettings.UserID,this.renderSettings.DeviceID,this.renderSettings.DivaSessionID,this.renderSettings.ApplicationName);case 5:e=i.sent,this.connectionErrorCount=0,""!=e?(this.successfullyLoggedIn=!0,S.debug("DIVA3D-HOST.SignaR Response ReturnLogin - sessionID: "+e),this.sessionID=e,this.plannerHandler3D.onConnectionInitialized({status:"SUCCESSFULL"})):this.plannerHandler3D.onConnectionInitialized({status:"ERROR"}),i.next=15;break;case 10:i.prev=10,i.t0=i.catch(2),l.ZP.endSpanOfApm("PlannerHandler3D login"),n=this,this.handleConnectionError(i.t0,(function(){n.login()}));case 15:case"end":return i.stop()}}),_callee6,this,[[2,10]])}))),function login(){return n.apply(this,arguments)})},{key:"join",value:(e=(0,t.Z)(d().mark((function _callee7(e){var n,i;return d().wrap((function _callee7$(t){for(;;)switch(t.prev=t.next){case 0:if(""!=e){t.next=2;break}return t.abrupt("return");case 2:if(this.lastJoinDivaNr!=e&&this.openSocketToMediaService(e),n=this,this.connectionIsReady()){t.next=8;break}setTimeout((function(){n.join(e)}),200),t.next=23;break;case 8:return this.lastJoinDivaNr=e,l.ZP.startSpanOfApm("PlannerHandler3D join"),S.debug("PlannerHandler3D SignalR - Join DivaNr to connected host: "+e),t.prev=11,t.next=14,this.signalRConnection.invoke("JoinWebPlanner",this.sessionID,e);case 14:i=t.sent,l.ZP.endSpanOfApm("PlannerHandler3D join"),i?(this.successfullyJoinedDivaNr=!0,this.plannerHandler3D.onConnectedToDivaNr("SUCCESSFULL"),S.debug("Return Join - Join successfull.")):this.join(e),this.connectionErrorCount=0,t.next=23;break;case 20:t.prev=20,t.t0=t.catch(11),this.handleConnectionError(t.t0,(function(){n.join(e)}));case 23:case"end":return t.stop()}}),_callee7,this,[[11,20]])}))),function join(n){return e.apply(this,arguments)})},{key:"handleConnectionError",value:function handleConnectionError(e,n){this.connectionErrorCount++,4==this.connectionErrorCount?S.debug("SignalR Error. not possible to establish SignalR connection."):S.debug("SignalR Error. Message: "+e.message)}},{key:"connectionIsReady",value:function connectionIsReady(){return this.connectionStarted&&this.successfullyLoggedIn}},{key:"unvalidSessionID",value:function unvalidSessionID(e,n){S.debug("DIVA3D-HOST.SignaR Response Unvalid SessionID"),this.successfullyLoggedIn=!1}}]);var e,n,i,a,f,D}()}}]);