npm - @crystaldesign/diva-web-planner-react - Versions diffs - 26.3.0-beta.30 → 26.3.0-beta.32 - Mend

@crystaldesign/diva-web-planner-react 26.3.0-beta.30 → 26.3.0-beta.32

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

Files changed (425) hide show

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5768.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5768,8648],{88648:(r,t,o)=>{o.r(t),o.d(t,{default:()=>S});var i=o(34988),l=o(63762),a=o(87363),d=o(58590),c=o(93379),u=o.n(c),m=o(7795),p=o.n(m),x=o(90569),v=o.n(x),h=o(3565),g=o.n(h),b=o(19216),y=o.n(b),k=o(44589),w=o.n(k),P=o(73751),N={};N.styleTagTransform=w(),N.setAttributes=g(),N.insert=v().bind(null,"head"),N.domAPI=p(),N.insertStyleElement=y();u()(P.Z,N);P.Z&&P.Z.locals&&P.Z.locals;var _=o(9420),j=o(47514);const S=(0,_.Pi)((function ArticleSelector(r){var t,o=(0,i.Z)(r.articleState,2),c=o[0],u=o[1],m=r.rerender,p=r.filter,x=(0,l.NP)(),v=Object.values(null!==(t=x.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==t?t:{});p&&(v=v.filter(p));var h=v.map((function(r){return{value:r.basketId,label:r.name+" "+r.posNr}}));return(0,a.useEffect)((function(){c||u(v[0])}),[m]),1==h.length||0==h.length?(0,j.jsx)(j.Fragment,{}):(0,j.jsx)(d.ZP,{value:h.find((function(r){return r.value===(null==c?void 0:c.basketId)})),options:h,onChange:function onChange(r){u(v.find((function(t){return t.basketId==r.value})))},className:P.Y,classNamePrefix:"article-select"})}))},85768:(r,t,o)=>{o.r(t),o.d(t,{default:()=>W});var i=o(80248),l=o(84658),a=o(34988),d=o(88291),c=o(12952),u=o(50747),m=o.n(u),p=o(87363),x=o(51203),v=o(93379),h=o.n(v),g=o(7795),b=o.n(g),y=o(90569),k=o.n(y),w=o(3565),P=o.n(w),N=o(19216),_=o.n(N),j=o(44589),S=o.n(j),A=o(69288),C={};C.styleTagTransform=S(),C.setAttributes=P(),C.insert=k().bind(null,"head"),C.domAPI=b(),C.insertStyleElement=_();h()(A.ZP,C);A.ZP&&A.ZP.locals&&A.ZP.locals;var O=o(63762),R=o(9420),D=o(65515),T=o.n(D),z=o(88683),I=o(12793),E=o(78508),G=o(88648),Z=o(47514);function ownKeys(r,t){var o=Object.keys(r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(o),!0).forEach((function(t){(0,i.Z)(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(o,t))}))}return r}function _createForOfIteratorHelper(r,t){var o="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!o){if(Array.isArray(r)||(o=function _unsupportedIterableToArray(r,t){if(r){if("string"==typeof r)return _arrayLikeToArray(r,t);var o={}.toString.call(r).slice(8,-1);return"Object"===o&&r.constructor&&(o=r.constructor.name),"Map"===o||"Set"===o?Array.from(r):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?_arrayLikeToArray(r,t):void 0}}(r))||t&&r&&"number"==typeof r.length){o&&(r=o);var i=0,l=function F(){};return{s:l,n:function n(){return i>=r.length?{done:!0}:{done:!1,value:r[i++]}},e:function e(r){throw r},f:l}}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 a,d=!0,c=!1;return{s:function s(){o=o.call(r)},n:function n(){var r=o.next();return d=r.done,r},e:function e(r){c=!0,a=r},f:function f(){try{d||null==o.return||o.return()}finally{if(c)throw a}}}}function _arrayLikeToArray(r,t){(null==t||t>r.length)&&(t=r.length);for(var o=0,i=Array(t);o<t;o++)i[o]=r[o];return i}function getArticlePriceStatus(r){var t,o,i,l,a;if("FLAT"===r.catalogArticle.articleType)return(null!==(l=r.price)&&void 0!==l?l:0)>0||(null!==(a=r.catalogArticle.articlePrice)&&void 0!==a?a:0)>0?"flat":"no-prices";if(0===(null!==(t=r.catalogArticle.priceFeatureGroupNos)&&void 0!==t?t:[]).length||r.noPrice)return"no-prices";var d=Object.values(null!==(o=r.decisionDebugStacks)&&void 0!==o?o:{}).findLast((function(r){return r}));return null!=d&&null!==(i=d.prices)&&void 0!==i&&i.length?"active":"config-mismatch"}function flattenArticlesWithDepth(r,t){var o,i=[],l=_createForOfIteratorHelper(r);try{for(l.s();!(o=l.n()).done;){var a,d=o.value;i.push({article:d,depth:t});var u=Object.values(null!==(a=d.partlistArticles)&&void 0!==a?a:{});u.length>0&&i.push.apply(i,(0,c.Z)(flattenArticlesWithDepth(u,t+1)))}}catch(r){l.e(r)}finally{l.f()}return i}function PriceDetailTable(r){var t,o,i=r.row,l=r.article,a=r.onClose,d=i.priceFeatureGroup,u=null===(t=l.catalogArticle.idmPrices)||void 0===t?void 0:t.prices,m="undefined"!=typeof document&&document.body.classList.contains("darkmode"),x=(0,p.useMemo)((function(){return m?I.Jct.withPart(I.ir9):I.Jct}),[m]),v=(0,p.useMemo)((function(){var r,t,o,l,a,u;return[{field:"Text",value:null!==(r=null!==(t=null===(o=d.priceFeatureGroupText)||void 0===o?void 0:o.DE)&&void 0!==t?t:null===(l=d.priceFeatureGroupText)||void 0===l?void 0:l.EN)&&void 0!==r?r:"-"},{field:"Active Combination",value:String(null!==(a=d.activeCombination)&&void 0!==a?a:"-")},{field:"isPercentage",value:String(d.isPercentage)},{field:"additionalPrice",value:String(d.additionalPrice)},{field:"featureNos",value:(null!==(u=d.featureNos)&&void 0!==u?u:[]).join(", ")||"-"}].concat((0,c.Z)(i.variantValues?[{field:"VariantValues",value:JSON.stringify(i.variantValues)}]:[]))}),[d,i.variantValues]),h=(0,p.useMemo)((function(){var r;return(null!==(r=d.finishes)&&void 0!==r?r:[]).map((function(r){var t,o,i,l="PRFG"+d.priceFeatureGroupNo+"_"+(null!==(t=r.supplierPriceGroup)&&void 0!==t?t:r.priceField),a=null==u?void 0:u[l],c=r.sequence===d.activeCombination,m=null!=a;return{_id:null!==(o=r._id)&&void 0!==o?o:String(r.sequence),sequence:r.sequence,priceField:"PRFG".concat(d.priceFeatureGroupNo,"_").concat(r.priceField),price:m?String(a):"-",optionsSetRefs:JSON.stringify(null!==(i=r.optionsSetRefs)&&void 0!==i?i:{}),isActive:c}}))}),[d,u]),g=(0,p.useMemo)((function(){return[{field:"field",headerName:"Field",flex:0,width:140},{field:"value",headerName:"Value",flex:1,minWidth:120}]}),[]),b=(0,p.useMemo)((function(){return[{field:"sequence",headerName:"Seq",flex:0,width:60},{field:"priceField",headerName:"priceField",flex:1,minWidth:100},{field:"price",headerName:"Price",flex:0,width:80},{field:"optionsSetRefs",headerName:"optionsSetRefs",flex:1,minWidth:100}]}),[]);return(0,Z.jsxs)("div",{className:A.$b,children:[(0,Z.jsxs)("h4",{children:["PriceFeatureGroup #",d.priceFeatureGroupNo,(0,Z.jsx)("button",{type:"button",onClick:a,style:{float:"right",marginLeft:8},children:"×"})]}),(0,Z.jsx)("div",{className:A.hd,children:(0,Z.jsx)(E.s,{rowData:v,columnDefs:g,theme:x,suppressCellFocus:!0,domLayout:"autoHeight",headerHeight:32,rowHeight:32})}),(null===(o=d.finishes)||void 0===o?void 0:o.length)>0&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)("h5",{children:"Finishes"}),(0,Z.jsx)("div",{className:A.hd,children:(0,Z.jsx)(E.s,{rowData:h,columnDefs:b,theme:x,getRowId:function getRowId(r){var t,o;return null!==(t=null===(o=r.data)||void 0===o?void 0:o._id)&&void 0!==t?t:""},getRowClass:function getFinishRowClass(r){var t;return null!==(t=r.data)&&void 0!==t&&t.isActive?A.UD:A.mh},suppressCellFocus:!0,domLayout:"autoHeight",headerHeight:32,rowHeight:32})})]})]})}I.O3h.registerModules([I.ea9]);const W=(0,R.Pi)((function PriceAnalyzer(r){var t,o,i,c,u,v,h,g,b,y,k,w,P,N=Object.assign({},((0,d.Z)(r),r)),_=(0,O.NP)(),j=_.settingsState.configChanged,S=null!==(t=_.divaWebPlanner.getDivaArticles(!1,!0))&&void 0!==t?t:{},C=(0,p.useMemo)((function(){return Object.values(S)}),[S]),R="undefined"!=typeof document&&document.body.classList.contains("darkmode"),D=(0,p.useMemo)((function(){return R?I.Jct.withPart(I.ir9):I.Jct}),[R]),W=(0,p.useState)(!1),L=(0,a.Z)(W,2),M=L[0],J=L[1];(0,p.useEffect)((function(){var r=function(){var r=(0,l.Z)(m().mark((function _callee(){return m().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,z.DivaUtils.Sleep(1e3);case 2:J(!M);case 3:case"end":return r.stop()}}),_callee)})));return function asyncFunct(){return r.apply(this,arguments)}}();r()}),[_.tabGroupState.allTabGroups]),(0,p.useEffect)((function(){var r=_.divaWebPlanner.actSet();return r&&!r.logDecisions&&(r.logDecisions=!0),function(){var r=_.divaWebPlanner.actSet();r&&(r.logDecisions=!1)}}),[_.uiState.isLoading]);var U=(0,p.useMemo)((function(){return C.filter((function(r){return!r.isPartListArticle}))}),[C]),H=(o=null===(i=_.divaWebPlanner.actSet())||void 0===i?void 0:i.getDivaArticles(),(0,p.useState)(null!==(c=U.find((function(r){return 1===r.posNr})))&&void 0!==c?c:U[0])),Y=(0,a.Z)(H,2),q=Y[0],K=Y[1],X=(0,p.useRef)(void 0),V=(0,p.useRef)(void 0);X.current=null!==(u=null==q?void 0:q.basketId)&&void 0!==u?u:X.current,V.current=null!==(v=null==q?void 0:q.articleCodex)&&void 0!==v?v:V.current;var B=(0,p.useState)(),$=(0,a.Z)(B,2),Q=$[0],ee=$[1],ne=function setSelectedArticle(r){K((function(t){var o="function"==typeof r?r(t):r;return o&&(X.current=o.basketId,V.current=o.articleCodex),o}))};(0,p.useEffect)((function(){var r=X.current,t=V.current,o=setTimeout((function(){if(J((function(r){return!r})),r||t){var o,i,l=null!==(o=_.divaWebPlanner.getDivaArticles(!1,!0))&&void 0!==o?o:{},a=null!==(i=r?l[r]:void 0)&&void 0!==i?i:t?Object.values(l).find((function(r){return r.articleCodex===t})):void 0;a?K(a):(X.current=void 0,V.current=void 0,K(void 0))}}),200);return function(){return clearTimeout(o)}}),[j]);var re=q?null!==(h=null!==(g=S[q.basketId])&&void 0!==g?g:Object.values(S).find((function(r){return r.articleCodex===q.articleCodex})))&&void 0!==h?h:q:void 0,te=null!==(b=null==re||null===(y=re.CatalogData)||void 0===y?void 0:y.isIDMFormat)&&void 0!==b&&b,oe=re?Object.values(null!==(k=re.decisionDebugStacks)&&void 0!==k?k:{}).findLast((function(r){return r})):void 0,ie=null!==(w=null==oe?void 0:oe.prices)&&void 0!==w?w:[],le=(0,p.useMemo)((function(){return flattenArticlesWithDepth(U,0).map((function(r){var t,o=r.article,i=r.depth,l=null!==(t=o.mainPrice)&&void 0!==t?t:0,a=function getPartlistPriceSum(r){var t=0;for(var o in null!==(i=r.partlistArticles)&&void 0!==i?i:{}){var i,l,a=r.partlistArticles[o];a.bruttoPrice&&(t+=null!==(l=a.calcPrice(!0))&&void 0!==l?l:0)}return t}(o),d=o.isPartListArticle?0:o.calcPrice(!1)/(o.quantity||1);return{article:o,depth:i,articleCodex:"│ ".repeat(i)+o.articleCodex,name:o.name,posNr:o.posNr,status:getArticlePriceStatus(o),ownPrice:l,partlistSum:a,totalPrice:d}}))}),[U]),ae=(0,p.useMemo)((function(){return[{field:"articleCodex",headerName:"Article",flex:1,minWidth:120,cellStyle:function cellStyle(r){var t,o;return{paddingLeft:8+12*(null!==(t=null===(o=r.data)||void 0===o?void 0:o.depth)&&void 0!==t?t:0)}}},{field:"name",headerName:"Name",flex:1,minWidth:100},{field:"posNr",headerName:"Pos",flex:0,width:60},{headerName:"Status",flex:1,minWidth:110,cellRenderer:function cellRenderer(r){var t,o=null===(t=r.data)||void 0===t?void 0:t.status;if(!o)return null;return(0,Z.jsx)("span",{className:T()("no-prices"===o&&A.G8,"config-mismatch"===o&&A.mp,"active"===o&&A.do,"flat"===o&&A.RO),children:{"no-prices":"No prices","config-mismatch":"Config mismatch",active:"Active",flat:"Flat"}[o]})}},{field:"ownPrice",headerName:"Own",flex:0,width:70,valueFormatter:function valueFormatter(r){return null!=r.value&&r.value>0?r.value.toFixed(2):"-"}},{field:"partlistSum",headerName:"Partlist",flex:0,width:80,valueFormatter:function valueFormatter(r){var t;return null!==(t=r.data)&&void 0!==t&&t.article.hasPartlistArticle&&null!=r.value&&r.value>0?r.value.toFixed(2):"-"}},{field:"totalPrice",headerName:"Total",flex:0,width:70,valueFormatter:function valueFormatter(r){return null!=r.value&&r.value>0?r.value.toFixed(2):"-"}}]}),[]),de=(0,p.useRef)(null),ce=(0,p.useRef)(null),ue=(0,p.useMemo)((function(){return[{field:"nr",headerName:"#",flex:0,width:50},{field:"text",headerName:"Price",flex:1,minWidth:100},{headerName:"Loaded",flex:1,minWidth:80,cellRenderer:function cellRenderer(r){var t,o,i,l=r.data;if(!l)return null;var a=l.priceFeatureGroup,d=null===(t=a.finishes)||void 0===t?void 0:t.find((function(r){return r.sequence===a.activeCombination})),c=d?"PRFG"+a.priceFeatureGroupNo+"_"+(null!==(o=d.supplierPriceGroup)&&void 0!==o?o:d.priceField):null,u=c?null==re||null===(i=re.catalogArticle.idmPrices)||void 0===i?void 0:i.prices[c]:void 0;return a.isPercentage&&null!=l.percentageValue?l.percentageValue+"%":null!=u?String(u):"-"}}]}),[re]);return(0,p.useEffect)((function(){var r=setTimeout((function(){var r,t;null===(r=de.current)||void 0===r||null===(r=r.api)||void 0===r||r.redrawRows(),null===(t=ce.current)||void 0===t||null===(t=t.api)||void 0===t||t.redrawRows()}),0);return function(){return clearTimeout(r)}}),[null==q?void 0:q.basketId,null==Q||null===(P=Q.priceFeatureGroup)||void 0===P?void 0:P.priceFeatureGroupNo]),0===U.length?(0,Z.jsx)("div",_objectSpread(_objectSpread({},N),{},{className:T()(N.className,A.fm),style:{zIndex:800},children:(0,Z.jsx)("a",{className:A.Fs,children:"Price analyzer - plan article"})})):q?te?(0,Z.jsxs)("div",_objectSpread(_objectSpread({},N),{},{className:T()(N.className,A.fm,_.uiState.configSettingsIsExpanded?x.NF:void 0),style:{zIndex:800},children:[(0,Z.jsx)("a",{className:A.Fs,children:"Price analyzer"}),(0,Z.jsx)(G.default,{articleState:[q,ne],rerender:M,filter:function filter(r){return!r.relatedToBasketId||r.isPartListArticle}}),(0,Z.jsx)("p",{className:A.Wy,children:"All articles overview. Price status: no prices (catalog), config mismatch (prices possible but not for current config), active (current price), flat (fixed price from catalog, no config-dependent pricing). Own = article's own price, Partlist = sum from partlist children. Total = set contribution (matches header) for base articles; own + partlist for nested partlist articles."}),(0,Z.jsx)("div",{className:A.u,children:(0,Z.jsx)("div",{className:A.Uj,children:(0,Z.jsx)(E.s,{ref:de,rowData:le,columnDefs:ae,theme:D,getRowId:function getArticleRowId(r){var t,o;return null!==(t=null===(o=r.data)||void 0===o||null===(o=o.article)||void 0===o?void 0:o.basketId)&&void 0!==t?t:""},getRowClass:function getArticleRowClass(r){var t;return(null===(t=r.data)||void 0===t?void 0:t.article.basketId)===(null==q?void 0:q.basketId)?A.T6:void 0},onRowClicked:function onArticleRowClicked(r){var t;null!==(t=r.data)&&void 0!==t&&t.article&&ne(r.data.article)},suppressCellFocus:!0,suppressRowClickSelection:!0,domLayout:"normal"})})}),(0,Z.jsx)("p",{className:A.Wy,children:"Price history for selected article. Click a price to see details."}),(0,Z.jsxs)("div",{className:A.hS,children:[(0,Z.jsx)("div",{className:A.Hy,children:(0,Z.jsx)("div",{className:A.Uj,children:(0,Z.jsx)(E.s,{ref:ce,rowData:ie,columnDefs:ue,theme:D,getRowId:function getPriceRowId(r){var t,o;return String(null!==(t=null===(o=r.data)||void 0===o||null===(o=o.priceFeatureGroup)||void 0===o?void 0:o.priceFeatureGroupNo)&&void 0!==t?t:"")},getRowClass:function getPriceRowClass(r){var t,o;return r.data&&Q&&(null===(t=r.data.priceFeatureGroup)||void 0===t?void 0:t.priceFeatureGroupNo)===(null===(o=Q.priceFeatureGroup)||void 0===o?void 0:o.priceFeatureGroupNo)?A.Xn:void 0},onRowClicked:function onPriceRowClicked(r){var t,o;r.data&&((null===(t=r.data.priceFeatureGroup)||void 0===t?void 0:t.priceFeatureGroupNo)===(null==Q||null===(o=Q.priceFeatureGroup)||void 0===o?void 0:o.priceFeatureGroupNo)?ee(void 0):ee(r.data))},suppressCellFocus:!0,suppressRowClickSelection:!0,domLayout:"normal",overlayNoRowsTemplate:"<span class='ag-overlay-no-rows-center'>Change config to get price history</span>"})})}),Q&&(0,Z.jsx)("div",{className:A.Hy,children:(0,Z.jsx)(PriceDetailTable,{row:Q,article:null!=re?re:q,onClose:function onClose(){return ee(void 0)}})})]},_.settingsState.configChanged)]})):(0,Z.jsx)(Z.Fragment,{children:"Only implemented for IDM enricher data"}):(0,Z.jsxs)("div",_objectSpread(_objectSpread({},N),{},{className:T()(N.className,A.fm),style:{zIndex:800},children:[(0,Z.jsx)("a",{className:A.Fs,children:"Price analyzer"}),(0,Z.jsx)(G.default,{articleState:[q,ne],rerender:M,filter:function filter(r){return!r.relatedToBasketId||r.isPartListArticle}})]}))}))},73751:(r,t,o)=>{o.d(t,{Y:()=>c,Z:()=>u});var i=o(8081),l=o.n(i),a=o(23645),d=o.n(a)()(l());d.push([r.id,".index-module--_Tl9c {\n  width: 200px;\n  font-size: 12px;\n  position: absolute;\n  z-index: 100;\n  top: 16px;\n}\n.index-module--_Tl9c div {\n  border-color: grey !important;\n}\n.index-module--_Tl9c div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n\n/* Dark mode - article-select prefix scopes to this component (menu is portaled to body) */\n.darkmode .article-select__control,\nbody.darkmode .article-select__control {\n  background-color: rgba(30, 41, 59, 0.95) !important;\n  border-color: rgba(71, 85, 105, 0.8) !important;\n  box-shadow: none !important;\n}\n\n.darkmode .article-select__single-value,\nbody.darkmode .article-select__single-value {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__input-container,\nbody.darkmode .article-select__input-container {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__input,\nbody.darkmode .article-select__input {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__placeholder,\nbody.darkmode .article-select__placeholder {\n  color: #94a3b8 !important;\n}\n\n.darkmode .article-select__menu,\nbody.darkmode .article-select__menu {\n  background-color: rgba(30, 41, 59, 0.98) !important;\n  border: 1px solid rgba(71, 85, 105, 0.8) !important;\n}\n\n.darkmode .article-select__menu-list,\nbody.darkmode .article-select__menu-list {\n  background-color: transparent !important;\n}\n\n.darkmode .article-select__option,\nbody.darkmode .article-select__option {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__option--is-focused,\nbody.darkmode .article-select__option--is-focused {\n  background-color: rgba(51, 65, 85, 0.8) !important;\n}\n\n.darkmode .article-select__option--is-selected,\nbody.darkmode .article-select__option--is-selected {\n  background-color: rgba(59, 130, 246, 0.4) !important;\n  color: #93c5fd !important;\n}\n\n.darkmode .article-select__indicator-separator,\nbody.darkmode .article-select__indicator-separator {\n  background-color: rgba(71, 85, 105, 0.8) !important;\n}\n\n.darkmode .article-select__dropdown-indicator,\nbody.darkmode .article-select__dropdown-indicator {\n  color: #94a3b8 !important;\n}\n\n.darkmode .article-select__dropdown-indicator:hover,\nbody.darkmode .article-select__dropdown-indicator:hover {\n  color: #e2e8f0 !important;\n}\n",""]);var c="index-module--_Tl9c";const u=d},69288:(r,t,o)=>{o.d(t,{$b:()=>x,Fs:()=>_,G8:()=>y,Hy:()=>m,RO:()=>P,T6:()=>b,UD:()=>j,Uj:()=>h,Wy:()=>c,Xn:()=>p,ZP:()=>A,do:()=>w,fm:()=>N,hS:()=>u,hd:()=>g,mh:()=>S,mp:()=>k,u:()=>v});var i=o(8081),l=o.n(i),a=o(23645),d=o.n(a)()(l());d.push([r.id,".index-module--TMuWx {\n  position: relative;\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--diva-typography-font-family);\n  font-size: 13px;\n  background: #fff;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.index-module--TMuWx thead {\n  background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.index-module--TMuWx th,\n.index-module--TMuWx td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.index-module--TMuWx tbody tr:hover {\n  background: #f7fafc;\n}\n\n.index-module--YulNJ {\n  height: 24px;\n  padding: 4px 10px;\n  font-size: 13px;\n  border: 1px solid #cbd5e0;\n  border-radius: 6px;\n  min-width: 120px;\n  margin-top: 8px;\n}\n\n.index-module--YulNJ:focus {\n  outline: none;\n  border-color: var(--primaryColor);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n}\n\n.index-module--t5KbL {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.index-module--EBXgh {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  gap: 16px;\n  margin-top: 16px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n  height: 40%;\n}\n\n.index-module--AUk0n {\n  flex: 0 0 auto;\n  align-self: flex-start;\n  height: 100%;\n  width: calc(50% - 24px);\n}\n\n.index-module--O7sM7 {\n  background: #ebf8ff !important;\n}\n\n.index-module--O7sM7 {\n  border-left: 3px solid var(--primaryColor);\n}\n\n.index-module--Bov6H {\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.index-module--Bov6H:hover {\n  background: #edf2f7;\n}\n\n.index-module--wzkPJ {\n  flex: 0 0 auto;\n  align-self: flex-start;\n  padding: 16px;\n  background: #f8fafc;\n  border-radius: 8px;\n  border: 1px solid #e2e8f0;\n  min-width: 280px;\n}\n\n.index-module--wzkPJ h4 {\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #2d3748;\n}\n\n.index-module--wzkPJ h5 {\n  margin: 12px 0 8px 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: #4a5568;\n}\n\n.index-module--jIsv3 {\n  margin-top: 16px;\n  height: 50%;\n}\n\n.index-module--Tdv5K {\n  width: 100%;\n  min-height: 150px;\n  height: 100%;\n}\n\n.index-module--Z70fs {\n  width: 100%;\n  min-height: 80px;\n}\n\n.index-module--awEho {\n  background-color: #dcfce7 !important;\n}\n\n.index-module--awEho:hover {\n  background-color: #bbf7d0 !important;\n}\n\n.index-module--zLxOy {\n  color: #718096;\n  font-style: italic;\n}\n\n.index-module--YYqAj {\n  color: #d69e2e;\n}\n\n.index-module--E0JUN {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.index-module--UDrFE {\n  color: #3182ce;\n}\n\n.index-module--aAXou {\n  text-align: left;\n}\n\n.index-module--aAXou:first-child {\n  height: 20px;\n}\n\n.index-module--aAXou th {\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n\n.index-module--gR4ES {\n  overflow: auto;\n  width: 100%;\n  padding: 16px;\n  height: 100%;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.index-module--E6gUV {\n  height: 8%;\n  width: calc(100% - 16px);\n  padding: 8px 16px;\n  text-align: center;\n  background: linear-gradient(135deg, var(--primaryColor) 0%, color-mix(in srgb, var(--primaryColor) 90%, black) 100%);\n  font-size: 18px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  border-radius: 0 0 8px 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--aeMhl {\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  height: 100%;\n}\n\n.index-module--NUFfA {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.index-module--sd0v0 {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.index-module--YZIPe {\n  width: calc(100% - 4px);\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.index-module--YZIPe th,\n.index-module--YZIPe td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.index-module--YZIPe th {\n  background-color: #f2f2f2;\n}\n\n.index-module--ll9tP {\n  background-color: #dcfce7 !important;\n}\n\n.index-module--SrjHX {\n  background-color: #f1f5f9 !important;\n}\n\n/* Dark mode compatibility */\n.darkmode .index-module--t5KbL,\nbody.darkmode .index-module--t5KbL {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--O7sM7,\nbody.darkmode .index-module--O7sM7 {\n  background: rgba(56, 178, 172, 0.25) !important;\n}\n\n.darkmode .index-module--O7sM7,\nbody.darkmode .index-module--O7sM7 {\n  border-left-color: #38b2ac;\n}\n\n.darkmode .index-module--awEho,\nbody.darkmode .index-module--awEho {\n  background-color: rgba(34, 197, 94, 0.25) !important;\n}\n\n.darkmode .index-module--awEho:hover,\nbody.darkmode .index-module--awEho:hover {\n  background-color: rgba(34, 197, 94, 0.35) !important;\n}\n\n.darkmode .index-module--zLxOy,\nbody.darkmode .index-module--zLxOy {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--YYqAj,\nbody.darkmode .index-module--YYqAj {\n  color: #fbbf24;\n}\n\n.darkmode .index-module--E0JUN,\nbody.darkmode .index-module--E0JUN {\n  color: #68d391;\n}\n\n.darkmode .index-module--UDrFE,\nbody.darkmode .index-module--UDrFE {\n  color: #63b3ed;\n}\n\n.darkmode .index-module--wzkPJ,\nbody.darkmode .index-module--wzkPJ {\n  background: rgba(30, 41, 59, 0.6);\n  border-color: rgba(71, 85, 105, 0.8);\n}\n\n.darkmode .index-module--wzkPJ h4,\nbody.darkmode .index-module--wzkPJ h4 {\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--wzkPJ h5,\nbody.darkmode .index-module--wzkPJ h5 {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--ll9tP,\nbody.darkmode .index-module--ll9tP {\n  background-color: rgba(34, 197, 94, 0.3) !important;\n}\n\n.darkmode .index-module--SrjHX,\nbody.darkmode .index-module--SrjHX {\n  background-color: rgba(51, 65, 85, 0.5) !important;\n}\n",""]);var c="index-module--t5KbL",u="index-module--EBXgh",m="index-module--AUk0n",p="index-module--O7sM7",x="index-module--wzkPJ",v="index-module--jIsv3",h="index-module--Tdv5K",g="index-module--Z70fs",b="index-module--awEho",y="index-module--zLxOy",k="index-module--YYqAj",w="index-module--E0JUN",P="index-module--UDrFE",N="index-module--gR4ES",_="index-module--E6gUV",j="index-module--ll9tP",S="index-module--SrjHX";const A=d},89965:(r,t,o)=>{o.d(t,{NF:()=>u,ZP:()=>p,ec:()=>c,pb:()=>m});var i=o(8081),l=o.n(i),a=o(23645),d=o.n(a)()(l());d.push([r.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  width: calc(63% - 50px) !important;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  margin-left: 50px;\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var c="index-module--NA4Nc",u="index-module--zxgl3",m="index-module--WGNyK";const p=d},51203:(r,t,o)=>{o.d(t,{NF:()=>b.NF,ec:()=>b.ec,pb:()=>b.pb});var i=o(93379),l=o.n(i),a=o(7795),d=o.n(a),c=o(90569),u=o.n(c),m=o(3565),p=o.n(m),x=o(19216),v=o.n(x),h=o(44589),g=o.n(h),b=o(89965),y={};y.styleTagTransform=g(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=d(),y.insertStyleElement=v();l()(b.ZP,y),b.ZP&&b.ZP.locals&&b.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5768,8648],{87223:(r,t,o)=>{o.d(t,{M:()=>useAgGrid});var i=o(80248),a=o(34988),l=o(87363);function ownKeys(r,t){var o=Object.keys(r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(o),!0).forEach((function(t){(0,i.Z)(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(o,t))}))}return r}var d=Promise.all([Promise.all([o.e(2793),o.e(8508)]).then(o.bind(o,78508)),o.e(2793).then(o.bind(o,12793))]).then((function(r){var t=(0,a.Z)(r,2),o=t[0],i=t[1];return i.ModuleRegistry.registerModules([i.AllCommunityModule]),{AgGridReact:o.AgGridReact,themeQuartz:i.themeQuartz,colorSchemeDarkBlue:i.colorSchemeDarkBlue}})).catch((function(){return null})),c={AgGridReact:null,themeQuartz:void 0,colorSchemeDarkBlue:void 0,loaded:!1};function useAgGrid(){var r=(0,l.useState)(c),t=(0,a.Z)(r,2),o=t[0],i=t[1];return(0,l.useEffect)((function(){d.then((function(r){r&&i(_objectSpread(_objectSpread({},r),{},{loaded:!0}))}))}),[]),o}},88648:(r,t,o)=>{o.r(t),o.d(t,{default:()=>_});var i=o(34988),a=o(63762),l=o(87363),d=o(58590),c=o(93379),u=o.n(c),m=o(7795),p=o.n(m),x=o(90569),v=o.n(x),h=o(3565),b=o.n(h),g=o(19216),y=o.n(g),k=o(44589),w=o.n(k),P=o(73751),j={};j.styleTagTransform=w(),j.setAttributes=b(),j.insert=v().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=y();u()(P.Z,j);P.Z&&P.Z.locals&&P.Z.locals;var N=o(9420),S=o(47514);const _=(0,N.Pi)((function ArticleSelector(r){var t,o=(0,i.Z)(r.articleState,2),c=o[0],u=o[1],m=r.rerender,p=r.filter,x=(0,a.NP)(),v=Object.values(null!==(t=x.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==t?t:{});p&&(v=v.filter(p));var h=v.map((function(r){return{value:r.basketId,label:r.name+" "+r.posNr}}));return(0,l.useEffect)((function(){c||u(v[0])}),[m]),1==h.length||0==h.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsx)(d.ZP,{value:h.find((function(r){return r.value===(null==c?void 0:c.basketId)})),options:h,onChange:function onChange(r){u(v.find((function(t){return t.basketId==r.value})))},className:P.Y,classNamePrefix:"article-select"})}))},85768:(r,t,o)=>{o.r(t),o.d(t,{default:()=>Z});var i=o(80248),a=o(84658),l=o(34988),d=o(88291),c=o(12952),u=o(50747),m=o.n(u),p=o(87363),x=o(51203),v=o(93379),h=o.n(v),b=o(7795),g=o.n(b),y=o(90569),k=o.n(y),w=o(3565),P=o.n(w),j=o(19216),N=o.n(j),S=o(44589),_=o.n(S),A=o(69288),O={};O.styleTagTransform=_(),O.setAttributes=P(),O.insert=k().bind(null,"head"),O.domAPI=g(),O.insertStyleElement=N();h()(A.ZP,O);A.ZP&&A.ZP.locals&&A.ZP.locals;var D=o(63762),z=o(9420),C=o(65515),R=o.n(C),G=o(88683),T=o(87223),I=o(88648),E=o(47514);function ownKeys(r,t){var o=Object.keys(r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),o.push.apply(o,i)}return o}function _objectSpread(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(o),!0).forEach((function(t){(0,i.Z)(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(o,t))}))}return r}function _createForOfIteratorHelper(r,t){var o="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!o){if(Array.isArray(r)||(o=function _unsupportedIterableToArray(r,t){if(r){if("string"==typeof r)return _arrayLikeToArray(r,t);var o={}.toString.call(r).slice(8,-1);return"Object"===o&&r.constructor&&(o=r.constructor.name),"Map"===o||"Set"===o?Array.from(r):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?_arrayLikeToArray(r,t):void 0}}(r))||t&&r&&"number"==typeof r.length){o&&(r=o);var i=0,a=function F(){};return{s:a,n:function n(){return i>=r.length?{done:!0}:{done:!1,value:r[i++]}},e:function e(r){throw r},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,c=!1;return{s:function s(){o=o.call(r)},n:function n(){var r=o.next();return d=r.done,r},e:function e(r){c=!0,l=r},f:function f(){try{d||null==o.return||o.return()}finally{if(c)throw l}}}}function _arrayLikeToArray(r,t){(null==t||t>r.length)&&(t=r.length);for(var o=0,i=Array(t);o<t;o++)i[o]=r[o];return i}function getArticlePriceStatus(r){var t,o,i,a,l;if("FLAT"===r.catalogArticle.articleType)return(null!==(a=r.price)&&void 0!==a?a:0)>0||(null!==(l=r.catalogArticle.articlePrice)&&void 0!==l?l:0)>0?"flat":"no-prices";if(0===(null!==(t=r.catalogArticle.priceFeatureGroupNos)&&void 0!==t?t:[]).length||r.noPrice)return"no-prices";var d=Object.values(null!==(o=r.decisionDebugStacks)&&void 0!==o?o:{}).findLast((function(r){return r}));return null!=d&&null!==(i=d.prices)&&void 0!==i&&i.length?"active":"config-mismatch"}function flattenArticlesWithDepth(r,t){var o,i=[],a=_createForOfIteratorHelper(r);try{for(a.s();!(o=a.n()).done;){var l,d=o.value;i.push({article:d,depth:t});var u=Object.values(null!==(l=d.partlistArticles)&&void 0!==l?l:{});u.length>0&&i.push.apply(i,(0,c.Z)(flattenArticlesWithDepth(u,t+1)))}}catch(r){a.e(r)}finally{a.f()}return i}function PriceDetailTable(r){var t,o,i=r.row,a=r.article,l=r.onClose,d=(0,T.M)(),u=i.priceFeatureGroup,m=null===(t=a.catalogArticle.idmPrices)||void 0===t?void 0:t.prices,x="undefined"!=typeof document&&document.body.classList.contains("darkmode"),v=(0,p.useMemo)((function(){return d.themeQuartz?x&&d.colorSchemeDarkBlue?d.themeQuartz.withPart(d.colorSchemeDarkBlue):d.themeQuartz:void 0}),[x,d.themeQuartz,d.colorSchemeDarkBlue]),h=(0,p.useMemo)((function(){var r,t,o,a,l,d;return[{field:"Text",value:null!==(r=null!==(t=null===(o=u.priceFeatureGroupText)||void 0===o?void 0:o.DE)&&void 0!==t?t:null===(a=u.priceFeatureGroupText)||void 0===a?void 0:a.EN)&&void 0!==r?r:"-"},{field:"Active Combination",value:String(null!==(l=u.activeCombination)&&void 0!==l?l:"-")},{field:"isPercentage",value:String(u.isPercentage)},{field:"additionalPrice",value:String(u.additionalPrice)},{field:"featureNos",value:(null!==(d=u.featureNos)&&void 0!==d?d:[]).join(", ")||"-"}].concat((0,c.Z)(i.variantValues?[{field:"VariantValues",value:JSON.stringify(i.variantValues)}]:[]))}),[u,i.variantValues]),b=(0,p.useMemo)((function(){var r;return(null!==(r=u.finishes)&&void 0!==r?r:[]).map((function(r){var t,o,i,a="PRFG"+u.priceFeatureGroupNo+"_"+(null!==(t=r.supplierPriceGroup)&&void 0!==t?t:r.priceField),l=null==m?void 0:m[a],d=r.sequence===u.activeCombination,c=null!=l;return{_id:null!==(o=r._id)&&void 0!==o?o:String(r.sequence),sequence:r.sequence,priceField:"PRFG".concat(u.priceFeatureGroupNo,"_").concat(r.priceField),price:c?String(l):"-",optionsSetRefs:JSON.stringify(null!==(i=r.optionsSetRefs)&&void 0!==i?i:{}),isActive:d}}))}),[u,m]),g=(0,p.useMemo)((function(){return[{field:"field",headerName:"Field",flex:0,width:140},{field:"value",headerName:"Value",flex:1,minWidth:120}]}),[]),y=(0,p.useMemo)((function(){return[{field:"sequence",headerName:"Seq",flex:0,width:60},{field:"priceField",headerName:"priceField",flex:1,minWidth:100},{field:"price",headerName:"Price",flex:0,width:80},{field:"optionsSetRefs",headerName:"optionsSetRefs",flex:1,minWidth:100}]}),[]);if(!d.loaded||!d.AgGridReact||!v)return null;var k=d.AgGridReact;return(0,E.jsxs)("div",{className:A.$b,children:[(0,E.jsxs)("h4",{children:["PriceFeatureGroup #",u.priceFeatureGroupNo,(0,E.jsx)("button",{type:"button",onClick:l,style:{float:"right",marginLeft:8},children:"×"})]}),(0,E.jsx)("div",{className:A.hd,children:(0,E.jsx)(k,{rowData:h,columnDefs:g,theme:v,suppressCellFocus:!0,domLayout:"autoHeight",headerHeight:32,rowHeight:32})}),(null===(o=u.finishes)||void 0===o?void 0:o.length)>0&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)("h5",{children:"Finishes"}),(0,E.jsx)("div",{className:A.hd,children:(0,E.jsx)(k,{rowData:b,columnDefs:y,theme:v,getRowId:function getRowId(r){var t,o;return null!==(t=null===(o=r.data)||void 0===o?void 0:o._id)&&void 0!==t?t:""},getRowClass:function getFinishRowClass(r){var t;return null!==(t=r.data)&&void 0!==t&&t.isActive?A.UD:A.mh},suppressCellFocus:!0,domLayout:"autoHeight",headerHeight:32,rowHeight:32})})]})]})}const Z=(0,z.Pi)((function PriceAnalyzer(r){var t,o,i,c,u,v,h,b,g,y,k,w=Object.assign({},((0,d.Z)(r),r)),P=(0,D.NP)(),j=(0,T.M)(),N=P.settingsState.configChanged,S=null!==(t=P.divaWebPlanner.getDivaArticles(!1,!0))&&void 0!==t?t:{},_=(0,p.useMemo)((function(){return Object.values(S)}),[S]),O="undefined"!=typeof document&&document.body.classList.contains("darkmode"),z=(0,p.useMemo)((function(){return j.themeQuartz?O&&j.colorSchemeDarkBlue?j.themeQuartz.withPart(j.colorSchemeDarkBlue):j.themeQuartz:void 0}),[O,j.themeQuartz,j.colorSchemeDarkBlue]),C=(0,p.useState)(!1),Z=(0,l.Z)(C,2),M=Z[0],W=Z[1];(0,p.useEffect)((function(){var r=function(){var r=(0,a.Z)(m().mark((function _callee(){return m().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,G.DivaUtils.Sleep(1e3);case 2:W(!M);case 3:case"end":return r.stop()}}),_callee)})));return function asyncFunct(){return r.apply(this,arguments)}}();r()}),[P.tabGroupState.allTabGroups]),(0,p.useEffect)((function(){var r=P.divaWebPlanner.actSet();return r&&!r.logDecisions&&(r.logDecisions=!0),function(){var r=P.divaWebPlanner.actSet();r&&(r.logDecisions=!1)}}),[P.uiState.isLoading]);var L=(0,p.useMemo)((function(){return _.filter((function(r){return!r.isPartListArticle}))}),[_]),U=(0,p.useState)(null!==(o=L.find((function(r){return 1===r.posNr})))&&void 0!==o?o:L[0]),J=(0,l.Z)(U,2),B=J[0],H=J[1],Y=(0,p.useRef)(void 0),K=(0,p.useRef)(void 0);Y.current=null!==(i=null==B?void 0:B.basketId)&&void 0!==i?i:Y.current,K.current=null!==(c=null==B?void 0:B.articleCodex)&&void 0!==c?c:K.current;var q=(0,p.useState)(),Q=(0,l.Z)(q,2),X=Q[0],V=Q[1],$=function setSelectedArticle(r){H((function(t){var o="function"==typeof r?r(t):r;return o&&(Y.current=o.basketId,K.current=o.articleCodex),o}))};(0,p.useEffect)((function(){var r=Y.current,t=K.current,o=setTimeout((function(){if(W((function(r){return!r})),r||t){var o,i,a=null!==(o=P.divaWebPlanner.getDivaArticles(!1,!0))&&void 0!==o?o:{},l=null!==(i=r?a[r]:void 0)&&void 0!==i?i:t?Object.values(a).find((function(r){return r.articleCodex===t})):void 0;l?H(l):(Y.current=void 0,K.current=void 0,H(void 0))}}),200);return function(){return clearTimeout(o)}}),[N]);var ee=B?null!==(u=null!==(v=S[B.basketId])&&void 0!==v?v:Object.values(S).find((function(r){return r.articleCodex===B.articleCodex})))&&void 0!==u?u:B:void 0,ne=null!==(h=null==ee||null===(b=ee.CatalogData)||void 0===b?void 0:b.isIDMFormat)&&void 0!==h&&h,re=ee?Object.values(null!==(g=ee.decisionDebugStacks)&&void 0!==g?g:{}).findLast((function(r){return r})):void 0,te=null!==(y=null==re?void 0:re.prices)&&void 0!==y?y:[],oe=(0,p.useMemo)((function(){return flattenArticlesWithDepth(L,0).map((function(r){var t,o=r.article,i=r.depth,a=null!==(t=o.mainPrice)&&void 0!==t?t:0,l=function getPartlistPriceSum(r){var t=0;for(var o in null!==(i=r.partlistArticles)&&void 0!==i?i:{}){var i,a,l=r.partlistArticles[o];l.bruttoPrice&&(t+=null!==(a=l.calcPrice(!0))&&void 0!==a?a:0)}return t}(o),d=o.isPartListArticle?0:o.calcPrice(!1)/(o.quantity||1);return{article:o,depth:i,articleCodex:"│ ".repeat(i)+o.articleCodex,name:o.name,posNr:o.posNr,status:getArticlePriceStatus(o),ownPrice:a,partlistSum:l,totalPrice:d}}))}),[L]),ie=(0,p.useMemo)((function(){return[{field:"articleCodex",headerName:"Article",flex:1,minWidth:120,cellStyle:function cellStyle(r){var t,o;return{paddingLeft:8+12*(null!==(t=null===(o=r.data)||void 0===o?void 0:o.depth)&&void 0!==t?t:0)}}},{field:"name",headerName:"Name",flex:1,minWidth:100},{field:"posNr",headerName:"Pos",flex:0,width:60},{headerName:"Status",flex:1,minWidth:110,cellRenderer:function cellRenderer(r){var t,o=null===(t=r.data)||void 0===t?void 0:t.status;if(!o)return null;return(0,E.jsx)("span",{className:R()("no-prices"===o&&A.G8,"config-mismatch"===o&&A.mp,"active"===o&&A.do,"flat"===o&&A.RO),children:{"no-prices":"No prices","config-mismatch":"Config mismatch",active:"Active",flat:"Flat"}[o]})}},{field:"ownPrice",headerName:"Own",flex:0,width:70,valueFormatter:function valueFormatter(r){return null!=r.value&&r.value>0?r.value.toFixed(2):"-"}},{field:"partlistSum",headerName:"Partlist",flex:0,width:80,valueFormatter:function valueFormatter(r){var t;return null!==(t=r.data)&&void 0!==t&&t.article.hasPartlistArticle&&null!=r.value&&r.value>0?r.value.toFixed(2):"-"}},{field:"totalPrice",headerName:"Total",flex:0,width:70,valueFormatter:function valueFormatter(r){return null!=r.value&&r.value>0?r.value.toFixed(2):"-"}}]}),[]),ae=(0,p.useRef)(null),le=(0,p.useRef)(null),de=(0,p.useMemo)((function(){return[{field:"nr",headerName:"#",flex:0,width:50},{field:"text",headerName:"Price",flex:1,minWidth:100},{headerName:"Loaded",flex:1,minWidth:80,cellRenderer:function cellRenderer(r){var t,o,i,a=r.data;if(!a)return null;var l=a.priceFeatureGroup,d=null===(t=l.finishes)||void 0===t?void 0:t.find((function(r){return r.sequence===l.activeCombination})),c=d?"PRFG"+l.priceFeatureGroupNo+"_"+(null!==(o=d.supplierPriceGroup)&&void 0!==o?o:d.priceField):null,u=c?null==ee||null===(i=ee.catalogArticle.idmPrices)||void 0===i?void 0:i.prices[c]:void 0;return l.isPercentage&&null!=a.percentageValue?a.percentageValue+"%":null!=u?String(u):"-"}}]}),[ee]);return(0,p.useEffect)((function(){var r=setTimeout((function(){var r,t;null===(r=ae.current)||void 0===r||null===(r=r.api)||void 0===r||r.redrawRows(),null===(t=le.current)||void 0===t||null===(t=t.api)||void 0===t||t.redrawRows()}),0);return function(){return clearTimeout(r)}}),[null==B?void 0:B.basketId,null==X||null===(k=X.priceFeatureGroup)||void 0===k?void 0:k.priceFeatureGroupNo]),0===L.length?(0,E.jsx)("div",_objectSpread(_objectSpread({},w),{},{className:R()(w.className,A.fm),style:{zIndex:800},children:(0,E.jsx)("a",{className:A.Fs,children:"Price analyzer - plan article"})})):B?ne?j.loaded&&j.AgGridReact?(0,E.jsxs)("div",_objectSpread(_objectSpread({},w),{},{className:R()(w.className,A.fm,P.uiState.configSettingsIsExpanded?x.NF:void 0),style:{zIndex:800},children:[(0,E.jsx)("a",{className:A.Fs,children:"Price analyzer"}),(0,E.jsx)(I.default,{articleState:[B,$],rerender:M,filter:function filter(r){return!r.relatedToBasketId||r.isPartListArticle}}),(0,E.jsx)("p",{className:A.Wy,children:"All articles overview. Price status: no prices (catalog), config mismatch (prices possible but not for current config), active (current price), flat (fixed price from catalog, no config-dependent pricing). Own = article's own price, Partlist = sum from partlist children. Total = set contribution (matches header) for base articles; own + partlist for nested partlist articles."}),(0,E.jsx)("div",{className:A.u,children:(0,E.jsx)("div",{className:A.Uj,children:(0,E.jsx)(j.AgGridReact,{ref:ae,rowData:oe,columnDefs:ie,theme:z,getRowId:function getArticleRowId(r){var t,o;return null!==(t=null===(o=r.data)||void 0===o||null===(o=o.article)||void 0===o?void 0:o.basketId)&&void 0!==t?t:""},getRowClass:function getArticleRowClass(r){var t;return(null===(t=r.data)||void 0===t?void 0:t.article.basketId)===(null==B?void 0:B.basketId)?A.T6:void 0},onRowClicked:function onArticleRowClicked(r){var t;null!==(t=r.data)&&void 0!==t&&t.article&&$(r.data.article)},suppressCellFocus:!0,suppressRowClickSelection:!0,domLayout:"normal"})})}),(0,E.jsx)("p",{className:A.Wy,children:"Price history for selected article. Click a price to see details."}),(0,E.jsxs)("div",{className:A.hS,children:[(0,E.jsx)("div",{className:A.Hy,children:(0,E.jsx)("div",{className:A.Uj,children:(0,E.jsx)(j.AgGridReact,{ref:le,rowData:te,columnDefs:de,theme:z,getRowId:function getPriceRowId(r){var t,o;return String(null!==(t=null===(o=r.data)||void 0===o||null===(o=o.priceFeatureGroup)||void 0===o?void 0:o.priceFeatureGroupNo)&&void 0!==t?t:"")},getRowClass:function getPriceRowClass(r){var t,o;return r.data&&X&&(null===(t=r.data.priceFeatureGroup)||void 0===t?void 0:t.priceFeatureGroupNo)===(null===(o=X.priceFeatureGroup)||void 0===o?void 0:o.priceFeatureGroupNo)?A.Xn:void 0},onRowClicked:function onPriceRowClicked(r){var t,o;r.data&&((null===(t=r.data.priceFeatureGroup)||void 0===t?void 0:t.priceFeatureGroupNo)===(null==X||null===(o=X.priceFeatureGroup)||void 0===o?void 0:o.priceFeatureGroupNo)?V(void 0):V(r.data))},suppressCellFocus:!0,suppressRowClickSelection:!0,domLayout:"normal",overlayNoRowsTemplate:"<span class='ag-overlay-no-rows-center'>Change config to get price history</span>"})})}),X&&(0,E.jsx)("div",{className:A.Hy,children:(0,E.jsx)(PriceDetailTable,{row:X,article:null!=ee?ee:B,onClose:function onClose(){return V(void 0)}})})]},P.settingsState.configChanged)]})):(0,E.jsxs)("div",_objectSpread(_objectSpread({},w),{},{className:R()(w.className,A.fm),style:{zIndex:800},children:[(0,E.jsx)("a",{className:A.Fs,children:"Price analyzer"}),(0,E.jsx)(I.default,{articleState:[B,$],rerender:M,filter:function filter(r){return!r.relatedToBasketId||r.isPartListArticle}}),(0,E.jsx)("p",{className:A.Wy,children:"Tables require ag-grid (Go first to backoffice)."})]})):(0,E.jsx)(E.Fragment,{children:"Only implemented for IDM enricher data"}):(0,E.jsxs)("div",_objectSpread(_objectSpread({},w),{},{className:R()(w.className,A.fm),style:{zIndex:800},children:[(0,E.jsx)("a",{className:A.Fs,children:"Price analyzer"}),(0,E.jsx)(I.default,{articleState:[B,$],rerender:M,filter:function filter(r){return!r.relatedToBasketId||r.isPartListArticle}})]}))}))},73751:(r,t,o)=>{o.d(t,{Y:()=>c,Z:()=>u});var i=o(8081),a=o.n(i),l=o(23645),d=o.n(l)()(a());d.push([r.id,".index-module--_Tl9c {\n  width: 200px;\n  font-size: 12px;\n  position: absolute;\n  z-index: 100;\n  top: 16px;\n}\n.index-module--_Tl9c div {\n  border-color: grey !important;\n}\n.index-module--_Tl9c div {\n  box-shadow: none;\n  box-shadow: initial;\n}\n\n/* Dark mode - article-select prefix scopes to this component (menu is portaled to body) */\n.darkmode .article-select__control,\nbody.darkmode .article-select__control {\n  background-color: rgba(30, 41, 59, 0.95) !important;\n  border-color: rgba(71, 85, 105, 0.8) !important;\n  box-shadow: none !important;\n}\n\n.darkmode .article-select__single-value,\nbody.darkmode .article-select__single-value {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__input-container,\nbody.darkmode .article-select__input-container {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__input,\nbody.darkmode .article-select__input {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__placeholder,\nbody.darkmode .article-select__placeholder {\n  color: #94a3b8 !important;\n}\n\n.darkmode .article-select__menu,\nbody.darkmode .article-select__menu {\n  background-color: rgba(30, 41, 59, 0.98) !important;\n  border: 1px solid rgba(71, 85, 105, 0.8) !important;\n}\n\n.darkmode .article-select__menu-list,\nbody.darkmode .article-select__menu-list {\n  background-color: transparent !important;\n}\n\n.darkmode .article-select__option,\nbody.darkmode .article-select__option {\n  color: #e2e8f0 !important;\n}\n\n.darkmode .article-select__option--is-focused,\nbody.darkmode .article-select__option--is-focused {\n  background-color: rgba(51, 65, 85, 0.8) !important;\n}\n\n.darkmode .article-select__option--is-selected,\nbody.darkmode .article-select__option--is-selected {\n  background-color: rgba(59, 130, 246, 0.4) !important;\n  color: #93c5fd !important;\n}\n\n.darkmode .article-select__indicator-separator,\nbody.darkmode .article-select__indicator-separator {\n  background-color: rgba(71, 85, 105, 0.8) !important;\n}\n\n.darkmode .article-select__dropdown-indicator,\nbody.darkmode .article-select__dropdown-indicator {\n  color: #94a3b8 !important;\n}\n\n.darkmode .article-select__dropdown-indicator:hover,\nbody.darkmode .article-select__dropdown-indicator:hover {\n  color: #e2e8f0 !important;\n}\n",""]);var c="index-module--_Tl9c";const u=d},69288:(r,t,o)=>{o.d(t,{$b:()=>x,Fs:()=>N,G8:()=>y,Hy:()=>m,RO:()=>P,T6:()=>g,UD:()=>S,Uj:()=>h,Wy:()=>c,Xn:()=>p,ZP:()=>A,do:()=>w,fm:()=>j,hS:()=>u,hd:()=>b,mh:()=>_,mp:()=>k,u:()=>v});var i=o(8081),a=o.n(i),l=o(23645),d=o.n(l)()(a());d.push([r.id,".index-module--TMuWx {\n  position: relative;\n  width: 100%;\n  border-collapse: collapse;\n  font-family: var(--diva-typography-font-family);\n  font-size: 13px;\n  background: #fff;\n  border-radius: 8px;\n  overflow: hidden;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.index-module--TMuWx thead {\n  background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);\n  color: #fff;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\n\n.index-module--TMuWx th,\n.index-module--TMuWx td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.index-module--TMuWx tbody tr:hover {\n  background: #f7fafc;\n}\n\n.index-module--YulNJ {\n  height: 24px;\n  padding: 4px 10px;\n  font-size: 13px;\n  border: 1px solid #cbd5e0;\n  border-radius: 6px;\n  min-width: 120px;\n  margin-top: 8px;\n}\n\n.index-module--YulNJ:focus {\n  outline: none;\n  border-color: var(--primaryColor);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n}\n\n.index-module--t5KbL {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.index-module--EBXgh {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  gap: 16px;\n  margin-top: 16px;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n  height: 40%;\n}\n\n.index-module--AUk0n {\n  flex: 0 0 auto;\n  align-self: flex-start;\n  height: 100%;\n  width: calc(50% - 24px);\n}\n\n.index-module--O7sM7 {\n  background: #ebf8ff !important;\n}\n\n.index-module--O7sM7 {\n  border-left: 3px solid var(--primaryColor);\n}\n\n.index-module--Bov6H {\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n\n.index-module--Bov6H:hover {\n  background: #edf2f7;\n}\n\n.index-module--wzkPJ {\n  flex: 0 0 auto;\n  align-self: flex-start;\n  padding: 16px;\n  background: #f8fafc;\n  border-radius: 8px;\n  border: 1px solid #e2e8f0;\n  min-width: 280px;\n}\n\n.index-module--wzkPJ h4 {\n  margin: 0 0 12px 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #2d3748;\n}\n\n.index-module--wzkPJ h5 {\n  margin: 12px 0 8px 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: #4a5568;\n}\n\n.index-module--jIsv3 {\n  margin-top: 16px;\n  height: 50%;\n}\n\n.index-module--Tdv5K {\n  width: 100%;\n  min-height: 150px;\n  height: 100%;\n}\n\n.index-module--Z70fs {\n  width: 100%;\n  min-height: 80px;\n}\n\n.index-module--awEho {\n  background-color: #dcfce7 !important;\n}\n\n.index-module--awEho:hover {\n  background-color: #bbf7d0 !important;\n}\n\n.index-module--zLxOy {\n  color: #718096;\n  font-style: italic;\n}\n\n.index-module--YYqAj {\n  color: #d69e2e;\n}\n\n.index-module--E0JUN {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.index-module--UDrFE {\n  color: #3182ce;\n}\n\n.index-module--aAXou {\n  text-align: left;\n}\n\n.index-module--aAXou:first-child {\n  height: 20px;\n}\n\n.index-module--aAXou th {\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n\n.index-module--gR4ES {\n  overflow: auto;\n  width: 100%;\n  padding: 16px;\n  height: 100%;\n  position: relative;\n  box-sizing: border-box;\n}\n\n.index-module--E6gUV {\n  height: 8%;\n  width: calc(100% - 16px);\n  padding: 8px 16px;\n  text-align: center;\n  background: linear-gradient(135deg, var(--primaryColor) 0%, color-mix(in srgb, var(--primaryColor) 90%, black) 100%);\n  font-size: 18px;\n  color: white;\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 12px;\n  border-radius: 0 0 8px 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--aeMhl {\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  height: 100%;\n}\n\n.index-module--NUFfA {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n\n.index-module--sd0v0 {\n  margin-top: 16px;\n  font-size: 1.2em;\n  font-weight: bold;\n}\n\n.index-module--YZIPe {\n  width: calc(100% - 4px);\n  border-collapse: collapse;\n  margin-top: 8px;\n}\n\n.index-module--YZIPe th,\n.index-module--YZIPe td {\n  border: 1px solid #ddd;\n  padding: 8px;\n  text-align: left;\n  line-break: anywhere;\n}\n\n.index-module--YZIPe th {\n  background-color: #f2f2f2;\n}\n\n.index-module--ll9tP {\n  background-color: #dcfce7 !important;\n}\n\n.index-module--SrjHX {\n  background-color: #f1f5f9 !important;\n}\n\n/* Dark mode compatibility */\n.darkmode .index-module--t5KbL,\nbody.darkmode .index-module--t5KbL {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--O7sM7,\nbody.darkmode .index-module--O7sM7 {\n  background: rgba(56, 178, 172, 0.25) !important;\n}\n\n.darkmode .index-module--O7sM7,\nbody.darkmode .index-module--O7sM7 {\n  border-left-color: #38b2ac;\n}\n\n.darkmode .index-module--awEho,\nbody.darkmode .index-module--awEho {\n  background-color: rgba(34, 197, 94, 0.25) !important;\n}\n\n.darkmode .index-module--awEho:hover,\nbody.darkmode .index-module--awEho:hover {\n  background-color: rgba(34, 197, 94, 0.35) !important;\n}\n\n.darkmode .index-module--zLxOy,\nbody.darkmode .index-module--zLxOy {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--YYqAj,\nbody.darkmode .index-module--YYqAj {\n  color: #fbbf24;\n}\n\n.darkmode .index-module--E0JUN,\nbody.darkmode .index-module--E0JUN {\n  color: #68d391;\n}\n\n.darkmode .index-module--UDrFE,\nbody.darkmode .index-module--UDrFE {\n  color: #63b3ed;\n}\n\n.darkmode .index-module--wzkPJ,\nbody.darkmode .index-module--wzkPJ {\n  background: rgba(30, 41, 59, 0.6);\n  border-color: rgba(71, 85, 105, 0.8);\n}\n\n.darkmode .index-module--wzkPJ h4,\nbody.darkmode .index-module--wzkPJ h4 {\n  color: #e2e8f0;\n}\n\n.darkmode .index-module--wzkPJ h5,\nbody.darkmode .index-module--wzkPJ h5 {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--ll9tP,\nbody.darkmode .index-module--ll9tP {\n  background-color: rgba(34, 197, 94, 0.3) !important;\n}\n\n.darkmode .index-module--SrjHX,\nbody.darkmode .index-module--SrjHX {\n  background-color: rgba(51, 65, 85, 0.5) !important;\n}\n",""]);var c="index-module--t5KbL",u="index-module--EBXgh",m="index-module--AUk0n",p="index-module--O7sM7",x="index-module--wzkPJ",v="index-module--jIsv3",h="index-module--Tdv5K",b="index-module--Z70fs",g="index-module--awEho",y="index-module--zLxOy",k="index-module--YYqAj",w="index-module--E0JUN",P="index-module--UDrFE",j="index-module--gR4ES",N="index-module--E6gUV",S="index-module--ll9tP",_="index-module--SrjHX";const A=d},89965:(r,t,o)=>{o.d(t,{NF:()=>u,ZP:()=>p,ec:()=>c,pb:()=>m});var i=o(8081),a=o.n(i),l=o(23645),d=o.n(l)()(a());d.push([r.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  width: calc(63% - 50px) !important;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  margin-left: 50px;\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var c="index-module--NA4Nc",u="index-module--zxgl3",m="index-module--WGNyK";const p=d},51203:(r,t,o)=>{o.d(t,{NF:()=>g.NF,ec:()=>g.ec,pb:()=>g.pb});var i=o(93379),a=o.n(i),l=o(7795),d=o.n(l),c=o(90569),u=o.n(c),m=o(3565),p=o.n(m),x=o(19216),v=o.n(x),h=o(44589),b=o.n(h),g=o(89965),y={};y.styleTagTransform=b(),y.setAttributes=p(),y.insert=u().bind(null,"head"),y.domAPI=d(),y.insertStyleElement=v();a()(g.ZP,y),g.ZP&&g.ZP.locals&&g.ZP.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5769.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5769],{85769:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var a=t(65515),i=t.n(a),s=t(9420),r=t(63762),o=t(87363),l=t(88683),c=t(93379),d=t.n(c),u=t(7795),b=t.n(u),p=t(90569),m=t.n(p),v=t(3565),g=t.n(v),x=t(19216),f=t.n(x),h=t(44589),k=t.n(h),S=t(38027),G={};G.styleTagTransform=k(),G.setAttributes=g(),G.insert=m().bind(null,"head"),G.domAPI=b(),G.insertStyleElement=f();d()(S.ZP,G);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(47514);const C=(0,s.Pi)((function VerticalTabGroupItemStandard(e){var n,t=e.tabGroup,a=e.height,s=e.minHeight,c=void 0===s?80:s,d=e.isFirstItem,u=e.isLastItem,b=e.wcVisitedStepClass,p=void 0===b?S.to:b,m=e.wcActiveStepClass,v=void 0===m?S.F1:m,g=e.verticalItemPoligonClass,x=void 0===g?S.Wb:g,f=e.wcStepIconClass,h=void 0===f?S.x3:f,k=e.lastItemDiv,G=(0,r.NP)(),C=(0,l.useTranslation)().t,P=(0,o.useRef)(null),y=G.tabGroupState.curTabGroup;a<c&&(a=c);var T=(0,l.useDivaCore)().state.apiConfig.baseCdnUrl;(0,o.useEffect)((function(){G.tabGroupState.setTabGroupItems(t.key,P.current)}),[P]);var I,z=t.posNr==(null==y?void 0:y.posNr),B=G.tabGroupAlreadyVisited(t)&&!(t.posNr==(null==y?void 0:y.posNr));I=d&&u?"0 "+a+", 0 0, "+"128 0, "+"128 "+a+", 64 "+a:d?"0 "+(a-8)+", 0 0, "+"128 0, "+"128 "+(a-8)+", 64 "+a:u?"0 "+a+", 0 0, 64 8, "+"128 0, "+"128 "+a:"0 "+(a-8)+", 0 0, 64 8, "+"128 0, "+"128 "+(a-8)+", 64 "+a;var _=null!==(n=function getIconOfTabGroup(e,n,t){var a=n+"/static/images/TabIcons/";if(t){if(t[e.toLowerCase()])return a+t[e.toLowerCase()];if(t[e])return a+t[e]}switch(e){case"StaticRoomList":return a+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return a+"planner.svg";case"Summary":return a+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return a+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return a+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return a+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return a+"dimensions.svg";case"Topper":case"surmatelas":return a+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return a+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return a+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return a+"upholstery.svg";case"Sitz":case"Sitztiefe":return a+"seat.svg";case"Armlehne":return a+"armrest.svg";case"ACCESSOIRES":return a+"additionalArticles.svg";case"Rcken":return a+"sofaBackrest.svg";case"Konfiguration":return a+"material_config.svg";case"Zustand":return a+"settings_suggest.svg"}}(t.key,T,G.getViewConfig().tabGroupsIcons))&&void 0!==n?n:"",R=(0,w.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,w.jsx)("div",{className:h,style:{WebkitMaskImage:"url("+_+")",maskImage:"url("+_+")"}}),(0,w.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:C("configurator."+t.title,t.title)})]});return u&&k&&(R=k),(0,w.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+a,ref:P,style:{height:a+"px",minHeight:c},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",G.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(t)},className:i()(S.x6,z?v:void 0,B?p:void 0),children:[(0,w.jsx)("polygon",{className:i()(x,z?v:void 0,B?p:void 0),points:I}),(0,w.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,w.jsx)("span",{className:i()(S.xb,x,z?v:void 0,B?p:void 0),children:R})})]})}))},38027:(e,n,t)=>{t.d(n,{F1:()=>d,Wb:()=>c,ZP:()=>p,to:()=>u,x3:()=>b,x6:()=>o,xb:()=>l});var a=t(8081),i=t.n(a),s=t(23645),r=t.n(s)()(i());r.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedFont, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var o="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",b="index-module--xqsj9";const p=r}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5769],{85769:(e,t,n)=>{n.r(t),n.d(t,{default:()=>C});var a=n(34988),i=n(65515),s=n.n(i),r=n(9420),o=n(63762),l=n(87363),c=n(88683),d=n(93379),u=n.n(d),b=n(7795),p=n.n(b),m=n(90569),v=n.n(m),g=n(3565),x=n.n(g),h=n(19216),f=n.n(h),k=n(44589),S=n.n(k),P=n(38027),G={};G.styleTagTransform=S(),G.setAttributes=x(),G.insert=v().bind(null,"head"),G.domAPI=p(),G.insertStyleElement=f();u()(P.ZP,G);P.ZP&&P.ZP.locals&&P.ZP.locals;var w=n(47514);const C=(0,r.Pi)((function VerticalTabGroupItemStandard(e){var t,n=e.tabGroup,i=e.height,r=e.minHeight,d=void 0===r?80:r,u=e.isFirstItem,b=e.isLastItem,p=e.wcVisitedStepClass,m=void 0===p?P.to:p,v=e.wcActiveStepClass,g=void 0===v?P.F1:v,x=e.verticalItemPoligonClass,h=void 0===x?P.Wb:x,f=e.wcStepIconClass,k=void 0===f?P.x3:f,S=e.lastItemDiv,G=(0,o.NP)(),C=(0,c.useTranslation)().t,y=(0,l.useRef)(null),I=(0,l.useState)(8),T=(0,a.Z)(I,2),B=T[0],z=T[1],R=G.tabGroupState.curTabGroup;i<d&&(i=d);var N=(0,c.useDivaCore)().state.apiConfig.baseCdnUrl;(0,l.useEffect)((function(){if(G.tabGroupState.setTabGroupItems(n.key,y.current),y.current){var e=getComputedStyle(y.current).getPropertyValue("--globalBorderRadius").trim();if(e){var t=parseFloat(e);isNaN(t)||z(t)}}}),[y]);var _=n.posNr==(null==R?void 0:R.posNr),E=G.tabGroupAlreadyVisited(n)&&!(n.posNr==(null==R?void 0:R.posNr)),j=function getRoundedPath(e,t){for(var n=e.length,a=[],i=0;i<n;i++){var s=e[(i-1+n)%n],r=e[i],o=e[(i+1)%n],l=s[0]-r[0],c=s[1]-r[1],d=Math.sqrt(l*l+c*c),u=o[0]-r[0],b=o[1]-r[1],p=Math.sqrt(u*u+b*b),m=Math.min(t,d/2,p/2),v=r[0]+l/d*m,g=r[1]+c/d*m,x=r[0]+u/p*m,h=r[1]+b/p*m;a.push(0===i?"M".concat(v," ").concat(g):"L".concat(v," ").concat(g)),a.push("Q".concat(r[0]," ").concat(r[1]," ").concat(x," ").concat(h))}return a.push("Z"),a.join(" ")}(function getShapePoints(e,t,n,a){return n&&a?[[0,t],[0,0],[e,0],[e,t]]:n?[[0,t-8],[0,0],[e,0],[e,t-8],[64,t]]:a?[[0,t],[0,0],[64,8],[e,0],[e,t]]:[[0,t-8],[0,0],[64,8],[e,0],[e,t-8],[64,t]]}(128,i,!!u,!!b),B),V=null!==(t=function getIconOfTabGroup(e,t,n){var a=t+"/static/images/TabIcons/";if(n){if(n[e.toLowerCase()])return a+n[e.toLowerCase()];if(n[e])return a+n[e]}switch(e){case"StaticRoomList":return a+"room.svg";case"Planner":case"PRODUCTS":case"PROMOTED":return a+"planner.svg";case"Summary":return a+"summary.svg";case"Piede":case"pieds":case"Fuss":case"Fuß":case"Fu":case"Fsse":return a+"feet.svg";case"Testiera":case"tte de lit":case"Kopfteil":case"Headboard":return a+"bed_headboard.svg";case"materasso":case"matelas":case"Matratze":case"Matratze Zubehr":return a+"mattress.svg";case"dimensioni":case"dimension":case"Grsse":return a+"dimensions.svg";case"Topper":case"surmatelas":return a+"topper.svg";case"Telaio inferiore":case"box":case"Untergestell":case"Box/Untergestell":case"BoxUntergestell":case"Box  Bettrahmen":case"box  cadre de lit":case"Box":case"Box inkl Grsse":return a+"bed_underframe.svg";case"Visualizzazione":case"visualisation":case"Visualisierung":return a+"bed_visualization.svg";case"Rivestimento":case"tissu dco":case"Bezug":case"Stoff":return a+"upholstery.svg";case"Sitz":case"Sitztiefe":return a+"seat.svg";case"Armlehne":return a+"armrest.svg";case"ACCESSOIRES":return a+"additionalArticles.svg";case"Rcken":return a+"sofaBackrest.svg";case"Konfiguration":return a+"material_config.svg";case"Zustand":return a+"settings_suggest.svg"}}(n.key,N,G.getViewConfig().tabGroupsIcons))&&void 0!==t?t:"",A=(0,w.jsxs)("div",{"data-test-id":"tabGroupItem",children:[(0,w.jsx)("div",{className:k,style:{WebkitMaskImage:"url("+V+")",maskImage:"url("+V+")"}}),(0,w.jsx)("span",{"data-test-id":"tabGroupItemTitle",children:C("configurator."+n.title,n.title)})]});return b&&S&&(A=S),(0,w.jsxs)("svg",{"data-test-id":"tabGroupItemSvg",viewBox:"0 0 128 "+i,ref:y,style:{height:i+"px",minHeight:d},onClick:function onClick(){return function onTabGroupClick(e){window.lastNavigationType="TABGROUP_BY_POS_NR",G.tabGroupState.navigateToTabgroupByPosNr(+e.posNr)}(n)},className:s()(P.x6,_?g:void 0,E?m:void 0),children:[(0,w.jsx)("path",{className:s()(h,_?g:void 0,E?m:void 0),d:j}),(0,w.jsx)("foreignObject",{width:"100%",height:"100%",style:{pointerEvents:"none"},children:(0,w.jsx)("span",{className:s()(P.xb,h,_?g:void 0,E?m:void 0),children:A})})]})}))},38027:(e,t,n)=>{n.d(t,{F1:()=>d,Wb:()=>c,ZP:()=>p,to:()=>u,x3:()=>b,x6:()=>o,xb:()=>l});var a=n(8081),i=n.n(a),s=n(23645),r=n.n(s)()(i());r.push([e.id,".index-module--zywLK {\n  font-size: 12px;\n  width: 100%;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  vertical-align: top;\n  zoom: 1;\n  box-sizing: content-box;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  color: #000;\n  color: var(--tabGroupStepVisitedFont, #000);\n}\n\n.index-module--q8ldY {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n  font-size: 12px;\n  line-height: 14px;\n  height: 3.5rem;\n  letter-spacing: 0.3px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.4px;\n  background-image: none;\n  text-align: center;\n  display: block;\n  width: 100%;\n}\n\n.index-module--_EcbQ {\n  fill: var(--thirdColor);\n  fill: var(--tabGroupStep, var(--thirdColor));\n  transition:\n    fill 0.3s ease,\n    color 0.3s ease;\n}\n.index-module--_EcbQ.index-module--BPmSG {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n  color: white;\n}\n/* .verticalItemPoligon.wcVisitedStep {\n  border: #b1b1b1 1px solid;\n} */\n\n.index-module--_EcbQ.index-module--evPRd {\n  fill: #b1b1b1;\n  fill: var(--tabGroupStepVisited, #b1b1b1);\n}\n.index-module--_EcbQ.index-module--BPmSG:hover {\n  fill: var(--primaryColor);\n  fill: var(--tabGroupStepActive, var(--primaryColor));\n}\n\n.index-module--_EcbQ:hover,\n.index-module--_EcbQ.index-module--evPRd:hover {\n  fill: #bbbbbb;\n  fill: var(--tabGroupStepHover, #bbbbbb);\n}\n\n.index-module--xqsj9 {\n  display: block;\n  background-color: #000;\n  background-color: var(--tabGroupStepVisitedIcon, #000);\n  background-position: center center;\n  width: 42px;\n  height: 42px;\n  margin: auto;\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\n.index-module--BPmSG .index-module--xqsj9 {\n  background-color: white;\n}\n",""]);var o="index-module--zywLK",l="index-module--q8ldY",c="index-module--_EcbQ",d="index-module--BPmSG",u="index-module--evPRd",b="index-module--xqsj9";const p=r}}]);

package/build/umd/5777.diva-web-planner-react.umd.min.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 5777.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[5777],{95777:(n,e,t)=>{t.r(e),t.d(e,{default:()=>G});var i=t(65515),o=t.n(i),r=t(63762),a=t(9420),l=t(87363),d=t(88683),s=t(93379),u=t.n(s),c=t(7795),p=t.n(c),m=t(90569),x=t.n(m),h=t(3565),v=t.n(h),f=t(19216),g=t.n(f),b=t(44589),y=t.n(b),k=t(92961),T={};T.styleTagTransform=y(),T.setAttributes=v(),T.insert=x().bind(null,"head"),T.domAPI=p(),T.insertStyleElement=g();u()(k.ZP,T);k.ZP&&k.ZP.locals&&k.ZP.locals;var w=t(47514);const G=(0,a.Pi)((function TabGroupItemHorizontalInspiration(n){var e=n.tabGroup,t=(0,r.NP)(),i=(0,d.useTranslation)().t,a=(0,l.useRef)(null),s=t.tabGroupState.curTabGroup;(0,l.useEffect)((function(){t.tabGroupState.setTabGroupItems(e.key,a.current)}),[a]);var u=Object.keys(t.tabGroupState.allTabGroups),c=e.posNr==(null==s?void 0:s.posNr),p=u[u.length-1]==e.key;return(0,w.jsxs)("div",{className:o()(k.YS,t.uiState.isMobilePortrait?k.tW:void 0,t.uiState.isTablet?k.Mq:void 0,e.title==(null==s?void 0:s.title)&&c?k.F1:void 0),children:[(0,w.jsx)("div",{ref:a,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",t.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:o()(k.TI),children:i("configurator."+e.title,e.title)}),!p&&(0,w.jsx)("div",{className:k.Sf,children:(0,w.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,w.jsx)("path",{d:"M4 2L8 6L4 10",stroke:"currentColor",strokeWidth:"0.75",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}))},92961:(n,e,t)=>{t.d(e,{F1:()=>c,Mq:()=>u,Sf:()=>p,TI:()=>d,YS:()=>l,ZP:()=>m,tW:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--dDrUl {\n display: flex;\n align-items: center;\n float: left;\n height: 100%;\n}\n\n.index-module--LI7Li {\n height: 100%;\n width: -moz-fit-content;\n width: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 12px;\n font-size: 14px;\n font-weight: 300;\n white-space: nowrap;\n color: var(--diva-theme-palette-text-secondary);\n cursor: pointer;\n transition:\n color 0.2s ease-out,\n background-color 0.2s ease-out;\n line-height: 1;\n border: none;\n background: none;\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--LI7Li {\n font-size: 12px;\n padding: 0 8px;\n}\n\n.index-module--LI7Li:hover {\n color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--WI98r .index-module--LI7Li {\n color: var(--diva-theme-palette-primary-main);\n background-color: color-mix(in srgb, var(--diva-theme-palette-primary-main) 5%, transparent);\n border-radius: 2px;\n}\n\n.index-module--UGxoh {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 12px;\n height: 12px;\n color: color-mix(in srgb, var(--diva-theme-palette-text-primary) 15%, transparent);\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--UGxoh {\n width: 10px;\n height: 10px;\n}\n",""]);var l="index-module--dDrUl",d="index-module--LI7Li",s="index-module--Yn_1W",u="index-module--TcczG",c="index-module--WI98r",p="index-module--UGxoh";const m=a}}]);

package/build/umd/5777.diva-web-planner-react.umd.min.js.LICENSE.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ /! filename:5777 /

package/build/umd/5784.diva-web-planner-react.umd.min.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 5784.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[5784,8291,58],{89965:(n,e,t)=>{t.d(e,{NF:()=>a,ZP:()=>s,ec:()=>d,pb:()=>c});var l=t(8081),r=t.n(l),o=t(23645),i=t.n(o)()(r());i.push([n.id,".index-module--NA4Nc {\n position: absolute;\n margin-left: 50px;\n height: 92%;\n background-color: var(--settingsBackgroundColor);\n padding-left: 5px;\n overflow: auto;\n display: flex;\n flex-direction: column;\n box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n border-right: 2px solid;\n -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n}\n.index-module--zxgl3 {\n width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n background-color: white;\n}\n.index-module--WGNyK {\n width: calc(63% - 50px) !important;\n}\n.index-module--WGNyK {\n z-index: 590;\n background-color: rgba(250, 250, 250, 0.5);\n margin-left: 50px;\n /width: calc(69% - 50px); pfister/\n}\n",""]);var d="index-module--NA4Nc",a="index-module--zxgl3",c="index-module--WGNyK";const s=i},51203:(n,e,t)=>{t.d(e,{NF:()=>g.NF,ec:()=>g.ec,pb:()=>g.pb});var l=t(93379),r=t.n(l),o=t(7795),i=t.n(o),d=t(90569),a=t.n(d),c=t(3565),s=t.n(c),u=t(19216),x=t.n(u),p=t(44589),b=t.n(p),g=t(89965),m={};m.styleTagTransform=b(),m.setAttributes=s(),m.insert=a().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=x();r()(g.ZP,m),g.ZP&&g.ZP.locals&&g.ZP.locals},88291:(n,e,t)=>{function _objectDestructuringEmpty(n){if(null==n)throw new TypeError("Cannot destructure "+n)}t.d(e,{Z:()=>_objectDestructuringEmpty})}}]);

package/build/umd/5784.diva-web-planner-react.umd.min.js.LICENSE.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ /! filename:5784 /

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

@@ -1,2 +1,2 @@
 /*! For license information please see 5861.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5861],{85861:(t,n,e)=>{e.r(n),e.d(n,{default:()=>w});var a=e(34988),i=e(87363),o=e(9420),s=e(63762),r=e(88683),d=e(93379),u=e.n(d),c=e(7795),l=e.n(c),p=e(90569),m=e.n(p),x=e(3565),f=e.n(x),g=e(19216),h=e.n(g),v=e(44589),P=e.n(v),b=e(84855),S={};S.styleTagTransform=P(),S.setAttributes=f(),S.insert=m().bind(null,"head"),S.domAPI=l(),S.insertStyleElement=h();u()(b.ZP,S);b.ZP&&b.ZP.locals&&b.ZP.locals;var C=e(47514);const w=(0,o.Pi)((function CustomInput(t){var n=t.selectedRoom,e=(0,r.useDivaCore)().actions.userHasPermission,o=(0,i.useState)(""),d=(0,a.Z)(o,2),u=d[0],c=d[1],l=(0,i.useState)(void 0),p=(0,a.Z)(l,2),m=p[0],x=p[1],f=(0,r.useTranslation)().t,g=(0,s.NP)();return(0,i.useEffect)((function(){g.aiState.setCustomPromptInput(u)}),[u]),(0,i.useEffect)((function(){g.aiState.customPromptInput!=u&&c(g.aiState.customPromptInput||"")}),[g.aiState.customPromptInput]),(0,i.useEffect)((function(){var t;if(n){var e=g.aiState.setHash,a=null===(t=g.aiState.aiGenerationErrors[n])||void 0===t?void 0:t[e];x(a)}}),[n,g.aiState.setHash,g.aiState.aiGenerationErrors]),(0,C.jsxs)("div",{children:[e("create_with_custom_prompts")&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("div",{className:b.TN,children:f("configurator.roomRendering.customPrompt")}),(0,C.jsx)("input",{className:b.qH,type:"text",value:u,onChange:function onChange(t){return c(t.target.value)}})]}),m&&(0,C.jsx)("div",{style:{marginTop:"8px",padding:"8px",background:"rgba(255, 59, 48, 0.9)",color:"white",borderRadius:"4px",fontSize:"12px",textAlign:"center"},children:f(m)})]})}))},84855:(t,n,e)=>{e.d(n,{TN:()=>r,ZP:()=>u,qH:()=>d});var a=e(8081),i=e.n(a),o=e(23645),s=e.n(o)()(i());s.push([t.id,".index-module--CD5oJ {\n  padding: 8px 0;\n  font-size: 14px;\n  font-weight: 500;\n  display: block;\n  width: 100%;\n  color: #2a4b63;\n  margin-bottom: 4px;\n}\n.index-module--d4cMP {\n  height: 20px;\n  padding: 8px 12px;\n  border-radius: 6px;\n  font-size: 16px;\n  border: rgb(228, 228, 231) solid 1px;\n  width: calc(100% - 28px);\n  box-sizing: content-box;\n}\n",""]);var r="index-module--CD5oJ",d="index-module--d4cMP";const u=s}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5861],{85861:(t,n,e)=>{e.r(n),e.d(n,{default:()=>y});var a=e(34988),i=e(87363),o=e(9420),r=e(63762),s=e(88683),d=e(93379),u=e.n(d),l=e(7795),c=e.n(l),p=e(90569),x=e.n(p),m=e(3565),f=e.n(m),g=e(19216),h=e.n(g),v=e(44589),b=e.n(v),P=e(84855),S={};S.styleTagTransform=b(),S.setAttributes=f(),S.insert=x().bind(null,"head"),S.domAPI=c(),S.insertStyleElement=h();u()(P.ZP,S);P.ZP&&P.ZP.locals&&P.ZP.locals;var C=e(47514);const y=(0,o.Pi)((function CustomInput(t){var n=t.selectedRoom,e=(0,s.useDivaCore)().state.user,o=(0,i.useState)(""),d=(0,a.Z)(o,2),u=d[0],l=d[1],c=(0,i.useState)(void 0),p=(0,a.Z)(c,2),x=p[0],m=p[1],f=(0,s.useTranslation)().t,g=(0,r.NP)();return(0,i.useEffect)((function(){g.aiState.setCustomPromptInput(u)}),[u]),(0,i.useEffect)((function(){g.aiState.customPromptInput!=u&&l(g.aiState.customPromptInput||"")}),[g.aiState.customPromptInput]),(0,i.useEffect)((function(){var t;if(n){var e=g.aiState.setHash,a=null===(t=g.aiState.aiGenerationErrors[n])||void 0===t?void 0:t[e];m(a)}}),[n,g.aiState.setHash,g.aiState.aiGenerationErrors]),(0,C.jsxs)("div",{children:[!!e&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("div",{className:P.TN,children:f("configurator.roomRendering.customPrompt")}),(0,C.jsx)("input",{className:P.qH,type:"text",value:u,onChange:function onChange(t){return l(t.target.value)}})]}),x&&(0,C.jsx)("div",{style:{marginTop:"8px",padding:"8px",background:"rgba(255, 59, 48, 0.9)",color:"white",borderRadius:"4px",fontSize:"12px",textAlign:"center"},children:f(x)})]})}))},84855:(t,n,e)=>{e.d(n,{TN:()=>s,ZP:()=>u,qH:()=>d});var a=e(8081),i=e.n(a),o=e(23645),r=e.n(o)()(i());r.push([t.id,".index-module--CD5oJ {\n  padding: 8px 0;\n  font-size: 14px;\n  font-weight: 500;\n  display: block;\n  width: 100%;\n  color: #2a4b63;\n  margin-bottom: 4px;\n}\n.index-module--d4cMP {\n  height: 20px;\n  padding: 8px 12px;\n  border-radius: 6px;\n  font-size: 16px;\n  border: rgb(228, 228, 231) solid 1px;\n  width: calc(100% - 28px);\n  box-sizing: content-box;\n}\n",""]);var s="index-module--CD5oJ",d="index-module--d4cMP";const u=r}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6210.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6210],{66210:(n,e,i)=>{i.r(e),i.d(e,{default:()=>K});var t=i(63762),o=i(87363),r=i(66014),a=i(93379),d=i.n(a),l=i(7795),s=i.n(l),u=i(90569),x=i.n(u),f=i(3565),c=i.n(f),b=i(19216),v=i.n(b),m=i(44589),p=i.n(m),h=i(87623),g={};g.styleTagTransform=p(),g.setAttributes=c(),g.insert=x().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=v();d()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=i(47979),k=i(34586),y=i(97853),S=i(46567),O=i(9420),z=i(65515),P=i.n(z),C=i(47514);const K=(0,O.Pi)((function Serious(n){var e,i=(0,t.NP)();(0,o.useEffect)((function(){i.layoutRendered=!0,i.initCSSVariablesObj(w.cssVariables)}),[]);var a="PRODUCTS"==(null===(e=i.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{ref:function ref(n){return i.uiState.setConfiguratorRef(n)},style:{pointerEvents:i.uiState.configuratorDisabled?"none":void 0},hidden:i.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,C.jsx)(k.default,{className:P()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,C.jsx)(y.default,{className:P()(h.vt,a?h.Uu:void 0)}),(0,C.jsx)(S.default,{className:h.x6})]}),i.settingsState.inputBoxVisible&&(0,C.jsx)(r.default,{})]})}))},87623:(n,e,i)=>{i.d(e,{Uu:()=>u,ZP:()=>f,kL:()=>s,vt:()=>x,x6:()=>l,xn:()=>d});var t=i(8081),o=i.n(t),r=i(23645),a=i.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--wjIBY {\n  width: 75px;\n  position: relative;\n}\n.index-module--zOtvQ {\n  overflow: auto !important;\n}\n.index-module--zOtvQ {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n  display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.index-module--LDBW2 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--K6KzO",l="index-module--wjIBY",s="index-module--zOtvQ",u="index-module--aLQCY",x="index-module--LDBW2";const f=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6210],{66210:(n,e,i)=>{i.r(e),i.d(e,{default:()=>K});var t=i(63762),o=i(87363),r=i(66014),a=i(93379),d=i.n(a),l=i(7795),s=i.n(l),u=i(90569),c=i.n(u),x=i(3565),f=i.n(x),b=i(19216),v=i.n(b),m=i(44589),p=i.n(m),h=i(87623),g={};g.styleTagTransform=p(),g.setAttributes=f(),g.insert=c().bind(null,"head"),g.domAPI=s(),g.insertStyleElement=v();d()(h.ZP,g);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=i(47979),k=i(34586),y=i(97853),S=i(46567),O=i(9420),z=i(65515),C=i.n(z),P=i(47514);const K=(0,O.Pi)((function Serious(n){var e,i=(0,t.NP)();(0,o.useEffect)((function(){i.layoutRendered=!0,i.initCSSVariablesObj(w.cssVariables)}),[]);var a="PRODUCTS"==(null===(e=i.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsxs)("div",{ref:function ref(n){return i.uiState.setConfiguratorRef(n)},style:{pointerEvents:i.uiState.configuratorDisabled?"none":void 0},hidden:i.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,P.jsx)(k.default,{className:C()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,P.jsx)(y.default,{className:C()(h.vt,a?h.Uu:void 0)}),(0,P.jsx)(S.default,{className:h.x6})]}),i.settingsState.inputBoxVisible&&(0,P.jsx)(r.default,{})]})}))},87623:(n,e,i)=>{i.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>s,vt:()=>c,x6:()=>l,xn:()=>d});var t=i(8081),o=i.n(t),r=i(23645),a=i.n(r)()(o());a.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--wjIBY {\n  width: 75px;\n  position: relative;\n}\n.index-module--zOtvQ {\n  overflow: auto !important;\n}\n.index-module--zOtvQ {\n  width: calc(100% - 501px);\n  position: relative;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n  display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n}\n\n.index-module--LDBW2 {\n  width: 426px;\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n",""]);var d="index-module--K6KzO",l="index-module--wjIBY",s="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const x=a}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 685.diva-web-planner-react.umd.min.js.LICENSE.txt */
-(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[685,6552,2334,2072,8291,58],{57446:function(r,m,x){var y;r.exports=(y=x(87363),function(r){var m={};function n(x){if(m[x])return m[x].exports;var y=m[x]={i:x,l:!1,exports:{}};return r[x].call(y.exports,y,y.exports,n),y.l=!0,y.exports}return n.m=r,n.c=m,n.d=function(r,m,x){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:x})},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 x=Object.create(null);if(n.r(x),Object.defineProperty(x,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var y in r)n.d(x,y,function(m){return r[m]}.bind(null,y));return x},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,x){r.exports=x(2)()},function(r,m){r.exports=y},function(r,m,x){"use strict";var y=x(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,x,v,w,O){if(O!==y){var j=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 j.name="Invariant Violation",j}}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,x){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,x){"use strict";x.r(m);var y=x(1),v=x.n(y),w=x(0),O=x.n(w),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 x=arguments[m];for(var y in x)Object.prototype.hasOwnProperty.call(x,y)&&(r[y]=x[y])}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 x=0;x<m.length;x++){var y=m[x];y.enumerable=y.enumerable||!1,y.configurable=!0,"value"in y&&(y.writable=!0),Object.defineProperty(r,y.key,y)}}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 x,y=d(r);if(m){var v=d(this).constructor;x=Reflect.construct(y,arguments,v)}else x=y.apply(this,arguments);return f(this,x)}}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,x){return m in r?Object.defineProperty(r,m,{value:x,enumerable:!0,configurable:!0,writable:!0}):r[m]=x,r}var j=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,x,y,w=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=w.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,(x=[{key:"componentDidUpdate",value:function(r,m){var x=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(){x.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,x=r.classParentString;if(!m)return null;switch(c(m)){case"string":return v.a.createElement("span",{className:"".concat(x,"__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},x=this.state.isClosed?"is-closed":"is-open",y=this.props.triggerDisabled?"is-disabled":"",w=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,O=this.props.contentContainerTagName,j=this.props.triggerTagName,C=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,P=this.props,S=P.classParentString,k=P.contentOuterClassName,T=P.contentInnerClassName,N="".concat(S,"__trigger ").concat(x," ").concat(y," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),I="".concat(S," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(S,"__contentOuter ").concat(k),Z="".concat(S,"__contentInner ").concat(T);return v.a.createElement(O,l({className:I.trim()},this.props.containerElementProps),v.a.createElement(j,l({id:this.triggerId,className:N.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var x=m.key;(" "===x&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===x)&&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),w),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:E.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:Z.trim()},C)))}}])&&p(m.prototype,x),y&&p(m,y),Object.defineProperty(m,"prototype",{writable:!1}),s}(y.Component);j.propTypes={transitionTime:O.a.number,transitionCloseTime:O.a.number,triggerTagName:O.a.string,easing:O.a.string,open:O.a.bool,containerElementProps:O.a.object,triggerElementProps:O.a.object,contentElementId:O.a.string,classParentString:O.a.string,className:O.a.string,openedClassName:O.a.string,triggerStyle:O.a.object,triggerClassName:O.a.string,triggerOpenedClassName:O.a.string,contentOuterClassName:O.a.string,contentInnerClassName:O.a.string,accordionPosition:O.a.oneOfType([O.a.string,O.a.number]),handleTriggerClick:O.a.func,onOpen:O.a.func,onClose:O.a.func,onOpening:O.a.func,onClosing:O.a.func,onTriggerOpening:O.a.func,onTriggerClosing:O.a.func,trigger:O.a.oneOfType([O.a.string,O.a.element]),triggerWhenOpen:O.a.oneOfType([O.a.string,O.a.element]),triggerDisabled:O.a.bool,lazyRender:O.a.bool,overflowWhenOpen:O.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:O.a.bool,triggerSibling:O.a.oneOfType([O.a.string,O.a.element,O.a.func]),tabIndex:O.a.number,contentContainerTagName:O.a.string,children:O.a.oneOfType([O.a.string,O.a.element])},j.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=j}]))},86552:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>B});var y=x(80248),v=x(72874),w=x(87363),O=x(9420),j=x(93379),C=x.n(j),P=x(7795),S=x.n(P),k=x(90569),T=x.n(k),N=x(3565),I=x.n(N),E=x(19216),Z=x.n(E),_=x(44589),D=x.n(_),A=x(6521),R={};R.styleTagTransform=D(),R.setAttributes=I(),R.insert=T().bind(null,"head"),R.domAPI=S(),R.insertStyleElement=Z();C()(A.ZP,R);A.ZP&&A.ZP.locals&&A.ZP.locals;var Q=x(65515),G=x.n(Q),W=x(63762),M=x(47514),z=["curBox","isExpanded","state"];function ownKeys(r,m){var x=Object.keys(r);if(Object.getOwnPropertySymbols){var y=Object.getOwnPropertySymbols(r);m&&(y=y.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),x.push.apply(x,y)}return x}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var x=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(x),!0).forEach((function(m){(0,y.Z)(r,m,x[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(x)):ownKeys(Object(x)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(x,m))}))}return r}const B=(0,O.Pi)((function SVGSourceViewer(r){r.curBox,r.isExpanded;var m,x,y=r.state,O=(0,v.Z)(r,z),j=(0,W.NP)(),C=j.divaWebPlanner.getDivaArticles();if(!C)return(0,M.jsx)(M.Fragment,{});var P=Object.values(C).filter((function(r){return r.catalogArticle.catalogPlannerArticle}));if(!P.length)return(0,M.jsx)(M.Fragment,{});var S=null===(m=P[0].plannerData)||void 0===m?void 0:m.svgBefore,k=null===(x=P[0].plannerData)||void 0===x?void 0:x.svgAfter,T="before"==y?S:k;return(0,w.createElement)("div",_objectSpread(_objectSpread({},O),{},{className:G()(A.EU),key:j.settingsState.configChanged}),(0,M.jsxs)("div",{style:{height:500,overflow:"auto"},children:[(0,M.jsx)("button",{onClick:function onClick(){return navigator.clipboard.writeText(null!=T?T:"")},children:"copy"}),(0,M.jsx)("textarea",{readOnly:!0,value:T})]}))}))},82334:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>O});var y=x(9420),v=(x(87363),x(86552)),w=x(47514);const O=(0,y.Pi)((function index(r){var m=(0,w.jsx)(v.default,{curBox:r.curBox,isExpanded:r.isExpanded,state:r.selectedJson});return(0,w.jsx)("div",{children:m})}))},72072:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>R});var y=x(80248),v=x(34988),w=x(72874),O=x(88623),j=x(87363),C=x(63762),P=x(93476),S=x(92349),k=x(9420),T=x(65515),N=x.n(T),I=x(51203),E=x(57446),Z=x.n(E),_=x(85108),D=x(47514),A=["settings","title","ChildComponent"];function ownKeys(r,m){var x=Object.keys(r);if(Object.getOwnPropertySymbols){var y=Object.getOwnPropertySymbols(r);m&&(y=y.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),x.push.apply(x,y)}return x}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var x=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(x),!0).forEach((function(m){(0,y.Z)(r,m,x[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(x)):ownKeys(Object(x)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(x,m))}))}return r}const R=(0,k.Pi)((function ArticleOverview(r){var m,x=r.settings,y=r.title,k=r.ChildComponent,T=(0,w.Z)(r,A),E=(0,C.NP)();E.tabGroupState.allTabGroups;var R=(0,j.useState)(!0),Q=(0,v.Z)(R,2),G=Q[0],W=Q[1],M=(0,j.useState)(0),z=(0,v.Z)(M,2),B=z[0],U=z[1],H=(0,j.useState)(x[0].key),F=(0,v.Z)(H,2),J=F[0],X=F[1],L=E.divaWebPlanner.getDivaArticles();null===(m=E.divaWebPlanner.actSet())||void 0===m||m.configTree;if(!L)return(0,D.jsx)(D.Fragment,{});var K,V,q=Object.values(L),Y=q.filter((function(r){return r.hasCatalogPlannerArticle})).map((function(r){return r.catalogArticle.catalogPlannerArticle})),$={};"OPTIONSTATES"===J&&($=q.map((function(r){return r.VariantValues}))[B]);("DECISIONS"===J&&($=JSON.parse(JSON.stringify((0,O.ZN)(q.map((function(r){return r.decisions})))))),"CONFIGTREE"===J&&($={}),"J3D"===J)&&($=null!=q&&null!==(K=q[B])&&void 0!==K&&K.j3D?JSON.parse(JSON.stringify(null==q||null===(V=q[B])||void 0===V?void 0:V.j3D)):{});return(0,D.jsx)(D.Fragment,{children:(0,D.jsxs)("div",_objectSpread(_objectSpread({},T),{},{className:N()(T.className,E.uiState.configSettingsIsExpanded?I.NF:void 0),style:{zIndex:700},children:[(0,D.jsx)("a",{className:P.Fs,children:y}),(0,D.jsx)(Z(),_objectSpread(_objectSpread({trigger:(0,D.jsx)("div",{className:S.Ux,children:(0,D.jsx)("img",{src:_,className:S.Jf})}),onClose:function onClose(){return W(!G)},onOpen:function onOpen(){return W(!G)},triggerWhenOpen:(0,D.jsxs)("div",{className:S.Ux,children:[" ",(0,D.jsx)("img",{src:_,className:S.l1})]})},{open:!0,easing:"ease-in",transitionTime:200}),{},{children:(0,D.jsx)("div",{className:S.qk,children:q.map((function(r,m){return(0,D.jsxs)("div",{className:N()(S.BZ,m===B?S.Od:void 0),onClick:function onClick(){U(m)},children:[(0,D.jsx)("img",{src:r.imageUrl,className:S.tX}),(0,D.jsx)("p",{children:r.posNr}),(0,D.jsx)("p",{children:r.name}),(0,D.jsx)("p",{children:r.basketId})]},r.basketId)}))})})),(0,D.jsx)("div",{className:S.Uj,children:x.map((function(r,m){return(0,D.jsx)("button",{onClick:function onClick(){return X(r.key)},className:J===r.key?S._D:void 0,children:r.name},r.key)}))}),(0,D.jsx)(k,_objectSpread(_objectSpread({},T),{},{json:$,selectedJson:J,isExpanded:G,plannerArticles:Y,curBox:B,divaArticles:q}))]}))})}))},70685:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>P});var y=x(80248),v=x(88291),w=(x(87363),x(9420)),O=x(72072),j=x(82334),C=x(47514);function ownKeys(r,m){var x=Object.keys(r);if(Object.getOwnPropertySymbols){var y=Object.getOwnPropertySymbols(r);m&&(y=y.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),x.push.apply(x,y)}return x}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var x=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(x),!0).forEach((function(m){(0,y.Z)(r,m,x[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(x)):ownKeys(Object(x)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(x,m))}))}return r}const P=(0,w.Pi)((function SVGAnalyser(r){var m=Object.assign({},((0,v.Z)(r),r));return(0,C.jsx)(O.default,_objectSpread(_objectSpread({},m),{},{className:m.className,ChildComponent:j.default,settings:[{key:"before",name:"SVG vor stretch"},{key:"after",name:"SVG nach stretch"}],title:"SVG Übersicht"}))}))},6521:(r,m,x)=>{"use strict";x.d(m,{EU:()=>j,ZP:()=>C});var y=x(8081),v=x.n(y),w=x(23645),O=x.n(w)()(v());O.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 j="index-module--orfU0";const C=O},62860:(r,m,x)=>{"use strict";x.d(m,{BZ:()=>j,Jf:()=>T,Od:()=>C,Uj:()=>Z,Ux:()=>k,YS:()=>I,ZP:()=>D,_D:()=>_,l1:()=>N,qk:()=>P,rp:()=>E,tX:()=>S});var y=x(8081),v=x.n(y),w=x(23645),O=x.n(w)()(v());O.push([r.id,".index-module--d56lH {\n  width: 25%;\n  border: 1px solid;\n  border-radius: var(--globalBorderRadius);\n  background-color: white;\n  max-width: 90px;\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.index-module--d56lH p {\n  line-break: anywhere;\n}\n.index-module--TipV7 {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--d56lH:hover {\n  box-shadow: inset 5px 5px 100px 5px rgba(0,0,0,0.24706);\n  cursor: pointer;\n  transition: box-shadow 0.5s;\n}\n.index-module--F8fkE {\n  display: flex;\n  padding-left: 60px;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  gap: 2.5%;\n  min-height: 135px;\n  overflow: auto;\n  background-color: #31383d;\n}\n.index-module--_cMQA {\n  width: auto;\n  height: auto;\n  max-width: 95%;\n  max-height: 90px;\n  margin-left: 2.5%;\n  margin-right: 2.5%;\n}\n.index-module--LpnAj {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: rgb(28, 32, 35);\n  color: black;\n  margin: 5% 0% 0% 1%;\n  cursor: pointer;\n}\n.index-module--Sj8he {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.index-module--FqwmN {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.index-module--cGqPx {\n  position: relative;\n  margin-left: 50px;\n  height: 78.6vh;\n  width: 96%;\n  overflow: auto;\n  background-color: rgb(28, 32, 35);\n  transition: height 0.5s;\n}\n.index-module--HI_ql {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.index-module--kIX5J {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.index-module--kIX5J * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.index-module--x1F61 {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n",""]);var j="index-module--d56lH",C="index-module--TipV7",P="index-module--F8fkE",S="index-module--_cMQA",k="index-module--LpnAj",T="index-module--Sj8he",N="index-module--FqwmN",I="index-module--cGqPx",E="index-module--HI_ql",Z="index-module--kIX5J",_="index-module--x1F61";const D=O},98793:(r,m,x)=>{"use strict";x.d(m,{$Q:()=>C,EM:()=>T,Fs:()=>S,Kz:()=>j,US:()=>k,ZP:()=>N,fm:()=>P});var y=x(8081),v=x.n(y),w=x(23645),O=x.n(w)()(v());O.push([r.id,".index-module--LmG2a {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--LmG2a thead {\n  font-weight: bold !important;\n}\n.index-module--LmG2a thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--A0hQw {\n  text-align: left;\n  height: 20px;\n}\n.index-module--A0hQw th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--A0hQw th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--A0hQw th:last-child {\n  font-size: 12px;\n}\n.index-module--PcNw4 {\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  z-index: 1700;\n}\n.index-module--Gh5Gk {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n  padding-bottom: 20px;\n}\n.index-module--Biof7 {\n  font-size: 16px;\n  padding-left: 20px;\n  display: flex;\n  gap: 16px;\n  background-color: grey;\n}\n\n.index-module--DLRJp {\n  display: flex;\n  flex-direction: column;\n  padding-top: 20px;\n  background: #fff;\n}\n",""]);var j="index-module--LmG2a",C="index-module--A0hQw",P="index-module--PcNw4",S="index-module--Gh5Gk",k="index-module--Biof7",T="index-module--DLRJp";const N=O},89965:(r,m,x)=>{"use strict";x.d(m,{NF:()=>C,ZP:()=>S,ec:()=>j,pb:()=>P});var y=x(8081),v=x.n(y),w=x(23645),O=x.n(w)()(v());O.push([r.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  width: calc(63% - 50px) !important;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  margin-left: 50px;\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var j="index-module--NA4Nc",C="index-module--zxgl3",P="index-module--WGNyK";const S=O},92349:(r,m,x)=>{"use strict";x.d(m,{BZ:()=>E.BZ,Jf:()=>E.Jf,Od:()=>E.Od,Uj:()=>E.Uj,Ux:()=>E.Ux,YS:()=>E.YS,_D:()=>E._D,l1:()=>E.l1,qk:()=>E.qk,rp:()=>E.rp,tX:()=>E.tX});var y=x(93379),v=x.n(y),w=x(7795),O=x.n(w),j=x(90569),C=x.n(j),P=x(3565),S=x.n(P),k=x(19216),T=x.n(k),N=x(44589),I=x.n(N),E=x(62860),Z={};Z.styleTagTransform=I(),Z.setAttributes=S(),Z.insert=C().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=T();v()(E.ZP,Z),E.ZP&&E.ZP.locals&&E.ZP.locals},93476:(r,m,x)=>{"use strict";x.d(m,{$Q:()=>E.$Q,EM:()=>E.EM,Fs:()=>E.Fs,Kz:()=>E.Kz,US:()=>E.US,fm:()=>E.fm});var y=x(93379),v=x.n(y),w=x(7795),O=x.n(w),j=x(90569),C=x.n(j),P=x(3565),S=x.n(P),k=x(19216),T=x.n(k),N=x(44589),I=x.n(N),E=x(98793),Z={};Z.styleTagTransform=I(),Z.setAttributes=S(),Z.insert=C().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=T();v()(E.ZP,Z),E.ZP&&E.ZP.locals&&E.ZP.locals},51203:(r,m,x)=>{"use strict";x.d(m,{NF:()=>E.NF,ec:()=>E.ec,pb:()=>E.pb});var y=x(93379),v=x.n(y),w=x(7795),O=x.n(w),j=x(90569),C=x.n(j),P=x(3565),S=x.n(P),k=x(19216),T=x.n(k),N=x(44589),I=x.n(N),E=x(89965),Z={};Z.styleTagTransform=I(),Z.setAttributes=S(),Z.insert=C().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=T();v()(E.ZP,Z),E.ZP&&E.ZP.locals&&E.ZP.locals},85108:r=>{"use strict";r.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxnPjxwYXRoIGQ9Ik0wLDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjwvZz48Zz48cG9seWdvbiBwb2ludHM9IjYuMjMsMjAuMjMgOCwyMiAxOCwxMiA4LDIgNi4yMywzLjc3IDE0LjQ2LDEyIi8+PC9nPjwvc3ZnPg=="},88291:(r,m,x)=>{"use strict";function _objectDestructuringEmpty(r){if(null==r)throw new TypeError("Cannot destructure "+r)}x.d(m,{Z:()=>_objectDestructuringEmpty})}}]);
+(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[685,6552,2334,2072,5784,8291,58],{57446:function(r,m,x){var y;r.exports=(y=x(87363),function(r){var m={};function n(x){if(m[x])return m[x].exports;var y=m[x]={i:x,l:!1,exports:{}};return r[x].call(y.exports,y,y.exports,n),y.l=!0,y.exports}return n.m=r,n.c=m,n.d=function(r,m,x){n.o(r,m)||Object.defineProperty(r,m,{enumerable:!0,get:x})},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 x=Object.create(null);if(n.r(x),Object.defineProperty(x,"default",{enumerable:!0,value:r}),2&m&&"string"!=typeof r)for(var y in r)n.d(x,y,function(m){return r[m]}.bind(null,y));return x},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,x){r.exports=x(2)()},function(r,m){r.exports=y},function(r,m,x){"use strict";var y=x(3);function o(){}function i(){}i.resetWarningCache=o,r.exports=function(){function e(r,m,x,v,w,O){if(O!==y){var j=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 j.name="Invariant Violation",j}}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,x){"use strict";r.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(r,m,x){"use strict";x.r(m);var y=x(1),v=x.n(y),w=x(0),O=x.n(w),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 x=arguments[m];for(var y in x)Object.prototype.hasOwnProperty.call(x,y)&&(r[y]=x[y])}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 x=0;x<m.length;x++){var y=m[x];y.enumerable=y.enumerable||!1,y.configurable=!0,"value"in y&&(y.writable=!0),Object.defineProperty(r,y.key,y)}}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 x,y=d(r);if(m){var v=d(this).constructor;x=Reflect.construct(y,arguments,v)}else x=y.apply(this,arguments);return f(this,x)}}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,x){return m in r?Object.defineProperty(r,m,{value:x,enumerable:!0,configurable:!0,writable:!0}):r[m]=x,r}var j=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,x,y,w=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=w.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,(x=[{key:"componentDidUpdate",value:function(r,m){var x=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(){x.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,x=r.classParentString;if(!m)return null;switch(c(m)){case"string":return v.a.createElement("span",{className:"".concat(x,"__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},x=this.state.isClosed?"is-closed":"is-open",y=this.props.triggerDisabled?"is-disabled":"",w=!1===this.state.isClosed&&void 0!==this.props.triggerWhenOpen?this.props.triggerWhenOpen:this.props.trigger,O=this.props.contentContainerTagName,j=this.props.triggerTagName,C=this.props.lazyRender&&!this.state.hasBeenOpened&&this.state.isClosed&&!this.state.inTransition?null:this.props.children,P=this.props,S=P.classParentString,k=P.contentOuterClassName,T=P.contentInnerClassName,N="".concat(S,"__trigger ").concat(x," ").concat(y," ").concat(this.state.isClosed?this.props.triggerClassName:this.props.triggerOpenedClassName),I="".concat(S," ").concat(this.state.isClosed?this.props.className:this.props.openedClassName),E="".concat(S,"__contentOuter ").concat(k),Z="".concat(S,"__contentInner ").concat(T);return v.a.createElement(O,l({className:I.trim()},this.props.containerElementProps),v.a.createElement(j,l({id:this.triggerId,className:N.trim(),onClick:this.handleTriggerClick,style:this.props.triggerStyle&&this.props.triggerStyle,onKeyPress:function(m){var x=m.key;(" "===x&&"button"!==r.props.triggerTagName.toLowerCase()||"Enter"===x)&&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),w),this.renderNonClickableTriggerElement(),v.a.createElement("div",{id:this.contentId,className:E.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:Z.trim()},C)))}}])&&p(m.prototype,x),y&&p(m,y),Object.defineProperty(m,"prototype",{writable:!1}),s}(y.Component);j.propTypes={transitionTime:O.a.number,transitionCloseTime:O.a.number,triggerTagName:O.a.string,easing:O.a.string,open:O.a.bool,containerElementProps:O.a.object,triggerElementProps:O.a.object,contentElementId:O.a.string,classParentString:O.a.string,className:O.a.string,openedClassName:O.a.string,triggerStyle:O.a.object,triggerClassName:O.a.string,triggerOpenedClassName:O.a.string,contentOuterClassName:O.a.string,contentInnerClassName:O.a.string,accordionPosition:O.a.oneOfType([O.a.string,O.a.number]),handleTriggerClick:O.a.func,onOpen:O.a.func,onClose:O.a.func,onOpening:O.a.func,onClosing:O.a.func,onTriggerOpening:O.a.func,onTriggerClosing:O.a.func,trigger:O.a.oneOfType([O.a.string,O.a.element]),triggerWhenOpen:O.a.oneOfType([O.a.string,O.a.element]),triggerDisabled:O.a.bool,lazyRender:O.a.bool,overflowWhenOpen:O.a.oneOf(["hidden","visible","auto","scroll","inherit","initial","unset"]),contentHiddenWhenClosed:O.a.bool,triggerSibling:O.a.oneOfType([O.a.string,O.a.element,O.a.func]),tabIndex:O.a.number,contentContainerTagName:O.a.string,children:O.a.oneOfType([O.a.string,O.a.element])},j.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=j}]))},86552:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>B});var y=x(80248),v=x(72874),w=x(87363),O=x(9420),j=x(93379),C=x.n(j),P=x(7795),S=x.n(P),k=x(90569),T=x.n(k),N=x(3565),I=x.n(N),E=x(19216),Z=x.n(E),_=x(44589),D=x.n(_),A=x(6521),R={};R.styleTagTransform=D(),R.setAttributes=I(),R.insert=T().bind(null,"head"),R.domAPI=S(),R.insertStyleElement=Z();C()(A.ZP,R);A.ZP&&A.ZP.locals&&A.ZP.locals;var Q=x(65515),G=x.n(Q),W=x(63762),M=x(47514),z=["curBox","isExpanded","state"];function ownKeys(r,m){var x=Object.keys(r);if(Object.getOwnPropertySymbols){var y=Object.getOwnPropertySymbols(r);m&&(y=y.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),x.push.apply(x,y)}return x}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var x=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(x),!0).forEach((function(m){(0,y.Z)(r,m,x[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(x)):ownKeys(Object(x)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(x,m))}))}return r}const B=(0,O.Pi)((function SVGSourceViewer(r){r.curBox,r.isExpanded;var m,x,y=r.state,O=(0,v.Z)(r,z),j=(0,W.NP)(),C=j.divaWebPlanner.getDivaArticles();if(!C)return(0,M.jsx)(M.Fragment,{});var P=Object.values(C).filter((function(r){return r.catalogArticle.catalogPlannerArticle}));if(!P.length)return(0,M.jsx)(M.Fragment,{});var S=null===(m=P[0].plannerData)||void 0===m?void 0:m.svgBefore,k=null===(x=P[0].plannerData)||void 0===x?void 0:x.svgAfter,T="before"==y?S:k;return(0,w.createElement)("div",_objectSpread(_objectSpread({},O),{},{className:G()(A.EU),key:j.settingsState.configChanged}),(0,M.jsxs)("div",{style:{height:500,overflow:"auto"},children:[(0,M.jsx)("button",{onClick:function onClick(){return navigator.clipboard.writeText(null!=T?T:"")},children:"copy"}),(0,M.jsx)("textarea",{readOnly:!0,value:T})]}))}))},82334:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>O});var y=x(9420),v=(x(87363),x(86552)),w=x(47514);const O=(0,y.Pi)((function index(r){var m=(0,w.jsx)(v.default,{curBox:r.curBox,isExpanded:r.isExpanded,state:r.selectedJson});return(0,w.jsx)("div",{children:m})}))},72072:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>R});var y=x(80248),v=x(34988),w=x(72874),O=x(88623),j=x(87363),C=x(63762),P=x(93476),S=x(92349),k=x(9420),T=x(65515),N=x.n(T),I=x(51203),E=x(57446),Z=x.n(E),_=x(85108),D=x(47514),A=["settings","title","ChildComponent"];function ownKeys(r,m){var x=Object.keys(r);if(Object.getOwnPropertySymbols){var y=Object.getOwnPropertySymbols(r);m&&(y=y.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),x.push.apply(x,y)}return x}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var x=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(x),!0).forEach((function(m){(0,y.Z)(r,m,x[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(x)):ownKeys(Object(x)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(x,m))}))}return r}const R=(0,k.Pi)((function ArticleOverview(r){var m,x=r.settings,y=r.title,k=r.ChildComponent,T=(0,w.Z)(r,A),E=(0,C.NP)();E.tabGroupState.allTabGroups;var R=(0,j.useState)(!0),Q=(0,v.Z)(R,2),G=Q[0],W=Q[1],M=(0,j.useState)(0),z=(0,v.Z)(M,2),B=z[0],U=z[1],H=(0,j.useState)(x[0].key),F=(0,v.Z)(H,2),J=F[0],X=F[1],L=E.divaWebPlanner.getDivaArticles();null===(m=E.divaWebPlanner.actSet())||void 0===m||m.configTree;if(!L)return(0,D.jsx)(D.Fragment,{});var K,V,q=Object.values(L),Y=q.filter((function(r){return r.hasCatalogPlannerArticle})).map((function(r){return r.catalogArticle.catalogPlannerArticle})),$={};"OPTIONSTATES"===J&&($=q.map((function(r){return r.VariantValues}))[B]);("DECISIONS"===J&&($=JSON.parse(JSON.stringify((0,O.ZN)(q.map((function(r){return r.decisions})))))),"CONFIGTREE"===J&&($={}),"J3D"===J)&&($=null!=q&&null!==(K=q[B])&&void 0!==K&&K.j3D?JSON.parse(JSON.stringify(null==q||null===(V=q[B])||void 0===V?void 0:V.j3D)):{});return(0,D.jsx)(D.Fragment,{children:(0,D.jsxs)("div",_objectSpread(_objectSpread({},T),{},{className:N()(T.className,E.uiState.configSettingsIsExpanded?I.NF:void 0),style:{zIndex:700},children:[(0,D.jsx)("a",{className:P.Fs,children:y}),(0,D.jsx)(Z(),_objectSpread(_objectSpread({trigger:(0,D.jsx)("div",{className:S.Ux,children:(0,D.jsx)("img",{src:_,className:S.Jf})}),onClose:function onClose(){return W(!G)},onOpen:function onOpen(){return W(!G)},triggerWhenOpen:(0,D.jsxs)("div",{className:S.Ux,children:[" ",(0,D.jsx)("img",{src:_,className:S.l1})]})},{open:!0,easing:"ease-in",transitionTime:200}),{},{children:(0,D.jsx)("div",{className:S.qk,children:q.map((function(r,m){return(0,D.jsxs)("div",{className:N()(S.BZ,m===B?S.Od:void 0),onClick:function onClick(){U(m)},children:[(0,D.jsx)("img",{src:r.imageUrl,className:S.tX}),(0,D.jsx)("p",{children:r.posNr}),(0,D.jsx)("p",{children:r.name}),(0,D.jsx)("p",{children:r.basketId})]},r.basketId)}))})})),(0,D.jsx)("div",{className:S.Uj,children:x.map((function(r,m){return(0,D.jsx)("button",{onClick:function onClick(){return X(r.key)},className:J===r.key?S._D:void 0,children:r.name},r.key)}))}),(0,D.jsx)(k,_objectSpread(_objectSpread({},T),{},{json:$,selectedJson:J,isExpanded:G,plannerArticles:Y,curBox:B,divaArticles:q}))]}))})}))},70685:(r,m,x)=>{"use strict";x.r(m),x.d(m,{default:()=>P});var y=x(80248),v=x(88291),w=(x(87363),x(9420)),O=x(72072),j=x(82334),C=x(47514);function ownKeys(r,m){var x=Object.keys(r);if(Object.getOwnPropertySymbols){var y=Object.getOwnPropertySymbols(r);m&&(y=y.filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable}))),x.push.apply(x,y)}return x}function _objectSpread(r){for(var m=1;m<arguments.length;m++){var x=null!=arguments[m]?arguments[m]:{};m%2?ownKeys(Object(x),!0).forEach((function(m){(0,y.Z)(r,m,x[m])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(x)):ownKeys(Object(x)).forEach((function(m){Object.defineProperty(r,m,Object.getOwnPropertyDescriptor(x,m))}))}return r}const P=(0,w.Pi)((function SVGAnalyser(r){var m=Object.assign({},((0,v.Z)(r),r));return(0,C.jsx)(O.default,_objectSpread(_objectSpread({},m),{},{className:m.className,ChildComponent:j.default,settings:[{key:"before",name:"SVG vor stretch"},{key:"after",name:"SVG nach stretch"}],title:"SVG Übersicht"}))}))},6521:(r,m,x)=>{"use strict";x.d(m,{EU:()=>j,ZP:()=>C});var y=x(8081),v=x.n(y),w=x(23645),O=x.n(w)()(v());O.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 j="index-module--orfU0";const C=O},62860:(r,m,x)=>{"use strict";x.d(m,{BZ:()=>j,Jf:()=>T,Od:()=>C,Uj:()=>Z,Ux:()=>k,YS:()=>I,ZP:()=>D,_D:()=>_,l1:()=>N,qk:()=>P,rp:()=>E,tX:()=>S});var y=x(8081),v=x.n(y),w=x(23645),O=x.n(w)()(v());O.push([r.id,".index-module--d56lH {\n  width: 25%;\n  border: 1px solid;\n  border-radius: var(--globalBorderRadius);\n  background-color: white;\n  max-width: 90px;\n  box-shadow: none;\n  transition: box-shadow 0.5s;\n}\n.index-module--d56lH p {\n  line-break: anywhere;\n}\n.index-module--TipV7 {\n  background-color: rgba(96, 245, 96, 0.377);\n}\n.index-module--d56lH:hover {\n  box-shadow: inset 5px 5px 100px 5px rgba(0,0,0,0.24706);\n  cursor: pointer;\n  transition: box-shadow 0.5s;\n}\n.index-module--F8fkE {\n  display: flex;\n  padding-left: 60px;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  gap: 2.5%;\n  min-height: 135px;\n  overflow: auto;\n  background-color: #31383d;\n}\n.index-module--_cMQA {\n  width: auto;\n  height: auto;\n  max-width: 95%;\n  max-height: 90px;\n  margin-left: 2.5%;\n  margin-right: 2.5%;\n}\n.index-module--LpnAj {\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  text-align: center;\n  background-color: rgb(28, 32, 35);\n  color: black;\n  margin: 5% 0% 0% 1%;\n  cursor: pointer;\n}\n.index-module--Sj8he {\n  margin-top: 1%;\n  transform: rotate(270deg);\n  transition: transform 0.3s;\n}\n.index-module--FqwmN {\n  margin-top: 1%;\n  transform: rotate(90deg);\n  transition: transform 0.3s;\n}\n.index-module--cGqPx {\n  position: relative;\n  margin-left: 50px;\n  height: 78.6vh;\n  width: 96%;\n  overflow: auto;\n  background-color: rgb(28, 32, 35);\n  transition: height 0.5s;\n}\n.index-module--HI_ql {\n  height: 53.8vh;\n  transition: height 0.5s;\n}\n.index-module--kIX5J {\n  margin-left: 50px;\n  display: flex;\n  flex-basis: 100%;\n}\n.index-module--kIX5J * {\n  width: 100%;\n  background-color: #11101d;\n  border: 0px;\n  color: white;\n}\n.index-module--x1F61 {\n  background-color: rgba(96, 245, 96, 0.377);\n  color: black;\n  border: 2px solid white;\n}\n",""]);var j="index-module--d56lH",C="index-module--TipV7",P="index-module--F8fkE",S="index-module--_cMQA",k="index-module--LpnAj",T="index-module--Sj8he",N="index-module--FqwmN",I="index-module--cGqPx",E="index-module--HI_ql",Z="index-module--kIX5J",_="index-module--x1F61";const D=O},98793:(r,m,x)=>{"use strict";x.d(m,{$Q:()=>C,EM:()=>T,Fs:()=>S,Kz:()=>j,US:()=>k,ZP:()=>N,fm:()=>P});var y=x(8081),v=x.n(y),w=x(23645),O=x.n(w)()(v());O.push([r.id,".index-module--LmG2a {\n  position: relative;\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  background-color: #ffffff;\n  border-collapse: collapse;\n  border-width: 0px;\n  border-color: #e7eaf8;\n  border-style: solid;\n  color: #000000;\n  font-weight: normal;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  overflow-y: auto;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--LmG2a thead {\n  font-weight: bold !important;\n}\n.index-module--LmG2a thead {\n  border-bottom: 1px solid;\n  /* min-width: 20px; */\n  background-color: var(--thirdColor);\n  font-size: 16px;\n  padding-top: 1%;\n  color: white;\n}\n.index-module--A0hQw {\n  text-align: left;\n  height: 20px;\n}\n.index-module--A0hQw th:nth-child(1) {\n  width: 40%;\n  border-bottom: 1px solid;\n}\n.index-module--A0hQw th {\n  border-bottom: 1px solid;\n  padding-right: 10px;\n  margin-bottom: 1%;\n  font-weight: normal;\n}\n.index-module--A0hQw th:last-child {\n  font-size: 12px;\n}\n.index-module--PcNw4 {\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n  z-index: 1700;\n}\n.index-module--Gh5Gk {\n  height: 46px;\n  width: 100%;\n  padding-top: 0.7%;\n  text-align: center;\n  background-color: var(--primaryColor);\n  font-size: 30px;\n  color: white;\n  font-weight: 600;\n  cursor: ns-resize;\n  padding-bottom: 20px;\n}\n.index-module--Biof7 {\n  font-size: 16px;\n  padding-left: 20px;\n  display: flex;\n  gap: 16px;\n  background-color: grey;\n}\n\n.index-module--DLRJp {\n  display: flex;\n  flex-direction: column;\n  padding-top: 20px;\n  background: #fff;\n}\n",""]);var j="index-module--LmG2a",C="index-module--A0hQw",P="index-module--PcNw4",S="index-module--Gh5Gk",k="index-module--Biof7",T="index-module--DLRJp";const N=O},89965:(r,m,x)=>{"use strict";x.d(m,{NF:()=>C,ZP:()=>S,ec:()=>j,pb:()=>P});var y=x(8081),v=x.n(y),w=x(23645),O=x.n(w)()(v());O.push([r.id,".index-module--NA4Nc {\n  position: absolute;\n  margin-left: 50px;\n  height: 92%;\n  background-color: var(--settingsBackgroundColor);\n  padding-left: 5px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  box-shadow: inset 0px 4px 40px 1px rgba(0, 0, 0, 0.1);\n  border-right: 2px solid;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n}\n.index-module--zxgl3 {\n  width: calc(25.5%) !important;\n}\n.index-module--zxgl3 {\n  background-color: white;\n}\n.index-module--WGNyK {\n  width: calc(63% - 50px) !important;\n}\n.index-module--WGNyK {\n  z-index: 590;\n  background-color: rgba(250, 250, 250, 0.5);\n  margin-left: 50px;\n  /*width: calc(69% - 50px); pfister*/\n}\n",""]);var j="index-module--NA4Nc",C="index-module--zxgl3",P="index-module--WGNyK";const S=O},92349:(r,m,x)=>{"use strict";x.d(m,{BZ:()=>E.BZ,Jf:()=>E.Jf,Od:()=>E.Od,Uj:()=>E.Uj,Ux:()=>E.Ux,YS:()=>E.YS,_D:()=>E._D,l1:()=>E.l1,qk:()=>E.qk,rp:()=>E.rp,tX:()=>E.tX});var y=x(93379),v=x.n(y),w=x(7795),O=x.n(w),j=x(90569),C=x.n(j),P=x(3565),S=x.n(P),k=x(19216),T=x.n(k),N=x(44589),I=x.n(N),E=x(62860),Z={};Z.styleTagTransform=I(),Z.setAttributes=S(),Z.insert=C().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=T();v()(E.ZP,Z),E.ZP&&E.ZP.locals&&E.ZP.locals},93476:(r,m,x)=>{"use strict";x.d(m,{$Q:()=>E.$Q,EM:()=>E.EM,Fs:()=>E.Fs,Kz:()=>E.Kz,US:()=>E.US,fm:()=>E.fm});var y=x(93379),v=x.n(y),w=x(7795),O=x.n(w),j=x(90569),C=x.n(j),P=x(3565),S=x.n(P),k=x(19216),T=x.n(k),N=x(44589),I=x.n(N),E=x(98793),Z={};Z.styleTagTransform=I(),Z.setAttributes=S(),Z.insert=C().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=T();v()(E.ZP,Z),E.ZP&&E.ZP.locals&&E.ZP.locals},51203:(r,m,x)=>{"use strict";x.d(m,{NF:()=>E.NF,ec:()=>E.ec,pb:()=>E.pb});var y=x(93379),v=x.n(y),w=x(7795),O=x.n(w),j=x(90569),C=x.n(j),P=x(3565),S=x.n(P),k=x(19216),T=x.n(k),N=x(44589),I=x.n(N),E=x(89965),Z={};Z.styleTagTransform=I(),Z.setAttributes=S(),Z.insert=C().bind(null,"head"),Z.domAPI=O(),Z.insertStyleElement=T();v()(E.ZP,Z),E.ZP&&E.ZP.locals&&E.ZP.locals},85108:r=>{"use strict";r.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIGZpbGw9IiNGRkZGRkYiPjxnPjxwYXRoIGQ9Ik0wLDBoMjR2MjRIMFYweiIgZmlsbD0ibm9uZSIvPjwvZz48Zz48cG9seWdvbiBwb2ludHM9IjYuMjMsMjAuMjMgOCwyMiAxOCwxMiA4LDIgNi4yMywzLjc3IDE0LjQ2LDEyIi8+PC9nPjwvc3ZnPg=="},88291:(r,m,x)=>{"use strict";function _objectDestructuringEmpty(r){if(null==r)throw new TypeError("Cannot destructure "+r)}x.d(m,{Z:()=>_objectDestructuringEmpty})}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 6944.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6944,4551,7853],{66014:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(84658),a=t(88291),o=t(50747),r=t.n(o),s=t(63762),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),S=t.n(f),m=t(19216),h=t.n(m),v=t(44589),w=t.n(v),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=S(),k.insert=b().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=h();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var I=t(47514);const T=(0,d.Pi)((function Inputbox(n){(0,a.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,a;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(a=t.current)||void 0===a||a.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var o=e.settingsState.inputBoxItem.text;o.includes(":")&&(o=o.slice(0,o.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:y.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:o}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},46944:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(63762),a=t(87363),o=t(93379),r=t.n(o),s=t(7795),l=t.n(s),d=t(90569),u=t.n(d),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),b=t(44589),f=t.n(b),S=t(89583),m={};m.styleTagTransform=f(),m.setAttributes=p(),m.insert=u().bind(null,"head"),m.domAPI=l(),m.insertStyleElement=g();r()(S.ZP,m);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=t(97853),v=t(46567),w=t(9420),y=t(66014),k=t(47514),I={"--settingsBackgroundColor":"#f4f4f4","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,w.Pi)((function Classification(n){var e=(0,i.NP)();return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,k.jsx)(v.default,{className:S.x6,tabSearchClass:S.jp}),(0,k.jsx)(h.default,{className:S.vt}),e.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{})]})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),a=(t(87363),t(63762)),o=t(82956),r=t(65515),s=t.n(r),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,a.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(o.AH,t?o.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(o.EN,t?o.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:o.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},84551:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),a=t(9420),o=t(87363),r=t(63762),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),S=t(44589),m=t.n(S),h=t(76640),v={};v.styleTagTransform=m(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(65515),y=t.n(w),k=t(47514);const I=(0,a.Pi)((function NavForwardButton(n){var e=(0,r.NP)(),t=(0,o.useState)(!1),a=(0,i.Z)(t,2),s=a[0],l=a[1];return(0,o.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,k.jsx)("div",{className:y()(h.YS,s&&h.oP,e.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,k.jsx)("div",{className:h.qv})})}))},50393:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),a=t(9420),o=t(87363),r=t(37707),s=t(63762),l=t(82956),d=t(38188),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(84551),S=t(65515),m=t.n(S),h=t(47514);const v=(0,a.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,o.useState)(null),t=(0,p.Z)(e,2),i=t[0],a=t[1],r=(0,o.useState)([]),s=(0,p.Z)(r,2),l=s[0],d=s[1];(0,o.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(g().mark((function _callee(){var n,e,t,a,o,r=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=r.length>0&&void 0!==r[0]?r[0]:50,e=r.length>1&&void 0!==r[1]?r[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,a=i.getTranslate(),o=a-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(o),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(a-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*o),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[l[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[l[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(e),a=t.setSwiperRef,x=t.allSwipes,S=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,h.jsx)(r.tq,{onSlideChange:S,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:m()("swiper-wrapper",l.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],a=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,h.jsx)(r.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(d.default,{},n),(0,h.jsx)(f.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,h.jsx)(u.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var i=t(80248),a=t(72874),o=(t(87363),t(63762)),r=t(80509),s=t(38188),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(50393),x=t(51451),g=t(40283),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const S=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,a.Z)(n,f),S=(0,o.NP)(),m=S.getIsInMobileView()&&S.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:m?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!S.uiState.isInMobileView&&!S.settingsState.forceSettingsHeaderInScrollContainer&&!S.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(r.default,{},null!==(e=null===(t=S.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==S.tabGroupState.curTabGroupType?d.s1:void 0,S.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:h}),!S.uiState.isInMobileView&&h]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},89583:(n,e,t)=>{t.d(e,{ZP:()=>f,jp:()=>b,vt:()=>g,x6:()=>x,xn:()=>p});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(68812),t.b),u=r()(a()),c=l()(d);u.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--CY5B_ {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n}\n\n.index-module--CY5B_ *,\n.index-module--CY5B_ *::before,\n.index-module--CY5B_ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--kV7Ww {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.index-module--hY0OM {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n\n.index-module--L16Ky {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.index-module--L16Ky input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.index-module--L16Ky input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.index-module--L16Ky div {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 75%;\n  width: 16px;\n  height: 16px;\n  transition: all 0.15s ease;\n  margin: 0px 3px;\n  border-radius: var(--globalBorderRadius);\n  cursor: pointer;\n}\n\n.index-module--L16Ky div:hover {\n  background-size: 100%;\n}\n",""]);var p="index-module--CY5B_",x="index-module--kV7Ww",g="index-module--hY0OM",b="index-module--L16Ky";const f=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="},68812:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZWVlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6944,4551,7853],{66014:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(84658),a=t(88291),o=t(50747),r=t.n(o),s=t(63762),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),S=t.n(f),m=t(19216),h=t.n(m),v=t(44589),w=t.n(v),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=S(),k.insert=b().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=h();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var I=t(47514);const T=(0,d.Pi)((function Inputbox(n){(0,a.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,a;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(a=t.current)||void 0===a||a.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var o=e.settingsState.inputBoxItem.text;o.includes(":")&&(o=o.slice(0,o.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:y.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:o}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},46944:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(63762),a=t(87363),o=t(93379),r=t.n(o),s=t(7795),l=t.n(s),d=t(90569),u=t.n(d),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),b=t(44589),f=t.n(b),S=t(89583),m={};m.styleTagTransform=f(),m.setAttributes=p(),m.insert=u().bind(null,"head"),m.domAPI=l(),m.insertStyleElement=g();r()(S.ZP,m);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=t(97853),v=t(46567),w=t(9420),y=t(66014),k=t(47514),I={"--settingsBackgroundColor":"#f4f4f4","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,w.Pi)((function Classification(n){var e=(0,i.NP)();return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,k.jsx)(v.default,{className:S.x6,tabSearchClass:S.jp}),(0,k.jsx)(h.default,{className:S.vt}),e.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{})]})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),a=(t(87363),t(63762)),o=t(82956),r=t(65515),s=t.n(r),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,a.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(o.AH,t?o.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(o.EN,t?o.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:o.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},84551:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),a=t(9420),o=t(87363),r=t(63762),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),S=t(44589),m=t.n(S),h=t(76640),v={};v.styleTagTransform=m(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(65515),y=t.n(w),k=t(47514);const I=(0,a.Pi)((function NavForwardButton(n){var e=(0,r.NP)(),t=(0,o.useState)(!1),a=(0,i.Z)(t,2),s=a[0],l=a[1];return(0,o.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,k.jsx)("div",{className:y()(h.YS,s&&h.oP,e.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,k.jsx)("div",{className:h.qv})})}))},50393:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),a=t(9420),o=t(87363),r=t(37707),s=t(63762),l=t(82956),d=t(38188),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(84551),S=t(65515),m=t.n(S),h=t(47514);const v=(0,a.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,o.useState)(null),t=(0,p.Z)(e,2),i=t[0],a=t[1],r=(0,o.useState)([]),s=(0,p.Z)(r,2),l=s[0],d=s[1];(0,o.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(g().mark((function _callee(){var n,e,t,a,o,r=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=r.length>0&&void 0!==r[0]?r[0]:50,e=r.length>1&&void 0!==r[1]?r[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,a=i.getTranslate(),o=a-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(o),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(a-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*o),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[l[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[l[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(e),a=t.setSwiperRef,x=t.allSwipes,S=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,h.jsx)(r.tq,{onSlideChange:S,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:m()("swiper-wrapper",l.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],a=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,h.jsx)(r.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(d.default,{},n),(0,h.jsx)(f.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,h.jsx)(u.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var i=t(80248),a=t(72874),o=(t(87363),t(63762)),r=t(80509),s=t(38188),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(50393),x=t(51451),g=t(40283),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const S=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,a.Z)(n,f),S=(0,o.NP)(),m=S.getIsInMobileView()&&S.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:m?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!S.uiState.isInMobileView&&!S.settingsState.forceSettingsHeaderInScrollContainer&&!S.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(r.default,{},null!==(e=null===(t=S.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==S.tabGroupState.curTabGroupType?d.s1:void 0,S.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:h}),!S.uiState.isInMobileView&&h]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--nrbS_ {\n  width: 90%;\n  padding: 12px 20px;\n  margin: 8px 0;\n  display: inline-block;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  float: left;\n}\n\n.index-module--lGJqa {\n  letter-spacing: 0.5px;\n  -webkit-text-stroke: 0.1px;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  z-index: 999;\n  width: 40em;\n  max-width: 70%;\n  max-height: 90%;\n  background-color: white;\n  padding: 1em 2em 0.5em 2em;\n  border-radius: 15px;\n  border: 1px solid #cbcbcb;\n  font-size: 14.4px;\n  color: #363636;\n  display: flex;\n  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n  font-size: 16px;\n  -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n  padding: 0;\n  margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n  width: calc(100% - 65px);\n  float: left;\n  padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n  height: 40px;\n  width: 55px;\n  display: block;\n  background-repeat: no-repeat;\n  background-position: center;\n  float: left;\n  clear: both;\n  margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n  border-radius: 20px;\n  position: absolute;\n  font-size: 22pt;\n  font-family: sans-serif;\n  font-weight: 50;\n  top: -20px;\n  right: -20px;\n  width: 40px;\n  height: 40px;\n  background-color: #fff;\n  color: #666;\n  border: 2px solid #666;\n  text-align: center;\n  padding-top: 0px;\n  content: 'X';\n}\n\n.index-module--OZydS:hover {\n  background-color: #aaa;\n  color: #000;\n  border: 2px solid #000;\n}\n.index-module--FQDBA {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  color: #ffffff;\n  height: 41px;\n  width: 8%;\n  margin: 8px 0 7px;\n  float: right;\n  border-radius: var(--globalBorderRadius);\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-image: url("+c+");\n  background-size: 16px;\n  transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},89583:(n,e,t)=>{t.d(e,{ZP:()=>f,jp:()=>b,vt:()=>g,x6:()=>x,xn:()=>p});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(68812),t.b),u=r()(a()),c=l()(d);u.push([n.id,"body {\n  margin: 0;\n  overscroll-behavior-x: none;\n}\n\n.index-module--CY5B_ {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  -webkit-font-smoothing: antialiased;\n  -webkit-touch-callout: none; /* iOS Safari */\n  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently*/\n\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--CY5B_ *,\n.index-module--CY5B_ *::before,\n.index-module--CY5B_ *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--kV7Ww {\n  border-radius: 8px 0 0 8px;\n  overflow: hidden;\n  width: 350px;\n  position: relative;\n}\n\n.index-module--hY0OM {\n  width: calc(100% - 350px);\n  position: relative;\n  border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n::-webkit-scrollbar-track {\n  background: #dfdfdf;\n  border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n  background: #b1b1b1;\n  border-radius: 3px;\n}\n\n.index-module--L16Ky {\n  background-color: #0d3040;\n  padding: 12px 16px;\n  position: relative;\n  display: flex;\n}\n\n.index-module--L16Ky input {\n  outline: medium none invert !important;\n  outline: initial !important;\n}\n\n.index-module--L16Ky input {\n  color: #fff;\n  width: 100%;\n  background-color: #0d3040;\n  font-size: 14px;\n  border: 0px solid;\n}\n\n.index-module--L16Ky div {\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: 75%;\n  width: 16px;\n  height: 16px;\n  transition: all 0.15s ease;\n  margin: 0px 3px;\n  border-radius: var(--globalBorderRadius);\n  cursor: pointer;\n}\n\n.index-module--L16Ky div:hover {\n  background-size: 100%;\n}\n",""]);var p="index-module--CY5B_",x="index-module--kV7Ww",g="index-module--hY0OM",b="index-module--L16Ky";const f=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--OH1rD {\n  position: absolute;\n  transform: translateZ(0);\n  bottom: 12px;\n  right: 12px;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--diva-theme-palette-primary-main);\n  border-radius: 50%;\n  cursor: pointer;\n  z-index: 12000;\n  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n  opacity: 0;\n  transition:\n    opacity 1.5s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n  scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n  scale: 0.9;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n  width: 20px;\n  height: 20px;\n  background-image: url("+c+");\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center;\n}\n\n.index-module--BWnyQ {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n  opacity: 0;\n  transition:\n    opacity 0s ease,\n    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n    scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n  bottom: 16px;\n  right: 16px;\n  width: 52px;\n  height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n  width: 26px;\n  height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="},68812:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZWVlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 7000.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7e3,6340,3836,6135,1280,1051],{43836:(n,e,o)=>{o.r(e),o.d(e,{default:()=>k});var t=o(65515),i=o.n(t),r=o(9420),d=(o(87363),o(93379)),a=o.n(d),l=o(7795),s=o.n(l),c=o(90569),u=o.n(c),x=o(3565),f=o.n(x),m=o(19216),p=o.n(m),v=o(44589),h=o.n(v),g=o(81906),b={};b.styleTagTransform=h(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=p();a()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=o(88683),j=o(63762),y=o(56340),P=o(47514);const k=(0,r.Pi)((function PriceSumm(n){var e,o,t=(0,j.NP)(),r=(0,w.useDivaCore)().state.hidePrices,d=(0,w.useTranslation)().t;return(0,P.jsxs)("div",{className:i()(g.rh,t.getIsInMobileView()?g.tq:void 0),children:[(0,P.jsx)("div",{children:d("configurator.Sum","Summe")}),(0,P.jsx)("div",{className:g.wZ,children:!r&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:i()(g.nt,t.productState.formatedBruttoPrice?g.kg:void 0),children:(0,P.jsx)(y.default,{price:null!==(e=t.productState.formatedCurSetPrice)&&void 0!==e?e:0})}),(0,P.jsxs)("div",{className:i()(g.nt,g.F0,t.productState.formatedBruttoPrice?void 0:g.al),children:[" ",(0,P.jsx)(y.default,{price:null!==(o=t.productState.formatedBruttoPrice)&&void 0!==o?o:0})]})]})})]})}))},47e3:(n,e,o)=>{o.r(e),o.d(e,{default:()=>O});var t=o(80248),i=o(9420),r=o(63762),d=(o(87363),o(41280)),a=o(93379),l=o.n(a),s=o(7795),c=o.n(s),u=o(90569),x=o.n(u),f=o(3565),m=o.n(f),p=o(19216),v=o.n(p),h=o(44589),g=o.n(h),b=o(65923),w={};w.styleTagTransform=g(),w.setAttributes=m(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=o(43836),y=o(65515),P=o.n(y),k=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const O=(0,i.Pi)((function ActionNavigationRalph(n){var e=(0,r.NP)();return(0,k.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[!e.getIsInMobileView()&&(0,k.jsx)(j.default,{}),(0,k.jsx)(d.default,{className:P()(e.getIsInMobileView()?b.$5:void 0,b.nC),showBackButtonText:!0,forthOverwrite:b.ky,backOverwrite:b.g9})]}))}))},41280:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(80248),i=o(72874),r=o(65515),d=o.n(r),a=o(63762),l=o(9420),s=(o(87363),o(88683)),c=o(40976),u=o(39667),x=o(19047),f=o(47514),m=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const p=(0,l.Pi)((function ActionNavigation(n){var e,o=n.className,t=n.showBackButtonText,r=n.backOverwrite,l=n.forthOverwrite,p=n.showNextButtonIcon,v=n.showCheckoutButtons,h=(0,i.Z)(n,m),g=(0,a.NP)(),b=(0,s.useTranslation)().t;return(0,f.jsx)("div",_objectSpread(_objectSpread({},h),{},{className:d()(o,c.jl,g.actionButtonState.isOnFirstStep?c.FN:void 0,g.actionButtonState.isOnFirstStepDisabled?c.$t:void 0,g.actionButtonState.isOnLastStep?c.Is:void 0,"vertical"==g.tabGroupState.curTabGroupType?c.KR:void 0,g.uiState.isMobilePortrait?c.tW:void 0,g.uiState.isMobileLandscape?c.Qv:void 0),children:(0,f.jsxs)("div",{className:c.nC,children:[(0,f.jsxs)("div",{className:d()(c.LI,c.op,r),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",g.actionButtonState.onClickConfiguratorSettingsBack()},children:[!t&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&b("configurator.Back")]}),v&&(null===(e=g.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,x.evalVisible)(n,g,"navigator")})).map((function(n){return(0,f.jsx)("div",{className:c.rK,onClick:function onClick(){return(0,x.onClickCheckout)(n,g,n.index,b)},children:(0,f.jsx)(u.default,{checkoutButton:n,size:40})},n.index)}))),(0,f.jsxs)("div",{className:d()(c.LI,c.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",g.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[b("configurator.Next"),p&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))}))},56340:(n,e,o)=>{o.r(e),o.d(e,{default:()=>c});var t=o(34988),i=o(88683),r=o(87363),d=o(7501),a=o(63762),l=o(9420),s=o(47514);const c=(0,l.Pi)((function PriceCounter(n){var e,o,l=n.price,c=n.formattingFn,u=n.duration,x=void 0===u?.5:u,f=(0,r.useState)(0),m=(0,t.Z)(f,2),p=m[0],v=m[1],h=(0,r.useState)(0),g=(0,t.Z)(h,2),b=g[0],w=g[1],j=(0,a.NP)();return(0,r.useEffect)((function(){v(l)}),[l]),(0,s.jsx)(d.ZP,{end:p,duration:x,decimals:null!==(e=null===(o=p.toString().split(".")[1])||void 0===o?void 0:o.length)&&void 0!==e?e:0,start:b,formattingFn:function formattingFn(n){return c?c(n):i.DivaUtils.formatPrice(n,j.productState.getPriceFormatForCounter(p))},onEnd:function onEnd(){w(p)}})}))},81906:(n,e,o)=>{o.d(e,{F0:()=>x,ZP:()=>m,al:()=>f,kg:()=>u,nt:()=>c,rh:()=>a,tq:()=>l,wZ:()=>s});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,".index-module--aaqir {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.index-module--KdwEi.index-module--aaqir {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.index-module--ckj80 {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--IKzzi {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.index-module--KdwEi .index-module--IKzzi {\n  font-size: 15px;\n}\n\n.index-module--Y17sU {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q {\n  color: #bfbfbf;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.index-module--IKzzi.index-module--Xsp7Q.index-module--rNvqj {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--KdwEi .index-module--IKzzi.index-module--Xsp7Q:before {\n  top: 45%;\n}\n",""]);var a="index-module--aaqir",l="index-module--KdwEi",s="index-module--ckj80",c="index-module--IKzzi",u="index-module--Y17sU",x="index-module--Xsp7Q",f="index-module--rNvqj";const m=d},65923:(n,e,o)=>{o.d(e,{$5:()=>c,ZP:()=>u,g9:()=>l,ky:()=>s,nC:()=>a});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,".index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n  cursor: pointer;\n  width: 50%;\n  flex-grow: 1;\n}\n\n.index-module--G6P2w {\n  height: 100%;\n}\n",""]);var a="index-module--FPhE6",l="index-module--JMki1",s="index-module--ufp_O",c="index-module--G6P2w";const u=d},28717:(n,e,o)=>{o.d(e,{$t:()=>m,FN:()=>v,Is:()=>p,KR:()=>s,LI:()=>c,Qv:()=>h,ZP:()=>b,jl:()=>a,nC:()=>l,op:()=>x,ox:()=>f,rK:()=>u,tW:()=>g});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",c="index-module--NUblS",u="index-module--mfwxp",x="index-module--vWg5_",f="index-module--IneQR",m="index-module--n4fFc",p="index-module--YJM3e",v="index-module--X2uG9",h="index-module--CVPGS",g="index-module--KE5Qn";const b=d},40976:(n,e,o)=>{o.d(e,{$t:()=>p.$t,FN:()=>p.FN,Is:()=>p.Is,KR:()=>p.KR,LI:()=>p.LI,Qv:()=>p.Qv,jl:()=>p.jl,nC:()=>p.nC,op:()=>p.op,ox:()=>p.ox,rK:()=>p.rK,tW:()=>p.tW});var t=o(93379),i=o.n(t),r=o(7795),d=o.n(r),a=o(90569),l=o.n(a),s=o(3565),c=o.n(s),u=o(19216),x=o.n(u),f=o(44589),m=o.n(f),p=o(28717),v={};v.styleTagTransform=m(),v.setAttributes=c(),v.insert=l().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();i()(p.ZP,v),p.ZP&&p.ZP.locals&&p.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[7e3,6340,3836,6135,1280,1051],{43836:(n,e,o)=>{o.r(e),o.d(e,{default:()=>k});var t=o(65515),i=o.n(t),r=o(9420),d=(o(87363),o(93379)),a=o.n(d),l=o(7795),s=o.n(l),c=o(90569),u=o.n(c),x=o(3565),f=o.n(x),m=o(19216),p=o.n(m),v=o(44589),h=o.n(v),g=o(81906),b={};b.styleTagTransform=h(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=p();a()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=o(88683),j=o(63762),y=o(56340),P=o(47514);const k=(0,r.Pi)((function PriceSumm(n){var e,o,t=(0,j.NP)(),r=(0,w.useDivaCore)().state.hidePrices,d=(0,w.useTranslation)().t;return(0,P.jsxs)("div",{className:i()(g.rh,t.getIsInMobileView()?g.tq:void 0),children:[(0,P.jsx)("div",{children:d("configurator.Sum","Summe")}),(0,P.jsx)("div",{className:g.wZ,children:!r&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:i()(g.nt,t.productState.formatedBruttoPrice?g.kg:void 0),children:(0,P.jsx)(y.default,{price:null!==(e=t.productState.formatedCurSetPrice)&&void 0!==e?e:0})}),(0,P.jsxs)("div",{className:i()(g.nt,g.F0,t.productState.formatedBruttoPrice?void 0:g.al),children:[" ",(0,P.jsx)(y.default,{price:null!==(o=t.productState.formatedBruttoPrice)&&void 0!==o?o:0})]})]})})]})}))},47e3:(n,e,o)=>{o.r(e),o.d(e,{default:()=>O});var t=o(80248),i=o(9420),r=o(63762),d=(o(87363),o(41280)),a=o(93379),l=o.n(a),s=o(7795),c=o.n(s),u=o(90569),x=o.n(u),f=o(3565),m=o.n(f),p=o(19216),v=o.n(p),h=o(44589),g=o.n(h),b=o(65923),w={};w.styleTagTransform=g(),w.setAttributes=m(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=o(43836),y=o(65515),P=o.n(y),k=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const O=(0,i.Pi)((function ActionNavigationRalph(n){var e=(0,r.NP)();return(0,k.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[!e.getIsInMobileView()&&(0,k.jsx)(j.default,{}),(0,k.jsx)(d.default,{className:P()(e.getIsInMobileView()?b.$5:void 0,b.nC),showBackButtonText:!0,forthOverwrite:b.ky,backOverwrite:b.g9})]}))}))},41280:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(80248),i=o(72874),r=o(65515),d=o.n(r),a=o(63762),l=o(9420),s=(o(87363),o(88683)),c=o(40976),u=o(39667),x=o(19047),f=o(47514),m=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const p=(0,l.Pi)((function ActionNavigation(n){var e,o=n.className,t=n.showBackButtonText,r=n.backOverwrite,l=n.forthOverwrite,p=n.showNextButtonIcon,v=n.showCheckoutButtons,h=(0,i.Z)(n,m),g=(0,a.NP)(),b=(0,s.useTranslation)().t;return(0,f.jsx)("div",_objectSpread(_objectSpread({},h),{},{className:d()(o,c.jl,g.actionButtonState.isOnFirstStep?c.FN:void 0,g.actionButtonState.isOnFirstStepDisabled?c.$t:void 0,g.actionButtonState.isOnLastStep?c.Is:void 0,"vertical"==g.tabGroupState.curTabGroupType?c.KR:void 0,g.uiState.isMobilePortrait?c.tW:void 0,g.uiState.isMobileLandscape?c.Qv:void 0),children:(0,f.jsxs)("div",{className:c.nC,children:[(0,f.jsxs)("div",{className:d()(c.LI,c.op,r),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",g.actionButtonState.onClickConfiguratorSettingsBack()},children:[!t&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&b("configurator.Back")]}),v&&(null===(e=g.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,x.evalVisible)(n,g,"navigator")})).map((function(n){return(0,f.jsx)("div",{className:c.rK,onClick:function onClick(){return(0,x.onClickCheckout)(n,g,n.index,b)},children:(0,f.jsx)(u.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:40})},n.index)}))),(0,f.jsxs)("div",{className:d()(c.LI,c.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",g.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[b("configurator.Next"),p&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))}))},56340:(n,e,o)=>{o.r(e),o.d(e,{default:()=>c});var t=o(34988),i=o(88683),r=o(87363),d=o(7501),a=o(63762),l=o(9420),s=o(47514);const c=(0,l.Pi)((function PriceCounter(n){var e,o,l=n.price,c=n.formattingFn,u=n.duration,x=void 0===u?.5:u,f=(0,r.useState)(0),m=(0,t.Z)(f,2),p=m[0],v=m[1],h=(0,r.useState)(0),g=(0,t.Z)(h,2),b=g[0],w=g[1],j=(0,a.NP)();return(0,r.useEffect)((function(){v(l)}),[l]),(0,s.jsx)(d.ZP,{end:p,duration:x,decimals:null!==(e=null===(o=p.toString().split(".")[1])||void 0===o?void 0:o.length)&&void 0!==e?e:0,start:b,formattingFn:function formattingFn(n){return c?c(n):i.DivaUtils.formatPrice(n,j.productState.getPriceFormatForCounter(p))},onEnd:function onEnd(){w(p)}})}))},81906:(n,e,o)=>{o.d(e,{F0:()=>x,ZP:()=>m,al:()=>f,kg:()=>u,nt:()=>c,rh:()=>a,tq:()=>l,wZ:()=>s});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,".index-module--aaqir {\n  height: 40px;\n  line-height: 30px;\n  display: flex;\n  justify-content: space-between;\n  font-weight: 700;\n  font-size: 16px;\n  flex-grow: 1;\n}\n\n.index-module--KdwEi.index-module--aaqir {\n  line-height: 38px;\n  font-size: 18px;\n  justify-content: flex-end;\n  flex-wrap: nowrap;\n  gap: 12px;\n}\n\n.index-module--ckj80 {\n  display: flex;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n}\n\n.index-module--IKzzi {\n  position: relative;\n  color: #262626;\n  text-wrap: nowrap;\n}\n\n.index-module--KdwEi .index-module--IKzzi {\n  font-size: 15px;\n}\n\n.index-module--Y17sU {\n  color: #b1223f;\n  margin-right: 12px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q {\n  color: #bfbfbf;\n  opacity: 1;\n  transition:\n    opacity 0.3s ease-in-out,\n    max-width 0.3s ease-in-out;\n  max-width: 110px;\n}\n.index-module--IKzzi.index-module--Xsp7Q.index-module--rNvqj {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q:before {\n  position: absolute;\n  content: '';\n  left: 0;\n  top: 42%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: #b1223f;\n  transform: rotate(-7deg);\n}\n\n.index-module--KdwEi .index-module--IKzzi.index-module--Xsp7Q:before {\n  top: 45%;\n}\n",""]);var a="index-module--aaqir",l="index-module--KdwEi",s="index-module--ckj80",c="index-module--IKzzi",u="index-module--Y17sU",x="index-module--Xsp7Q",f="index-module--rNvqj";const m=d},65923:(n,e,o)=>{o.d(e,{$5:()=>c,ZP:()=>u,g9:()=>l,ky:()=>s,nC:()=>a});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,".index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n  border: 1px #262626 solid !important;\n  background-color: var(--thirdColor) !important;\n  color: #262626 !important;\n  font-weight: 700 !important;\n}\n\n.index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n  cursor: pointer;\n  width: 50%;\n  flex-grow: 1;\n}\n\n.index-module--G6P2w {\n  height: 100%;\n}\n",""]);var a="index-module--FPhE6",l="index-module--JMki1",s="index-module--ufp_O",c="index-module--G6P2w";const u=d},28717:(n,e,o)=>{o.d(e,{$t:()=>m,FN:()=>v,Is:()=>p,KR:()=>s,LI:()=>c,Qv:()=>h,ZP:()=>b,jl:()=>a,nC:()=>l,op:()=>x,ox:()=>f,rK:()=>u,tW:()=>g});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n  transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n  height: 100%;\n  font-weight: 300;\n  font-size: 14px;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  width: 100%;\n  display: flex;\n  gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n  line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n  border-radius: var(--globalBorderRadius);\n  height: 100%;\n  text-align: center;\n}\n\n.index-module--mfwxp {\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--vWg5_ {\n  border: 1px var(--secondaryColor) solid;\n  border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n  background-color: white;\n  color: var(--secondaryColor);\n  color: var(--navigateBack, var(--secondaryColor));\n  float: left;\n  width: calc(var(--configuratorActionBackWidth));\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--IneQR {\n  border: 1px var(--secondaryColor) solid;\n  background-color: var(--secondaryColor);\n  background-color: var(--navigateForth, var(--secondaryColor));\n  color: #ffffff;\n  color: var(--navigateForthFontColor, #ffffff);\n  float: right;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n  cursor: pointer;\n  box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n  transform: rotate(180deg);\n  position: absolute;\n  right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n  pointer-events: none;\n  background-color: #707070;\n  background-color: var(--navigateForth, #707070);\n  border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n  width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n  display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n  width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n  line-height: calc(var(--configuratorActionHeight) - 5px);\n  border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",c="index-module--NUblS",u="index-module--mfwxp",x="index-module--vWg5_",f="index-module--IneQR",m="index-module--n4fFc",p="index-module--YJM3e",v="index-module--X2uG9",h="index-module--CVPGS",g="index-module--KE5Qn";const b=d},40976:(n,e,o)=>{o.d(e,{$t:()=>p.$t,FN:()=>p.FN,Is:()=>p.Is,KR:()=>p.KR,LI:()=>p.LI,Qv:()=>p.Qv,jl:()=>p.jl,nC:()=>p.nC,op:()=>p.op,ox:()=>p.ox,rK:()=>p.rK,tW:()=>p.tW});var t=o(93379),i=o.n(t),r=o(7795),d=o.n(r),a=o(90569),l=o.n(a),s=o(3565),c=o.n(s),u=o(19216),x=o.n(u),f=o(44589),m=o.n(f),p=o(28717),v={};v.styleTagTransform=m(),v.setAttributes=c(),v.insert=l().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();i()(p.ZP,v),p.ZP&&p.ZP.locals&&p.ZP.locals}}]);

package/build/umd/7297.diva-web-planner-react.umd.min.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /! For license information please see 7297.diva-web-planner-react.umd.min.js.LICENSE.txt /
2	+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact\|\|[]).push([[7297],{47297:(n,e,i)=>{i.r(e),i.d(e,{default:()=>S});i(87363);var a=i(9420),t=i(63762),o=i(65515),d=i.n(o),l=i(93379),r=i.n(l),s=i(7795),c=i.n(s),u=i(90569),x=i.n(u),p=i(3565),b=i.n(p),m=i(19216),g=i.n(m),f=i(44589),h=i.n(f),k=i(91642),v={};v.styleTagTransform=h(),v.setAttributes=b(),v.insert=x().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=g();r()(k.ZP,v);k.ZP&&k.ZP.locals&&k.ZP.locals;var y=i(47514);const S=(0,a.Pi)((function StyleIndicator(){var n,e=(0,t.NP)(),i=e.aiState,a=e.configuratorStructureHandler.getConfigStepByKey("STYLE_CONSULTANT"),o=i.aiStyleKeyInitializedByEvent?null===(n=i.enrichedAiRoomRenderings)\|\|void 0===n?void 0:n.find((function(n){return n.key===i.aiSelectedStyleKey})):void 0;return o&&a?(0,y.jsxs)("li",{className:d()(k.H3,e.getIsInMobileView()&&!e.uiState.isTablet?k.ai:void 0),onClick:function onClick(){return e.navigateToConfigStep(a.configStep.key)},children:[(0,y.jsx)("div",{className:k.vz,children:(0,y.jsx)("img",{src:o.image,alt:o.name})}),(!e.getIsInMobileView()\|\|e.uiState.isTablet)&&(0,y.jsx)("span",{className:k.ZS,children:o.name})]}):(0,y.jsx)(y.Fragment,{})}))},91642:(n,e,i)=>{i.d(e,{H3:()=>l,ZP:()=>u,ZS:()=>c,ai:()=>r,vz:()=>s});var a=i(8081),t=i.n(a),o=i(23645),d=i.n(o)()(t());d.push([n.id,".index-module--L4Wxb {\n border-radius: 100px !important;\n}\n\n.index-module--L4Wxb {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 4px 12px 4px 4px;\n background: rgba(255, 255, 255, 0.85);\n box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\n -webkit-backdrop-filter: blur(6px);\n backdrop-filter: blur(6px);\n list-style: none;\n cursor: default;\n animation: index-module--HaA1b 0.5s ease-out;\n}\n\n.index-module--aGBXl {\n padding: 0;\n background: none;\n box-shadow: none;\n -webkit-backdrop-filter: none;\n backdrop-filter: none;\n}\n\n.index-module--_kJVt {\n width: 28px;\n height: 28px;\n border-radius: 50%;\n overflow: hidden;\n flex-shrink: 0;\n border: 1px solid rgba(0, 0, 0, 0.06);\n}\n\n.index-module--aGBXl .index-module--_kJVt {\n width: 32px;\n height: 32px;\n}\n\n.index-module--_kJVt img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n\n.index-module--qGOOk {\n font-size: 12px;\n font-weight: 300;\n color: var(--globalColor);\n white-space: nowrap;\n}\n\n@keyframes index-module--HaA1b {\n 0% {\n opacity: 0;\n transform: scale(0.85);\n }\n 60% {\n transform: scale(1.05);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n",""]);var l="index-module--L4Wxb",r="index-module--aGBXl",s="index-module--_kJVt",c="index-module--qGOOk";const u=d}}]);

package/build/umd/7297.diva-web-planner-react.umd.min.js.LICENSE.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ /! filename:7297 /