@crystaldesign/diva-web-planner-react 26.2.0-rc.0 → 26.2.0-rc.10

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

@@ -0,0 +1,2 @@
+/*! For license information please see 8002.diva-web-planner-react.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8002],{8002:(t,r,i)=>{i.d(r,{Q:()=>Ve});var o=i(87363),a=i(47514);function processContentItemLinks(t,r){return t.includes("<")?{type:"html",content:processHtmlContent(t,r)}:{type:"react",content:processPlainTextContent(t,r)}}function processHtmlContent(t,r){return t.replace(/@\[(id|codex):([\w-]+)\](?:\((.*?)\))?/g,(function(t,r,i,o){var a=o||i;return'<a class="content-item-link" data-content-item-'.concat(r,'="').concat(i,'">').concat(a,"</a>")}))}function processPlainTextContent(t,r){for(var i,o=/@\[(id|codex):([\w-]+)\](?:\((.*?)\))?/g,l=[],d=0,c=function _loop(){i.index>d&&l.push(t.substring(d,i.index));var c=i[1],u=i[2],p=i[3]||u;l.push((0,a.jsx)("a",{className:"content-item-link","data-content-item-id":"id"===c?u:void 0,"data-content-item-codex":"codex"===c?u:void 0,onClick:function onClick(t){t.preventDefault(),r({id:"id"===c?u:void 0,codex:"codex"===c?u:void 0})},children:p},i.index)),d=o.lastIndex};null!==(i=o.exec(t));)c();return d<t.length&&l.push(t.substring(d)),l}var l=i(80248),d=i(93379),c=i.n(d),u=i(7795),p=i.n(u),m=i(90569),x=i.n(m),g=i(3565),v=i.n(g),h=i(19216),b=i.n(h),y=i(44589),w=i.n(y),j=i(3842),k={};k.styleTagTransform=w(),k.setAttributes=v(),k.insert=x().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=b();c()(j.Z,k);j.Z&&j.Z.locals&&j.Z.locals;const I=function URL(t){var r=t.item,i=r.url,o=(r.icon,r.text);return i?(0,a.jsx)("a",{className:j.f,href:i,target:"_blank",rel:"noopener",children:null!=o?o:"URL"}):(0,a.jsx)(a.Fragment,{})};var C=i(74787),S={};S.styleTagTransform=w(),S.setAttributes=v(),S.insert=x().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=b();c()(C.ZP,S);C.ZP&&C.ZP.locals&&C.ZP.locals;var M=i(88683),O=i(65515),N=i.n(O);function ownKeys(t,r){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),i.push.apply(i,o)}return i}function _objectSpread(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(i),!0).forEach((function(r){(0,l.Z)(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ownKeys(Object(i)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(i,r))}))}return t}var L=function Image(t){var r=t.item,i=r.image,o=r.cover,l=r.style,d=r.altText,c=r.thumb,u=r.inGallery,p=r.disableFullscreen,m=t.inFullscreen,x={},g=(0,M.useDivaCore)().actions.openFullscreen;if(!i)return(0,a.jsx)(a.Fragment,{});var v=new URL(i),h=!c&&d,b=!(u||m||p||c);o?(x.objectFit="cover",x.minWidth="100%",x.minHeight=h&&u?"calc(100% - 48px)":"100%"):(x.maxWidth="100%",x.maxHeight=h&&u?"calc(100% - 48px)":"100%");var y=(0,a.jsx)("img",{alt:d,style:_objectSpread(_objectSpread({},x),l),src:v.toString()});return b&&(y=(0,a.jsxs)("div",{className:C.tT,style:x,children:[(0,a.jsx)("div",{className:C.yg,onClick:function openFullscreenClick(){g({absoluteFullscreen:!0,overwrittenZIndex:3e6,content:(0,a.jsx)("div",{id:"diva-content-item",className:N()(C.S2,"in-gallery-in-fullscreen"),children:(0,a.jsx)(L,{item:{image:i,cover:o,style:l,altText:d,thumb:c,type:"Image"},inFullscreen:!0})})})}}),y]})),h?(0,a.jsxs)("div",{className:C.kW,style:u?{height:"100%"}:void 0,children:[y,(0,a.jsx)("div",{className:C.fL,children:d})]}):y};const z=L;var T=i(34988),D=i(91306),P={};P.styleTagTransform=w(),P.setAttributes=v(),P.insert=x().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=b();c()(D.ZP,P);D.ZP&&D.ZP.locals&&D.ZP.locals;const A=function Video(t){var r=t.item,i=r.video,l=r.thumb,d=r.loop,c=(0,o.useState)(!1),u=(0,T.Z)(c,2),p=u[0],m=u[1];if(!i)return(0,a.jsx)(a.Fragment,{});if(i.includes("youtube.com")||i.includes("youtu.be")){if(l)return(0,a.jsx)("div",{className:D.E0});var x=new URL(i);return x.searchParams.set("autoplay","1"),x.searchParams.set("modestbranding","1"),x.searchParams.set("rel","0"),x.searchParams.set("controls","1"),x.searchParams.set("amp",""),(0,a.jsx)("iframe",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},src:x.toString(),referrerPolicy:"strict-origin-when-cross-origin",allow:"autoplay; gyroscope; picture-in-picture"},i)}return(0,a.jsx)("video",{className:D.$s,"aria-disabled":l,disablePictureInPicture:l,controls:!l&&p,playsInline:!0,autoPlay:!l,loop:!l&&d,onClick:function onClick(){return m(!0)},onTouchStart:function onTouchStart(){return m(!0)},onMouseEnter:function onMouseEnter(){return m(!0)},onMouseLeave:function onMouseLeave(){return m(!1)},children:(0,a.jsx)("source",{src:i+(l?"#t=2":""),type:i.includes(".mp4")?"video/mp4":"video/webm"})},i)};var Z=i(75048),_={};_.styleTagTransform=w(),_.setAttributes=v(),_.insert=x().bind(null,"head"),_.domAPI=p(),_.insertStyleElement=b();c()(Z.Z,_);Z.Z&&Z.Z.locals&&Z.Z.locals;var E=i(12952),H=i(84658),R=i(50747),Q=i.n(R),G=i(47714),V=function useContentItemConfiguration(t){var r=t.onContentItemLoaded,i=t.currentContentItem,a=(0,M.useDivaCore)().state,l=a.apiConfig,d=a.jwt,c=(0,M.useTranslation)().i18n,u=null!=i?i:{},p=u.id,m=u.codex,x=u.configuration,g=(0,o.useState)(null!=x?x:{content:[]}),v=(0,T.Z)(g,2),h=v[0],b=v[1],y=(0,o.useDeferredValue)(h),w=(0,o.useTransition)(),j=(0,T.Z)(w,2),k=j[0],I=j[1],C=(0,o.useState)(!0),S=(0,T.Z)(C,2),O=S[0],N=S[1],L=(0,o.useState)(null),z=(0,T.Z)(L,2),D=z[0],P=z[1];return(0,o.useEffect)((function(){(p||m)&&(N(!0),P(null),function getContentItem(t,r,i,o){return _getContentItem.apply(this,arguments)}(l.catalogService,d,null!=p?p:m,c.language).then((function(t){I((function(){if(b(t),Array.isArray(t.content)){var i=t.content.filter((function(t){return"Title"===t.type&&t.text})).map((function(t){return t.text}));null==r||r(i[0])}}))})).catch((function(t){P(t)})).finally((function(){N(!1)})))}),[p,m]),(0,o.useEffect)((function(){x&&(I((function(){if(b(x),Array.isArray(x.content)){var t=x.content.filter((function(t){return"Title"===t.type&&t.text})).map((function(t){return t.text}));null==r||r(t[0])}})),P(null),N(!1))}),[x]),{configuration:y,loading:O||k,error:D}};function _getContentItem(){return(_getContentItem=(0,H.Z)(Q().mark((function _callee(t,r,i,o){var a,l,d,c;return Q().wrap((function _callee$(u){for(;;)switch(u.prev=u.next){case 0:return a=t+"/contentItems/"+i+"?language="+o,u.prev=1,u.next=4,G.Z.get(a,{headers:{Authorization:"Bearer "+r}});case 4:if(l=u.sent,d=l.data,200===l.status){u.next=8;break}throw new M.DivaError(d.error||"Failed to get content item");case 8:return u.abrupt("return",d);case 11:if(u.prev=11,u.t0=u.catch(1),!G.Z.isAxiosError(u.t0)){u.next=15;break}throw new M.DivaError((null===(c=u.t0.response)||void 0===c||null===(c=c.data)||void 0===c?void 0:c.error)||"Could not get content item",{cause:u.t0});case 15:throw new M.DivaError("Could not get content item",{cause:u.t0});case 16:case"end":return u.stop()}}),_callee,null,[[1,11]])})))).apply(this,arguments)}function useContentItemContext_ownKeys(t,r){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),i.push.apply(i,o)}return i}function useContentItemContext_objectSpread(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?useContentItemContext_ownKeys(Object(i),!0).forEach((function(r){(0,l.Z)(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):useContentItemContext_ownKeys(Object(i)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(i,r))}))}return t}var B=i(9327),W={};W.styleTagTransform=w(),W.setAttributes=v(),W.insert=x().bind(null,"head"),W.domAPI=p(),W.insertStyleElement=b();c()(B.ZP,W);B.ZP&&B.ZP.locals&&B.ZP.locals;function Header_ownKeys(t,r){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),i.push.apply(i,o)}return i}function Header_objectSpread(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?Header_ownKeys(Object(i),!0).forEach((function(r){(0,l.Z)(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):Header_ownKeys(Object(i)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(i,r))}))}return t}const U=function Header(t){var r=t.onClose,i=t.headerClassName,o=t.headerWrapperStyle,l=t.children,d=useContentItem(),c=d.canGoBack,u=d.navigateBack,p=d.renderTitle,m=d.hasNavigations,x=d.content;return(r||c||p)&&Array.isArray(x)?(0,a.jsxs)("div",{className:N()(B.Fs),children:[(0,a.jsxs)("div",{className:N()(B.Lj),children:[c&&(0,a.jsx)("button",{className:B.Rw,onClick:u,id:"diva-content-item-back-button","aria-label":"Go back"}),p?(0,a.jsx)(X,{item:Header_objectSpread(Header_objectSpread({},p),{},{className:N()(i,p.className,!c&&m&&B.rv),style:Header_objectSpread(Header_objectSpread({flexGrow:1},p.style),{},{borderBottom:"unset"},o)})}):(0,a.jsx)("div",{className:N()(i,!c&&m&&B.rv),style:Header_objectSpread({flexGrow:1},o)})]}),r&&(0,a.jsx)("button",{className:B.Ah,onClick:r,id:"diva-content-item-close-button","aria-label":"Close"}),!!l&&l]}):(0,a.jsx)(a.Fragment,{})};var K=(0,o.createContext)(void 0);function useContentItem(){var t=(0,o.useContext)(K);if(!t)throw new Error("useContentItem must be used within a ContentItemContextProvider");return t}function ContentItemContextProvider(t){var r=t.initialItemId,i=t.initialItemCodex,l=t.initialItemConfiguration,d=t.children,c=t.headerChildren,u=t.headerClassName,p=t.headerWrapperStyle,m=t.onClose,x=function useContentItemContext(t){var r,i=t.initialItemId,a=t.initialItemCodex,l=t.initialItemConfiguration,d=t.onContentItemLoaded,c=t.onEvent,u=(0,o.useState)({current:{id:i,codex:a,configuration:l},history:[]}),p=(0,T.Z)(u,2),m=p[0],x=p[1];(0,o.useEffect)((function(){x({current:{id:i,codex:a,configuration:l},history:[]})}),[i,a,l]);var g=(0,o.useCallback)((function(t){(t.id||t.codex)&&x((function(r){return{current:t,history:[].concat((0,E.Z)(r.history),[r.current])}}))}),[]),v=(0,o.useCallback)((function(){x((function(t){return 0===t.history.length?t:{current:t.history[t.history.length-1],history:t.history.slice(0,-1)}}))}),[]),h=(0,o.useCallback)((function(t){null==d||d(t),x((function(r){return useContentItemContext_objectSpread(useContentItemContext_objectSpread({},r),{},{current:useContentItemContext_objectSpread(useContentItemContext_objectSpread({},r.current),{},{title:t})})}))}),[]),b=V({currentContentItem:m.current,onContentItemLoaded:h}),y=b.configuration,w=b.error,j=b.loading,k=(0,o.useMemo)((function(){var t,r=Array.isArray(y.content)?y.content:[y.content];return"Title"===(null==r||null===(t=r[0])||void 0===t?void 0:t.type)?r.slice(1):y.content}),[y]),I=(0,o.useMemo)((function(){var t=Array.isArray(y.content)?y.content[0]:y.content;return"Title"===(null==t?void 0:t.type)?t:void 0}),[y]),C=(0,o.useMemo)((function(){var t,r=JSON.stringify(null!==(t=null==y?void 0:y.content)&&void 0!==t?t:[]);return r.includes("@[codex:")||r.includes("@[id:")}),[k]);return{contextValue:{navigateTo:g,navigateBack:v,canGoBack:m.history.length>0,renderTitle:I,content:k,loading:j,error:w,hasNavigations:C,currentIdOrCodex:null!==(r=m.current.id)&&void 0!==r?r:m.current.codex,onEvent:c}}}({initialItemId:r,initialItemCodex:i,initialItemConfiguration:l,onContentItemLoaded:t.onContentItemLoaded,onEvent:t.onEvent}),g=x.contextValue;return(0,a.jsxs)(K.Provider,{value:g,children:[(0,a.jsx)(U,{headerClassName:u,onClose:m,headerWrapperStyle:p,children:c}),d]})}const X=function Title(t){var r=t.item,i=r.text,o=r.style,l=r.className,d=useContentItem().navigateTo;if(!i)return(0,a.jsx)(a.Fragment,{});var c=processContentItemLinks(i,d);return(0,a.jsx)("h4",{className:N()(Z.T,l),style:o,children:c.content})};var J=i(299),Y={};Y.styleTagTransform=w(),Y.setAttributes=v(),Y.insert=x().bind(null,"head"),Y.domAPI=p(),Y.insertStyleElement=b();c()(J.Z,Y);J.Z&&J.Z.locals&&J.Z.locals;var q=i(37707),$=i(74635),ee=i(4010),ne={};ne.styleTagTransform=w(),ne.setAttributes=v(),ne.insert=x().bind(null,"head"),ne.domAPI=p(),ne.insertStyleElement=b();c()(ee.ZP,ne);ee.ZP&&ee.ZP.locals&&ee.ZP.locals;function Gallery_ownKeys(t,r){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),i.push.apply(i,o)}return i}function Gallery_objectSpread(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?Gallery_ownKeys(Object(i),!0).forEach((function(r){(0,l.Z)(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):Gallery_ownKeys(Object(i)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(i,r))}))}return t}var te=function Gallery(t){var r=t.item,i=r.content,l=r.wrappingStyle,d=r.disableFullscreen,c=r.initIndex,u=t.inFullscreen,p=(0,o.useState)(null),m=(0,T.Z)(p,2),x=m[0],g=m[1],v=(0,o.useState)(null),h=(0,T.Z)(v,2),b=h[0],y=h[1],w=(0,M.useDivaCore)().actions.openFullscreen;if(0==i.length)return(0,a.jsx)(a.Fragment,{});if(1==i.length)return(0,a.jsx)(Ze,{item:Gallery_objectSpread(Gallery_objectSpread({},i[0]),{disableFullscreen:d})});return(0,a.jsxs)("div",{id:"DivaContentItemGallery",style:Gallery_objectSpread(Gallery_objectSpread({},l),{},{position:"relative"}),className:"diva-stop-swipe-detection",children:[!u&&!d&&(0,a.jsx)("div",{className:ee.yg,onClick:function openFullscreenClick(){w({absoluteFullscreen:!0,overwrittenZIndex:3e6,content:(0,a.jsxs)("div",{id:"diva-content-item",className:N()(ee.S2,"in-gallery-in-fullscreen"),children:[(0,a.jsx)(te,{item:{content:i,wrappingStyle:l,type:"Gallery",initIndex:null==b?void 0:b.activeIndex},inFullscreen:!0}),","]})})}}),(0,a.jsx)(q.tq,{style:{"--swiper-navigation-color":"#fff","--swiper-pagination-color":"#fff"},spaceBetween:10,navigation:!0,onSwiper:y,thumbs:{swiper:x&&!x.destroyed?x:null},modules:[$.Rv,$.W_,$.o3],initialSlide:c,className:N()(ee.wn,"diva-stop-swipe-detection"),children:i.map((function(t,r){return(0,a.jsx)(q.o5,{children:(0,a.jsx)(Ze,{item:Gallery_objectSpread(Gallery_objectSpread({},t),{},{inGallery:!0})})},r)}))}),(0,a.jsx)(q.tq,{onSwiper:g,spaceBetween:10,slidesPerView:4,freeMode:!0,watchSlidesProgress:!0,modules:[$.Rv,$.W_,$.o3],className:N()(ee.pD,"diva-stop-swipe-detection"),children:i.map((function(t,r){return(0,a.jsx)(q.o5,{children:(0,a.jsx)(Ze,{item:Gallery_objectSpread(Gallery_objectSpread({},t),{},{thumb:!0})})},r)}))})]})};const re=te;const ie=function RichText(t){var r=t.item,i=r.text,l=r.style,d=(0,o.useRef)(null),c=useContentItem().navigateTo,u=processContentItemLinks(i,c);return(0,o.useEffect)((function(){if(d.current){var t=d.current.querySelectorAll(".content-item-link"),r=new Map;return t.forEach((function(t){var i=function event(r){var i,o;r.preventDefault();var a=null!==(i=t.getAttribute("data-content-item-id"))&&void 0!==i?i:void 0,l=null!==(o=t.getAttribute("data-content-item-codex"))&&void 0!==o?o:void 0;(l||a)&&c({id:a,codex:l})};r.set(t,i),t.addEventListener("click",i)})),function(){r.forEach((function(t,r){r.removeEventListener("click",t)}))}}}),[u.content,c]),(0,a.jsx)("div",{ref:d,style:l,dangerouslySetInnerHTML:{__html:u.content}})};const oe=function Wrapper(t){var r=t.item,i=r.style,o=r.content;return(0,a.jsx)("div",{style:i,children:o.map((function(t,r){return(0,a.jsx)(Ze,{item:t},r)}))})};var ae=i(13125),le=i(43860),de=function(){function ConditionEvaluator(t){(0,ae.Z)(this,ConditionEvaluator),(0,l.Z)(this,"selections",void 0),this.selections=new Map(t.map((function(t){return[t.featureCodex,t.selectedOptions]})))}return(0,le.Z)(ConditionEvaluator,[{key:"evaluate",value:function evaluate(t){return this.isAndCondition(t)?this.evaluateAnd(t):this.isOrCondition(t)?this.evaluateOr(t):this.isNotCondition(t)?this.evaluateNot(t):this.evaluateSingleCondition(t)}},{key:"isAndCondition",value:function isAndCondition(t){return"and"in t}},{key:"isOrCondition",value:function isOrCondition(t){return"or"in t}},{key:"isNotCondition",value:function isNotCondition(t){return"not"in t}},{key:"evaluateAnd",value:function evaluateAnd(t){var r=this;return t.and.every((function(t){return r.evaluateSingleCondition(t)}))}},{key:"evaluateOr",value:function evaluateOr(t){var r=this;return t.or.some((function(t){return r.evaluateSingleCondition(t)}))}},{key:"evaluateNot",value:function evaluateNot(t){return!this.evaluate(t.not)}},{key:"evaluateSingleCondition",value:function evaluateSingleCondition(t){var r=this.selections.get(t.featureCodex);if(!r||0===r.length)return!1;switch(t.operator){case"eq":return r.some((function(r){return r===t.value}));case"ne":return!r.some((function(r){return r===t.value}));case"in":return r.some((function(r){return t.value.includes(r)}));case"nin":return!r.some((function(r){return t.value.includes(r)}));default:return!1}}}],[{key:"shouldShowFeature",value:function shouldShowFeature(t,r){return!t.condition||new ConditionEvaluator(r).evaluate(t.condition)}},{key:"shouldShowOption",value:function shouldShowOption(t,r){return!t.condition||new ConditionEvaluator(r).evaluate(t.condition)}},{key:"shouldShowInstance",value:function shouldShowInstance(t,r){return!t.condition||new ConditionEvaluator(r).evaluate(t.condition)}}])}(),se=i(58025),ce={};ce.styleTagTransform=w(),ce.setAttributes=v(),ce.insert=x().bind(null,"head"),ce.domAPI=p(),ce.insertStyleElement=b();c()(se.ZP,ce);se.ZP&&se.ZP.locals&&se.ZP.locals;var ue=function RangeLayout(t){var r,i,l,d=t.option,c=t.selectedOptions,u=t.onSelect,p=t.getOptionCaption,m=(0,M.useTranslation)().i18n.language,x=d.range;if(!x)return null;var g=(0,o.useState)(c[0]?Number(c[0]):x.defaultValue||x.min),v=(0,T.Z)(g,2),h=v[0],b=v[1],y=p(d),w=(null===(r=x.unit)||void 0===r?void 0:r[m])||(null===(i=x.unit)||void 0===i?void 0:i.en)||(null===(l=x.unit)||void 0===l?void 0:l.de)||"";return(0,a.jsxs)("div",{className:se.$i,children:[(0,a.jsx)("input",{type:"range",min:x.min,max:x.max,step:x.step,value:h,onChange:function handleChange(t){var r=Number(t.target.value);b(r),u([String(r)])},className:se.Uz+" diva-stop-swipe-detection"}),(0,a.jsxs)("div",{className:se.RL,children:[h," ",w,y&&(0,a.jsx)("span",{className:se.Oy,dangerouslySetInnerHTML:{__html:" ".concat(y)}})]})]})},pe=function DropdownLayout(t){var r=t.options,i=t.selectedOptions,o=t.onSelect,l=t.getOptionLabel,d=t.getOptionCaption,c=t.layoutConfig,u=(0,M.useTranslation)().t;return(0,a.jsxs)("select",{className:se.j6,value:i[0]||"",onChange:function onChange(t){return o(t.target.value)},style:{fontSize:null==c?void 0:c.optionLabelFontSize},children:[(0,a.jsx)("option",{value:"",children:u("quickconfig.pleaseSelect",{defaultValue:"Bitte wählen"})}),r.map((function(t){var r=l(t),i=d(t);return(0,a.jsxs)("option",{value:t.codex,children:[r,i?" (".concat(i,")"):""]},t.codex)}))]})},me=function SelectionListLayout(t){var r=t.options,i=t.selectedOptions,o=t.onSelect,l=t.getOptionLabel,d=t.getOptionDescription,c=t.getOptionCaption,u=t.type,p=t.layoutConfig,m="radio"===u,x=m?se.k0:se.MJ,g=m?se.LQ:se.Z8,v=m?se.hH:se.j1;return(0,a.jsx)("div",{className:x,children:r.map((function(t){var r=i.includes(t.codex),u=l(t),x=d(t),h=c(t);return(0,a.jsxs)("div",{className:r?"".concat(g," ").concat(v):g,onClick:function onClick(){return o(t.codex)},children:[(0,a.jsx)("input",{type:m?"radio":"checkbox",checked:r,onChange:function onChange(){return o(t.codex)}}),(0,a.jsxs)("div",{className:se.L$,children:[(0,a.jsxs)("div",{className:se.lo,style:null!=p&&p.optionLabelFontSize?{fontSize:null==p?void 0:p.optionLabelFontSize}:void 0,children:[(0,a.jsx)("span",{dangerouslySetInnerHTML:{__html:u}}),h&&(0,a.jsx)("span",{className:se.Oy,dangerouslySetInnerHTML:{__html:" ".concat(h)}})]}),x&&(0,a.jsx)("div",{className:se.Bf,dangerouslySetInnerHTML:{__html:x}})]})]},t.codex)}))})},xe=function ButtonGroupLayout(t){var r=t.options,i=t.selectedOptions,o=t.onSelect,l=t.getOptionLabel,d=t.getOptionDescription,c=t.getOptionCaption,u=t.layout,p=t.layoutConfig,m="toggle"===u||"multitoggle"===u,x=m?se.ZN:"gallery"===u?se.u0:se.Jn,g=m?se.KN:se.Bh,v=m?se.bu:se.$V,h={};return null!=p&&p.columns&&!m&&(h.gridTemplateColumns="repeat(".concat(p.columns,", minmax(0, 1fr))")),null!=p&&p.gap&&!m&&(h.gap="number"==typeof p.gap?"".concat(p.gap,"px"):p.gap),(0,a.jsx)("div",{className:x,style:h,children:r.map((function(t){var r=i.includes(t.codex),u=l(t),x=d(t),h=c(t);return m?(0,a.jsx)("button",{className:r?"".concat(g," ").concat(v):g,onClick:function onClick(){return o(t.codex)},children:(0,a.jsxs)("div",{className:se.lo,style:null!=p&&p.optionLabelFontSize?{fontSize:null==p?void 0:p.optionLabelFontSize}:void 0,children:[(0,a.jsx)("span",{dangerouslySetInnerHTML:{__html:u}}),h&&(0,a.jsx)("span",{className:se.Oy,dangerouslySetInnerHTML:{__html:" ".concat(h)}})]})},t.codex):(0,a.jsxs)("div",{className:r?"".concat(g," ").concat(v):g,onClick:function onClick(){return o(t.codex)},children:[(0,a.jsxs)("div",{className:se.lo,style:null!=p&&p.optionLabelFontSize?{fontSize:null==p?void 0:p.optionLabelFontSize}:void 0,children:[(0,a.jsx)("span",{dangerouslySetInnerHTML:{__html:u}}),h&&(0,a.jsx)("span",{className:se.Oy,dangerouslySetInnerHTML:{__html:" ".concat(h)}})]}),x&&(0,a.jsx)("div",{className:se.Bf,dangerouslySetInnerHTML:{__html:x}})]},t.codex)}))})},fe=function OptionRenderer(t){var r=t.feature,i=t.selectedOptions,l=t.onSelect,d=function useOptionRenderer(t){var r=t.feature,i=t.selectedOptions,a=t.onSelect,l=t.selections,d=(0,M.useTranslation)().i18n.language,c=(0,o.useMemo)((function(){return r.options.filter((function(t){return de.shouldShowOption(t,l)}))}),[r.options,l]),u=(0,o.useMemo)((function(){return c.filter((function(t){return"select"===t.type}))}),[c]),p=(0,o.useMemo)((function(){return c.find((function(t){return"range"===t.type}))}),[c]),m=(0,o.useCallback)((function(t){a([t])}),[a]),x=(0,o.useCallback)((function(t){i.includes(t)?a(i.filter((function(r){return r!==t}))):a([].concat((0,E.Z)(i),[t]))}),[i,a]),g=(0,o.useCallback)((function(t){return t.label[d]||t.label.en||t.label.de||t.codex}),[d]),v=(0,o.useCallback)((function(t){var r,i,o;return(null===(r=t.description)||void 0===r?void 0:r[d])||(null===(i=t.description)||void 0===i?void 0:i.en)||(null===(o=t.description)||void 0===o?void 0:o.de)}),[d]),h=(0,o.useCallback)((function(t){var r,i,o;return(null===(r=t.caption)||void 0===r?void 0:r[d])||(null===(i=t.caption)||void 0===i?void 0:i.en)||(null===(o=t.caption)||void 0===o?void 0:o.de)}),[d]);return{visibleOptions:c,selectOptions:u,rangeOption:p,handleSingleSelect:m,handleMultiSelect:x,getOptionLabel:g,getOptionDescription:v,getOptionCaption:h}}({feature:r,selectedOptions:i,onSelect:l,selections:t.selections}),c=d.selectOptions,u=d.rangeOption,p=d.handleSingleSelect,m=d.handleMultiSelect,x=d.getOptionLabel,g=d.getOptionDescription,v=d.getOptionCaption;if(u&&u.range)return(0,a.jsx)(ue,{option:u,selectedOptions:i,onSelect:l,getOptionCaption:v});var h=r.multiSelect?m:p;switch(r.layout){case"dropdown":return(0,a.jsx)(pe,{options:c,selectedOptions:i,onSelect:p,getOptionLabel:x,getOptionCaption:v,layoutConfig:r.layoutConfig});case"radio":case"checkbox":return(0,a.jsx)(me,{options:c,selectedOptions:i,onSelect:h,getOptionLabel:x,getOptionDescription:g,getOptionCaption:v,type:r.layout,layoutConfig:r.layoutConfig});default:return(0,a.jsx)(xe,{options:c,selectedOptions:i,onSelect:h,getOptionLabel:x,getOptionDescription:g,getOptionCaption:v,layout:r.layout,layoutConfig:r.layoutConfig})}},ge=function FeatureRenderer(t){var r,i,o,l=t.feature,d=t.selection,c=t.onSelect,u=t.selections,p=(0,M.useTranslation)().i18n.language,m=l.label[p]||l.label.en||l.label.de||l.codex,x=(null===(r=l.description)||void 0===r?void 0:r[p])||(null===(i=l.description)||void 0===i?void 0:i.en)||(null===(o=l.description)||void 0===o?void 0:o.de);return(0,a.jsxs)("div",{className:se.KI,children:[(0,a.jsxs)("div",{className:se.TQ,children:[(0,a.jsx)("span",{dangerouslySetInnerHTML:{__html:m}}),l.required&&(0,a.jsx)("span",{className:se.YW,children:" *"})]}),x&&(0,a.jsx)("div",{className:se.b,dangerouslySetInnerHTML:{__html:x}}),(0,a.jsx)(fe,{feature:l,selectedOptions:(null==d?void 0:d.selectedOptions)||[],onSelect:function onSelect(t){return c(l.codex,t)},selections:u})]})},ve=i(50773),he=function Speedometer(t){var r=t.value,i=t.min,l=void 0===i?0:i,d=t.max,c=void 0===d?100:d,u=t.label,p=t.zones,m=void 0===p?[]:p,x=((0,M.useTranslation)().t,100),g=110,v=Math.min(Math.max(r,l),c),h=240,b=240,y=h+(v-l)/(c-l)*b,w=(0,o.useState)(h),j=(0,T.Z)(w,2),k=j[0],I=j[1];(0,o.useEffect)((function(){var t=setTimeout((function(){I(y)}),50);return function(){return clearTimeout(t)}}),[y]);var C=function polarToCartesian(t,r,i,o){var a=(o-90)*Math.PI/180;return{x:t+i*Math.cos(a),y:r+i*Math.sin(a)}},S=function describeArc(t,r,i,o,a){var l=C(t,r,i,a),d=C(t,r,i,o),c=a-o<=180?"0":"1";return["M",l.x,l.y,"A",i,i,0,c,0,d.x,d.y].join(" ")},O=S(x,g,80,h,480),N=m.find((function(t){return!(!t.value||!u||t.value!==u)||v>=t.min&&v<=t.max})),L=(null==N?void 0:N.color)||"var(--diva-theme-palette-primary-main)";return(0,a.jsx)("div",{className:se.kA,children:(0,a.jsxs)("svg",{viewBox:"-20 0 240 170",width:"100%",height:"100%",children:[m.length>0?m.map((function(t,r){var i=h+(t.min-l)/(c-l)*b,o=h+(t.max-l)/(c-l)*b;return(0,a.jsx)("path",{d:S(x,g,80,i,o),fill:"none",stroke:t.color||"#e6e6e6",strokeWidth:12,opacity:.3},r)})):(0,a.jsx)("path",{d:O,fill:"none",stroke:"#e6e6e6",strokeWidth:12,strokeLinecap:"round"}),(0,a.jsx)("g",{style:{transition:"transform 2s cubic-bezier(0.4, 0, 0.2, 1)",transform:"rotate(".concat(k,"deg)"),transformOrigin:"".concat(x,"px ").concat(g,"px")},children:(0,a.jsx)("path",{d:S(x,g,85,-2,2),fill:"none",stroke:L,strokeWidth:22,strokeLinecap:"round"})}),m.map((function(t,r){var i=h+((t.min-l)/(c-l)+(t.max-l)/(c-l))/2*b,o=t.label.length,d=C(x,g,80-(22+(o>5?6:0)),i);return(0,a.jsx)("text",{x:d.x,y:d.y,textAnchor:"middle",fontSize:o>7?"10":"12",fontWeight:"500",fill:"#999",dominantBaseline:"middle",children:t.label},r)})),(0,a.jsx)("text",{x,y:100,textAnchor:"middle",fontSize:"22",fontWeight:"700",fill:L,children:(null==N?void 0:N.label)||u||r}),(0,a.jsx)("text",{x,y:144,textAnchor:"middle",fontSize:"20",fontWeight:"600",fill:L,children:r})]})})};function SpeedometerGroup_ownKeys(t,r){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),i.push.apply(i,o)}return i}function SpeedometerGroup_objectSpread(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?SpeedometerGroup_ownKeys(Object(i),!0).forEach((function(r){(0,l.Z)(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):SpeedometerGroup_ownKeys(Object(i)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(i,r))}))}return t}var be=function SpeedometerGroup(t){var r=t.displayConfig,i=t.data,o=t.language,l=r.title?r.title[o]||r.title.en||r.title.de:"",d=r.speedometers;return(0,a.jsxs)("div",{className:se.It,children:[l&&(0,a.jsx)("h4",{className:se.tt,dangerouslySetInnerHTML:{__html:l}}),(0,a.jsx)("div",{className:se.W7,children:d.map((function(t,r){var l,d=t.valueKey?i[t.valueKey]:null,c=t.labelKey?i[t.labelKey]:null,u=t.title?t.title[o]||t.title.en||t.title.de:"";return(0,a.jsxs)("div",{className:se.L5,children:[u&&(0,a.jsx)("h5",{className:se.zr,dangerouslySetInnerHTML:{__html:u}}),(0,a.jsx)(he,{value:"object"===(0,ve.Z)(d)?d.value:d,label:"object"===(0,ve.Z)(c)?c.result:c,min:t.min,max:t.max,zones:null===(l=t.zones)||void 0===l?void 0:l.map((function(t){return SpeedometerGroup_objectSpread(SpeedometerGroup_objectSpread({},t),{},{label:t.label[o]||t.label.en||t.label.de})}))})]},r)}))})]})},ye=function TextResult(t){var r=t.displayConfig,i=t.data,o=t.language,l=r.labelKey?i[r.labelKey]:null,d=r.title?r.title[o]||r.title.en||r.title.de:"",c="object"===(0,ve.Z)(l)?l.result:String(l);return(0,a.jsxs)("div",{className:se.LO,children:[(0,a.jsx)("span",{className:se.PP,dangerouslySetInnerHTML:{__html:d}}),(0,a.jsx)("span",{className:se.CO,dangerouslySetInnerHTML:{__html:c}})]},r.labelKey||"text")},we=function ResultItemsRenderer(t){var r=t.data,i=t.config,o=t.language;return i.results&&i.results.length>0?(0,a.jsx)("div",{className:se.d3,children:i.results.map((function(t,i){return function renderGenericResult(t,r,i){switch(t.type){case"speedometer":return(0,a.jsx)(be,{displayConfig:t,data:r,language:o},"speedometer-".concat(i));case"text":return(0,a.jsx)(ye,{displayConfig:t,data:r,language:o},"text-".concat(i));default:return null}}(t,r,i)}))}):(0,a.jsx)(a.Fragment,{children:Object.entries(r).map((function(t){var r=(0,T.Z)(t,2),i=r[0],o=r[1];return"object"===(0,ve.Z)(o)&&null!==o?void 0!==o.result?(0,a.jsxs)("div",{className:se.LO,children:[(0,a.jsx)("span",{className:se.PP,dangerouslySetInnerHTML:{__html:i}}),(0,a.jsx)("span",{className:se.CO,dangerouslySetInnerHTML:{__html:o.result}})]},i):null:(0,a.jsxs)("div",{className:se.LO,children:[(0,a.jsx)("span",{className:se.PP,dangerouslySetInnerHTML:{__html:i}}),(0,a.jsx)("span",{className:se.CO,dangerouslySetInnerHTML:{__html:String(o)}})]},i)}))})},je=function ArrowRight(){return(0,a.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),(0,a.jsx)("polyline",{points:"12 5 19 12 12 19"})]})},ke=function CopyIcon(){return(0,a.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),(0,a.jsx)("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]})},Ie=function CheckIcon(){return(0,a.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,a.jsx)("polyline",{points:"20 6 9 17 4 12"})})},Ce=function CloseIcon(){return(0,a.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,a.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})},Se=function Navigation(t){var r=t.onBack,i=t.onNext,l=t.onCopy,d=t.onRetry,c=t.onApply,u=t.onClose,p=t.canProceed,m=void 0===p||p,x=t.showBack,g=void 0!==x&&x,v=t.nextLabel,h=void 0===v?"":v,b=t.nextInstance,y=t.currentInstanceId,w=t.language,j=void 0===w?"de":w,k=(0,M.useTranslation)().t,I=(0,o.useState)(!1),C=(0,T.Z)(I,2),S=C[0],O=C[1],L=(0,o.useState)(!1),z=(0,T.Z)(L,2),D=z[0],P=z[1],A=b?b.label[j]||b.label.en||b.label.de||b.id:"";return(0,a.jsxs)("div",{className:se.qP,children:[g&&(0,a.jsx)("div",{className:se.Li,children:(0,a.jsx)("button",{className:se.LI,onClick:r,"aria-label":k("quickconfig.back",{defaultValue:"Zurück"}),children:k("quickconfig.back",{defaultValue:"Zurück"})},"back")}),(0,a.jsxs)("div",{className:se.dU,children:[c&&!D&&(0,a.jsxs)("button",{className:N()(se.LI,se.xh,se.fA,se.sT,S&&se.zK),onClick:function handleApply(){null==c||c(),O(!0),u?setTimeout((function(){return P(!0)}),1500):setTimeout((function(){O(!1)}),2e3)},disabled:S,children:[S?k("quickconfig.changesApplied",{defaultValue:"Änderungen wurden übernommen"}):k("quickconfig.applyChanges",{defaultValue:"Änderungen übernehmen"}),S?(0,a.jsx)(Ie,{}):(0,a.jsx)(ke,{})]},"apply"),u&&D&&(0,a.jsxs)("button",{className:N()(se.LI,se.xh,se.fA,se.sT),onClick:u,children:[k("quickconfig.closeNow",{defaultValue:"Jetzt schließen"}),(0,a.jsx)(Ce,{})]},"close"),d&&(0,a.jsx)("button",{className:N()(se.LI,se.nr,se.fA,se.sT),onClick:d,children:k("quickconfig.retry",{defaultValue:"Nochmal zum Anfang"})},"retry"),b&&l&&y&&(0,a.jsxs)("button",{className:N()(se.LI,se.nr,se.fA),onClick:function onClick(){l(y,b.id)},disabled:!m,children:[k("quickconfig.applyRecommendationsFor",{instance:A,defaultValue:"Eingabe für ".concat(A," übernehmen")}),(0,a.jsx)(je,{})]},"applyRecommendations"),i&&(0,a.jsxs)("button",{className:N()(se.LI,se.xh,se.fA),onClick:i,disabled:!m,children:[b?k("quickconfig.nextWith",{instance:A,defaultValue:"Weiter mit ".concat(A)}):h,(0,a.jsx)(je,{})]},"next")]})]})},Me=function ContentItem(t){var r=t.id,i=t.renderContentItem;return(0,a.jsx)("div",{className:se.I4,children:i?i(r):null})};function _createForOfIteratorHelper(t,r){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!i){if(Array.isArray(t)||(i=function _unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return _arrayLikeToArray(t,r);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){i&&(t=i);var o=0,a=function F(){};return{s:a,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,d=!0,c=!1;return{s:function s(){i=i.call(t)},n:function n(){var t=i.next();return d=t.done,t},e:function e(t){c=!0,l=t},f:function f(){try{d||null==i.return||i.return()}finally{if(c)throw l}}}}function _arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var i=0,o=Array(r);i<r;i++)o[i]=t[i];return o}function ResultDisplay_ownKeys(t,r){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),i.push.apply(i,o)}return i}function ResultDisplay_objectSpread(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?ResultDisplay_ownKeys(Object(i),!0).forEach((function(r){(0,l.Z)(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):ResultDisplay_ownKeys(Object(i)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(i,r))}))}return t}var Oe=function ResultDisplay(t){var r=t.activeInstanceId,i=t.result,l=t.config,d=t.onRetry,c=t.filteredInstances,u=t.onEvent,p=t.renderContentItem,m=(0,M.useTranslation)().i18n.language,x=(0,o.useMemo)((function(){return r&&i.instanceResults&&i.instanceResults[r]?i.instanceResults[r]:i}),[r,i]),g=u?function(){return u({type:"onClose"})}:void 0;return(0,a.jsxs)("div",{className:se.vI,children:[function renderResultsInOrder(){if(!l.results||0===l.results.length)return(0,a.jsx)(we,{data:x,config:l,language:m});var t=[],r=[],i=function flushNonContentGroup(){if(0!==r.length){var i=(0,E.Z)(r),o="group-".concat(t.length);t.push((0,a.jsx)(we,{data:x,config:ResultDisplay_objectSpread(ResultDisplay_objectSpread({},l),{},{results:i}),language:m},o)),r=[]}};return l.results.forEach((function(o,l){if("content"===o.type){i();var d=function resolveContentItemId(t,r){var i=Object.entries(r).filter((function(t){var r=(0,T.Z)(t,1)[0];return"input"!==r&&"instanceResults"!==r})).map((function(t){var r=(0,T.Z)(t,2),i=r[0],o=r[1];return{featureCodex:i,selectedOptions:["object"===(0,ve.Z)(o)&&null!==o&&"result"in o?String(o.result):String(o)]}})),o=new de(i);if(t.rules){var a,l=_createForOfIteratorHelper(t.rules);try{for(l.s();!(a=l.n()).done;){var d=a.value;if(o.evaluate(d.condition))return d.contentItemId}}catch(t){l.e(t)}finally{l.f()}}return(t.contentItemId&&r[t.contentItemId]?r[t.contentItemId]:null)||t.contentItemId||null}(o,x);d&&t.push((0,a.jsx)(Me,{id:d,renderContentItem:p},"content-".concat(l)))}else r.push(o)})),i(),t}(),(0,a.jsx)(Se,{onRetry:d,onApply:u?function handleApplyResults(){var t={};if(i.instanceResults&&c&&c.length>0)c.forEach((function(r){var o=i.instanceResults[r.id];o&&r.resultMapping&&Object.entries(r.resultMapping).forEach((function(r){var i=(0,T.Z)(r,2),a=i[0],l=i[1],d=o[a];d&&d.result&&(Array.isArray(l)?l.forEach((function(r){t[r]=d.result})):t[l]=d.result)}))}));else{var r=c&&1===c.length?c[0]:null,o=i.result||{};null!=r&&r.resultMapping&&Object.entries(r.resultMapping).forEach((function(r){var i=(0,T.Z)(r,2),a=i[0],l=i[1],d=o[a];d&&d.result&&(Array.isArray(l)?l.forEach((function(r){t[r]=d.result})):t[l]=d.result)}))}null==u||u({type:"applyResults",payload:t})}:void 0,onClose:g})]})},Ne=function ProgressBar(t){var r=t.currentStep,i=t.totalSteps,o=r/i*100;return(0,a.jsxs)("div",{className:se.qT,children:[(0,a.jsx)("div",{className:se.sr,children:(0,a.jsx)("div",{className:se.X6,style:{width:"".concat(o,"%")}})}),(0,a.jsxs)("div",{className:se.dp,children:[r," / ",i]})]})},Le=function Header(t){var r=t.instances,i=void 0===r?[]:r,o=t.activeInstanceId,d=void 0===o?"":o,c=t.onSwitchInstance,u=t.onCancel,p=t.featureGroups,m=void 0===p?[]:p,x=t.currentFeatureGroupIndex,g=(0,M.useTranslation)(),v=g.t,h=g.i18n.language,b=i.findIndex((function(t){return t.id===d}));return(0,a.jsxs)("div",{className:se._A,children:[(0,a.jsxs)("div",{className:se.Sl,children:[(0,a.jsxs)("div",{className:se.F0,style:{"--tab-count":i.length},children:[(0,a.jsx)("div",{className:se.Ee,style:{transform:"translateX(".concat(b>=0?100*b:0,"%)")},"aria-hidden":!0}),i.map((function(t){return(0,a.jsx)("button",{type:"button",className:N()(se.n2,(0,l.Z)({},se.kE,d===t.id)),onClick:function onClick(){return null==c?void 0:c(t.id)},dangerouslySetInnerHTML:{__html:t.label[h]||t.label.en||t.label.de||t.id}},t.id)}))]}),u&&(0,a.jsx)("button",{className:se.Ah,onClick:u,"aria-label":v("quickconfig.close",{defaultValue:"Schließen"}),children:(0,a.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,a.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,a.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]}),m.length>1&&void 0!==x&&(0,a.jsx)(Ne,{currentStep:x+1,totalSteps:m.length})]})},ze=i(25108);function variantValueCalculator_createForOfIteratorHelper(t,r){var i="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!i){if(Array.isArray(t)||(i=function variantValueCalculator_unsupportedIterableToArray(t,r){if(t){if("string"==typeof t)return variantValueCalculator_arrayLikeToArray(t,r);var i={}.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?variantValueCalculator_arrayLikeToArray(t,r):void 0}}(t))||r&&t&&"number"==typeof t.length){i&&(t=i);var o=0,a=function F(){};return{s:a,n:function n(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function e(t){throw t},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,d=!0,c=!1;return{s:function s(){i=i.call(t)},n:function n(){var t=i.next();return d=t.done,t},e:function e(t){c=!0,l=t},f:function f(){try{d||null==i.return||i.return()}finally{if(c)throw l}}}}function variantValueCalculator_arrayLikeToArray(t,r){(null==r||r>t.length)&&(r=t.length);for(var i=0,o=Array(r);i<r;i++)o[i]=t[i];return o}function evaluateRule(t,r){var i,o=t,a=variantValueCalculator_createForOfIteratorHelper(Object.keys(r).sort((function(t,r){return r.length-t.length})));try{for(a.s();!(i=a.n()).done;){var l=i.value,d=r[l],c=new RegExp("\\b".concat(l,"\\b"),"g");o=o.replace(c,d.toString())}}catch(t){a.e(t)}finally{a.f()}if(o.replace(/[0-9.+\-*/() ]/g,"").length>0)return 0;try{return new Function("return ".concat(o))()}catch(t){return 0}}function getResultValue(t,r,i){ze.log("resultKey",t,r,i);var o,a=variantValueCalculator_createForOfIteratorHelper(i);try{for(a.s();!(o=a.n()).done;){var l=(0,T.Z)(o.value,2),d=l[0],c=l[1],u=d.split("-"),p=parseFloat(u[0]),m=parseFloat(u[1]);if(isNaN(p)||isNaN(m)){if(!isNaN(p)&&r===p)return{result:c,value:r}}else if(r>=p&&r<=m)return{result:c,value:r}}}catch(t){a.e(t)}finally{a.f()}return i.length>0?{result:i[0][1],value:r}:{result:"",value:r}}function useQuickConfigCalculations_ownKeys(t,r){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),i.push.apply(i,o)}return i}function useQuickConfigCalculations_objectSpread(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?useQuickConfigCalculations_ownKeys(Object(i),!0).forEach((function(r){(0,l.Z)(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):useQuickConfigCalculations_ownKeys(Object(i)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(i,r))}))}return t}var Te=function useQuickConfigCalculations(t){var r=(0,o.useCallback)((function(r){return t.calculator&&t.calculator.variantValueConfig?function calculateVariantValue(t,r){if(!r)return{};for(var i={},o=function _loop(){var r=(0,T.Z)(l[a],2),o=r[0],d=r[1],c=t.find((function(t){return t.featureCodex===d.featureCodex}));if(c&&c.selectedOptions.length>0){var u=c.selectedOptions[0],p=d.options[u];if(p)i[o]=parseFloat(p.value)||0;else if(u.includes("-")){var m=u.split("-"),x=m[m.length-1];i[o]=parseFloat(x)||0}else i[o]=parseFloat(u)||0}else i[o]=0},a=0,l=Object.entries(r.features);a<l.length;a++)o();for(var d={},c=0,u=Object.entries(r.results);c<u.length;c++){var p=(0,T.Z)(u[c],2),m=p[0],x=p[1],g=evaluateRule(x.rule,i);d[m]=getResultValue(m,g,x.valueResultPairs)}return d}(r,t.calculator.variantValueConfig):{}}),[t.calculator]);return{calculateFullResult:(0,o.useCallback)((function(i){if(!t.instances||0===t.instances.length){var o=i.default||[];return useQuickConfigCalculations_objectSpread(useQuickConfigCalculations_objectSpread({},r(o)),{},{input:{selections:o}})}var a={};return t.instances.forEach((function(t){a[t.id]=r(i[t.id]||[])})),{instanceResults:a,input:{selections:i[t.instances[0].id]||[],instanceSelections:i}}}),[t.instances,r])}};function useQuickConfigStorage(t){var r=(0,o.useMemo)((function(){return t?"".concat("quickconfig.").concat(t):""}),[t]);return{storedSelections:(0,o.useMemo)((function(){return r?function loadFromStorage(t){try{var r=localStorage.getItem(t);if(!r)return null;var i=JSON.parse(r);if("object"!==(0,ve.Z)(i)||null===i)return null;if(!("storedAt"in i)||!("selections"in i)){var o=i;return"object"!==(0,ve.Z)(o)||null===o||Array.isArray(o)?null:o}var a=i,l=a.selections,d=a.storedAt;return"number"!=typeof d||!l||"object"!==(0,ve.Z)(l)||Array.isArray(l)?null:Date.now()-d>864e5?(localStorage.removeItem(t),null):l}catch(t){return null}}(r):null}),[r]),persistSelections:(0,o.useCallback)((function(t){if(r)try{var i={selections:t,storedAt:Date.now()};localStorage.setItem(r,JSON.stringify(i))}catch(t){}}),[r])}}function useQuickConfig_ownKeys(t,r){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),i.push.apply(i,o)}return i}function useQuickConfig_objectSpread(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?useQuickConfig_ownKeys(Object(i),!0).forEach((function(r){(0,l.Z)(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):useQuickConfig_ownKeys(Object(i)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(i,r))}))}return t}var De=function useQuickConfig(t){var r=t.config,i=t.onEvent,a=t.initialContext,d=r.id||r.codex,c=useQuickConfigStorage(d),u=c.storedSelections,p=c.persistSelections,m=(0,o.useMemo)((function(){return r.instances?r.instances.filter((function(t){return de.shouldShowInstance(t,a||[])})):[]}),[r.instances,a]),x=(0,o.useCallback)((function(){return u&&Object.keys(u).length>0?u:void 0!==a?{default:a}:{default:[]}}),[a,u]),g=(0,o.useState)(x),v=(0,T.Z)(g,2),h=v[0],b=v[1],y=(0,o.useRef)(d);(0,o.useEffect)((function(){y.current!==d&&(y.current=d,b(x()))}),[d,x]),(0,o.useEffect)((function(){p(h)}),[h,p]);var w=(0,o.useState)(m.length>0?m[0].id:"default"),j=(0,T.Z)(w,2),k=j[0],I=j[1],C=(0,o.useState)(0),S=(0,T.Z)(C,2),M=S[0],O=S[1],N=(0,o.useState)(null),L=(0,T.Z)(N,2),z=L[0],D=L[1],P=(0,o.useState)(!!r.introText),A=(0,T.Z)(P,2),Z=A[0],_=A[1];(0,o.useEffect)((function(){z&&m.length>0&&I(m[0].id)}),[z,m]);var H=(0,o.useMemo)((function(){return h[k]||[]}),[h,k]),R=Te(r).calculateFullResult,Q=function useQuickConfigFeatures(t,r,i,a){var l=(0,o.useMemo)((function(){var r=[],i=new Map;t.features.forEach((function(t){var r=t.group;i.has(r)||i.set(r,[]),i.get(r).push(t)}));var o=new Set;return t.features.forEach((function(t){var a=t.group;o.has(a)||(o.add(a),r.push(i.get(a)))})),r}),[t.features]),d=(0,o.useMemo)((function(){return a?[]:(l[i]||[]).filter((function(t){return de.shouldShowFeature(t,r)}))}),[l,i,r,a]);return{featureGroups:l,currentFeatures:d}}(r,H,M,z),G=Q.featureGroups,V=Q.currentFeatures,B=(0,o.useCallback)((function(t,r){b((function(o){var a=o[k]||[],d=a.find((function(r){return r.featureCodex===t}))?a.map((function(i){return i.featureCodex===t?useQuickConfig_objectSpread(useQuickConfig_objectSpread({},i),{},{selectedOptions:r}):i})):[].concat((0,E.Z)(a),[{featureCodex:t,selectedOptions:r}]),c=useQuickConfig_objectSpread(useQuickConfig_objectSpread({},o),{},(0,l.Z)({},k,d)),u=V.find((function(r){return r.codex===t}));if(1===V.length&&(null==u||!u.multiSelect)&&r.length>0){var p=M===G.length-1,x=0===m.length||k===m[m.length-1].id;p&&x?p&&x&&setTimeout((function(){var t=R(c);D(t),null==i||i({type:"complete",payload:t})}),100):setTimeout((function(){M<G.length-1&&O((function(t){return t+1}))}),100)}return c}))}),[k,V,M,G.length,m,R,i]),W=(0,o.useCallback)((function(){var t,r=M===G.length-1,o=null!==(t=m.findIndex((function(t){return t.id===k})))&&void 0!==t?t:-1,a=0===m.length||o===m.length-1;if(r)if(a){var l=R(h);D(l),null==i||i({type:"complete",payload:l})}else I(m[o+1].id),O(0);else O((function(t){return t+1}))}),[M,G.length,m,k,h,R,i]),U=(0,o.useCallback)((function(){var t,i=null!==(t=m.findIndex((function(t){return t.id===k})))&&void 0!==t?t:-1;M>0?O((function(t){return t-1})):i>0?(I(m[i-1].id),O(G.length-1)):r.introText&&_(!0)}),[M,m,k,G.length,r.introText]),K=(0,o.useCallback)((function(){return _(!1)}),[]),X=(0,o.useCallback)((function(){I(m.length>0?m[0].id:"default"),O(0),D(null)}),[m]),J=(0,o.useCallback)((function(t){I(t),O(0)}),[]),Y=(0,o.useCallback)((function(t,r){var o=h[t]||[],a=useQuickConfig_objectSpread({},h),l=m.findIndex((function(r){return r.id===t}));if(-1!==l)for(var d=l+1;d<m.length;d++)a[m[d].id]=(0,E.Z)(o);else a[r]=(0,E.Z)(o);b(a);var c=R(a);D(c),null==i||i({type:"complete",payload:c})}),[h,m,R,i]),q=(0,o.useMemo)((function(){return V.every((function(t){if(!t.required)return!0;var r=H.find((function(r){return r.featureCodex===t.codex}));return r&&r.selectedOptions.length>0}))}),[V,H]);return{selections:H,instanceSelections:h,activeInstanceId:k,currentFeatureGroupIndex:M,result:z,showIntro:Z,featureGroups:G,currentFeatures:V,canProceed:q,handleFeatureSelect:B,handleNext:W,handleBack:U,handleIntroNext:K,handleRetry:X,handleSwitchInstance:J,handleCopySelections:Y,setResult:D,filteredInstances:m}};function getLocalizedText(t,r){return t&&(t[r]||t.en||t.de)||""}var Pe=function QuickConfig(t){var r=t.config,i=t.onEvent,l=t.initialContext,d=t.renderContentItem,c=(0,M.useTranslation)(),u=c.t,p=c.i18n.language,m=(0,o.useRef)(null),x=i?function(){return i({type:"onCancel"})}:void 0,g=De({config:r,onEvent:i,initialContext:l}),v=g.selections,h=g.activeInstanceId,b=g.currentFeatureGroupIndex,y=g.result,w=g.showIntro,j=g.featureGroups,k=g.currentFeatures,I=g.canProceed,C=g.handleFeatureSelect,S=g.handleNext,O=g.handleBack,N=g.handleIntroNext,L=g.handleRetry,z=g.handleSwitchInstance,T=g.handleCopySelections,D=g.filteredInstances;if((0,o.useEffect)((function(){var t;null===(t=m.current)||void 0===t||t.scrollTo({top:0})}),[b,h,w,y]),w&&r.introText)return(0,a.jsxs)("div",{className:se.nC,ref:m,children:[(0,a.jsx)(Le,{onCancel:x,featureGroups:j,currentFeatureGroupIndex:b}),getLocalizedText(r.configDescription,p)&&(0,a.jsx)("p",{className:se.q8,dangerouslySetInnerHTML:{__html:getLocalizedText(r.configDescription,p)}}),(0,a.jsxs)("div",{className:se.eT,children:[(0,a.jsx)("h2",{dangerouslySetInnerHTML:{__html:getLocalizedText(r.name,p)}}),(0,a.jsx)("p",{dangerouslySetInnerHTML:{__html:getLocalizedText(r.introText,p)}})]}),(0,a.jsx)(Se,{onNext:N,canProceed:!0,showBack:!1,nextLabel:u("quickconfig.next",{defaultValue:"Weiter"})})]});if(y)return(0,a.jsxs)("div",{className:se.nC,ref:m,children:[(0,a.jsx)(Le,{instances:D,activeInstanceId:h,onSwitchInstance:z,onCancel:x,featureGroups:j,currentFeatureGroupIndex:b}),getLocalizedText(r.resultDescription,p)&&(0,a.jsx)("p",{className:se.EH,dangerouslySetInnerHTML:{__html:getLocalizedText(r.resultDescription,p)}}),(0,a.jsx)(Oe,{activeInstanceId:h,result:y,config:r,onRetry:L,filteredInstances:D,onEvent:i,renderContentItem:d})]});var P=D.findIndex((function(t){return t.id===h})),A=D.length>1&&P<D.length-1,Z=b>=j.length-1&&!A?u("quickconfig.calculate",{defaultValue:"Berechnen"}):u("quickconfig.next",{defaultValue:"Weiter"});return(0,a.jsxs)("div",{className:se.nC,ref:m,children:[(0,a.jsx)(Le,{instances:D,activeInstanceId:h,onSwitchInstance:z,onCancel:x,featureGroups:j,currentFeatureGroupIndex:b}),getLocalizedText(r.configDescription,p)&&(0,a.jsx)("p",{className:se.q8,dangerouslySetInnerHTML:{__html:getLocalizedText(r.configDescription,p)}}),(0,a.jsx)("div",{className:se.eT,children:k.map((function(t){return(0,a.jsx)(ge,{feature:t,selection:v.find((function(r){return r.featureCodex===t.codex})),onSelect:C,selections:v},t.codex)}))}),(0,a.jsx)(Se,{onBack:O,onNext:S,onCopy:T,canProceed:I,showBack:b>0,nextLabel:Z,currentInstanceId:h,language:p,nextInstance:A?D[P+1]:void 0},b)]})};const Ae=function QuickConfigWrapper(t){var r=t.item,i=t.params,o=useContentItem().onEvent;return(0,a.jsx)(Pe,{config:r.config,initialContext:null==i?void 0:i.initialContext,renderContentItem:function renderContentItem(t){return(0,a.jsx)(Ve,{contentItemId:t})},onEvent:o})};const Ze=function ContentItem(t){var r=t.item,i=t.params;switch(r.type){case"Gallery":return(0,a.jsx)(re,{item:r});case"Image":return(0,a.jsx)(z,{item:r});case"QuickConfig":return(0,a.jsx)(Ae,{item:r,params:i});case"RichText":return(0,a.jsx)(ie,{item:r});case"Title":return(0,a.jsx)(X,{item:r});case"URL":return(0,a.jsx)(I,{item:r});case"Video":return(0,a.jsx)(A,{item:r});case"Wrapper":return(0,a.jsx)(oe,{item:r})}throw new Error("unkonwn type: "+r.type)};var _e=i(28251),Ee={};Ee.styleTagTransform=w(),Ee.setAttributes=v(),Ee.insert=x().bind(null,"head"),Ee.domAPI=p(),Ee.insertStyleElement=b();c()(_e.Z,Ee);_e.Z&&_e.Z.locals&&_e.Z.locals;function ErrorBox(t){var r=t.error;return(0,a.jsxs)("div",{className:_e.v,id:"diva-content-item-error-box",children:["Error: ",r.message||"An error occurred"]})}var Fe=i(9269),He={};He.styleTagTransform=w(),He.setAttributes=v(),He.insert=x().bind(null,"head"),He.domAPI=p(),He.insertStyleElement=b();c()(Fe.ZP,He);Fe.ZP&&Fe.ZP.locals&&Fe.ZP.locals;function Loader(){return(0,a.jsx)("div",{className:Fe._m,id:"diva-content-item-loader",children:(0,a.jsx)("div",{})})}var Re=i(47950),Qe={};Qe.styleTagTransform=w(),Qe.setAttributes=v(),Qe.insert=x().bind(null,"head"),Qe.domAPI=p(),Qe.insertStyleElement=b();c()(Re.ZP,Qe);Re.ZP&&Re.ZP.locals&&Re.ZP.locals;const Ge=function ContentItems(t){var r=t.wrapperStyle,i=t.params,o=useContentItem(),d=o.content,c=o.loading,u=o.error,p=o.currentIdOrCodex;return(0,a.jsxs)("div",{className:Re.ZC,id:"diva-content-item",children:[c&&(0,a.jsx)(Loader,{}),Array.isArray(d)?(0,a.jsxs)("div",{className:N()(Re.Fh,(0,l.Z)({},Re.V_,c)),style:r,children:[u&&(0,a.jsx)(ErrorBox,{error:u}),null==d?void 0:d.map((function(t,r){return(0,a.jsx)(Ze,{item:t,params:i},r)}))]}):!!d&&(0,a.jsx)(Ze,{item:d,params:i})]},p)};var Ve=function ContentItemComponent(t){return(0,a.jsx)(ContentItemContextProvider,{initialItemId:t.contentItemId,initialItemCodex:t.contentItemCodex,initialItemConfiguration:t.configuration,wrapperStyle:t.wrapperStyle,headerWrapperStyle:t.headerWrapperStyle,headerClassName:t.headerClassName,headerChildren:t.headerChildren,onContentItemLoaded:t.onContentItemLoaded,onClose:t.onClose,onEvent:t.onEvent,children:(0,a.jsx)(Ge,{wrapperStyle:t.wrapperStyle,params:t.params})})}},47950:(t,r,i)=>{i.d(r,{Fh:()=>u,V_:()=>p,ZC:()=>c,ZP:()=>m});var o=i(8081),a=i.n(o),l=i(23645),d=i.n(l)()(a());d.push([t.id,".index-module--BscFv {\n  min-height: 60px;\n  position: relative;\n  overscroll-behavior: contain;\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.index-module--eScDq {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  transition: opacity 0.2s ease-in-out;\n}\n.index-module--eScDq.index-module--IUOxd {\n  opacity: 0.5;\n}\n\n.index-module--eScDq .content-item-link {\n  touch-action: manipulation;\n  color: #1668dc;\n  text-decoration: none;\n  background-color: transparent;\n  outline: none;\n  cursor: pointer;\n  transition: color 0.2s ease-in-out;\n}\n\n.index-module--eScDq .content-item-link:hover {\n  color: #15417e;\n}\n",""]);var c="index-module--BscFv",u="index-module--eScDq",p="index-module--IUOxd";const m=d},28251:(t,r,i)=>{i.d(r,{Z:()=>u,v:()=>c});var o=i(8081),a=i.n(o),l=i(23645),d=i.n(l)()(a());d.push([t.id,".index-module--QKTj_ {\n  color: red;\n  text-align: center;\n  padding: 20px;\n  border: 1px solid red;\n  background-color: #ffeeee;\n  border-radius: 4px;\n}\n",""]);var c="index-module--QKTj_";const u=d},4010:(t,r,i)=>{i.d(r,{S2:()=>g,ZP:()=>y,pD:()=>b,wn:()=>h,yg:()=>v});var o=i(8081),a=i.n(o),l=i(23645),d=i.n(l),c=i(61667),u=i.n(c),p=new URL(i(60754),i.b),m=d()(a()),x=u()(p);m.push([t.id,"#diva-content-item .swiper {\n  width: 100%;\n  height: 100%;\n}\n#diva-content-item .swiper-slide {\n  text-align: center;\n  font-size: 18px;\n  background: #fff;\n\n  /* Center slide text vertically */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.index-module--IoD5D {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #fff;\n  position: relative;\n  height: 100%;\n  width: 100%;\n  z-index: 2000005;\n}\n\n.index-module--gCweM {\n  cursor: pointer;\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  top: 16px;\n  right: 8px;\n  border-radius: 3px;\n  z-index: 1000;\n  background: center / 75% no-repeat rgba(255,255,255,0.53333) url("+x+");\n}\n\n.mobile #diva-content-item .swiper-slide {\n  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n  background: initial;\n}\n\n#diva-content-item .swiper {\n  width: 100%;\n  height: 350px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.in-gallery-in-fullscreen #DivaContentItemGallery {\n  height: 90% !important;\n  width: 90% !important;\n}\n\n.in-gallery-in-fullscreen #diva-content-item .index-module--OxIZN {\n  height: 100%;\n}\n\n#diva-content-item .swiper-slide {\n  background-size: cover;\n  background-position: center;\n}\n#diva-content-item .index-module--OxIZN {\n  height: 80%;\n  width: 100%;\n}\n#diva-content-item .index-module--rtXCE {\n  height: 20%;\n  box-sizing: border-box;\n  padding: 10px 0;\n}\n#diva-content-item .index-module--rtXCE .swiper-slide {\n  width: 25%;\n  height: 100%;\n  opacity: 0.4;\n}\n#diva-content-item .index-module--rtXCE .swiper-slide-thumb-active {\n  opacity: 1;\n}\n",""]);var g="index-module--IoD5D",v="index-module--gCweM",h="index-module--OxIZN",b="index-module--rtXCE";const y=m},9327:(t,r,i)=>{i.d(r,{Ah:()=>I,Fs:()=>y,Lj:()=>j,Rw:()=>k,ZP:()=>C,rv:()=>w});var o=i(8081),a=i.n(o),l=i(23645),d=i.n(l),c=i(61667),u=i.n(c),p=new URL(i(75057),i.b),m=new URL(i(49241),i.b),x=new URL(i(30269),i.b),g=d()(a()),v=u()(p),h=u()(m),b=u()(x);g.push([t.id,".index-module--_baOH {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 0px 12px;\n  width: calc(100% - 24px);\n  justify-content: space-between;\n  border-bottom: 1px solid lightgray;\n  position: relative;\n}\n.index-module--DolFb {\n  padding-left: 34px !important;\n}\n.index-module--a9XVp {\n  display: flex;\n  align-items: center;\n  width: 90%;\n}\n\n.index-module--aPhqT,\n.index-module--_6DpS {\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  border: 1px solid transparent;\n  transition:\n    background-color 0.2s ease,\n    background-size 0.2s ease,\n    border-color 0.2s ease-in,\n    background-image 0.2s ease-in;\n  padding: 0px;\n  border-radius: 50%;\n  aspect-ratio: 1 / 1;\n  z-index: 1000;\n  align-self: center;\n}\n.index-module--aPhqT:hover,\n.index-module--_6DpS:hover {\n  border: 1px solid #aaa;\n}\n\n.index-module--aPhqT {\n  background: center / 70% no-repeat url("+v+");\n}\n\n.index-module--_6DpS {\n  background: center / 70% no-repeat url("+h+");\n}\n\n.index-module--_6DpS:hover {\n  background-image: url("+b+");\n}\n",""]);var y="index-module--_baOH",w="index-module--DolFb",j="index-module--a9XVp",k="index-module--aPhqT",I="index-module--_6DpS";const C=g},74787:(t,r,i)=>{i.d(r,{S2:()=>y,ZP:()=>w,fL:()=>v,kW:()=>g,tT:()=>h,yg:()=>b});var o=i(8081),a=i.n(o),l=i(23645),d=i.n(l),c=i(61667),u=i.n(c),p=new URL(i(60754),i.b),m=d()(a()),x=u()(p);m.push([t.id,".index-module--BWa4l {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  justify-content: center;\n  position: relative;\n}\n\n.index-module--g4vSg {\n  overflow: auto;\n  text-align: center;\n  font-size: 14px;\n}\n\n.index-module--XtLKV {\n  position: relative;\n}\n\n.index-module--ldjKX {\n  cursor: pointer;\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  top: 16px;\n  right: 8px;\n  border-radius: 3px;\n  z-index: 1000;\n  background: center / 75% no-repeat rgba(255,255,255,0.53333) url("+x+");\n}\n\n.index-module--zw0KV {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #fff;\n  position: relative;\n  height: 100%;\n  width: 100%;\n  z-index: 2000005;\n}\n",""]);var g="index-module--BWa4l",v="index-module--g4vSg",h="index-module--XtLKV",b="index-module--ldjKX",y="index-module--zw0KV";const w=m},9269:(t,r,i)=>{i.d(r,{ZP:()=>u,_m:()=>c});var o=i(8081),a=i.n(o),l=i(23645),d=i.n(l)()(a());d.push([t.id,".index-module--tWTgE {\n  width: 100%;\n  height: 4px;\n  background-color: #f3f3f3;\n  position: absolute;\n  top: 0;\n  left: 0;\n  overflow: hidden;\n  z-index: 1;\n}\n\n.index-module--tWTgE div {\n  position: absolute;\n  width: 50%;\n  height: 100%;\n  background-color: #3498db;\n  animation: index-module--FDAPU 1s infinite ease-in-out;\n}\n\n@keyframes index-module--FDAPU {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(200%);\n  }\n}\n",""]);var c="index-module--tWTgE";const u=d},75048:(t,r,i)=>{i.d(r,{T:()=>c,Z:()=>u});var o=i(8081),a=i.n(o),l=i(23645),d=i.n(l)()(a());d.push([t.id,".index-module--uEwKl {\n  font-size: 18px;\n  font-weight: 500;\n}\n",""]);var c="index-module--uEwKl";const u=d},3842:(t,r,i)=>{i.d(r,{Z:()=>u,f:()=>c});var o=i(8081),a=i.n(o),l=i(23645),d=i.n(l)()(a());d.push([t.id,".index-module--JVQuz {\n  margin-top: 12px;\n  margin-bottom: 12px;\n  text-align: right;\n  position: relative;\n  display: block;\n  width: 100%;\n}\n",""]);var c="index-module--JVQuz";const u=d},91306:(t,r,i)=>{i.d(r,{$s:()=>g,E0:()=>v,ZP:()=>h});var o=i(8081),a=i.n(o),l=i(23645),d=i.n(l),c=i(61667),u=i.n(c),p=new URL(i(81724),i.b),m=d()(a()),x=u()(p);m.push([t.id,".index-module--dsgPM {\n  width: 100%;\n  max-height: 100%;\n}\n\n.index-module--zjkX4 {\n  background: center / 75% no-repeat url("+x+");\n  width: 100%;\n  height: 100%;\n}\n",""]);var g="index-module--dsgPM",v="index-module--zjkX4";const h=m},58025:(t,r,i)=>{i.d(r,{$V:()=>M,$i:()=>Z,Ah:()=>ce,Bf:()=>h,Bh:()=>I,CO:()=>X,EH:()=>w,Ee:()=>oe,F0:()=>ie,I4:()=>he,It:()=>me,Jn:()=>j,KI:()=>m,KN:()=>V,L$:()=>T,L5:()=>ge,LI:()=>ee,LO:()=>U,LQ:()=>C,Li:()=>Y,MJ:()=>Q,Oy:()=>z,PP:()=>K,RL:()=>E,Sl:()=>re,TQ:()=>x,Uz:()=>_,W7:()=>fe,X6:()=>A,YW:()=>g,Z8:()=>S,ZN:()=>G,ZP:()=>be,_A:()=>p,b:()=>v,bu:()=>B,d3:()=>ue,dU:()=>q,dp:()=>b,eT:()=>u,fA:()=>se,hH:()=>O,j1:()=>N,j6:()=>H,k0:()=>R,kA:()=>pe,kE:()=>le,lo:()=>L,n2:()=>ae,nC:()=>c,nr:()=>de,q8:()=>y,qP:()=>J,qT:()=>D,sT:()=>$,sr:()=>P,tt:()=>xe,u0:()=>k,vI:()=>W,xh:()=>ne,zK:()=>te,zr:()=>ve});var o=i(8081),a=i.n(o),l=i(23645),d=i.n(l)()(a());d.push([t.id,".index-module--ra3zl {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n  height: 100%;\n\n  max-height: calc(100vh - 40px);\n  padding: 12px;\n  box-sizing: border-box;\n  overflow: auto;\n}\n\n@supports (height: 100dvh) {\n  .index-module--ra3zl {\n    max-height: calc(100dvh - 40px);\n  }\n}\n\n.index-module--LhXjG {\n  flex: 1;\n  padding: 12px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.mobile .index-module--LhXjG {\n  padding: 12px 0;\n  gap: 4px;\n}\n\n.index-module--kTnRn {\n  position: sticky;\n  top: -12px;\n  z-index: 10;\n  background: #fff;\n  margin: -12px -12px 0 -12px;\n  padding: 12px 12px 0 12px;\n}\n\n.index-module--GZBE9 {\n  position: sticky;\n  top: -12px;\n  z-index: 10;\n  background: #fff;\n  margin: -12px -12px 0 -12px;\n  padding: 12px 12px 0 12px;\n}\n\n.darkmode .index-module--kTnRn {\n  background: #1a1a1a;\n}\n\n.index-module--VQw6i {\n  min-width: 0;\n  max-width: 100%;\n}\n\n.index-module--hu3A3 {\n  font-size: 18px;\n  font-weight: 600;\n  margin-bottom: 10px;\n  word-wrap: break-word;\n}\n\n.index-module--bamoS {\n  color: red;\n}\n\n.index-module--JhM6i,\n.index-module--xyGjA,\n.index-module--B4dSs {\n  color: #666;\n}\n\n.darkmode .index-module--JhM6i,\n.darkmode .index-module--xyGjA,\n.darkmode .index-module--B4dSs {\n  color: #aaa;\n}\n\n.index-module--JhM6i {\n  font-size: 14px;\n  margin-bottom: 15px;\n  word-wrap: break-word;\n}\n\n.index-module--V1VXj,\n.index-module--DvETz {\n  font-size: 15px;\n  color: #666;\n  margin: 12px 0 0 0;\n  word-wrap: break-word;\n}\n\n.mobile .index-module--V1VXj,\n.mobile .index-module--DvETz {\n  font-size: 14px;\n  margin: 8px 0 0 0;\n}\n\n.darkmode .index-module--V1VXj,\n.darkmode .index-module--DvETz {\n  color: #aaa;\n}\n\n.index-module--plSZP {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--YbgDI {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));\n  grid-gap: 10px;\n  gap: 10px;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.index-module--viS4T {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  grid-gap: 15px;\n  gap: 15px;\n  min-width: 0;\n  max-width: 100%;\n}\n\n/* Shared selectable option base (optionButton, radioOption, checkboxOption) */\n.index-module--uftLm,\n.index-module--I3sZp,\n.index-module--VDrvx {\n  padding: 12px;\n  border: 2px solid #ddd;\n  border-radius: 8px;\n  background: #fff;\n  cursor: pointer;\n  transition: all 0.2s;\n  min-width: 0;\n}\n\n.index-module--uftLm {\n  padding: 15px;\n  text-align: left;\n}\n\n.index-module--I3sZp,\n.index-module--VDrvx {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.darkmode .index-module--uftLm,\n.darkmode .index-module--I3sZp,\n.darkmode .index-module--VDrvx {\n  border-color: #444;\n  background: #2a2a2a;\n}\n\n.index-module--uftLm:hover,\n.index-module--I3sZp:hover,\n.index-module--VDrvx:hover {\n  border-color: #999;\n  background: #f9f9f9;\n}\n\n.darkmode .index-module--uftLm:hover,\n.darkmode .index-module--I3sZp:hover,\n.darkmode .index-module--VDrvx:hover {\n  border-color: #666;\n  background: #333;\n}\n\n.index-module--ns2rU,\n.index-module--WUwNX,\n.index-module--_94_x {\n  border-color: var(--diva-theme-palette-primary-main);\n  background: var(--diva-theme-palette-primary-light);\n}\n\n.darkmode .index-module--ns2rU,\n.darkmode .index-module--WUwNX,\n.darkmode .index-module--_94_x {\n  border-color: var(--diva-theme-palette-primary-main);\n  background: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--ns2rU:hover,\n.index-module--WUwNX:hover,\n.index-module--_94_x:hover {\n  border-color: var(--diva-theme-palette-primary-dark);\n  background: var(--diva-theme-palette-primary-light);\n}\n\n.darkmode .index-module--ns2rU:hover,\n.darkmode .index-module--WUwNX:hover,\n.darkmode .index-module--_94_x:hover {\n  border-color: var(--diva-theme-palette-primary-main);\n  background: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--U3T63 {\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  justify-self: start;\n  gap: 5px;\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  word-wrap: break-word;\n}\n\n.index-module--D0Erj {\n  font-size: 0.75rem;\n  opacity: 0.6;\n  font-weight: normal;\n  text-align: center;\n}\n\n.index-module--MTLpU {\n  min-width: 0;\n  flex: 1;\n}\n\n.index-module--xyGjA {\n  font-size: 12px;\n  min-width: 0;\n  word-wrap: break-word;\n}\n\n.index-module--dg4R7 {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 20px;\n  padding-bottom: 15px;\n  border-bottom: 1px solid #ddd;\n}\n\n.darkmode .index-module--dg4R7 {\n  border-bottom-color: #444;\n}\n\n.index-module--Nw_qe {\n  flex: 1;\n  height: 6px;\n  background: #e0e0e0;\n  border-radius: 3px;\n  overflow: hidden;\n}\n\n.darkmode .index-module--Nw_qe {\n  background: #444;\n}\n\n.index-module--H1GbP {\n  height: 100%;\n  background: var(--diva-theme-palette-primary-main);\n  transition: width 0.3s ease;\n}\n\n.index-module--B4dSs {\n  font-size: 14px;\n  white-space: nowrap;\n}\n\n.index-module--v089A {\n  padding: 8px 12px;\n  border: 1px solid #ddd;\n  background: #fff;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 14px;\n}\n\n.darkmode .index-module--v089A {\n  border-color: #444;\n  background: #2a2a2a;\n  color: white;\n}\n\n.index-module--v089A:hover {\n  background: #f5f5f5;\n}\n\n.darkmode .index-module--v089A:hover {\n  background: #333;\n}\n\n.index-module--s0uXs {\n  width: 100%;\n  margin: 20px 0;\n}\n\n.index-module--Y9acd {\n  width: 100%;\n  height: 6px;\n  border-radius: 3px;\n  background: #e0e0e0;\n  outline: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n       appearance: none;\n}\n\n.darkmode .index-module--Y9acd {\n  background: #444;\n}\n\n.index-module--Y9acd::-webkit-slider-thumb,\n.index-module--Y9acd::-moz-range-thumb {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: var(--diva-theme-palette-primary-main);\n  cursor: pointer;\n  border: none;\n}\n\n.index-module--Y9acd::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n}\n\n.index-module--XJHtY {\n  text-align: center;\n  font-size: 16px;\n  font-weight: 600;\n  margin-top: 10px;\n}\n\n.index-module--Arxf5 {\n  width: 100%;\n  padding: 12px;\n  border: 2px solid #ddd;\n  border-radius: 8px;\n  font-size: 16px;\n  background: #fff;\n  cursor: pointer;\n}\n\n.darkmode .index-module--Arxf5 {\n  border-color: #444;\n  background: #2a2a2a;\n  color: white;\n}\n\n.index-module--g9tjB {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.index-module--Q1uae {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.index-module--RbdJS {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n\n.index-module--MIijS {\n  flex: 1;\n  min-width: 120px;\n  padding: 15px;\n  border: 2px solid #ddd;\n  border-radius: 8px;\n  background: #fff;\n  cursor: pointer;\n  transition: all 0.2s;\n  text-align: center;\n  font-weight: 500;\n}\n\n.darkmode .index-module--MIijS {\n  border-color: #444;\n  background: #2a2a2a;\n  color: white;\n}\n\n.index-module--MIijS:hover {\n  border-color: #999;\n  background: #f9f9f9;\n}\n\n.darkmode .index-module--MIijS:hover {\n  border-color: #666;\n  background: #333;\n}\n\n.index-module--gwrAD {\n  border-color: var(--diva-theme-palette-primary-main);\n  background: var(--diva-theme-palette-primary-main);\n  color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.index-module--gwrAD:hover {\n  border-color: var(--diva-theme-palette-primary-dark);\n  background: var(--diva-theme-palette-primary-dark);\n  color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.index-module--X1sJM {\n}\n\n.mobile .index-module--X1sJM {\n  padding: 4px;\n}\n\n.index-module--Pidke {\n  display: flex;\n  justify-content: space-between;\n  padding: 15px;\n  margin-bottom: 10px;\n  background: #f5f5f5;\n  border-radius: 8px;\n}\n\n.darkmode .index-module--Pidke {\n  background: #2a2a2a;\n}\n\n.index-module--jjNHU {\n  font-weight: 600;\n}\n\n.index-module--tEc9J {\n  color: var(--diva-theme-palette-primary-main);\n  font-weight: 500;\n}\n\n.index-module--V7VZr {\n  display: flex;\n  gap: 10px;\n  justify-content: flex-end;\n  padding: 20px 0;\n  border-top: 1px solid #ddd;\n}\n\n.index-module--HJEDx {\n  display: flex;\n  gap: 10px;\n  flex: 1;\n}\n\n.index-module--BOoFV {\n  display: flex;\n  gap: 10px;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  flex-grow: 1;\n}\n\n.index-module--z4xf8 {\n  padding: 10px 20px;\n}\n\n.darkmode .index-module--V7VZr {\n  border-top-color: #444;\n}\n\n.index-module--epjcE {\n  padding: 10px 20px;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  background: #fff;\n  color: #000;\n  cursor: pointer;\n  font-size: 14px;\n  font-weight: 500;\n  transition: all 0.2s;\n}\n\n.darkmode .index-module--epjcE {\n  border-color: #444;\n  background: #2a2a2a;\n  color: white;\n}\n\n.index-module--epjcE:hover:not(:disabled) {\n  background: #f5f5f5;\n  border-color: #999;\n}\n\n.darkmode .index-module--epjcE:hover:not(:disabled) {\n  background: #333;\n  border-color: #666;\n}\n\n.index-module--epjcE:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.index-module--FtRN_ {\n  background: var(--diva-theme-palette-primary-main);\n  border-color: var(--diva-theme-palette-primary-main);\n  color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.index-module--FtRN_:hover:not(:disabled) {\n  background: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--MFLvs {\n  background: var(--diva-theme-palette-primary-dark);\n  border-color: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--j4Li3 {\n  background: transparent;\n  border-color: #ddd;\n  color: #666;\n}\n\n.darkmode .index-module--j4Li3 {\n  border-color: #444;\n  color: #aaa;\n}\n\n.index-module--j4Li3:hover:not(:disabled) {\n  background: #f5f5f5;\n  border-color: #999;\n  color: #333;\n}\n\n.darkmode .index-module--j4Li3:hover:not(:disabled) {\n  background: #333;\n  border-color: #666;\n  color: white;\n}\n\n.index-module--MS6h0 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 40px;\n  margin-bottom: 4px;\n  position: relative;\n}\n\n.darkmode .index-module--MS6h0 {\n  border-bottom-color: #333;\n}\n\n/* Segmented control style tabs */\n.index-module--pCEsi {\n  --tab-count: 2;\n  display: flex;\n  position: relative;\n  flex-grow: 1;\n  max-width: min(360px, 80%);\n  min-width: 0;\n  background: #f0f0f0;\n  border-radius: 10px;\n  padding: 3px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n}\n\n.darkmode .index-module--pCEsi {\n  background: #333;\n}\n\n.index-module--kozx8 {\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: calc((100% - 6px) / var(--tab-count));\n  height: calc(100% - 6px);\n  background: #fff;\n  border-radius: 7px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  transition: transform 0.25s ease;\n  pointer-events: none;\n}\n\n.darkmode .index-module--kozx8 {\n  background: #404040;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);\n}\n\n.index-module--jtZu_ {\n  flex: 1;\n  min-width: 0;\n  padding: 8px 16px;\n  border: none;\n  outline: none;\n  background: transparent;\n  cursor: pointer;\n  font-size: 16px;\n  font-weight: 500;\n  color: #666;\n  transition: color 0.25s ease;\n  position: relative;\n  z-index: 1;\n  text-align: center;\n}\n\n.index-module--jtZu_:focus,\n.index-module--jtZu_.index-module--vR_i7,\n.index-module--jtZu_:hover,\n.index-module--jtZu_:active {\n  outline: none;\n  border: none;\n  box-shadow: none;\n}\n\n.index-module--jtZu_:focus,\n.index-module--jtZu_:focus-visible,\n.index-module--jtZu_:hover,\n.index-module--jtZu_:active {\n  outline: none;\n  border: none;\n  box-shadow: none;\n}\n\n.darkmode .index-module--jtZu_ {\n  color: #999;\n}\n\n.index-module--FqLeh {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--jtZu_:hover:not(.index-module--FqLeh) {\n  color: #333;\n}\n\n.darkmode .index-module--jtZu_:hover:not(.index-module--FqLeh) {\n  color: #ccc;\n}\n\n.index-module--zAQd7 {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-top: 32px;\n  padding: 0;\n  background: transparent;\n  border-radius: 0;\n  border: none;\n}\n\n.darkmode .index-module--zAQd7 {\n  background: transparent;\n  border-color: transparent;\n}\n\n.index-module--kDfEa {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.index-module--HYvUC {\n  background: #fff;\n  border: 1px solid var(--diva-theme-palette-primary-main);\n  color: var(--diva-theme-palette-primary-main);\n  font-size: 14px;\n}\n\n.darkmode .index-module--HYvUC {\n  background: transparent;\n  border-color: var(--diva-theme-palette-primary-main);\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--HYvUC:hover:not(:disabled) {\n  background: var(--diva-theme-palette-primary-light);\n  color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.darkmode .index-module--HYvUC:hover:not(:disabled) {\n  background: color-mix(in srgb, var(--diva-theme-palette-primary-main) 10%, transparent);\n  color: var(--diva-theme-palette-primary-contrast-text);\n}\n\n.index-module--rPoyA {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 12px 24px;\n  font-size: 16px;\n  border-radius: 8px;\n  height: auto;\n  text-align: left;\n  flex: 1;\n  min-width: 250px;\n}\n\n.index-module--otsoX {\n  position: absolute;\n  right: -8px;\n  top: 50%;\n  transform: translateY(-50%);\n  background-color: rgba(255,255,255,0.8);\n  border-radius: 50%;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  padding: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #949daf;\n  transition: color 0.2s;\n}\n\n.index-module--otsoX:focus,\n.index-module--otsoX.index-module--vR_i7,\n.index-module--otsoX:hover,\n.index-module--otsoX:active {\n  outline: none;\n  border: none;\n  box-shadow: none;\n}\n\n.index-module--otsoX:focus,\n.index-module--otsoX:focus-visible,\n.index-module--otsoX:hover,\n.index-module--otsoX:active {\n  outline: none;\n  border: none;\n  box-shadow: none;\n}\n\n.index-module--otsoX:hover {\n  color: #333;\n}\n\n.darkmode .index-module--otsoX:hover {\n  color: #fff;\n}\n\n/* Mobile Smaller Version */\n.mobile .index-module--ra3zl {\n  padding: 12px;\n}\n\n.mobile .index-module--LhXjG {\n  padding: 12px 0;\n}\n\n.mobile .index-module--hu3A3 {\n  font-size: 16px;\n  margin-bottom: 8px;\n}\n\n.mobile .index-module--JhM6i {\n  font-size: 13px;\n  margin-bottom: 10px;\n}\n\n.mobile .index-module--uftLm {\n  padding: 10px;\n}\n\n.mobile .index-module--U3T63 {\n  gap: 3px;\n}\n\n.mobile .index-module--xyGjA {\n  font-size: 11px;\n}\n\n.mobile .index-module--dg4R7 {\n  gap: 8px;\n  margin-bottom: 15px;\n  padding-bottom: 10px;\n}\n\n.mobile .index-module--B4dSs {\n  font-size: 12px;\n}\n\n.mobile .index-module--v089A {\n  padding: 6px 10px;\n  font-size: 13px;\n}\n\n.mobile .index-module--XJHtY {\n  font-size: 14px;\n}\n\n.mobile .index-module--Arxf5 {\n  padding: 10px;\n  font-size: 14px;\n}\n\n.mobile .index-module--I3sZp,\n.mobile .index-module--VDrvx {\n  padding: 10px;\n}\n\n.mobile .index-module--MIijS {\n  padding: 10px;\n  min-width: 90px;\n}\n\n.mobile .index-module--X1sJM {\n  padding: 0px;\n}\n\n.mobile .index-module--pVpE4 {\n  font-size: 20px;\n  margin-bottom: 15px;\n}\n\n.mobile .index-module--Pidke {\n  padding: 10px;\n}\n\n.mobile .index-module--V7VZr {\n  padding: 8px 0;\n  margin-top: 6px;\n}\n\n.mobile .index-module--epjcE {\n  padding: 8px 16px;\n  font-size: 13px;\n}\n\n.mobile .index-module--jtZu_ {\n  padding: 6px 12px;\n  font-size: 14px;\n}\n\n.mobile .index-module--zAQd7 {\n  padding: 10px;\n}\n\n.index-module--zKfhk {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 30px;\n}\n\n.index-module--gtHe4 {\n  width: 100%;\n  max-width: 250px;\n  margin: 0 auto;\n  aspect-ratio: 240 / 170;\n}\n\n.index-module--hHdwx {\n  width: 100%;\n}\n\n.index-module--tkLg5 {\n  text-align: center;\n  margin-bottom: 4px;\n  margin-top: 4px;\n}\n\n.index-module--lT03J {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 16px;\n}\n\n.index-module--u0BZN {\n  text-align: center;\n  flex: 1 1 40%;\n  max-width: 45%;\n}\n\n.index-module--jv7Az {\n  margin-bottom: 4px;\n  margin-top: 4px;\n}\n\n.index-module--cTGIv {\n  color: var(--diva-theme-palette-primary-main);\n  stroke: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--QFDJF {\n  padding-top: 8px;\n}\n\n.darkmode .index-module--QFDJF {\n  border-top-color: #333;\n}\n",""]);var c="index-module--ra3zl",u="index-module--LhXjG",p="index-module--kTnRn",m="index-module--VQw6i",x="index-module--hu3A3",g="index-module--bamoS",v="index-module--JhM6i",h="index-module--xyGjA",b="index-module--B4dSs",y="index-module--V1VXj",w="index-module--DvETz",j="index-module--YbgDI",k="index-module--viS4T",I="index-module--uftLm",C="index-module--I3sZp",S="index-module--VDrvx",M="index-module--ns2rU",O="index-module--WUwNX",N="index-module--_94_x",L="index-module--U3T63",z="index-module--D0Erj",T="index-module--MTLpU",D="index-module--dg4R7",P="index-module--Nw_qe",A="index-module--H1GbP",Z="index-module--s0uXs",_="index-module--Y9acd",E="index-module--XJHtY",H="index-module--Arxf5",R="index-module--g9tjB",Q="index-module--Q1uae",G="index-module--RbdJS",V="index-module--MIijS",B="index-module--gwrAD",W="index-module--X1sJM",U="index-module--Pidke",K="index-module--jjNHU",X="index-module--tEc9J",J="index-module--V7VZr",Y="index-module--HJEDx",q="index-module--BOoFV",$="index-module--z4xf8",ee="index-module--epjcE",ne="index-module--FtRN_",te="index-module--MFLvs",re="index-module--MS6h0",ie="index-module--pCEsi",oe="index-module--kozx8",ae="index-module--jtZu_",le="index-module--FqLeh",de="index-module--HYvUC",se="index-module--rPoyA",ce="index-module--otsoX",ue="index-module--zKfhk",pe="index-module--gtHe4",me="index-module--hHdwx",xe="index-module--tkLg5",fe="index-module--lT03J",ge="index-module--u0BZN",ve="index-module--jv7Az",he="index-module--QFDJF";const be=d},299:(t,r,i)=>{i.d(r,{Z:()=>g});var o=i(8081),a=i.n(o),l=i(23645),d=i.n(l),c=i(61667),u=i.n(c),p=new URL(i(64197),i.b),m=d()(a()),x=u()(p);m.push([t.id,"/*Free mode*/\n#diva-content-item .swiper-free-mode > .swiper-wrapper {\n  transition-timing-function: ease-out;\n  margin: 0 auto;\n}\n/*navigation*/\n:root {\n  --swiper-navigation-size: 44px;\n}\n#diva-content-item .swiper-button-next,\n#diva-content-item .swiper-button-prev {\n  position: absolute;\n  top: 50%;\n  width: calc(44px / 44 * 27);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: 44px;\n  height: var(--swiper-navigation-size);\n  margin-top: calc(0px - (44px / 2));\n  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n  z-index: 10;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #007aff;\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n#diva-content-item .swiper-button-next.swiper-button-disabled,\n#diva-content-item .swiper-button-prev.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n#diva-content-item .swiper-button-next.swiper-button-hidden,\n#diva-content-item .swiper-button-prev.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n#diva-content-item .swiper-navigation-disabled .swiper-button-next,\n#diva-content-item .swiper-navigation-disabled .swiper-button-prev {\n  display: none !important;\n}\n#diva-content-item .swiper-button-next:after,\n#diva-content-item .swiper-button-prev:after {\n  text-transform: none !important;\n}\n#diva-content-item .swiper-button-next:after,\n#diva-content-item .swiper-button-prev:after {\n  font-family: swiper-icons;\n  font-size: 44px;\n  font-size: var(--swiper-navigation-size);\n  letter-spacing: 0;\n  font-feature-settings: ;\n  font-variant: normal;\n  font-variant: initial;\n  line-height: 1;\n}\n#diva-content-item .swiper-button-prev,\n#diva-content-item .swiper-rtl .swiper-button-next {\n  left: 10px;\n  right: auto;\n}\n#diva-content-item .swiper-button-prev:after,\n#diva-content-item .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n#diva-content-item .swiper-button-next,\n#diva-content-item .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  left: auto;\n}\n#diva-content-item .swiper-button-next:after,\n#diva-content-item .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n#diva-content-item .swiper-button-lock {\n  display: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+x+');\n  font-weight: 400;\n  font-style: normal;\n}\n:root {\n  --swiper-theme-color: #007aff;\n}\n#diva-content-item .swiper {\n  margin-left: auto;\n  margin-right: auto;\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n#diva-content-item .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n#diva-content-item .swiper-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  display: flex;\n  transition-property: transform;\n  box-sizing: content-box;\n}\n#diva-content-item .swiper-android .swiper-slide,\n#diva-content-item .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n#diva-content-item .swiper-pointer-events {\n  touch-action: pan-y;\n}\n#diva-content-item .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n#diva-content-item .swiper-slide {\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n#diva-content-item .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n#diva-content-item .swiper-autoheight,\n#diva-content-item .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n#diva-content-item .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n#diva-content-item .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n#diva-content-item .swiper-3d,\n#diva-content-item .swiper-3d.swiper-css-mode .swiper-wrapper {\n  perspective: 1200px;\n}\n#diva-content-item .swiper-3d .swiper-cube-shadow,\n#diva-content-item .swiper-3d .swiper-slide,\n#diva-content-item .swiper-3d .swiper-slide-shadow,\n#diva-content-item .swiper-3d .swiper-slide-shadow-bottom,\n#diva-content-item .swiper-3d .swiper-slide-shadow-left,\n#diva-content-item .swiper-3d .swiper-slide-shadow-right,\n#diva-content-item .swiper-3d .swiper-slide-shadow-top,\n#diva-content-item .swiper-3d .swiper-wrapper {\n  transform-style: preserve-3d;\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow,\n#diva-content-item .swiper-3d .swiper-slide-shadow-bottom,\n#diva-content-item .swiper-3d .swiper-slide-shadow-left,\n#diva-content-item .swiper-3d .swiper-slide-shadow-right,\n#diva-content-item .swiper-3d .swiper-slide-shadow-top {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n  z-index: 10;\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow {\n  background: rgba(0, 0, 0, 0.15);\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-left {\n  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-right {\n  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-top {\n  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-3d .swiper-slide-shadow-bottom {\n  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#diva-content-item .swiper-css-mode > .swiper-wrapper {\n  overflow: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n#diva-content-item .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n  display: none;\n}\n#diva-content-item .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: start start;\n}\n#diva-content-item .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n#diva-content-item .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n#diva-content-item .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] #diva-content-item .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] #diva-content-item .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n#diva-content-item .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n#diva-content-item .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n#diva-content-item .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n#diva-content-item .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);const g=m},81724:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjgwMHB4IiB3aWR0aD0iODAwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgCgkgdmlld0JveD0iMCAwIDQ5IDQ5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMzkuMjU2LDYuNUg5Ljc0NEM0LjM3MSw2LjUsMCwxMC44ODUsMCwxNi4yNzR2MTYuNDUxYzAsNS4zOSw0LjM3MSw5Ljc3NCw5Ljc0NCw5Ljc3NGgyOS41MTIKCQkJYzUuMzczLDAsOS43NDQtNC4zODUsOS43NDQtOS43NzRWMTYuMjc0QzQ5LDEwLjg4NSw0NC42MjksNi41LDM5LjI1Niw2LjV6IE00NywzMi43MjZjMCw0LjI4Ny0zLjQ3NCw3Ljc3NC03Ljc0NCw3Ljc3NEg5Ljc0NAoJCQlDNS40NzQsNDAuNSwyLDM3LjAxMiwyLDMyLjcyNlYxNi4yNzRDMiwxMS45ODgsNS40NzQsOC41LDkuNzQ0LDguNWgyOS41MTJjNC4yNywwLDcuNzQ0LDMuNDg4LDcuNzQ0LDcuNzc0VjMyLjcyNnoiLz4KCQk8cGF0aCBkPSJNMzMuMzYsMjQuMTM4bC0xMy44NTUtOC4xMTVjLTAuMzA4LTAuMTgtMC42OTEtMC4xODMtMS4wMDItMC4wMDVTMTgsMTYuNTI3LDE4LDE2Ljg4NnYxNi4yMjkKCQkJYzAsMC4zNTgsMC4xOTIsMC42OSwwLjUwMiwwLjg2OGMwLjE1NCwwLjA4OCwwLjMyNiwwLjEzMiwwLjQ5OCwwLjEzMmMwLjE3NSwwLDAuMzQ5LTAuMDQ2LDAuNTA1LTAuMTM3bDEzLjg1NS04LjExMwoJCQljMC4zMDYtMC4xNzksMC40OTUtMC41MDgsMC40OTUtMC44NjNTMzMuNjY3LDI0LjMxNywzMy4zNiwyNC4xMzh6IE0yMCwzMS4zN1YxOC42M2wxMC44NzYsNi4zNzFMMjAsMzEuMzd6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+"},60754:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDFIMkMxLjQ0NzcyIDEgMSAxLjQ0NzcyIDEgMlYyMkMxIDIyLjU1MjMgMS40NDc3MiAyMyAyIDIzSDIxLjk5OTlDMjIuNTUyMiAyMyAyMi45OTk5IDIyLjU1MjMgMjIuOTk5OSAyMlYxMk0xNi4wMDc4IDFIMjEuOTk4OUMyMi41NTEyIDEgMjIuOTk4OSAxLjQ0NzcyIDIyLjk5ODkgMlY3Ljk5MTE0TTIyLjUwMDIgMS41TDEzLjMxOTUgMTAuNjgiIHN0cm9rZT0iIzRCNEI0QiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},75057:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNjY2NjY2MiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogIDxwYXRoIGQ9Im0xMiAxOS03LTcgNy03Ij48L3BhdGg+CiAgPHBhdGggZD0iTTE5IDEySDUiPjwvcGF0aD4KPC9zdmc+"},30269:t=>{t.exports="data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIC05NjAgOTYwIDk2MCIgd2lkdGg9IjQ4IiBmaWxsPSIjYWFhIj48cGF0aCBkPSJtMjQ5LTIwNy00Mi00MiAyMzEtMjMxLTIzMS0yMzEgNDItNDIgMjMxIDIzMSAyMzEtMjMxIDQyIDQyLTIzMSAyMzEgMjMxIDIzMS00MiA0Mi0yMzEtMjMxLTIzMSAyMzFaIi8+PC9zdmc+"},49241:t=>{t.exports="data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIC05NjAgOTYwIDk2MCIgd2lkdGg9IjQ4IiBmaWxsPSIjY2NjIj48cGF0aCBkPSJtMjQ5LTIwNy00Mi00MiAyMzEtMjMxLTIzMS0yMzEgNDItNDIgMjMxIDIzMSAyMzEtMjMxIDQyIDQyLTIzMSAyMzEgMjMxIDIzMS00MiA0Mi0yMzEtMjMxLTIzMSAyMzFaIi8+PC9zdmc+"}}]);

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

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

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8188.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8188,6014],{80509:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var i=n(8135),r=n(9420),a=(n(87363),n(74133)),s=n(47514);const l=(0,r.Pi)((function SettingsHeaderContainer(e){var t,n,r=e.isScroller,l=void 0!==r&&r,o=(0,i.NP)(),d=o.settingsState.itemPalettes.get(1);if(!d)return(0,s.jsx)(s.Fragment,{});var u="CHECKOUT"!==d.configStepKey&&"Hidden"!==o.uiState.ViewConfig.headerInConfigPalette&&!(null!==(t=d.type)&&void 0!==t&&t.startsWith("PRODUCTS"))&&!(null!==(n=d.type)&&void 0!==n&&n.startsWith("PROMOTED"))&&(!o.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(d.configStepKey)||d.configStepKey.startsWith("SHELFARTICLE")||!o.settingsState.allArticlesAreActive);return(0,s.jsx)(s.Fragment,{children:u&&(0,s.jsx)(a.default,{isInScroller:l,isSettingsHeader:!d.isHeader,item:d,header:!0})})}))},26014:(e,t,n)=>{n.r(t),n.d(t,{default:()=>N});var i=n(9420),r=(n(87363),n(88683)),a=n(93379),s=n.n(a),l=n(7795),o=n.n(l),d=n(90569),u=n.n(d),c=n(3565),g=n.n(c),S=n(19216),p=n.n(S),v=n(44589),f=n.n(v),m=n(5217),P={};P.styleTagTransform=f(),P.setAttributes=g(),P.insert=u().bind(null,"head"),P.domAPI=o(),P.insertStyleElement=p();s()(m.ZP,P);m.ZP&&m.ZP.locals&&m.ZP.locals;var h=n(8135),x=n(47514);const N=(0,i.Pi)((function SummaryTotalPrice(e){var t,n=(0,r.useTranslation)().t,i=(0,h.NP)(),a=(0,r.useDivaCore)().state.hidePrices;return(0,x.jsx)(x.Fragment,{children:!a&&(0,x.jsxs)("div",{className:m.nC,children:[(0,x.jsx)("div",{className:m.X_,children:n("configurator.TotalPrice","TotalPrice")}),(0,x.jsx)("div",{className:m.nt,children:r.DivaUtils.formatPrice(null!==(t=i.productState.formatedTotalPrice)&&void 0!==t?t:0,i.productState.priceFormat)})]})})}))},38188:(e,t,n)=>{n.r(t),n.d(t,{default:()=>y});var i=n(34988),r=n(88291),a=n(8135),s=n(9420),l=n(87363),o=n(80509),d=n(93379),u=n.n(d),c=n(7795),g=n.n(c),S=n(90569),p=n.n(S),v=n(3565),f=n.n(v),m=n(19216),P=n.n(m),h=n(44589),x=n.n(h),N=n(79501),I={};I.styleTagTransform=x(),I.setAttributes=f(),I.insert=p().bind(null,"head"),I.domAPI=g(),I.insertStyleElement=P();u()(N.ZP,I);N.ZP&&N.ZP.locals&&N.ZP.locals;var C=n(79182),T=n(65515),b=n.n(T),E=n(26014),A=n(47514);const y=(0,s.Pi)((function SettingsScroller(e){var t,n;(0,r.Z)(e);var s=(0,a.NP)(),d=(0,l.useRef)(null),u=[],c={};(0,l.useEffect)((function(){return d.current?(s.settingsState.setScrollerElement(d.current),s.uiState.setUpSettingsScrollEvent(d.current)):function(){}}),[d]);var g,S,p,v={},f=s.uiState.snapPoints[s.settingsState.activeSnapPointIndex];(g=isNaN(Number(f))?f:f-38+"px",s.uiState.isInMobileView)?v.height=g:v.height="calc(100% - "+(null!==(S=null===(p=s.settingsState.settingsHeaderElement)||void 0===p?void 0:p.getBoundingClientRect().height)&&void 0!==S?S:0)+"px)";for(var m=0;m<s.settingsState.itemPaletteArr.length;m++){var P=s.settingsState.itemPaletteArr[m][1],h=Number(P.id),x=P.pairWithOptionsToGroup;x&&P.visible&&(c[x]||(c[x]=[]),c[x].push(h)),P.isRenderedNotInSettingPalette||u.push([h,P])}return(0,l.useEffect)((function(){s.uiState.configSettingsIsMinExpanded?s.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):s.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[s.uiState.configSettingsIsExpanded,s.uiState.configSettingsIsMinExpanded]),(0,A.jsxs)("div",{style:v,className:b()(N.e8,s.uiState.configSettingsIsExpanded?N.zh:void 0,s.uiState.configSettingsIsMinExpanded?N.m7:void 0),id:"wcConfigurator-settings-scroller",ref:d,children:[(s.uiState.isInMobileView||s.settingsState.forceSettingsHeaderInScrollContainer)&&(0,A.jsx)(o.default,{isScroller:!0},null!==(t=null===(n=s.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,A.jsxs)("div",{children:[u.map((function(e){var t,n=(0,i.Z)(e,2),r=n[0],a=n[1];return(0,A.jsx)(C.default,{item:a,id:r,groupSize:a.pairWithOptionsToGroup?c[a.pairWithOptionsToGroup].length:void 0},(null!==(t=a.optionCodex)&&void 0!==t?t:a.configStepKey)+r)})),s.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==s.getState()&&(0,A.jsx)(E.default,{})]})]})}))},5217:(e,t,n)=>{n.d(t,{X_:()=>o,ZP:()=>u,nC:()=>l,nt:()=>d});var i=n(8081),r=n.n(i),a=n(23645),s=n.n(a)()(r());s.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var l="index-module--TnLDn",o="index-module--FXdIH",d="index-module--uSfxN";const u=s},79501:(e,t,n)=>{n.d(t,{ZP:()=>u,e8:()=>l,m7:()=>d,zh:()=>o});var i=n(8081),r=n.n(i),a=n(23645),s=n.n(a)()(r());s.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n  transition: height 0.2s ease-in-out;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var l="index-module--UX0Na",o="index-module--DRDpA",d="index-module--Rpo_4";const u=s}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8188,6014,9990,9967,6937],{80509:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(8135),r=t(9420),o=(t(87363),t(74133)),l=t(47514);const d=(0,r.Pi)((function SettingsHeaderContainer(e){var n,t,r=e.isScroller,d=void 0!==r&&r,a=(0,i.NP)(),s=a.settingsState.itemPalettes.get(1);if(!s)return(0,l.jsx)(l.Fragment,{});var u="CHECKOUT"!==s.configStepKey&&"Hidden"!==a.uiState.ViewConfig.headerInConfigPalette&&!(null!==(n=s.type)&&void 0!==n&&n.startsWith("PRODUCTS"))&&!(null!==(t=s.type)&&void 0!==t&&t.startsWith("PROMOTED"))&&(!a.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(s.configStepKey)||s.configStepKey.startsWith("SHELFARTICLE")||!a.settingsState.allArticlesAreActive);return(0,l.jsx)(l.Fragment,{children:u&&(0,l.jsx)(o.default,{isInScroller:d,isSettingsHeader:!s.isHeader,item:s,header:!0})})}))},26014:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});var i=t(9420),r=(t(87363),t(88683)),o=t(93379),l=t.n(o),d=t(7795),a=t.n(d),s=t(90569),u=t.n(s),c=t(3565),m=t.n(c),x=t(19216),p=t.n(x),g=t(44589),f=t.n(g),v=t(5217),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=p();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(8135),P=t(47514);const b=(0,i.Pi)((function SummaryTotalPrice(e){var n,t=(0,r.useTranslation)().t,i=(0,S.NP)(),o=(0,r.useDivaCore)().state.hidePrices;return(0,P.jsx)(P.Fragment,{children:!o&&(0,P.jsxs)("div",{className:v.nC,children:[(0,P.jsx)("div",{className:v.X_,children:t("configurator.TotalPrice","TotalPrice")}),(0,P.jsx)("div",{className:v.nt,children:r.DivaUtils.formatPrice(null!==(n=i.productState.formatedTotalPrice)&&void 0!==n?n:0,i.productState.priceFormat)})]})})}))},89990:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});t(87363);var i=t(9420),r=t(93379),o=t.n(r),l=t(7795),d=t.n(l),a=t(90569),s=t.n(a),u=t(3565),c=t.n(u),m=t(19216),x=t.n(m),p=t(44589),g=t.n(p),f=t(91605),v={};v.styleTagTransform=g(),v.setAttributes=c(),v.insert=s().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();o()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var h=t(8135),S=t(47514);const P=(0,i.Pi)((function ContentItemTeaser(e){var n=e.item,t=(0,h.NP)();return(0,S.jsxs)("div",{className:f.bz,children:[n.emoji&&(0,S.jsx)("div",{className:f.rP,children:n.emoji}),(0,S.jsx)("div",{className:f.TN,children:n.title}),(0,S.jsx)("div",{className:f.WL,children:n.description}),(0,S.jsxs)("button",{className:f.LI,onClick:function onClick(){return t.settingsState.onClickContentItemId(n.id)},children:[(0,S.jsx)("span",{className:f.q5,children:n.buttonText}),(0,S.jsx)("div",{className:f.x7,children:(0,S.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,S.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(e,n,t)=>{t.r(n),t.d(n,{default:()=>b});t(87363);var i=t(79182),r=t(8135),o=t(93379),l=t.n(o),d=t(7795),a=t.n(d),s=t(90569),u=t.n(s),c=t(3565),m=t.n(c),x=t(19216),p=t.n(x),g=t(44589),f=t.n(g),v=t(9668),h={};h.styleTagTransform=f(),h.setAttributes=m(),h.insert=u().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=p();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var S=t(89990),P=t(47514);const b=function SettingsItemsGroup(e){var n=e.group;(0,r.NP)();return(0,P.jsxs)("div",{className:v.YS,children:[(0,P.jsx)("div",{className:v.t$,children:n.left.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))}),(0,P.jsx)("div",{className:v.eX}),(0,P.jsx)("div",{className:v.F2,children:n.right.map((function(e){var t,r,o,l=n.palettes.find((function(n){return n.id===e}));return(0,P.jsxs)(P.Fragment,{children:["TOP"===(null===(t=l.contentItemTeaser)||void 0===t?void 0:t.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{}),(0,P.jsx)(i.default,{item:l,id:Number(l.id)},null!==(r=l.optionCodex)&&void 0!==r?r:l.configStepKey+l.id),"BOTTOM"===(null===(o=l.contentItemTeaser)||void 0===o?void 0:o.position)?(0,P.jsx)(S.default,{item:l.contentItemTeaser}):(0,P.jsx)(P.Fragment,{})]})}))})]})}},26937:(e,n,t)=>{t.r(n),t.d(n,{default:()=>c});var i=t(34988),r=t(87363),o=t(9420),l=t(79182),d=t(8135),a=t(89967),s=t(89990),u=t(47514);const c=(0,o.Pi)((function SettingsItemsWrapper(e){var n=e.itemPalettesArr,t=(0,d.NP)(),o=(0,r.useState)([]),c=(0,i.Z)(o,2),m=c[0],x=c[1];return(0,r.useEffect)((function(){for(var e=[],i=function _loop(){var i=n[r],o=t.configuratorStructureHandler.getOptionStepByCodex(i.optionCodex),l=null==o?void 0:o.partOfGroup,d=e.find((function(e){var n;return(null!==(n=null==l?void 0:l.groupName)&&void 0!==n?n:i.configStepKey+i.id)===e.groupName}));if(d)d.palettes.push(i);else{var a,s={groupName:null!==(a=null==l?void 0:l.groupName)&&void 0!==a?a:i.configStepKey+i.id,palettes:[i],left:[],right:[]};e.push(s),d=s}"l"===(null==l?void 0:l.position)?d.left.push(i.id):"r"===(null==l?void 0:l.position)&&d.right.push(i.id)},r=0;r<n.length;r++)i();x(e)}),[n]),(0,u.jsx)(u.Fragment,{children:m.map((function(e){var n;if(e.palettes.length>1)return(0,u.jsx)(a.default,{group:e});var t=e.palettes[0].contentItemTeaser;return(0,u.jsxs)(u.Fragment,{children:["TOP"==(null==t?void 0:t.position)&&(0,u.jsx)(s.default,{item:t}),(0,u.jsx)(l.default,{item:e.palettes[0],id:Number(e.palettes[0].id)},(null!==(n=e.palettes[0].optionCodex)&&void 0!==n?n:e.palettes[0].configStepKey)+e.palettes[0].id),"BOTTOM"==(null==t?void 0:t.position)&&(0,u.jsx)(s.default,{item:t})]})}))})}))},38188:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var i=t(88291),r=t(8135),o=t(9420),l=t(87363),d=t(80509),a=t(93379),s=t.n(a),u=t(7795),c=t.n(u),m=t(90569),x=t.n(m),p=t(3565),g=t.n(p),f=t(19216),v=t.n(f),h=t(44589),S=t.n(h),P=t(79501),b={};b.styleTagTransform=S(),b.setAttributes=g(),b.insert=x().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=v();s()(P.ZP,b);P.ZP&&P.ZP.locals&&P.ZP.locals;var N=t(65515),j=t.n(N),T=t(26014),I=t(26937),C=t(47514);const y=(0,o.Pi)((function SettingsScroller(e){var n,t;(0,i.Z)(e);var o=(0,r.NP)(),a=(0,l.useRef)(null),s=[];(0,l.useEffect)((function(){return a.current?(o.settingsState.setScrollerElement(a.current),o.uiState.setUpSettingsScrollEvent(a.current)):function(){}}),[a]);var u,c,m,x={},p=o.uiState.snapPoints[o.settingsState.activeSnapPointIndex];(u=isNaN(Number(p))?p:p-38+"px",o.uiState.isInMobileView)?x.height=u:x.height="calc(100% - "+(null!==(c=null===(m=o.settingsState.settingsHeaderElement)||void 0===m?void 0:m.getBoundingClientRect().height)&&void 0!==c?c:0)+"px)";for(var g=0;g<o.settingsState.itemPaletteArr.length;g++){var f=o.settingsState.itemPaletteArr[g][1];!f.isRenderedNotInSettingPalette&&f.visible&&s.push(f)}return(0,l.useEffect)((function(){o.uiState.configSettingsIsMinExpanded?o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MIN_CONFIG_SETTINGS"):o.divaWebPlanner.updatePlannerView("ON_CLICK_EXPAND_MAX_CONFIG_SETTINGS")}),[o.uiState.configSettingsIsExpanded,o.uiState.configSettingsIsMinExpanded]),(0,C.jsxs)("div",{style:x,className:j()(P.e8,o.uiState.configSettingsIsExpanded?P.zh:void 0,o.uiState.configSettingsIsMinExpanded?P.m7:void 0),id:"wcConfigurator-settings-scroller",ref:a,children:[(o.uiState.isInMobileView||o.settingsState.forceSettingsHeaderInScrollContainer)&&(0,C.jsx)(d.default,{isScroller:!0},null!==(n=null===(t=o.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,C.jsxs)("div",{children:[(0,C.jsx)(I.default,{itemPalettesArr:s}),o.divaWebPlanner.doAllowSetPlanner()&&"SUMMARY"==o.getState()&&(0,C.jsx)(T.default,{})]})]})}))},5217:(e,n,t)=>{t.d(n,{X_:()=>a,ZP:()=>u,nC:()=>d,nt:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--TnLDn {\n  width: 100%;\n  border-top: 1px #6d6e71 solid;\n  color: #6d6e71;\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 24px;\n  padding-top: 1rem;\n}\n\n.index-module--FXdIH {\n  float: left;\n  margin-left: 2rem;\n}\n\n.index-module--uSfxN {\n  float: right;\n  margin-right: 2rem;\n}\n",""]);var d="index-module--TnLDn",a="index-module--FXdIH",s="index-module--uSfxN";const u=l},91605:(e,n,t)=>{t.d(n,{LI:()=>c,TN:()=>s,WL:()=>u,ZP:()=>p,bz:()=>d,q5:()=>m,rP:()=>a,x7:()=>x});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var d="index-module--YvhoM",a="index-module--xRF8A",s="index-module--AkzgH",u="index-module--YcLKe",c="index-module--tZsne",m="index-module--KlW5i",x="index-module--MViR0";const p=l},9668:(e,n,t)=>{t.d(n,{F2:()=>s,YS:()=>d,ZP:()=>c,eX:()=>u,t$:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var d="index-module--h2rQ7",a="index-module--vn75Y",s="index-module--gupRY",u="index-module--lvlA1";const c=l},79501:(e,n,t)=>{t.d(n,{ZP:()=>u,e8:()=>d,m7:()=>s,zh:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--UX0Na {\n  overflow-y: auto;\n  z-index: 100;\n  padding-right: var(--settingsScrollerPaddingRight);\n  margin-left: var(--settingsScrollerPaddingLeft);\n  padding-top: var(--settingsScrollerPaddingTopBottom);\n  padding-bottom: var(--settingsScrollerPaddingTopBottom);\n  scrollbar-gutter: stable;\n  transition: height 0.2s ease-in-out;\n}\n\n.index-module--DRDpA.index-module--UX0Na {\n  z-index: 600;\n}\n\n.index-module--Rpo_4 {\n  visibility: hidden;\n}\n",""]);var d="index-module--UX0Na",a="index-module--DRDpA",s="index-module--Rpo_4";const u=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 830.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[830],{40830:(M,D,I)=>{I.r(D),I.d(D,{default:()=>a});var A=I(34988),g=I(8135),N=I(87363),j=I(9420),z=I(79182),w=I(93379),x=I.n(w),E=I(7795),T=I.n(E),u=I(90569),O=I.n(u),S=I(3565),i=I.n(S),L=I(19216),y=I.n(L),n=I(44589),e=I.n(n),C=I(67279),c={};c.styleTagTransform=e(),c.setAttributes=i(),c.insert=O().bind(null,"head"),c.domAPI=T(),c.insertStyleElement=y();x()(C.ZP,c);C.ZP&&C.ZP.locals&&C.ZP.locals;var d=I(65515),t=I.n(d),k=I(47514);const a=(0,j.Pi)((function ProductSettings(M){var D=(0,g.NP)(),I=(0,N.useState)(D.getIsInMobileView()),j=(0,A.Z)(I,2),w=j[0],x=j[1];return D.uiState.ItemsPaletteInProductVisible?(0,k.jsxs)("div",{className:t()(C.oE,w?C.QW:void 0),children:[(0,k.jsx)("div",{className:t()(C.LI),onClick:function onClick(){return x(!w)}}),(0,k.jsx)("div",{className:t()(C.jR,w?C.pB:void 0),children:D.settingsState.itemPaletteInProduct.map((function(M,D){return(0,k.jsx)(z.default,{item:M.palette,id:M.id})}))})]}):(0,k.jsx)(k.Fragment,{})}))},67279:(M,D,I)=>{I.d(D,{LI:()=>y,QW:()=>L,ZP:()=>e,jR:()=>i,oE:()=>S,pB:()=>n});var A=I(8081),g=I.n(A),N=I(23645),j=I.n(N),z=I(61667),w=I.n(z),x=new URL(I(38403),I.b),E=new URL(I(97663),I.b),T=j()(g()),u=w()(x),O=w()(E);T.push([M.id,".index-module--D0PtT {\n  position: absolute;\n  top: 16px;\n  right: 0px;\n  margin-top: 0px;\n  max-height: 100%;\n  z-index: 290;\n  display: flex;\n}\n\n.index-module--s2I80 {\n  overflow: auto;\n  height: auto;\n  background: var(--settingsBackgroundColor);\n  padding: 0 16px;\n  border-radius: var(--globalBorderRadius);\n  width: 270px;\n  transition: width 350ms ease;\n}\n\n.index-module--vO3ZU .index-module--s2I80 {\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--eczzg {\n  position: absolute;\n  left: -32px;\n  width: 32px;\n  height: 38px;\n  border-radius: 5px 0 0 5px;\n  transform: rotate(180deg);\n  border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n  background: var(--secondaryColor) center center / 16px no-repeat url("+u+");\n}\n\n.index-module--vO3ZU .index-module--eczzg {\n  position: relative;\n  left: auto;\n  left: initial;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  transform: rotate(0deg);\n  background: var(--secondaryColor) center center / 25px no-repeat url("+O+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var S="index-module--D0PtT",i="index-module--s2I80",L="index-module--vO3ZU",y="index-module--eczzg",n="index-module--o_3ds";const e=T},38403:M=>{M.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:M=>{M.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[830,9990,9967,6937],{40830:(M,n,e)=>{e.r(n),e.d(n,{default:()=>S});var i=e(34988),D=e(8135),g=e(87363),t=e(9420),I=e(93379),A=e.n(I),o=e(7795),x=e.n(o),d=e(90569),u=e.n(d),r=e(3565),l=e.n(r),j=e(19216),N=e.n(j),s=e(44589),a=e.n(s),z=e(67279),c={};c.styleTagTransform=a(),c.setAttributes=l(),c.insert=u().bind(null,"head"),c.domAPI=x(),c.insertStyleElement=N();A()(z.ZP,c);z.ZP&&z.ZP.locals&&z.ZP.locals;var w=e(65515),T=e.n(w),E=e(26937),y=e(47514);const S=(0,t.Pi)((function ProductSettings(M){var n=(0,D.NP)(),e=(0,g.useState)(n.getIsInMobileView()),t=(0,i.Z)(e,2),I=t[0],A=t[1];return n.uiState.ItemsPaletteInProductVisible?(0,y.jsxs)("div",{className:T()(z.oE,I?z.QW:void 0),children:[(0,y.jsx)("div",{className:T()(z.LI),onClick:function onClick(){return A(!I)}}),(0,y.jsx)("div",{className:T()(z.jR,I?z.pB:void 0),children:(0,y.jsx)(E.default,{itemPalettesArr:n.settingsState.itemPaletteInProduct.map((function(M){return M.palette}))})})]}):(0,y.jsx)(y.Fragment,{})}))},89990:(M,n,e)=>{e.r(n),e.d(n,{default:()=>c});e(87363);var i=e(9420),D=e(93379),g=e.n(D),t=e(7795),I=e.n(t),A=e(90569),o=e.n(A),x=e(3565),d=e.n(x),u=e(19216),r=e.n(u),l=e(44589),j=e.n(l),N=e(91605),s={};s.styleTagTransform=j(),s.setAttributes=d(),s.insert=o().bind(null,"head"),s.domAPI=I(),s.insertStyleElement=r();g()(N.ZP,s);N.ZP&&N.ZP.locals&&N.ZP.locals;var a=e(8135),z=e(47514);const c=(0,i.Pi)((function ContentItemTeaser(M){var n=M.item,e=(0,a.NP)();return(0,z.jsxs)("div",{className:N.bz,children:[n.emoji&&(0,z.jsx)("div",{className:N.rP,children:n.emoji}),(0,z.jsx)("div",{className:N.TN,children:n.title}),(0,z.jsx)("div",{className:N.WL,children:n.description}),(0,z.jsxs)("button",{className:N.LI,onClick:function onClick(){return e.settingsState.onClickContentItemId(n.id)},children:[(0,z.jsx)("span",{className:N.q5,children:n.buttonText}),(0,z.jsx)("div",{className:N.x7,children:(0,z.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,z.jsx)("path",{d:"M5 12H19M19 12L13 6M19 12L13 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]})]})}))},89967:(M,n,e)=>{e.r(n),e.d(n,{default:()=>w});e(87363);var i=e(79182),D=e(8135),g=e(93379),t=e.n(g),I=e(7795),A=e.n(I),o=e(90569),x=e.n(o),d=e(3565),u=e.n(d),r=e(19216),l=e.n(r),j=e(44589),N=e.n(j),s=e(9668),a={};a.styleTagTransform=N(),a.setAttributes=u(),a.insert=x().bind(null,"head"),a.domAPI=A(),a.insertStyleElement=l();t()(s.ZP,a);s.ZP&&s.ZP.locals&&s.ZP.locals;var z=e(89990),c=e(47514);const w=function SettingsItemsGroup(M){var n=M.group;(0,D.NP)();return(0,c.jsxs)("div",{className:s.YS,children:[(0,c.jsx)("div",{className:s.t$,children:n.left.map((function(M){var e,D,g,t=n.palettes.find((function(n){return n.id===M}));return(0,c.jsxs)(c.Fragment,{children:["TOP"===(null===(e=t.contentItemTeaser)||void 0===e?void 0:e.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{}),(0,c.jsx)(i.default,{item:t,id:Number(t.id)},null!==(D=t.optionCodex)&&void 0!==D?D:t.configStepKey+t.id),"BOTTOM"===(null===(g=t.contentItemTeaser)||void 0===g?void 0:g.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{})]})}))}),(0,c.jsx)("div",{className:s.eX}),(0,c.jsx)("div",{className:s.F2,children:n.right.map((function(M){var e,D,g,t=n.palettes.find((function(n){return n.id===M}));return(0,c.jsxs)(c.Fragment,{children:["TOP"===(null===(e=t.contentItemTeaser)||void 0===e?void 0:e.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{}),(0,c.jsx)(i.default,{item:t,id:Number(t.id)},null!==(D=t.optionCodex)&&void 0!==D?D:t.configStepKey+t.id),"BOTTOM"===(null===(g=t.contentItemTeaser)||void 0===g?void 0:g.position)?(0,c.jsx)(z.default,{item:t.contentItemTeaser}):(0,c.jsx)(c.Fragment,{})]})}))})]})}},26937:(M,n,e)=>{e.r(n),e.d(n,{default:()=>d});var i=e(34988),D=e(87363),g=e(9420),t=e(79182),I=e(8135),A=e(89967),o=e(89990),x=e(47514);const d=(0,g.Pi)((function SettingsItemsWrapper(M){var n=M.itemPalettesArr,e=(0,I.NP)(),g=(0,D.useState)([]),d=(0,i.Z)(g,2),u=d[0],r=d[1];return(0,D.useEffect)((function(){for(var M=[],i=function _loop(){var i=n[D],g=e.configuratorStructureHandler.getOptionStepByCodex(i.optionCodex),t=null==g?void 0:g.partOfGroup,I=M.find((function(M){var n;return(null!==(n=null==t?void 0:t.groupName)&&void 0!==n?n:i.configStepKey+i.id)===M.groupName}));if(I)I.palettes.push(i);else{var A,o={groupName:null!==(A=null==t?void 0:t.groupName)&&void 0!==A?A:i.configStepKey+i.id,palettes:[i],left:[],right:[]};M.push(o),I=o}"l"===(null==t?void 0:t.position)?I.left.push(i.id):"r"===(null==t?void 0:t.position)&&I.right.push(i.id)},D=0;D<n.length;D++)i();r(M)}),[n]),(0,x.jsx)(x.Fragment,{children:u.map((function(M){var n;if(M.palettes.length>1)return(0,x.jsx)(A.default,{group:M});var e=M.palettes[0].contentItemTeaser;return(0,x.jsxs)(x.Fragment,{children:["TOP"==(null==e?void 0:e.position)&&(0,x.jsx)(o.default,{item:e}),(0,x.jsx)(t.default,{item:M.palettes[0],id:Number(M.palettes[0].id)},(null!==(n=M.palettes[0].optionCodex)&&void 0!==n?n:M.palettes[0].configStepKey)+M.palettes[0].id),"BOTTOM"==(null==e?void 0:e.position)&&(0,x.jsx)(o.default,{item:e})]})}))})}))},67279:(M,n,e)=>{e.d(n,{LI:()=>s,QW:()=>N,ZP:()=>z,jR:()=>j,oE:()=>l,pB:()=>a});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g),I=e(61667),A=e.n(I),o=new URL(e(38403),e.b),x=new URL(e(97663),e.b),d=t()(D()),u=A()(o),r=A()(x);d.push([M.id,".index-module--D0PtT {\n  position: absolute;\n  top: 16px;\n  right: 0px;\n  margin-top: 0px;\n  max-height: 100%;\n  z-index: 290;\n  display: flex;\n}\n\n.index-module--s2I80 {\n  overflow: auto;\n  height: auto;\n  background: var(--settingsBackgroundColor);\n  padding: 0 16px;\n  border-radius: var(--globalBorderRadius);\n  width: 270px;\n  transition: width 350ms ease;\n}\n\n.index-module--vO3ZU .index-module--s2I80 {\n  padding: 0;\n  padding: initial;\n}\n\n.index-module--eczzg {\n  position: absolute;\n  left: -32px;\n  width: 32px;\n  height: 38px;\n  border-radius: 5px 0 0 5px;\n  transform: rotate(180deg);\n  border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n  background: var(--secondaryColor) center center / 16px no-repeat url("+u+");\n}\n\n.index-module--vO3ZU .index-module--eczzg {\n  position: relative;\n  left: auto;\n  left: initial;\n  border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n  transform: rotate(0deg);\n  background: var(--secondaryColor) center center / 25px no-repeat url("+r+");\n}\n\n.index-module--o_3ds {\n  width: 0px;\n  overflow: hidden;\n}\n",""]);var l="index-module--D0PtT",j="index-module--s2I80",N="index-module--vO3ZU",s="index-module--eczzg",a="index-module--o_3ds";const z=d},91605:(M,n,e)=>{e.d(n,{LI:()=>d,TN:()=>o,WL:()=>x,ZP:()=>l,bz:()=>I,q5:()=>u,rP:()=>A,x7:()=>r});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g)()(D());t.push([M.id,".index-module--YvhoM {\n  background-color: #e6f0fa;\n  background-color: var(--diva-theme-palette-primary-light, #e6f0fa);\n  padding: 12px 16px;\n  border-radius: 8px;\n  text-align: center;\n  margin: 8px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 4px;\n  font-family: inherit;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.index-module--xRF8A {\n  font-size: 28px;\n  margin-bottom: 2px;\n}\n\n.index-module--AkzgH {\n  font-weight: 700;\n  font-size: 16px;\n  color: #000;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.index-module--YcLKe {\n  font-size: 15px;\n  color: #333;\n  margin: 0;\n  line-height: 1.4;\n}\n.mobile .index-module--YcLKe {\n  font-size: 13px;\n}\n\n.index-module--tZsne {\n  margin-top: 10px;\n  border: 2px solid #ff6b00;\n  border: 2px solid var(--primaryColor, #ff6b00);\n  color: #ff6b00;\n  color: var(--primaryColor, #ff6b00);\n  background: #fff;\n  padding: 6px 16px;\n  border-radius: 6px;\n  font-weight: 700;\n  font-size: 15px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  transition: all 0.2s ease;\n  width: 100%;\n  max-width: 280px;\n  box-sizing: border-box;\n  min-height: 40px;\n}\n\n.index-module--tZsne:hover {\n  background-color: #ff6b00;\n  background-color: var(--primaryColor, #ff6b00);\n  color: #fff;\n}\n\n.index-module--KlW5i {\n  flex: 1;\n  text-align: center;\n  padding: 0 24px;\n}\n\n.index-module--MViR0 {\n  position: absolute;\n  right: 12px;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--MViR0 svg {\n  width: 100%;\n  height: 100%;\n}\n",""]);var I="index-module--YvhoM",A="index-module--xRF8A",o="index-module--AkzgH",x="index-module--YcLKe",d="index-module--tZsne",u="index-module--KlW5i",r="index-module--MViR0";const l=t},9668:(M,n,e)=>{e.d(n,{F2:()=>o,YS:()=>I,ZP:()=>d,eX:()=>x,t$:()=>A});var i=e(8081),D=e.n(i),g=e(23645),t=e.n(g)()(D());t.push([M.id,".index-module--h2rQ7 {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  gap: 24px;\n}\n\n.mobile .index-module--h2rQ7 {\n  gap: 8px;\n}\n\n.index-module--vn75Y {\n  flex: 1;\n}\n\n.index-module--gupRY {\n  flex: 1;\n}\n\n.index-module--lvlA1 {\n  width: 1px;\n  align-self: stretch;\n  background-color: #ccc;\n}",""]);var I="index-module--h2rQ7",A="index-module--vn75Y",o="index-module--gupRY",x="index-module--lvlA1";const d=t},38403:M=>{M.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:M=>{M.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8515.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8515],{38515:(n,e,i)=>{i.r(e),i.d(e,{default:()=>T});var t=i(65515),o=i.n(t),d=i(9420),a=(i(87363),i(8135)),l=i(93379),u=i.n(l),s=i(7795),r=i.n(s),g=i(90569),c=i.n(g),x=i(3565),M=i.n(x),m=i(19216),p=i.n(m),b=i(44589),I=i.n(b),h=i(95055),L={};L.styleTagTransform=I(),L.setAttributes=M(),L.insert=c().bind(null,"head"),L.domAPI=r(),L.insertStyleElement=p();u()(h.ZP,L);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=i(88683),N=i(47514);const T=(0,d.Pi)((function SubTabGroupHeader(n){var e=n.openState,i=n.curState,t=n.tabs,d=(0,a.NP)(),l=(0,w.useTranslation)().t;return(0,N.jsxs)("div",{onClick:function onClick(){return e[1](!e[0])},className:o()(h.Fs,e[0]?h.bA:void 0,d.uiState.isInMobileView?h.ai:void 0),children:[(0,N.jsx)("div",{className:h.YS,children:t.map((function(n,d){return(0,N.jsxs)("div",{className:o()(h.TN,i[0]===n&&e[0]?h.pA:void 0),onClick:function onClick(t){i[1](n),e[0]||e[1](!0),t.stopPropagation()},children:["ALL"===n&&1!==t.length&&l("configurator.config_all"),1===t.length&&l("configurator.config_accessoire"),t.length>1&&"ALL"!==n&&d+"."]},n)}))}),(0,N.jsx)("div",{className:o()(h.y6)})]})}))},95055:(n,e,i)=>{i.d(e,{Fs:()=>c,TN:()=>M,YS:()=>x,ZP:()=>h,ai:()=>I,bA:()=>b,pA:()=>m,y6:()=>p});var t=i(8081),o=i.n(t),d=i(23645),a=i.n(d),l=i(61667),u=i.n(l),s=new URL(i(37766),i.b),r=a()(o()),g=u()(s);r.push([n.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: #f8f8f8;\n  border-bottom: 2px solid #f0f0f0;\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\ntitle:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+g+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var c="index-module--bSSUt",x="index-module--wbRxH",M="index-module--Jw9JV",m="index-module--CAkCY",p="index-module--IR2e_",b="index-module--jWjLA",I="index-module--PzZv7";const h=r},37766:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8515],{38515:(n,e,i)=>{i.r(e),i.d(e,{default:()=>N});var t=i(65515),o=i.n(t),d=i(9420),a=(i(87363),i(8135)),l=i(93379),r=i.n(l),u=i(7795),s=i.n(u),g=i(90569),c=i.n(g),x=i(3565),m=i.n(x),M=i(19216),p=i.n(M),b=i(44589),I=i.n(b),h=i(95055),v={};v.styleTagTransform=I(),v.setAttributes=m(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=p();r()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=i(88683),L=i(47514);const N=(0,d.Pi)((function SubTabGroupHeader(n){var e=n.openState,i=n.curState,t=n.tabs,d=(0,a.NP)(),l=(0,w.useTranslation)().t;return(0,L.jsxs)("div",{onClick:function onClick(){return e[1](!e[0])},className:o()(h.Fs,e[0]?h.bA:void 0,d.uiState.isInMobileView?h.ai:void 0),children:[(0,L.jsx)("div",{className:h.YS,children:t.map((function(n,d){return(0,L.jsxs)("div",{className:o()(h.TN,i[0]===n&&e[0]?h.pA:void 0),onClick:function onClick(t){i[1](n),e[0]||e[1](!0),t.stopPropagation()},children:["ALL"===n&&1!==t.length&&l("configurator.config_all"),1===t.length&&l("configurator.config_accessoire"),t.length>1&&"ALL"!==n&&d+"."]},n)}))}),(0,L.jsx)("div",{className:o()(h.y6)})]})}))},95055:(n,e,i)=>{i.d(e,{Fs:()=>c,TN:()=>m,YS:()=>x,ZP:()=>h,ai:()=>I,bA:()=>b,pA:()=>M,y6:()=>p});var t=i(8081),o=i.n(t),d=i(23645),a=i.n(d),l=i(61667),r=i.n(l),u=new URL(i(37766),i.b),s=a()(o()),g=r()(u);s.push([n.id,".index-module--bSSUt {\n  height: 48px;\n  position: relative;\n  background-color: var(--diva-theme-palette-primary-light);\n  border-bottom: 2px solid var(--diva-theme-palette-primary-main);\n}\n\n.index-module--wbRxH {\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n}\n.index-module--Jw9JV {\n  padding: 11px;\n  font-weight: 100;\n  font-size: 18px;\n  position: relative;\n}\n\n.index-module--Jw9JV:hover,\n.index-module--CAkCY {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--Jw9JV::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  height: 3px;\n  left: 50%;\n  bottom: 0;\n  background-color: var(--diva-theme-palette-primary-main);\n  transition: all ease-in-out 0.2s;\n}\n.index-module--Jw9JV:hover::after,\n.index-module--CAkCY::after {\n  width: 100%;\n  left: 0;\n}\n\n.index-module--IR2e_ {\n  background-repeat: no-repeat;\n  background-position: center center;\n  background-size: contain;\n  background-image: url("+g+");\n  transform: rotate(90deg);\n  transition: all 0.35s ease;\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  right: 8px;\n  top: 5px;\n}\n.index-module--jWjLA .index-module--IR2e_ {\n  transform: rotate(0deg);\n}\n\n.index-module--bSSUt.index-module--PzZv7 {\n  height: 38px;\n}\n\n.index-module--PzZv7 .index-module--Jw9JV {\n  padding: 8px;\n  font-weight: 300;\n  font-size: 14px;\n}\n\n.index-module--PzZv7 .index-module--IR2e_ {\n  width: 34px;\n  height: 34px;\n  position: absolute;\n  right: 8px;\n  top: 0px;\n}\n",""]);var c="index-module--bSSUt",x="index-module--wbRxH",m="index-module--Jw9JV",M="index-module--CAkCY",p="index-module--IR2e_",b="index-module--jWjLA",I="index-module--PzZv7";const h=s},37766:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9Ijk2MHB4IiBoZWlnaHQ9IjU2MHB4IiB2aWV3Qm94PSIwIDAgOTYwIDU2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTYwIDU2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJSb3VuZGVkX1JlY3RhbmdsZV8zM19jb3B5XzRfMV8iPgoJPHBhdGggZD0iTTQ4MCwzNDQuMTgxTDI2OC44NjksMTMxLjg4OWMtMTUuNzU2LTE1Ljg1OS00MS4zLTE1Ljg1OS01Ny4wNTQsMGMtMTUuNzU0LDE1Ljg1Ny0xNS43NTQsNDEuNTcsMCw1Ny40MzFsMjM3LjYzMiwyMzguOTM3CgkJYzguMzk1LDguNDUxLDE5LjU2MiwxMi4yNTQsMzAuNTUzLDExLjY5OGMxMC45OTMsMC41NTYsMjIuMTU5LTMuMjQ3LDMwLjU1NS0xMS42OThsMjM3LjYzMS0yMzguOTM3CgkJYzE1Ljc1Ni0xNS44NiwxNS43NTYtNDEuNTcxLDAtNTcuNDMxcy00MS4yOTktMTUuODU5LTU3LjA1MSwwTDQ4MCwzNDQuMTgxeiIvPgo8L2c+Cjwvc3ZnPgo="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8942.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8942,9001,4190],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=t(88291),r=(t(87363),t(8135)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}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,o.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 d=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}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,o.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 a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},66014:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(8135),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),m=t(3565),f=t.n(m),h=t(19216),y=t.n(h),w=t(44589),v=t.n(w),P=t(39545),S={};S.styleTagTransform=v(),S.setAttributes=f(),S.insert=b().bind(null,"head"),S.domAPI=x(),S.insertStyleElement=y();c()(P.ZP,S);P.ZP&&P.ZP.locals&&P.ZP.locals;var j=t(47514);const k=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.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,j.jsx)(j.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(a().mark((function _callee(){return a().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,j.jsx)("div",{children:(0,j.jsxs)("div",{className:P.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:P.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:P.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:P.vX,onClick:s})]})]})})}))},18942:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var o=t(65515),i=t.n(o),r=t(8135),a=t(87363),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),m=t.n(b),f=t(44589),h=t.n(f),y=t(86454),w={};w.styleTagTransform=h(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=m();l()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var v=t(66014),P=t(34190),S=t(97853),j=t(69001),k=t(12963),O=t(46567),B=t(9420),C=t(68063),I=t(88683),z=t(54955),Z=t(47514),N={"--settingsBackgroundColor":"rgba(248, 248, 248, 0.98)","--tabGroupBackground":"rgba(248, 248, 248, 0.98)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const T=(0,B.Pi)((function Gold(n){var e=(0,r.NP)(),t=(0,I.useDivaCore)().state.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]),(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)("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:i()(y.xn,e.uiState.configSettingsIsExpanded?y.zh:void 0,e.uiState.isMobileLandscape?y.rK:void 0,e.uiState.isMobilePortrait?y.tW:void 0,e.uiState.isTablet?y.Mq:void 0),children:(0,Z.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,Z.jsx)(P.default,{className:y.kL}),e.uiState.isInMobileView?(0,Z.jsx)(S.default,{tabgroupElement:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(O.default,{className:y.x6,showCloseButtonInMobile:t?"left":void 0}),(0,Z.jsx)(C.default,{className:y.Bg}),(0,Z.jsx)(z.default,{})]})}):(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(O.default,{className:y.x6,showCloseButtonInMobile:"none"}),(0,Z.jsx)(S.default,{className:y.vt}),(0,Z.jsx)(j.default,{className:y.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,Z.jsx)(k.default,{containerClassName:y.tM,showCheckoutButtons:!0})]})]})}),e.settingsState.inputBoxVisible&&(0,Z.jsx)(v.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}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,o.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 a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},54955:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var o=t(88291),i=t(8135),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),m=t(44589),f=t.n(m),h=t(29390),y={};y.styleTagTransform=f(),y.setAttributes=x(),y.insert=c().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=b();d()(h.ZP,y);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(47514);const v=(0,r.Pi)((function ProgressBar(n){(0,o.Z)(n);var e=(0,i.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,w.jsx)(w.Fragment,{});var a=r.posNr,d=t.posNr,l=1==d?0:Math.round(a/d*100),s=100-l;return(0,w.jsxs)("div",{className:h.YS,children:[(0,w.jsx)("div",{className:h.L3,style:{width:l+"%"}}),(0,w.jsx)("div",{className:h.LM,style:{width:s+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>m,vX:()=>b});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(i()),c=l()(s);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 m=u},86454:(n,e,t)=>{t.d(e,{Bg:()=>v,Mq:()=>P,ZP:()=>S,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>y,tW:()=>g,vt:()=>m,x6:()=>f,xn:()=>p,zh:()=>w});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--jUUzB {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -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  overscroll-behavior-y: contain;\n}\n\n.index-module--jUUzB *,\n.index-module--jUUzB *::before,\n.index-module--jUUzB *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--jUUzB.index-module--ka5TW {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--jUUzB.index-module--rXcyI {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--fH3d_ {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--PRLOe {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--zOzPb {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--_vKBL {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--mZSQ5 {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--g6b2d .index-module--PRLOe,\n.index-module--g6b2d .index-module--mZSQ5,\n.index-module--g6b2d .index-module--_vKBL {\n  width: 62%;\n}\n\n.index-module--jUUzB.index-module--rXcyI,\n.index-module--ka5TW.index-module--jUUzB {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--ka5TW .index-module--fH3d_ {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--ka5TW .index-module--PRLOe {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--ka5TW .index-module--zOzPb {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--ka5TW .index-module--_vKBL {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--ka5TW .index-module--mZSQ5 {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--rXcyI .index-module--fH3d_ {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--rXcyI .index-module--PRLOe {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--rXcyI .index-module--zOzPb {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--rXcyI .index-module--_vKBL {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--rXcyI .index-module--mZSQ5,\n.index-module--rXcyI.index-module--HZdfU .index-module--mZSQ5 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--GKXer {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--ka5TW,\n.index-module--rXcyI {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--FYopM {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--l4Hrm {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\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 p="index-module--jUUzB",x="index-module--ka5TW",g="index-module--rXcyI",b="index-module--fH3d_",m="index-module--PRLOe",f="index-module--zOzPb",h="index-module--_vKBL",y="index-module--mZSQ5",w="index-module--g6b2d",v="index-module--GKXer",P="index-module--FYopM";const S=u},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>s,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var d="index-module--rHd3V",l="index-module--_zSo1",s="index-module--tkNQ6";const u=a}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8942,9001,4190,4551,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var i=t(80248),o=t(88291),r=(t(87363),t(8135)),a=t(47514);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=function BasketMobile(n){var e=Object.assign({},((0,o.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);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 a=function NavigationButtons(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},66014:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(8135),d=t(87363),l=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),m=t.n(f),h=t(19216),S=t.n(h),v=t(44589),w=t.n(v),y=t(39545),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=b().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=S();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const k=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,d.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,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().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,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),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,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},18942:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(8135),a=t(87363),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(86454),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();d()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(66014),y=t(34190),j=t(97853),P=t(69001),k=t(12963),O=t(46567),T=t(9420),I=t(68063),B=t(88683),C=t(54955),N=t(47514),G={"--settingsBackgroundColor":"rgba(248, 248, 248, 0.98)","--tabGroupBackground":"rgba(248, 248, 248, 0.98)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,T.Pi)((function Gold(n){var e=(0,r.NP)(),t=(0,B.useDivaCore)().state.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(G)}),[]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("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:o()(S.xn,e.uiState.configSettingsIsExpanded?S.zh:void 0,e.uiState.isMobileLandscape?S.rK:void 0,e.uiState.isMobilePortrait?S.tW:void 0,e.uiState.isTablet?S.Mq:void 0),children:(0,N.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,N.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,N.jsx)(j.default,{tabgroupElement:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,N.jsx)(I.default,{className:S.Bg}),(0,N.jsx)(C.default,{})]})}):(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:"none"}),(0,N.jsx)(j.default,{className:S.vt}),(0,N.jsx)(P.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,N.jsx)(k.default,{containerClassName:S.tM,showCheckoutButtons:!0})]})]})}),e.settingsState.inputBoxVisible&&(0,N.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);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 a=function Product(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var i=t(9420),o=(t(87363),t(8135)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},84551:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(34988),o=t(9420),r=t(87363),a=t(8135),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(76640),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();d()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),j=t(47514);const P=(0,o.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),o=(0,i.Z)(t,2),s=o[0],d=o[1];return(0,r.useEffect)((function(){setTimeout((function(){d(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:y()(S.YS,s&&S.oP,e.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:S.qv})})}))},50393:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),o=t(9420),r=t(87363),a=t(37707),s=t(8135),d=t(82956),l=t(38188),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(84551),m=t(65515),h=t.n(m),S=t(47514);const v=(0,o.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,p.Z)(e,2),i=t[0],o=t[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),d=s[0],l=s[1];(0,r.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);l(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,o,r,a=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,o=i.getTranslate(),r=o-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(r),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(o-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*r),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?d.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:d,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-d.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[d[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[d[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(e),o=t.setSwiperRef,x=t.allSwipes,m=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,S.jsx)(a.tq,{onSlideChange:m,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:o,className:d.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",d.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],o=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,S.jsx)(a.o5,{className:d.AI,children:n==e.tabGroupState.curTabGroup.key?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(l.default,{},n),(0,S.jsx)(f.default,{})]}):(0,S.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,S.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,S.jsx)(S.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(8135)),a=t(80509),s=t(38188),d=t(9420),l=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 m=(0,d.Pi)((function Settings(n){var e,t,i=n.className,d=n.tabgroupElement,u=(0,o.Z)(n,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,S=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,b.jsx)(a.default,{},null!==(e=null===(t=m.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,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:d,children:S}),!m.uiState.isInMobileView&&S]}))}))},54955:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(8135),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),S={};S.styleTagTransform=m(),S.setAttributes=x(),S.insert=c().bind(null,"head"),S.domAPI=l(),S.insertStyleElement=b();s()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514);const w=(0,r.Pi)((function ProgressBar(n){var e;(0,i.Z)(n);var t=(0,o.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,v.jsx)(v.Fragment,{});var s=a.posNr,d=r.posNr,l=1==d?0:Math.round(s/d*100),u=100-l;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:l+"%"}}),(0,v.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(38403),t.b),u=a()(o()),c=d()(l);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},86454:(n,e,t)=>{t.d(e,{Bg:()=>w,Mq:()=>y,ZP:()=>j,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>S,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>v});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(2431),t.b),u=a()(o()),c=d()(l);u.push([n.id,".index-module--jUUzB {\n  position: relative;\n  height: calc(100% - 60px);\n  width: 100%;\n  margin: 30px 0;\n  overflow: hidden;\n  font-family: var(--diva-typography-font-family);\n  font-weight: 100;\n  letter-spacing: 0.5px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  -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  overscroll-behavior-y: contain;\n}\n\n.index-module--jUUzB *,\n.index-module--jUUzB *::before,\n.index-module--jUUzB *::after {\n  box-sizing: content-box;\n  box-sizing: initial;\n}\n\n.index-module--jUUzB.index-module--ka5TW {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n.index-module--jUUzB.index-module--rXcyI {\n  height: 100%;\n  width: 100%;\n  margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--fH3d_ {\n  position: absolute;\n  width: 69%;\n  top: calc(56px + 20px);\n  height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--PRLOe {\n  position: absolute;\n  width: 31%;\n  overflow: visible;\n  z-index: 600;\n  right: 0px;\n  top: calc(56px + 20px);\n  height: calc(100% - 60px - 56px - 70px);\n  transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--zOzPb {\n  position: absolute;\n  z-index: 600;\n  height: 56px;\n  width: 100%;\n  transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--_vKBL {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: calc(40px + 20px);\n  padding-top: 10px;\n  z-index: 600;\n  transition: width 0.2s ease-in-out;\n  background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--mZSQ5 {\n  position: absolute;\n  width: 31%;\n  height: 40px;\n  right: 0px;\n  bottom: 0px;\n  padding-top: 20px;\n  z-index: 600;\n\n  transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--g6b2d .index-module--PRLOe,\n.index-module--g6b2d .index-module--mZSQ5,\n.index-module--g6b2d .index-module--_vKBL {\n  width: 62%;\n}\n\n.index-module--jUUzB.index-module--rXcyI,\n.index-module--ka5TW.index-module--jUUzB {\n  padding: 0;\n  padding: initial;\n  overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--ka5TW .index-module--fH3d_ {\n  width: 100%;\n  height: 100%;\n  top: 0px;\n  left: 0px;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--ka5TW .index-module--PRLOe {\n  display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--ka5TW .index-module--zOzPb {\n  display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--ka5TW .index-module--_vKBL {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--ka5TW .index-module--mZSQ5 {\n  display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--rXcyI .index-module--fH3d_ {\n  top: 0px;\n  left: 0px;\n  height: var(--configuratorProductHeight);\n  transition: height 0.2s ease-out;\n  width: 100%;\n  max-width: none;\n  max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--rXcyI .index-module--PRLOe {\n  left: 0px;\n  top: auto;\n  top: initial;\n  transition: height 0.2s ease-out;\n  bottom: 0px;\n  width: 100%;\n  z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--rXcyI .index-module--zOzPb {\n  position: relative;\n  right: auto;\n  right: initial;\n  top: auto;\n  top: initial;\n  transition: none 0s ease 0s;\n  transition: initial;\n  flex-grow: 10;\n  height: var(--configuratorTabGroupHeight);\n  width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--rXcyI .index-module--_vKBL {\n  display: none;\n  bottom: 0px;\n  width: calc(100% - 10px);\n\n  height: calc(var(--configuratorActionHeight) - 5px);\n  margin: 0 5px 5px 5px;\n  padding-top: 0px;\n  right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--rXcyI .index-module--mZSQ5,\n.index-module--rXcyI.index-module--HZdfU .index-module--mZSQ5 {\n  display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--GKXer {\n  position: relative;\n  transition: bottom 0.2s ease-out;\n  width: 50px;\n  height: var(--configuratorTabGroupHeight);\n  background: no-repeat url("+c+") center center var(--primaryColor);\n  background-size: 37%;\n  z-index: 300;\n}\n\n.index-module--ka5TW,\n.index-module--rXcyI {\n  --configuratorActionHeight: 50px;\n  --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--FYopM {\n  --configuratorTabGroupHeight: 50px;\n  --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--l4Hrm {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\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 p="index-module--jUUzB",x="index-module--ka5TW",g="index-module--rXcyI",b="index-module--fH3d_",f="index-module--PRLOe",m="index-module--zOzPb",h="index-module--_vKBL",S="index-module--mZSQ5",v="index-module--g6b2d",w="index-module--GKXer",y="index-module--FYopM";const j=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(81165),t.b),u=a()(o()),c=d()(l);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},29390:(n,e,t)=>{t.d(e,{L3:()=>d,LM:()=>l,YS:()=>s,ZP:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--rHd3V {\n  position: absolute;\n  width: 100%;\n  height: 3px;\n  bottom: 0;\n  left: 0;\n  z-index: 2000;\n}\n\n.index-module--_zSo1 {\n  background: #ccc;\n  border-radius: 0 1px 1px 0;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n\n.index-module--tkNQ6 {\n  background: #eee;\n  transition: width 0.35s ease-in-out;\n  height: 100%;\n}\n",""]);var s="index-module--rHd3V",d="index-module--_zSo1",l="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 8948.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8948,3812,7810],{73812:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var r=n(80248),o=n(34988),a=n(87363),c=n(20196),i=n(8135),l=n(58590),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var s=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT","GAL_VERY_SMALL_TEXT","SLIDER","MULTI_TOGGLE","MULTI_TOGGLE_ROUND","GAL_TEXT_2","GAL_BIG_TEXT_2","GAL_SMALL_TEXT_2"];const d=function LayoutSelection(e){var t=e.option,n=(0,a.useState)(t.layout),r=(0,o.Z)(n,1)[0],d=(0,a.useState)(),p=(0,o.Z)(d,2),f=p[0],b=p[1],O=(0,i.NP)();(0,a.useEffect)((function(){t.layout=null!=f?f:r,O.paletteViewHandler.updateCurPaletteData(!0)}),[f]),(0,a.useEffect)((function(){return function(){t.layout=r,O.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var v={control:function control(e){return _objectSpread(_objectSpread({},e),{},{backgroundColor:"white"})},option:function option(e,t){var n=t.isDisabled,r=t.isFocused,o=t.isSelected;return _objectSpread(_objectSpread({},e),{},{backgroundColor:n?void 0:r?"lightblue":o?"#fff":void 0,cursor:n?"not-allowed":"default",color:"black",":active":_objectSpread({},e[":active"])})}},g=s.map((function(e){return{label:e,value:e}}));return(0,u.jsxs)("div",{className:c.YS,children:["Layout:",(0,u.jsx)(l.ZP,{styles:v,value:g.find((function(e){return e.value==f})),options:g,onChange:function onChange(e){return b(e.value)}})]})}},47264:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(80248),o=n(9420),a=(n(87363),n(20196)),c=n(58590),i=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const l=(0,o.Pi)((function OptionsSelector(e){var t=e.options,n=e.optionState,r={control:function control(e){return _objectSpread(_objectSpread({},e),{},{backgroundColor:"white"})},option:function option(e,t){var n=t.isDisabled,r=t.isFocused,o=t.isSelected;return _objectSpread(_objectSpread({},e),{},{backgroundColor:n?void 0:r?"lightblue":o?"#fff":void 0,cursor:n?"not-allowed":"default",color:"black",":active":_objectSpread({},e[":active"])})}},o=t.map((function(e){return{label:e.name,value:e.codex}}));return(0,i.jsx)("div",{className:a.YS,children:(0,i.jsx)(c.ZP,{styles:r,value:o.find((function(e){return e.value==n[0]})),options:o,onChange:function onChange(e){n[1](e.value)}})})}))},78948:(e,t,n)=>{n.r(t),n.d(t,{default:()=>L});var r=n(80248),o=n(84658),a=n(34988),c=n(50747),i=n.n(c),l=n(65515),u=n.n(l),s=n(9420),d=n(8135),p=n(87363),f=n(93379),b=n.n(f),O=n(7795),v=n.n(O),g=n(90569),y=n.n(g),x=n(3565),S=n.n(x),j=n(19216),P=n.n(j),h=n(44589),w=n.n(h),m=n(7046),_={};_.styleTagTransform=w(),_.setAttributes=S(),_.insert=y().bind(null,"head"),_.domAPI=v(),_.insertStyleElement=P();b()(m.ZP,_);m.ZP&&m.ZP.locals&&m.ZP.locals;var E=n(47264),T=n(73812),C=n(88683),D=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const L=(0,s.Pi)((function CatalogMakeup(e){var t=(0,d.NP)(),n=(0,p.useState)([]),r=(0,a.Z)(n,2),c=r[0],l=r[1],s=(0,p.useState)(),f=(0,a.Z)(s,2),b=f[0],O=f[1],v=null==c?void 0:c.find((function(e){return e.codex===b}));(0,p.useEffect)((function(){var e=t.divaWebPlanner.actSet(),n=null==e?void 0:e.CatalogData.getOptions();null!=n&&n.length&&l(n)}),[t.settingsState.configChanged]),(0,p.useEffect)((function(){var e=null==c?void 0:c.find((function(e){return e.codex===b}));e&&g(e)}),[b]);var g=function(){var e=(0,o.Z)(i().mark((function _callee(e){var n;return i().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:if(!(n=t.configuratorStructureHandler.getFirstConfigStepByOptionCodex(e.codex))){r.next=7;break}return t.configuratorStructureHandler.navigateToConfigStepByConfigStepKey(null==n?void 0:n.key),t.updateConfiguratorState(!0),r.next=6,C.DivaUtils.Sleep(100);case 6:t.paletteViewHandler.scrollToConfigStepByPosNr(n.posNr,!0);case 7:case"end":return r.stop()}}),_callee)})));return function naviagateToOption(t){return e.apply(this,arguments)}}();return(0,D.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:u()(e.className,m.fm),children:(0,D.jsxs)("div",{className:m.YS,children:[(0,D.jsx)("a",{className:m.Fs,children:"CatalogMakeup"}),(0,D.jsxs)("div",{className:m.nC,children:[(0,D.jsx)(E.default,{options:c,optionState:[b,O]}),v&&(0,D.jsx)(T.default,{option:v},v.codex)]})]})}))}))},95044:(e,t,n)=>{n.d(t,{YS:()=>i,ZP:()=>l});var r=n(8081),o=n.n(r),a=n(23645),c=n.n(a)()(o());c.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var i="index-module--cA3b1";const l=c},7046:(e,t,n)=>{n.d(t,{Fs:()=>u,YS:()=>i,ZP:()=>d,fm:()=>l,nC:()=>s});var r=n(8081),o=n.n(r),a=n(23645),c=n.n(a)()(o());c.push([e.id,".index-module--tlOAN {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: #fff;\n}\n.index-module--Y4cLX {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--mAsES {\n  height: 8%;\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}\n.index-module--Ool1Y {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n",""]);var i="index-module--tlOAN",l="index-module--Y4cLX",u="index-module--mAsES",s="index-module--Ool1Y";const d=c},20196:(e,t,n)=>{n.d(t,{YS:()=>O.YS});var r=n(93379),o=n.n(r),a=n(7795),c=n.n(a),i=n(90569),l=n.n(i),u=n(3565),s=n.n(u),d=n(19216),p=n.n(d),f=n(44589),b=n.n(f),O=n(95044),v={};v.styleTagTransform=b(),v.setAttributes=s(),v.insert=l().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=p();o()(O.ZP,v),O.ZP&&O.ZP.locals&&O.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8948,3812,7810],{73812:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var r=n(80248),o=n(34988),a=n(87363),c=n(20196),i=n(8135),l=n(58590),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var s=["IMAGE","TEXT","DROPDOWN_TEXT","TOGGLE_NAME","TOGGLE","DROPDOWN_IMAGE","GAL_SMALL_GROUP_DROPDOWN","NUMBER","GAL_BIG","GAL_GROUP_DROPDOWN","TEXTBOX","GAL_TEXT","GAL_BIG_TEXT","GAL_SMALL_TEXT","GAL_VERY_SMALL_TEXT","SLIDER","MULTI_TOGGLE","MULTI_TOGGLE_ROUND","GAL_TEXT_2","GAL_BIG_TEXT_2","GAL_SMALL_TEXT_2","RADIO_LIST","RADIO"];const d=function LayoutSelection(e){var t=e.option,n=(0,a.useState)(t.layout),r=(0,o.Z)(n,1)[0],d=(0,a.useState)(),p=(0,o.Z)(d,2),f=p[0],b=p[1],O=(0,i.NP)();(0,a.useEffect)((function(){t.layout=null!=f?f:r,O.paletteViewHandler.updateCurPaletteData(!0)}),[f]),(0,a.useEffect)((function(){return function(){t.layout=r,O.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var v={control:function control(e){return _objectSpread(_objectSpread({},e),{},{backgroundColor:"white"})},option:function option(e,t){var n=t.isDisabled,r=t.isFocused,o=t.isSelected;return _objectSpread(_objectSpread({},e),{},{backgroundColor:n?void 0:r?"lightblue":o?"#fff":void 0,cursor:n?"not-allowed":"default",color:"black",":active":_objectSpread({},e[":active"])})}},g=s.map((function(e){return{label:e,value:e}}));return(0,u.jsxs)("div",{className:c.YS,children:["Layout:",(0,u.jsx)(l.ZP,{styles:v,value:g.find((function(e){return e.value==f})),options:g,onChange:function onChange(e){return b(e.value)}})]})}},47264:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(80248),o=n(9420),a=(n(87363),n(20196)),c=n(58590),i=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const l=(0,o.Pi)((function OptionsSelector(e){var t=e.options,n=e.optionState,r={control:function control(e){return _objectSpread(_objectSpread({},e),{},{backgroundColor:"white"})},option:function option(e,t){var n=t.isDisabled,r=t.isFocused,o=t.isSelected;return _objectSpread(_objectSpread({},e),{},{backgroundColor:n?void 0:r?"lightblue":o?"#fff":void 0,cursor:n?"not-allowed":"default",color:"black",":active":_objectSpread({},e[":active"])})}},o=t.map((function(e){return{label:e.name,value:e.codex}}));return(0,i.jsx)("div",{className:a.YS,children:(0,i.jsx)(c.ZP,{styles:r,value:o.find((function(e){return e.value==n[0]})),options:o,onChange:function onChange(e){n[1](e.value)}})})}))},78948:(e,t,n)=>{n.r(t),n.d(t,{default:()=>C});var r=n(80248),o=n(84658),a=n(34988),c=n(50747),i=n.n(c),l=n(65515),u=n.n(l),s=n(9420),d=n(8135),p=n(87363),f=n(93379),b=n.n(f),O=n(7795),v=n.n(O),g=n(90569),y=n.n(g),S=n(3565),x=n.n(S),j=n(19216),P=n.n(j),h=n(44589),w=n.n(h),m=n(7046),_={};_.styleTagTransform=w(),_.setAttributes=x(),_.insert=y().bind(null,"head"),_.domAPI=v(),_.insertStyleElement=P();b()(m.ZP,_);m.ZP&&m.ZP.locals&&m.ZP.locals;var E=n(47264),T=n(73812),D=n(88683),A=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const C=(0,s.Pi)((function CatalogMakeup(e){var t=(0,d.NP)(),n=(0,p.useState)([]),r=(0,a.Z)(n,2),c=r[0],l=r[1],s=(0,p.useState)(),f=(0,a.Z)(s,2),b=f[0],O=f[1],v=null==c?void 0:c.find((function(e){return e.codex===b}));(0,p.useEffect)((function(){var e=t.divaWebPlanner.actSet(),n=null==e?void 0:e.CatalogData.getOptions();null!=n&&n.length&&l(n)}),[t.settingsState.configChanged]),(0,p.useEffect)((function(){var e=null==c?void 0:c.find((function(e){return e.codex===b}));e&&g(e)}),[b]);var g=function(){var e=(0,o.Z)(i().mark((function _callee(e){var n;return i().wrap((function _callee$(r){for(;;)switch(r.prev=r.next){case 0:if(!(n=t.configuratorStructureHandler.getFirstConfigStepByOptionCodex(e.codex))){r.next=7;break}return t.configuratorStructureHandler.navigateToConfigStepByConfigStepKey(null==n?void 0:n.key),t.updateConfiguratorState(!0),r.next=6,D.DivaUtils.Sleep(100);case 6:t.paletteViewHandler.scrollToConfigStepByPosNr(n.posNr,!0);case 7:case"end":return r.stop()}}),_callee)})));return function naviagateToOption(t){return e.apply(this,arguments)}}();return(0,A.jsx)("div",_objectSpread(_objectSpread({},e),{},{className:u()(e.className,m.fm),children:(0,A.jsxs)("div",{className:m.YS,children:[(0,A.jsx)("a",{className:m.Fs,children:"CatalogMakeup"}),(0,A.jsxs)("div",{className:m.nC,children:[(0,A.jsx)(E.default,{options:c,optionState:[b,O]}),v&&(0,A.jsx)(T.default,{option:v},v.codex)]})]})}))}))},95044:(e,t,n)=>{n.d(t,{YS:()=>i,ZP:()=>l});var r=n(8081),o=n.n(r),a=n(23645),c=n.n(a)()(o());c.push([e.id,".index-module--cA3b1 {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.index-module--CJSAc {\n  box-shadow: var(--boxShadowHover);\n  width: 300px;\n  min-width: 100px;\n}\n\n.index-module--h2JpC {\n  border-radius: var(--globalBorderRadius);\n  border-color: white;\n  padding: 2px 12px 3px 10px;\n  line-height: 20.8px;\n  -webkit-font-smoothing: antialiased;\n  -webkit-text-stroke: 0.1px;\n  color: var(--secondaryColor);\n  cursor: pointer;\n}\n",""]);var i="index-module--cA3b1";const l=c},7046:(e,t,n)=>{n.d(t,{Fs:()=>u,YS:()=>i,ZP:()=>d,fm:()=>l,nC:()=>s});var r=n(8081),o=n.n(r),a=n(23645),c=n.n(a)()(o());c.push([e.id,".index-module--tlOAN {\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 5px);\n  -webkit-user-select: text;\n     -moz-user-select: text;\n          user-select: text;\n  background-color: #fff;\n}\n.index-module--Y4cLX {\n  overflow: auto;\n  left: 50px;\n}\n.index-module--mAsES {\n  height: 8%;\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}\n.index-module--Ool1Y {\n  width: calc(100% - 40px);\n  margin: 20px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n",""]);var i="index-module--tlOAN",l="index-module--Y4cLX",u="index-module--mAsES",s="index-module--Ool1Y";const d=c},20196:(e,t,n)=>{n.d(t,{YS:()=>O.YS});var r=n(93379),o=n.n(r),a=n(7795),c=n.n(a),i=n(90569),l=n.n(i),u=n(3565),s=n.n(u),d=n(19216),p=n.n(d),f=n(44589),b=n.n(f),O=n(95044),v={};v.styleTagTransform=b(),v.setAttributes=s(),v.insert=l().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=p();o()(O.ZP,v),O.ZP&&O.ZP.locals&&O.ZP.locals}}]);