@crystaldesign/diva-web-planner-react 26.3.0-beta.4 → 26.3.0-beta.41

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

@@ -0,0 +1,2 @@
+/*! For license information please see 9783.diva-web-planner-react.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9783,8648,7295],{87223:(e,n,t)=>{t.d(n,{M:()=>useAgGrid});var r=t(80248),o=t(38946),a=t(87363);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var i=Promise.all([Promise.all([t.e(2793),t.e(8508)]).then(t.bind(t,78508)),t.e(2793).then(t.bind(t,12793))]).then((function(e){var n=(0,o.Z)(e,2),t=n[0],r=n[1];return r.ModuleRegistry.registerModules([r.AllCommunityModule]),{AgGridReact:t.AgGridReact,themeQuartz:r.themeQuartz,colorSchemeDarkBlue:r.colorSchemeDarkBlue}})).catch((function(){return null})),l={AgGridReact:null,themeQuartz:void 0,colorSchemeDarkBlue:void 0,loaded:!1};function useAgGrid(){var e=(0,a.useState)(l),n=(0,o.Z)(e,2),t=n[0],r=n[1];return(0,a.useEffect)((function(){i.then((function(e){e&&r(_objectSpread(_objectSpread({},e),{},{loaded:!0}))}))}),[]),t}},88648:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var r=t(38946),o=t(63762),a=t(87363),i=t(58590),l=t(93379),d=t.n(l),c=t(7795),s=t.n(c),u=t(90569),m=t.n(u),p=t(3565),f=t.n(p),b=t(19216),v=t.n(b),h=t(44589),x=t.n(h),g=t(73751),y={};y.styleTagTransform=x(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=v();d()(g.Z,y);g.Z&&g.Z.locals&&g.Z.locals;var k=t(9420),_=t(47514);const j=(0,k.Pi)((function ArticleSelector(e){var n=(0,r.Z)(e.articleState,2),t=n[0],l=n[1],d=e.rerender,c=e.articles,s=e.filter,u=(0,o.NP)(),m=(0,a.useMemo)((function(){var e;return Object.values(null!==(e=u.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==e?e:{})}),[u,d]),p=null!=c?c:s?m.filter(s):m,f=p.map((function(e){return{value:e.basketId,label:e.name+" "+e.posNr}}));return 0===f.length?null:(0,_.jsx)(i.ZP,{value:f.find((function(e){return e.value===(null==t?void 0:t.basketId)})),options:f,onChange:function onChange(e){l(p.find((function(n){return n.basketId==e.value})))},className:g.Y,classNamePrefix:"article-select"})}))},99783:(e,n,t)=>{t.r(n),t.d(n,{default:()=>G});var r=t(80248),o=t(84658),a=t(38946),i=t(61965),l=t(50747),d=t.n(l),c=t(87363),s=t.n(c),u=t(65515),m=t.n(u),p=t(9420),f=t(63762),b=t(87223),v=t(88648),h=t(93379),x=t.n(h),g=t(7795),y=t.n(g),k=t(90569),_=t.n(k),j=t(3565),w=t.n(j),S=t(19216),P=t.n(S),N=t(44589),O=t.n(N),D=t(72171),A={};A.styleTagTransform=O(),A.setAttributes=w(),A.insert=_().bind(null,"head"),A.domAPI=y(),A.insertStyleElement=P();x()(D.ZP,A);D.ZP&&D.ZP.locals&&D.ZP.locals;var R=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var C=0;function nextId(){return"pl-".concat(++C)}function flattenPartlistArticles(e,n,t){for(var r=[],o=0,a=Object.values(e);o<a.length;o++){var l,d,c=a[o];r.push({_id:nextId(),depth:t,loaded:!0,articleCodex:c.articleCodex,itemRefTypeNo:c.articleCodex,partlistGroup:"-",decisionNo:String(null!==(l=c.partlistDecisionNo)&&void 0!==l?l:"-"),quantity:null!==(d=c.quantity)&&void 0!==d?d:"-",reason:"Loaded (partlist child)",rowNotLoaded:!1,article:c}),c.partlistArticles&&Object.keys(c.partlistArticles).length>0&&r.push.apply(r,(0,i.Z)(flattenPartlistArticles(c.partlistArticles,n,t+1)))}return r}function flattenPartlistEntries(e,n,t,r){for(var o=[],a=function _loop(){var a,d,c,s,u=e[l],m=u.basketId?t[u.basketId]:void 0,p=!m&&u.loaded&&null!=n&&n.partlistArticles?Object.values(n.partlistArticles).find((function(e){return e.articleCodex===u.articleCodex})):void 0,f=null!=m?m:p,b=u.loaded&&(null==f?void 0:f.partlistArticles)&&Object.keys(f.partlistArticles).length>0;o.push({_id:nextId(),depth:r,loaded:u.loaded,articleCodex:u.articleCodex,itemRefTypeNo:null!==(a=u.itemRefTypeNo)&&void 0!==a?a:"",partlistGroup:null!==(d=u.partlistGroup)&&void 0!==d?d:"-",decisionNo:String(null!==(c=u.decisionNo)&&void 0!==c?c:"-"),quantity:null!==(s=u.quantity)&&void 0!==s?s:"-",reason:u.reason,rowNotLoaded:!u.loaded,article:u.loaded?f:void 0}),b&&f&&o.push.apply(o,(0,i.Z)(flattenPartlistArticles(f.partlistArticles,t,r+1)))},l=0;l<e.length;l++)a();return o}const G=(0,p.Pi)((function PartlistDebug(e){var n,t=(0,f.NP)(),r=(0,b.M)(),l=t.settingsState.configChanged,u=t.tabGroupState.curConfigStep,p="undefined"!=typeof document&&document.body.classList.contains("darkmode"),h=(0,c.useMemo)((function(){return r.themeQuartz?p&&r.colorSchemeDarkBlue?r.themeQuartz.withPart(r.colorSchemeDarkBlue):r.themeQuartz:void 0}),[p,r.themeQuartz,r.colorSchemeDarkBlue]),x=(0,c.useMemo)((function(){var e=t.divaWebPlanner.getDivaArticles();return e?Object.values(e).filter((function(e){return e.hasPartlistArticle})):[]}),[l,u]),g=s().useState(!1),y=(0,a.Z)(g,2),k=y[0],_=y[1],j=s().useState(void 0),w=(0,a.Z)(j,2),S=w[0],P=w[1],N=s().useState(0),O=(0,a.Z)(N,2),A=O[0],G=O[1],Z=(0,c.useRef)(null);(0,c.useEffect)((function(){var e=function(){var e=(0,o.Z)(d().mark((function _callee(){return d().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,new Promise((function(e){return setTimeout(e,1e3)}));case 2:_((function(e){return!e}));case 3:case"end":return e.stop()}}),_callee)})));return function asyncFunct(){return e.apply(this,arguments)}}();e()}),[t.tabGroupState.allTabGroups]),(0,c.useEffect)((function(){var e=t.divaWebPlanner.actSet();return e&&!e.logDecisions&&(e.logDecisions=!0),function(){var e=t.divaWebPlanner.actSet();e&&(e.logDecisions=!1)}}),[t.uiState.isLoading]),(0,c.useEffect)((function(){var e=t.divaWebPlanner.actSet();null!=S&&S.hasPartlistArticle&&null!=e&&e.logDecisions&&(S.engine.evalPartlist(S.VariantValues),G((function(e){return e+1})))}),[S,l,u,t.uiState.isLoading]);var E=(0,c.useMemo)((function(){var e,n=null!==(e=null==S?void 0:S.partlistDebugEntries)&&void 0!==e?e:[];return(0,i.Z)(n).sort((function(e,n){var t,r,o,a;if(e.loaded!==n.loaded)return e.loaded?-1:1;var i=null!==(t=e.sequenceNo)&&void 0!==t?t:0,l=null!==(r=n.sequenceNo)&&void 0!==r?r:0;return i!==l?i-l:(null!==(o=e.itemRefTypeNo)&&void 0!==o?o:"").localeCompare(null!==(a=n.itemRefTypeNo)&&void 0!==a?a:"")}))}),[null==S?void 0:S.partlistDebugEntries,null==S?void 0:S.basketId,l,u,A]),I=null!==(n=t.divaWebPlanner.getDivaArticles(void 0,!0))&&void 0!==n?n:{},T=(0,c.useMemo)((function(){return C=0,S?flattenPartlistEntries(E,S,I,0):[]}),[E,S,I]),z=(0,c.useMemo)((function(){return[{field:"loaded",headerName:"Loaded",flex:0,width:70,cellRenderer:function cellRenderer(e){return e.data?(0,R.jsx)("span",{className:e.data.loaded?D.Pn:D.Lb,children:e.data.loaded?"y":"n"}):null}},{field:"articleCodex",headerName:"ArticleCodex",flex:1,minWidth:100,valueGetter:function valueGetter(e){var n,t,r,o;return"│ ".repeat(null!==(n=null===(t=e.data)||void 0===t?void 0:t.depth)&&void 0!==n?n:0)+(null!==(r=null===(o=e.data)||void 0===o?void 0:o.articleCodex)&&void 0!==r?r:"")},cellStyle:function cellStyle(e){var n,t;return{paddingLeft:8+12*(null!==(n=null===(t=e.data)||void 0===t?void 0:t.depth)&&void 0!==n?n:0)}}},{field:"itemRefTypeNo",headerName:"ItemRefTypeNo",flex:1,minWidth:100},{field:"partlistGroup",headerName:"PartlistGroup",flex:0,width:100},{field:"decisionNo",headerName:"DecisionNo",flex:0,width:90},{field:"quantity",headerName:"Quantity",flex:0,width:80},{field:"reason",headerName:"Reason",flex:1,minWidth:120}]}),[]);return(0,c.useEffect)((function(){var e=setTimeout((function(){var e;return null===(e=Z.current)||void 0===e||null===(e=e.api)||void 0===e?void 0:e.redrawRows()}),0);return function(){return clearTimeout(e)}}),[null==S?void 0:S.basketId]),0===x.length?(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)("p",{style:{padding:16},children:"No articles with partlist in this set."})]})):r.loaded&&r.AgGridReact?S?E.length?(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)(v.default,{articleState:[S,P],rerender:k,filter:function filter(e){return e.hasPartlistArticle}}),(0,R.jsx)("p",{className:D.Wy,children:"Partlist entries for the selected article. Nested partlist children are shown with indentation."}),(0,R.jsx)("div",{className:D.Uj,children:(0,R.jsx)(r.AgGridReact,{ref:Z,rowData:T,columnDefs:z,theme:h,getRowId:function getRowId(e){var n,t;return null!==(n=null===(t=e.data)||void 0===t?void 0:t._id)&&void 0!==n?n:""},getRowClass:function getRowClass(e){var n;if(e.data){var t=[];return e.data.rowNotLoaded&&t.push(D.IG),(null===(n=e.data.article)||void 0===n?void 0:n.basketId)===(null==S?void 0:S.basketId)&&t.push(D.Yp),t.join(" ")||void 0}},onRowClicked:function onRowClicked(e){var n;null!==(n=e.data)&&void 0!==n&&n.article&&P(e.data.article)},suppressCellFocus:!0,suppressRowClickSelection:!0,domLayout:"normal"})})]})):(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)(v.default,{articleState:[S,P],rerender:k,filter:function filter(e){return e.hasPartlistArticle}}),(0,R.jsx)("p",{style:{padding:16},children:"No partlist positions in catalog for this article. Change config to refresh."})]})):(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)(v.default,{articleState:[S,P],rerender:k,filter:function filter(e){return e.hasPartlistArticle}})]})):(0,R.jsxs)("div",_objectSpread(_objectSpread({},e),{},{className:m()(e.className,D.fm),style:{zIndex:800},children:[(0,R.jsx)("a",{className:D.Fs,children:"Stückliste Debug"}),(0,R.jsx)("p",{className:D.Wy,children:"Tables require ag-grid (not loaded in this environment)."})]}))}))},73751:(e,n,t)=>{t.d(n,{Y:()=>l,Z:()=>d});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a)()(o());i.push([e.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 l="index-module--_Tl9c";const d=i},72171:(e,n,t)=>{t.d(n,{Fs:()=>u,IG:()=>m,Lb:()=>f,Pn:()=>p,Uj:()=>c,Wy:()=>d,Yp:()=>s,ZP:()=>b,fm:()=>l});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a)()(o());i.push([e.id,".index-module--C_djA {\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--Eqg2j {\n  margin: 8px 0 12px;\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.4;\n}\n\n.index-module--lYFZV {\n  width: 100%;\n  min-height: 150px;\n  height: calc(100% - 90px);\n  margin-top: 16px;\n}\n\n.index-module--D3ARk {\n  background-color: #dcfce7 !important;\n}\n\n.index-module--D3ARk:hover {\n  background-color: #bbf7d0 !important;\n}\n\n.index-module--PPbsy {\n  padding: 8px 16px;\n  margin: 0 0 12px 0;\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: 8px;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--_vh8d {\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--_vh8d 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--_vh8d th,\n.index-module--_vh8d td {\n  padding: 10px 14px;\n  text-align: left;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.index-module--_vh8d tbody tr:hover {\n  background: #f7fafc;\n}\n\n.index-module--_vh8d tbody tr.index-module--GcsdO {\n  background: #e8eae8;\n}\n\n.index-module--_vh8d tbody tr.index-module--GcsdO:hover {\n  background: #e0e2e0;\n}\n\n.index-module--JtzWs {\n  text-align: left;\n}\n\n.index-module--Jw9E7 {\n  color: #38a169;\n  font-weight: 500;\n}\n\n.index-module--_KSSx {\n  color: #e53e3e;\n}\n\n.index-module--oTE2v {\n  padding: 0;\n  vertical-align: top;\n  border-bottom: 1px solid #e2e8f0;\n}\n\n.index-module--C3nRC {\n  margin: 8px 0 8px 24px;\n  width: calc(100% - 24px);\n}\n\n/* Dark mode compatibility */\n.darkmode .index-module--Eqg2j,\nbody.darkmode .index-module--Eqg2j {\n  color: #94a3b8;\n}\n\n.darkmode .index-module--Jw9E7,\nbody.darkmode .index-module--Jw9E7 {\n  color: #68d391;\n}\n\n.darkmode .index-module--_KSSx,\nbody.darkmode .index-module--_KSSx {\n  color: #fc8181;\n}\n\n.darkmode .index-module--GcsdO,\nbody.darkmode .index-module--GcsdO {\n  background-color: rgba(51, 65, 85, 0.5) !important;\n}\n\n.darkmode .index-module--GcsdO:hover,\nbody.darkmode .index-module--GcsdO:hover {\n  background-color: rgba(71, 85, 105, 0.6) !important;\n}\n\n.darkmode .index-module--D3ARk,\nbody.darkmode .index-module--D3ARk {\n  background-color: rgba(34, 197, 94, 0.25) !important;\n}\n\n.darkmode .index-module--D3ARk:hover,\nbody.darkmode .index-module--D3ARk:hover {\n  background-color: rgba(34, 197, 94, 0.35) !important;\n}\n",""]);var l="index-module--C_djA",d="index-module--Eqg2j",c="index-module--lYFZV",s="index-module--D3ARk",u="index-module--PPbsy",m="index-module--GcsdO",p="index-module--Jw9E7",f="index-module--_KSSx";const b=i}}]);

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

@@ -0,0 +1 @@
+/*! filename:9783 */

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9788.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9788,6340,6135,1051],{69788:(n,e,o)=>{o.r(e),o.d(e,{default:()=>M});var i=o(8135),t=o(9420),d=(o(87363),o(93379)),r=o.n(d),a=o(7795),l=o.n(a),u=o(90569),c=o.n(u),s=o(3565),x=o.n(s),m=o(19216),g=o.n(m),v=o(44589),p=o.n(v),b=o(38921),f={};f.styleTagTransform=p(),f.setAttributes=x(),f.insert=c().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();r()(b.ZP,f);b.ZP&&b.ZP.locals&&b.ZP.locals;var h=o(65515),I=o.n(h),j=o(88683),y=o(19047),N=o(39667),C=o(40976),k=o(56340),w=o(47514);const M=(0,t.Pi)((function BasketActionStandard(n){var e,o,t,d=n.buttonTextClassName,r=void 0===d?b.UU:d,a=n.buttonPriceClassName,l=void 0===a?b.QD:a,u=n.containerClassName,c=n.price,s=n.showCheckoutButtons,x=(0,i.NP)(),m=(0,j.useDivaCore)().state.hidePrices,g=(0,j.useTranslation)().t;return(0,w.jsxs)("div",{className:I()(b.tM,u),children:[s&&(null===(e=x.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,y.evalVisible)(n,x,"navigator")})).map((function(n){return(0,w.jsx)("div",{className:C.rK,onClick:function onClick(){return(0,y.onClickCheckout)(n,x,n.index,g)},children:(0,w.jsx)(N.default,{checkoutButton:n,size:32})},n.index)}))),(0,w.jsxs)("div",{className:b.m2,onClick:function onClick(){return x.actionButtonState.onClickAddToBasket(x)},id:"wcConfigurator-action-tobasket",children:[(0,w.jsx)("div",{className:r,children:g("configurator.ADD_TO_BASKET")}),!m&&void 0!==c&&"horizontal"==x.tabGroupState.curTabGroupType&&(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)("div",{className:I()(b.DC,b.F0,x.productState.formatedBruttoPrice?void 0:b.al),children:(0,w.jsx)(k.default,{price:null!==(o=x.productState.formatedBruttoPrice)&&void 0!==o?o:0})}),(0,w.jsx)("div",{className:l,children:(0,w.jsx)(k.default,{price:null!==(t=x.productState.formatedCurSetPrice)&&void 0!==t?t:0})})]})]})]})}))},56340:(n,e,o)=>{o.r(e),o.d(e,{default:()=>c});var i=o(34988),t=o(88683),d=o(87363),r=o(7501),a=o(8135),l=o(9420),u=o(47514);const c=(0,l.Pi)((function PriceCounter(n){var e,o,l=n.price,c=n.formattingFn,s=n.duration,x=void 0===s?.5:s,m=(0,d.useState)(0),g=(0,i.Z)(m,2),v=g[0],p=g[1],b=(0,d.useState)(0),f=(0,i.Z)(b,2),h=f[0],I=f[1],j=(0,a.NP)();return(0,d.useEffect)((function(){p(l)}),[l]),(0,u.jsx)(r.ZP,{end:v,duration:x,decimals:null!==(e=null===(o=v.toString().split(".")[1])||void 0===o?void 0:o.length)&&void 0!==e?e:0,start:h,formattingFn:function formattingFn(n){return c?c(n):t.DivaUtils.formatPrice(n,j.productState.getPriceFormatForCounter(v))},onEnd:function onEnd(){I(v)}})}))},38921:(n,e,o)=>{o.d(e,{DC:()=>p,F0:()=>b,QD:()=>g,UU:()=>v,ZP:()=>h,al:()=>f,m2:()=>m,tM:()=>x});var i=o(8081),t=o.n(i),d=o(23645),r=o.n(d),a=o(61667),l=o.n(a),u=new URL(o(2431),o.b),c=r()(t()),s=l()(u);c.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: 20.8px;\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.index-module--Odv_c {\n  float: right;\n  position: relative;\n  margin-right: 20px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  min-width: 64px;\n  text-align: right;\n  font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n  color: #eee;\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--Odv_c.index-module--mG83s.index-module--H3WLd {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n  position: absolute;\n  content: '';\n  left: -6px;\n  top: 44%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: grey;\n  transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n  top: 45%;\n}\n",""]);var x="index-module--NTXww",m="index-module--g_4ro",g="index-module--gle4T",v="index-module--CSmEc",p="index-module--Odv_c",b="index-module--mG83s",f="index-module--H3WLd";const h=c},28717:(n,e,o)=>{o.d(e,{$t:()=>g,FN:()=>p,Is:()=>v,KR:()=>u,LI:()=>c,Qv:()=>b,ZP:()=>h,jl:()=>a,nC:()=>l,op:()=>x,ox:()=>m,rK:()=>s,tW:()=>f});var i=o(8081),t=o.n(i),d=o(23645),r=o.n(d)()(t());r.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",u="index-module--j2X1m",c="index-module--NUblS",s="index-module--mfwxp",x="index-module--vWg5_",m="index-module--IneQR",g="index-module--n4fFc",v="index-module--YJM3e",p="index-module--X2uG9",b="index-module--CVPGS",f="index-module--KE5Qn";const h=r},40976:(n,e,o)=>{o.d(e,{$t:()=>v.$t,FN:()=>v.FN,Is:()=>v.Is,KR:()=>v.KR,LI:()=>v.LI,Qv:()=>v.Qv,jl:()=>v.jl,nC:()=>v.nC,op:()=>v.op,ox:()=>v.ox,rK:()=>v.rK,tW:()=>v.tW});var i=o(93379),t=o.n(i),d=o(7795),r=o.n(d),a=o(90569),l=o.n(a),u=o(3565),c=o.n(u),s=o(19216),x=o.n(s),m=o(44589),g=o.n(m),v=o(28717),p={};p.styleTagTransform=g(),p.setAttributes=c(),p.insert=l().bind(null,"head"),p.domAPI=r(),p.insertStyleElement=x();t()(v.ZP,p),v.ZP&&v.ZP.locals&&v.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9788,6340,6135,1051],{69788:(n,e,o)=>{o.r(e),o.d(e,{default:()=>M});var t=o(80248),i=o(63762),r=o(9420),d=(o(87363),o(93379)),a=o.n(d),l=o(7795),u=o.n(l),c=o(90569),s=o.n(c),m=o(3565),x=o.n(m),g=o(19216),p=o.n(g),v=o(44589),b=o.n(v),f=o(38921),h={};h.styleTagTransform=b(),h.setAttributes=x(),h.insert=s().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=p();a()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=o(65515),j=o.n(y),I=o(88683),k=o(19047),w=o(39667),C=o(40976),N=o(56340),S=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 M=(0,r.Pi)((function BasketActionStandard(n){var e,o,t,r,d=n.buttonTextClassName,a=void 0===d?f.UU:d,l=n.buttonPriceClassName,u=void 0===l?f.QD:l,c=n.containerClassName,s=n.price,m=n.showCheckoutButtons,x=(0,i.NP)(),g=(0,I.useDivaCore)().state.hidePrices,p=(0,I.useTranslation)().t,v=null===(e=x.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type}));return(0,S.jsxs)("div",{className:j()(f.tM,c),children:[m&&(null===(o=x.uiState.checkoutConfig)||void 0===o?void 0:o.buttons.filter((function(n){return(0,k.evalVisible)(n,x,"navigator")})).map((function(n){return(0,S.jsx)("div",{className:C.rK,onClick:function onClick(){return(0,k.onClickCheckout)(n,x,n.index,p)},children:(0,S.jsx)(w.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:32})},n.index)}))),(0,S.jsxs)("div",{className:f.m2,onClick:function onClick(){v?(0,k.onClickCheckout)(v,x,v.index,p):x.actionButtonState.onClickAddToBasket(x)},id:"wcConfigurator-action-tobasket",children:[v?(0,S.jsx)(w.default,{checkoutButton:_objectSpread({isPrimary:!0},v),size:40}):(0,S.jsx)("div",{className:a,children:p("configurator.ADD_TO_BASKET")}),!g&&void 0!==s&&"horizontal"==x.tabGroupState.curTabGroupType&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("div",{className:j()(f.DC,f.F0,x.productState.formatedBruttoPrice?void 0:f.al),children:(0,S.jsx)(N.default,{price:null!==(t=x.productState.formatedBruttoPrice)&&void 0!==t?t:0})}),(0,S.jsx)("div",{className:u,children:(0,S.jsx)(N.default,{price:null!==(r=x.productState.formatedCurSetPrice)&&void 0!==r?r:0})})]})]})]})}))},56340:(n,e,o)=>{o.r(e),o.d(e,{default:()=>c});var t=o(38946),i=o(88683),r=o(87363),d=o(7501),a=o(63762),l=o(9420),u=o(47514);const c=(0,l.Pi)((function PriceCounter(n){var e,o,l=n.price,c=n.formattingFn,s=n.duration,m=void 0===s?.5:s,x=(0,r.useState)(0),g=(0,t.Z)(x,2),p=g[0],v=g[1],b=(0,r.useState)(0),f=(0,t.Z)(b,2),h=f[0],y=f[1],j=(0,a.NP)();return(0,r.useEffect)((function(){v(l)}),[l]),(0,u.jsx)(d.ZP,{end:p,duration:m,decimals:null!==(e=null===(o=p.toString().split(".")[1])||void 0===o?void 0:o.length)&&void 0!==e?e:0,start:h,formattingFn:function formattingFn(n){return c?c(n):i.DivaUtils.formatPrice(n,j.productState.getPriceFormatForCounter(p))},onEnd:function onEnd(){y(p)}})}))},38921:(n,e,o)=>{o.d(e,{DC:()=>v,F0:()=>b,QD:()=>g,UU:()=>p,ZP:()=>h,al:()=>f,m2:()=>x,tM:()=>m});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r),a=o(61667),l=o.n(a),u=new URL(o(2431),o.b),c=d()(i()),s=l()(u);c.push([n.id,".index-module--NTXww {\n  background: rgba(242.2, 242.2, 242.2, 0.9);\n  transition: width 0.2s ease-in-out;\n  display: flex;\n}\n\n.index-module--g_4ro {\n  background-color: var(--primaryColor);\n  background-color: var(--saveButton, var(--primaryColor));\n  border: 1px var(--primaryColor) solid;\n  border: 1px var(--saveButton, var(--primaryColor)) solid;\n  border-radius: var(--globalBorderRadius);\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  line-height: 20.8px;\n  font-weight: var(--fontWeight1);\n  height: calc(100% - 2px);\n  font-size: 14px;\n  color: white;\n  flex-grow: 1;\n  -webkit-text-stroke: 0px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n  pointer-events: none;\n  background-color: #c25353;\n  border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n  background-color: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n  cursor: pointer;\n  transition:\n    box-shadow 0.3s ease,\n    background-color 0.3s ease,\n    border-color 0.3s ease;\n\n  box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n  float: right;\n  margin-right: 10%;\n}\n.index-module--li8pV {\n  background-image: url("+s+");\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  width: 50%;\n  height: 50%;\n  transform: translate(-50%, -50%);\n  left: 50%;\n  top: 50%;\n  position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n  /*auser In die Zusammenfassung wird ausgeblendet*/\n  display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n  display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n  line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n  margin-top: 0px;\n}\n\n.index-module--CSmEc {\n  float: left;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.index-module--Odv_c {\n  float: right;\n  position: relative;\n  margin-right: 20px;\n  font-size: 14px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0px;\n  line-height: 36.8px;\n  min-width: 64px;\n  text-align: right;\n  font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n  color: #eee;\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--Odv_c.index-module--mG83s.index-module--H3WLd {\n  opacity: 0;\n  max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n  position: absolute;\n  content: '';\n  left: -6px;\n  top: 44%;\n  right: 0;\n  border-top: 2px solid;\n  border-color: grey;\n  transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n  top: 45%;\n}\n",""]);var m="index-module--NTXww",x="index-module--g_4ro",g="index-module--gle4T",p="index-module--CSmEc",v="index-module--Odv_c",b="index-module--mG83s",f="index-module--H3WLd";const h=c},28717:(n,e,o)=>{o.d(e,{$t:()=>g,FN:()=>v,Is:()=>p,KR:()=>u,LI:()=>c,Qv:()=>b,ZP:()=>h,jl:()=>a,nC:()=>l,op:()=>m,ox:()=>x,rK:()=>s,tW:()=>f});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",u="index-module--j2X1m",c="index-module--NUblS",s="index-module--mfwxp",m="index-module--vWg5_",x="index-module--IneQR",g="index-module--n4fFc",p="index-module--YJM3e",v="index-module--X2uG9",b="index-module--CVPGS",f="index-module--KE5Qn";const h=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),u=o(3565),c=o.n(u),s=o(19216),m=o.n(s),x=o(44589),g=o.n(x),p=o(28717),v={};v.styleTagTransform=g(),v.setAttributes=c(),v.insert=l().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=m();i()(p.ZP,v),p.ZP&&p.ZP.locals&&p.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 9871.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9871],{69871:(n,e,i)=>{i.r(e),i.d(e,{default:()=>I});var a=i(34988),t=i(87363),o=i(88683),r=i(93379),s=i.n(r),l=i(7795),d=i.n(l),u=i(90569),c=i.n(u),m=i(3565),x=i.n(m),p=i(19216),g=i.n(p),h=i(44589),v=i.n(h),b=i(88195),f={};f.styleTagTransform=v(),f.setAttributes=x(),f.insert=c().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=g();s()(b.ZP,f);b.ZP&&b.ZP.locals&&b.ZP.locals;var w=i(22182),C=i(47514);const I=function ArViewer(n){var e,i,r,s,l=n.url,d=n.qrCodeUrl,u=n.cameraArButton,c=n.viewerClassName,m=n.arViewerSettings,x=n.isCurrentlyVisible,p="",g=(0,o.useDivaCore)(),h=g.actions,v=g.state,f=v.isFirefox,I=v.isMobile,N=(0,o.useTranslation)().t,y=(0,t.useState)(0),k=(0,a.Z)(y,2),P=k[0],S=k[1],Z=(0,t.useState)(!I),z=(0,a.Z)(Z,2),A=z[0],D=z[1];return(0,t.useEffect)((function(){h.loadModelViewer()}),[]),u&&(p+="scene-viewer quick-look"),(0,C.jsxs)(C.Fragment,{children:[A&&!1!==x&&d&&(0,C.jsxs)("div",{className:b.GY,children:[(0,C.jsx)(w.ZP,{value:d,className:b.Vf}),(0,C.jsx)("div",{className:b.ze,children:N("pdp.ar.qrtext")}),(0,C.jsx)("div",{className:b.zJ,id:"arThumbnailImg",onClick:function onClick(){return D(!1)}})]}),(0,C.jsx)("model-viewer",{src:l,alt:"A AR Model of a Chair","environment-image":"default"===(null==m?void 0:m[P].environmentImage)?void 0:"neutral",shadowIntensity:null!==(e=null==m?void 0:m[P].shadowIntensity)&&void 0!==e?e:1,shadowSoftness:null!==(i=null==m?void 0:m[P].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(r=null==m?void 0:m[P].exposure)&&void 0!==r?r:1,useEnvironmentasSkybox:null!==(s=null==m?void 0:m[P].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":f?"":p,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:c}),m&&(0,C.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(n){return function onArViewerSettingsChanged(n){S(parseInt(n.target.value))}(n)},children:m.map((function(n,e){return(0,C.jsx)("option",{value:e,children:n.name},e)}))})]})}},88195:(n,e,i)=>{i.d(e,{GY:()=>m,Vf:()=>x,ZP:()=>h,zJ:()=>p,ze:()=>g});var a=i(8081),t=i.n(a),o=i(23645),r=i.n(o),s=i(61667),l=i.n(s),d=new URL(i(90140),i.b),u=r()(t()),c=l()(d);u.push([n.id,".index-module--PD1WN {\n  position: absolute;\n  bottom: 10px;\n  right: 0px;\n  left: 0px;\n  margin-left: auto;\n  margin-right: auto;\n  width: 361px;\n  height: 90px;\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n  border-radius: 0.3rem;\n  padding-left: 5px;\n  padding-right: 5px;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--AWoJQ {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--sIl1Z {\n  position: absolute;\n  cursor: pointer;\n  top: 7px;\n  right: 7px;\n  width: 12px;\n  height: 12px;\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  z-index: 1;\n}\n\n.index-module--NiigZ {\n  width: 250px;\n  height: 80px;\n  word-wrap: break-word;\n  font-family: var(--diva-typography-font-family);\n}\n",""]);var m="index-module--PD1WN",x="index-module--AWoJQ",p="index-module--sIl1Z",g="index-module--NiigZ";const h=u},90140:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9871],{69871:(n,e,i)=>{i.r(e),i.d(e,{default:()=>I});var a=i(38946),t=i(87363),o=i(88683),r=i(93379),s=i.n(r),l=i(7795),d=i.n(l),u=i(90569),c=i.n(u),m=i(3565),x=i.n(m),p=i(19216),g=i.n(p),h=i(44589),v=i.n(h),b=i(88195),f={};f.styleTagTransform=v(),f.setAttributes=x(),f.insert=c().bind(null,"head"),f.domAPI=d(),f.insertStyleElement=g();s()(b.ZP,f);b.ZP&&b.ZP.locals&&b.ZP.locals;var w=i(22182),C=i(47514);const I=function ArViewer(n){var e,i,r,s,l=n.url,d=n.qrCodeUrl,u=n.cameraArButton,c=n.viewerClassName,m=n.arViewerSettings,x=n.isCurrentlyVisible,p="",g=(0,o.useDivaCore)(),h=g.actions,v=g.state,f=v.isFirefox,I=v.isMobile,N=(0,o.useTranslation)().t,y=(0,t.useState)(0),k=(0,a.Z)(y,2),P=k[0],S=k[1],Z=(0,t.useState)(!I),z=(0,a.Z)(Z,2),A=z[0],D=z[1];return(0,t.useEffect)((function(){h.loadModelViewer()}),[]),u&&(p+="scene-viewer quick-look"),(0,C.jsxs)(C.Fragment,{children:[A&&!1!==x&&d&&(0,C.jsxs)("div",{className:b.GY,children:[(0,C.jsx)(w.ZP,{value:d,className:b.Vf}),(0,C.jsx)("div",{className:b.ze,children:N("pdp.ar.qrtext")}),(0,C.jsx)("div",{className:b.zJ,id:"arThumbnailImg",onClick:function onClick(){return D(!1)}})]}),(0,C.jsx)("model-viewer",{src:l,alt:"A AR Model of a Chair","environment-image":"default"===(null==m?void 0:m[P].environmentImage)?void 0:"neutral",shadowIntensity:null!==(e=null==m?void 0:m[P].shadowIntensity)&&void 0!==e?e:1,shadowSoftness:null!==(i=null==m?void 0:m[P].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(r=null==m?void 0:m[P].exposure)&&void 0!==r?r:1,useEnvironmentasSkybox:null!==(s=null==m?void 0:m[P].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":f?"":p,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:c}),m&&(0,C.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(n){return function onArViewerSettingsChanged(n){S(parseInt(n.target.value))}(n)},children:m.map((function(n,e){return(0,C.jsx)("option",{value:e,children:n.name},e)}))})]})}},88195:(n,e,i)=>{i.d(e,{GY:()=>m,Vf:()=>x,ZP:()=>h,zJ:()=>p,ze:()=>g});var a=i(8081),t=i.n(a),o=i(23645),r=i.n(o),s=i(61667),l=i.n(s),d=new URL(i(90140),i.b),u=r()(t()),c=l()(d);u.push([n.id,".index-module--PD1WN {\n  position: absolute;\n  bottom: 10px;\n  right: 0px;\n  left: 0px;\n  margin-left: auto;\n  margin-right: auto;\n  width: 361px;\n  height: 90px;\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n  border-radius: 0.3rem;\n  padding-left: 5px;\n  padding-right: 5px;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--AWoJQ {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--sIl1Z {\n  position: absolute;\n  cursor: pointer;\n  top: 7px;\n  right: 7px;\n  width: 12px;\n  height: 12px;\n  background-image: url("+c+");\n  background-repeat: no-repeat;\n  z-index: 1;\n}\n\n.index-module--NiigZ {\n  width: 250px;\n  height: 80px;\n  word-wrap: break-word;\n  font-family: var(--diva-typography-font-family);\n}\n",""]);var m="index-module--PD1WN",x="index-module--AWoJQ",p="index-module--sIl1Z",g="index-module--NiigZ";const h=u},90140:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);