@crystaldesign/diva-web-planner-react 25.9.0-rc.7 → 25.9.0-rc.8

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3538.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3538,4133,2105,3168,3125,6886,9134,1037,8118,9596,7502],{74133:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const l=function SettingsHeader(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},39460:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});var i=t(34988),r=t(9420),o=t(87363),l=t(37707),d=t(31964),a=t(93379),s=t.n(a),c=t(7795),p=t.n(c),u=t(90569),m=t.n(u),x=t(3565),f=t.n(x),g=t(19216),w=t.n(g),h=t(44589),b=t.n(h),v=t(83301),y={};y.styleTagTransform=b(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();s()(v.Z,y);v.Z&&v.Z.locals&&v.Z.locals;var P=t(40912),j=t(65515),O=t.n(j),S=t(47514);const R=(0,r.Pi)((function HorizantalGroup(e){var n=e.item,t=e.PaletteComponent,r=n.groups.flatMap((function(e){return e.items})),a=(0,o.useState)(null),s=(0,i.Z)(a,2),c=s[0],p=s[1],u=(0,o.useRef)(0);return(0,o.useEffect)((function(){c&&c.slideTo(u.current,0)}),[c]),1==r.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsx)("div",{className:O()(v.t),id:n.id.toString(),children:(0,S.jsx)(l.tq,{onSwiper:p,resizeObserver:!0,modules:[d.W_],slidesPerView:"auto",style:{width:"fit-content"},spaceBetween:8,scrollbar:!0,children:r.map((function(e,i){return(0,S.jsx)(l.o5,{onClick:function onClick(e){!function navigateToOnClick(e){u.current=e,null==c||c.slideTo(e)}(i-1),e.stopPropagation()},children:(0,S.jsx)(t,{paletteType:n.type,paletteId:n.id,item:e},(0,P.getKey)(e))},i)}))})})}))},32105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const l=function SettingsPaletteGroup(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup"}))}},12582:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(20640),r=t(9420),o=(t(87363),t(39460)),l=t(4903),d=t(93379),a=t.n(d),s=t(7795),c=t.n(s),p=t(90569),u=t.n(p),m=t(3565),x=t.n(m),f=t(19216),g=t.n(f),w=t(44589),h=t.n(w),b=t(53946),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=g();a()(b.Z,v);b.Z&&b.Z.locals&&b.Z.locals;var y=t(47514);const P=(0,r.Pi)((function ArticleOverviewWrapper(e){var n=(0,i.NP)().settingsState.itemPalettes.get(1);if(!n)return(0,y.jsx)(y.Fragment,{});var t=l.default[n.type];return(0,y.jsx)("div",{className:b.Y,children:(0,y.jsx)(o.default,{item:n,PaletteComponent:t})})}))},3168:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(9420),r=t(20640),o=t(93379),l=t.n(o),d=t(7795),a=t.n(d),s=t(90569),c=t.n(s),p=t(3565),u=t.n(p),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),w=t(11309),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=x();l()(w.ZP,h);w.ZP&&w.ZP.locals&&w.ZP.locals;t(87363);var b=t(65515),v=t.n(b),y=t(88683),P=t(47514);const j=(0,i.Pi)((function ReplaceSwitch(e){var n=(0,r.NP)(),t=(0,y.useTranslation)().t;return(0,P.jsxs)("div",{className:v()(w.YS),children:[(0,P.jsx)("div",{onClick:function onClick(){return n.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:v()(w.LI,n.settingsState.plannerReplaceMode?void 0:w.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,P.jsx)("div",{onClick:function onClick(){n.settingsState.plannerReplaceModeAvailable&&n.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:v()(w.LI,n.settingsState.plannerReplaceMode?w.pA:void 0,n.settingsState.plannerReplaceModeAvailable?void 0:w.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},53125:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const l=function ItemVariant(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},16886:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(84658),r=t(80248),o=t(34988),l=t(50747),d=t.n(l),a=t(87363),s=t(65515),c=t.n(s),p=t(93379),u=t.n(p),m=t(7795),x=t.n(m),f=t(90569),g=t.n(f),w=t(3565),h=t.n(w),b=t(19216),v=t.n(b),y=t(44589),P=t.n(y),j=t(18135),O={};O.styleTagTransform=P(),O.setAttributes=h(),O.insert=g().bind(null,"head"),O.domAPI=x(),O.insertStyleElement=v();u()(j.ZP,O);j.ZP&&j.ZP.locals&&j.ZP.locals;var S=t(20640),R=t(9420),N=t(74133),D=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const k=(0,R.Pi)((function TextBox(e){var n,t,l=e.item,s=e.paletteId,p=e.style,u=(0,S.NP)(),m=(0,a.useRef)(null),x=l.groups[0].items,f=(0,a.useState)(x[0].freeTextLang),g=(0,o.Z)(f,2),w=g[0],h=g[1],b=function(){var e=(0,i.Z)(d().mark((function _callee(e,n){return d().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:u.paletteViewHandler.onFreeTextLangChanged(e,n,x[0],s);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),v=null!==(n=u.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,D.jsxs)("div",{className:j.O7,ref:function ref(e){return l.htmlRef=e},style:p,children:[(0,D.jsx)("div",{className:c()(j.eR,j.TN,j.t$),children:(0,D.jsx)(N.default,{item:l,isInScroller:!0,isSettingsHeader:!1})}),(0,D.jsx)("div",{className:c()(j.eR,j.F2),children:v.length?(0,D.jsx)(D.Fragment,{children:v.map((function(e){return(0,D.jsxs)("div",{className:j.t,children:[(0,D.jsx)("div",{className:j.kA,children:e}),(0,D.jsx)("input",{className:j.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){m.current&&clearTimeout(m.current),m.current=setTimeout((function(){return b(e,n)}),500),h(_objectSpread(_objectSpread({},w),{},(0,r.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==w?void 0:w[e]})]},e)}))}):(0,D.jsx)("div",{children:(0,D.jsx)("input",{className:j.q_,onChange:function handleChange(e){x[0]&&(x[0].freeText=e.target.value,u.paletteViewHandler.clickedOnConfigPalette(x[0],"inputbox",s))},type:"text",value:null!==(t=x[0])&&void 0!==t&&t.freeText?x[0].freeText:""})})})]})}))},59134:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),r=t(87363),o=t(93379),l=t.n(o),d=t(7795),a=t.n(d),s=t(90569),c=t.n(s),p=t(3565),u=t.n(p),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),w=t(60636),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=x();l()(w.ZP,h);w.ZP&&w.ZP.locals&&w.ZP.locals;var b=t(65515),v=t.n(b),y=t(47514);const P=function MultiToggleSwitch(e){var n=e.values,t=(0,i.Z)(e.state,2),o=t[0],l=t[1],d=e.round,a=100/n.length,s=(0,r.useState)([]),c=(0,i.Z)(s,2),p=c[0],u=c[1];return(0,r.useEffect)((function(){n.some((function(e){return!e.endsWith("cm")}))?u(n):u(n.map((function(e,t){return e.replace("cm","")+(t==n.length-1?"cm":"")})))}),[n]),(0,y.jsx)("div",{className:w.YS,style:{borderRadius:d?"100px":void 0},children:(0,y.jsxs)("div",{className:w.No,children:[p.map((function(e,n){return(0,y.jsx)("div",{style:{width:a+"%"},children:(0,y.jsx)("label",{onClick:function onClick(){return l(n)},className:v()(w.F2,o===n&&w.pA),children:e})},n)})),(0,y.jsx)("div",{className:w.wb,style:{left:o/n.length*100+"%",width:a+"%",borderRadius:d?"100px":void 0}})]})})}},11037:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(34988),r=t(87363),o=t(9420),l=t(20640),d=t(59134),a=t(93379),s=t.n(a),c=t(7795),p=t.n(c),u=t(90569),m=t.n(u),x=t(3565),f=t.n(x),g=t(19216),w=t.n(g),h=t(44589),b=t.n(h),v=t(7182),y={};y.styleTagTransform=b(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();s()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var P=t(65515),j=t.n(P),O=t(47514);const S=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=e.round,a=(0,l.NP)(),s=(0,r.useState)([]),c=(0,i.Z)(s,2),p=c[0],u=c[1],m=(0,r.useState)([]),x=(0,i.Z)(m,2),f=x[0],g=x[1],w=(0,r.useState)(),h=(0,i.Z)(w,2),b=h[0],y=h[1],P=(0,r.useState)(!1),S=(0,i.Z)(P,2),R=S[0],N=S[1];return(0,r.useEffect)((function(){if(void 0!==b){var e=p[b];e&&a.paletteViewHandler.clickedOnConfigPalette(e)}}),[b]),(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));u(e),N(t),g(e.map((function(e){return t?e.text.replace("cm",""):e.text}))),y(e.findIndex((function(e){return e.sel})))}),[n]),0===p.length?(0,O.jsx)(O.Fragment,{}):(0,O.jsxs)("div",{className:v.O7,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,O.jsx)("div",{className:j()(v.eR,v.TN),children:n.name+(R?" (cm)":"")}),(0,O.jsx)("div",{className:j()(v.eR,v.ZN),children:(0,O.jsx)(d.default,{values:f,state:[b,y],round:o})})]})}))},28118:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(34988),r=t(87363),o=t(9420),l=t(20640),d=t(96935),a=t(74133),s=t(93379),c=t.n(s),p=t(7795),u=t.n(p),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),w=t(19216),h=t.n(w),b=t(44589),v=t.n(b),y=t(74219),P={};P.styleTagTransform=v(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=h();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const O=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=(0,l.NP)(),s=(0,r.useState)({}),c=(0,i.Z)(s,2),p=c[0],u=c[1],m=(0,r.useState)([]),x=(0,i.Z)(m,2),f=x[0],g=x[1],w=(0,r.useState)(),h=(0,i.Z)(w,2),b=h[0],v=h[1],P=function onChangeComplete(e){void 0!==(null!=e?e:b)&&o.paletteViewHandler.clickedOnConfigPalette(f[null!=e?e:b])};return(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items}));g(e),v(e.findIndex((function(e){return e.sel}))),u(e.reduce((function(e,n,t){return e[t]=n.text,e}),{}))}),[n]),0===f.length?(0,j.jsx)(j.Fragment,{}):(0,j.jsxs)("div",{style:t,className:y.YS,children:[(0,j.jsx)(a.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),(0,j.jsx)("div",{className:y.sL,children:(0,j.jsx)(d.Z,{marks:p,trackStyle:{backgroundColor:"#e9e9e9"},value:b,onChange:function onChange(e){Array.isArray(e)&&(e=e[0]),v(e),P(e)},onChangeComplete:P,min:Number(Object.keys(p)[0]),max:Number(Object.keys(p)[Object.keys(p).length-1])})})]})}))},67502:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});var i=t(34988),r=t(88683),o=t(20640),l=t(87363),d=t(9420),a=t(9755),s=t(93379),c=t.n(s),p=t(7795),u=t.n(p),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),w=t(19216),h=t.n(w),b=t(44589),v=t.n(b),y=t(77113),P={};P.styleTagTransform=v(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=h();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(74133),O=t(47514),S=function getSkeletons(e,n){var t=0;e>n&&(t=e-n);var i=[];if(t)for(var r=t-1;r>=0;r--)i.push(e-r);return i};const R=(0,d.Pi)((function PromotedProducts(e){var n,t=e.item,d=(0,r.useDivaCore)(),s=d.actions.openComponent,c=d.handler.productHandler,p=d.state.organization,u=(0,l.useState)([]),m=(0,i.Z)(u,2),x=m[0],f=m[1],g=(0,o.NP)(),w=g.getViewConfig().productsConfig,h=(0,l.useState)(0),b=(0,i.Z)(h,2),v=b[0],P=b[1],R=(0,l.useCallback)((function(e){P(g.settingsState.configChanged),s({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[g]),N=v===g.settingsState.configChanged&&(null!==(n=g.configState.productId)&&void 0!==n?n:!g.configState.divaNr&&g.divaWebPlanner.getStartProductId());(0,l.useEffect)((function(){var e,n,t;c.apiLoadProductVariantsGrouped({limit:null!==(e=null==w?void 0:w.maxCount)&&void 0!==e?e:void 0,search:null!==(n=null==w?void 0:w.filter)&&void 0!==n?n:[{id:"availableForOrganizations",op:"eq",value:p._id},{id:"promotedForOrganizations",op:"eq",value:p._id}],sort:null!==(t=null==w?void 0:w.sort)&&void 0!==t?t:"{-created}"}).then((function(e){var n=e.data.findIndex((function(e){var n;return null===(n=e.items[0].startProductForOrganizations)||void 0===n?void 0:n.includes(p._id)}));if(-1!=n){var t=e.data[n];e.data.splice(n,1),e.data.unshift(t)}f(e.data)}))}),[g.uiState.isLoading]);var D=null!=w&&w.maxCount&&w.showSkeletions?S(w.maxCount,x.length):[];return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(j.default,{isInScroller:!1,isSettingsHeader:!0,item:t}),(0,O.jsxs)("div",{className:y.Ry,children:[x.map((function(e,n){return(0,O.jsx)(a.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:R,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==N}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),D.map((function(e){return(0,O.jsx)("div",{className:y.F1,children:(0,O.jsx)("div",{children:e})},e)}))]})]})}))},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});t(87363);var i=t(65515),r=t.n(i),o=t(550),l=t(20640),d=t(45832),a=t(88683),s=t(58391),c=t(27853),p=t(47514),u=(0,a.getLogger)("Planner","ToggleName");const m=function ToggleName(e){var n,t,i,a=e.item,m=e.paletteId,x=e.style,f=(0,l.NP)(),g=a.groups[0].items;if(!g)return(0,p.jsx)(p.Fragment,{});for(var w=0;w<g.length;w++){var h,b;null!==(h=g[w].codex)&&void 0!==h&&h.startsWith("OPVNEIN")&&(i=g[w]),null!==(b=g[w].codex)&&void 0!==b&&b.startsWith("OPVJA")&&(t=g[w])}if(!(i&&t||(2==g.length&&(i=g[0],t=g[1]),i&&t)))return u.warn("Achtung! Bei der Option: "+g[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),a.isVisited=!0,(0,p.jsx)(p.Fragment,{});var v=0==i.sel,y=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,p.jsxs)("div",{className:o.O7,ref:function ref(e){return a.htmlRef=e},style:x,children:[(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){f.paletteViewHandler.clickedOnConfigPalette(i,void 0,m)},children:[void 0!==i.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,p.jsx)("div",{className:v?void 0:o.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,p.jsx)("div",{className:r()(o.Fl,o.ZN),children:(0,p.jsx)(d.default,{onChange:function onChange(){f.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,m)},val:a,alwaysActiveColor:!0,state:v})}),(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){f.paletteViewHandler.clickedOnConfigPalette(t,void 0,m)},children:[void 0!==t.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),(0,p.jsx)("div",{className:v?o.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),y&&(0,p.jsx)(s.default,{item:y,style:{position:"relative"}},a.configStepKey)]})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>f});t(87363);var i=t(65515),r=t.n(i),o=t(550),l=t(20640),d=t(45832),a=t(9420),s=t(88683),c=t(8108),p=t(58391),u=t(27853),m=t(47514),x=(0,s.getLogger)("Planner","ToggleOption");const f=(0,a.Pi)((function ToggleOption(e){var n,t,i,a=e.item,s=e.paletteId,f=e.style,g=(0,l.NP)(),w=a.groups[0].items;if(!w)return(0,m.jsx)(m.Fragment,{});for(var h=0;h<w.length;h++){var b,v;null!==(b=w[h].codex)&&void 0!==b&&b.startsWith("OPVNEIN")&&(i=w[h]),null!==(v=w[h].codex)&&void 0!==v&&v.startsWith("OPVJA")&&(t=w[h])}if(!(i&&t||(2==w.length&&(i=w[0],t=w[1]),i&&t)))return x.error(new c.GE("Achtung! Bei der Option: "+w[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),a.isVisited=!0,(0,m.jsx)(m.Fragment,{});var y=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,m.jsxs)("div",{className:o.O7,ref:function ref(e){return a.htmlRef=e},style:f,children:[(0,m.jsx)("div",{className:r()(o.eR,o.TN),children:a.name}),(0,m.jsxs)("div",{className:r()(o.eR,o.ZN),children:[void 0!==i.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,m.jsx)(d.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,s)},val:a,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"})]}),y&&(0,m.jsx)(p.default,{item:y,style:{bottom:"calc(50% - 10px)",right:"20px"}},a.configStepKey)]})}))},3423:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});t(87363);var i=t(93379),r=t.n(i),o=t(7795),l=t.n(o),d=t(90569),a=t.n(d),s=t(3565),c=t.n(s),p=t(19216),u=t.n(p),m=t(44589),x=t.n(m),f=t(98404),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=u();r()(f.Z,g);f.Z&&f.Z.locals&&f.Z.locals;var w=t(65515),h=t.n(w),b=t(18500),v=t(74133),y=t(3168),P=t(9420),j=t(20640),O=t(12582),S=t(47514);const R=(0,P.Pi)((function ItemWrapper(e){var n=e.item,t=e.style,i=e.children,r=(0,j.NP)(),o=n.isHeader||n.hideHeader?(0,S.jsx)(S.Fragment,{}):(0,S.jsx)(v.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),l=n.type.startsWith("ART"),d=l&&r.settingsState.planner2Dot0Active;return(0,S.jsxs)("div",{style:t,className:h()(f.f,{wcFilterVisible:n.filterVisible}),ref:function ref(e){return n.htmlRef=e},id:n.configStepKey,children:[(0,S.jsx)(b.default,{stepInfo:n.info}),!d&&o,d&&(0,S.jsx)(O.default,{}),l&&!d&&r.settingsState.doShowReplaceMode&&(!r.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==n.id)&&(0,S.jsx)(y.default,{}),d&&o,i]})}))},40912:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I,getKey:()=>k});var i=t(80248),r=t(34988),o=t(87363),l=t.n(o),d=t(9420),a=t(86468),s=t(16886),c=t(53125),p=t(32105),u=t(3985),m=t(88584),x=t(20640),f=t(73513),g=t(67502),w=t(78717),h=t(4903),b=t(3423),v=t(38315),y=t(28118),P=t(11037),j=t(88683);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}var O=function useGridVariables(e){var n=(0,x.NP)(),t=(0,j.useDivaCore)().state.dimensions,r=(0,o.useMemo)((function(){var t,r,o,l,d,a,s=null!==(t=n.uiState.ViewConfig.settingsSizes)&&void 0!==t?t:{},c=null!==(r=null===(o=n.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().width)&&void 0!==r?r:0,p=null!==(l=null==s?void 0:s.gapDefault)&&void 0!==l?l:"10px",u=null!==(d=null==s?void 0:s.sizeDefault)&&void 0!==d?d:"300px",m=void 0;if(e.isRenderedNotInSettingPalette&&!e.isRenderedInAccessorieStep)u="240px";else if("SUMMARY_ARTICLES"==e.type||"SUMMARY_OPTIONTREE"===e.type||"SUMMARY_PARTLIST"==e.type||"VARIANTS"==e.type)u="calc(100% - 20px)";else if("GAL_GROUP_DROPDOWN"==e.type||"GAL_BIG"===e.type)u="100px";else if("ACC"==e.type)s.sizeAccessoires&&(u=s.sizeAccessoires);else if("ACC_CONFIG"==e.type)u="100%";else if("RANGE"==e.type)u="100%";else if("GAL"==e.type){var x,f;u=null!==(x=null==s?void 0:s.sizeGallery)&&void 0!==x?x:"80px",p=null!==(f=null==s?void 0:s.gapGallery)&&void 0!==f?f:"10px"}else"PLANNERSWITCH"===e.type?u="170px":"SMALL"===e.type&&n.getIsInMobileView()&&"jungle"==(null===(a=n.uiState.templateConfigKeys)||void 0===a?void 0:a.ItemDefault)||"SHELFPLANNER"===e.type&&n.productState.shelfPlannerRTV?u="120px":"VERY_SMALL"===e.type?u="48%":"GAL_TEXT_2"==e.type?u=c>700||c>550?"120px":c>400?"110px":"100px":"GAL_TEXT"==e.type?u=c>700||c>550?"100px":c>400?"90px":"80px":"GAL_BIG_TEXT_2"==e.type?u=c>700?"190px":c>550?"170px":c>400?"145px":"130px":"GAL_BIG_TEXT"==e.type||"ART_2"==e.type?u=c>700||c>550?"120px":c>400?"110px":"100px":"GAL_SMALL_TEXT_2"==e.type||"PLANNER_2.0"==e.type?(u=c>700?"110px":c>550?"95px":c>400?"80px":"70px",p="8px"):"GAL_SMALL_TEXT"==e.type?(u=c>700?"75px":c>550?"70px":c>400?"55px":"50px",p="6px"):e.type.startsWith("GAL_SMALL")&&(u="60px");return["GAL_SMALL_GROUP_DROPDOWN","TOGGLE","TOGGLE_NAME","DROPDOWN_IMAGE","DROPDOWN_TEXT"].includes(e.type)&&(m="20px"),function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({"--gridSize":u,"--gridGap":p},m?{"--infoIconSize":m}:{})}),[e,n.uiState.ViewConfig.settingsSizes,n.settingsState.settingsScrollerElement,t]);return r},S=t(47514);function SettingsItem_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function SettingsItem_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?SettingsItem_ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):SettingsItem_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=l().lazy((function(){return Promise.all([t.e(9944),t.e(7442)]).then(t.bind(t,67442))})),N=l().lazy((function(){return Promise.all([t.e(2976),t.e(4054)]).then(t.bind(t,34054))})),D=l().lazy((function(){return Promise.all([t.e(1849),t.e(9604)]).then(t.bind(t,39604))})),k=function getKey(e){var n,t,i,r;return null!==(n=null!==(t=null!==(i=null!==(r=e.basketId)&&void 0!==r?r:e.codex)&&void 0!==i?i:e.key)&&void 0!==t?t:e.articleCodex)&&void 0!==n?n:e.title};const I=(0,d.Pi)((function SettingsPaletteItem(e){var n,t=e.item,i=e.groupSize,l=(0,x.NP)(),d=O(t),j=h.default[t.type];if(void 0===j)throw new Error("component type: '"+t.type+"' not implemented");var I=(0,o.useState)([]),T=(0,r.Z)(I,2),Z=T[0],A=T[1],C=(0,o.useState)([]),_=(0,r.Z)(C,2),E=_[0],z=_[1];(0,o.useEffect)((function(){var e=t.groups.map((function(e){return SettingsItem_objectSpread(SettingsItem_objectSpread({},e),{},{items:t.currentItemsFilter&&"PLANNERSWITCH"!==t.type?e.items.filter((0,a.ZP)(t.currentItemsFilter)):e.items})})),n=e.filter((function(e){return e.items.length>0}));n.length>0&&(e=n),A(n),z(e)}),[t,l.settingsState.itemPalettes]);var L=1===Z.length&&"none"===Z[0].name,G=t.type.startsWith("SUMMARY")?"":u.pw;if(!t.visible)return(0,S.jsx)(S.Fragment,{});if("PLANNER_2.0"==t.type)return(0,S.jsx)(S.Fragment,{});switch(t.type){case"CHECKOUT":return(0,S.jsx)(v.default,{viewHandler:l});case"TOGGLE":return(0,S.jsx)(m.default,{style:d,item:t,paletteId:t.id});case"TOGGLE_NAME":return(0,S.jsx)(w.default,{style:d,item:t,paletteId:t.id});case"TEXTBOX":return(0,S.jsx)(s.default,{style:d,item:t,paletteId:t.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,S.jsx)(c.default,{style:d,item:t,paletteId:t.id});case"NUMBER":return(0,S.jsx)(j,{paletteId:t.id,item:null===(n=t.groups[0])||void 0===n||null===(n=n.items)||void 0===n?void 0:n[0],groupSize:i},t.id+t.configStepKey);case"SLIDER":return(0,S.jsx)(y.default,{style:d,item:t,paletteId:t.id});case"MULTI_TOGGLE":case"MULTI_TOGGLE_ROUND":return(0,S.jsx)(P.default,{style:d,item:t,paletteId:t.id,round:"MULTI_TOGGLE_ROUND"===t.type});case"SHELFPLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(R,{filteredGroups:Z,item:t,id:t.id,style:d},t.id)});case"PRODUCTS":return(0,S.jsx)(D,{item:t});case"PROMOTED":return(0,S.jsx)(g.default,{item:t});case"DOOR_PLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(N,{item:t})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var M=(0,S.jsx)(f.default,{item:t,PaletteComponent:j,filteredGroups:E,id:t.id,showSearchBar:"GAL_GROUP_DROPDOWN"==t.type,contentInnerClassName:G},t.configStepKey);return(0,S.jsx)(b.default,{style:d,item:t,children:M});default:var K;return K=L?(0,S.jsx)("div",{className:G,children:Z.map((function(e){return e.items.map((function(e,n){return(0,S.jsx)(j,{paletteType:t.type,paletteId:t.id,item:e},k(e))}))}))}):(0,S.jsx)(p.default,{groups:Z,contentInnerClassName:G,itemPalette:t,PaletteComponent:j}),(0,S.jsx)(b.default,{style:d,item:t,children:K})}}))},83301:(e,n,t)=>{t.d(n,{Z:()=>m,t:()=>u});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o),d=t(61667),a=t.n(d),s=new URL(t(64197),t.b),c=l()(r()),p=a()(s);c.push([e.id,".index-module--DtwRe {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n/*navigation*/\n\n.index-module--DtwRe .swiper-slide {\n  width: auto;\n  width: initial;\n}\n\n.index-module--DtwRe .swiper-button-prev,\n.index-module--DtwRe .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\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: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DtwRe .swiper-button-prev.swiper-button-disabled,\n.index-module--DtwRe .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe .swiper-button-prev.swiper-button-hidden,\n.index-module--DtwRe .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DtwRe .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DtwRe .swiper-button-prev svg,\n.index-module--DtwRe .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DtwRe .swiper-rtl .swiper-button-prev svg,\n.index-module--DtwRe .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DtwRe .swiper-button-prev,\n.index-module--DtwRe .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DtwRe .swiper-button-next,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .swiper-button-next:after {\n  font-family: swiper-icons;\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.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DtwRe .swiper-button-next,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe .swiper-button-next:after,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+p+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DtwRe .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.index-module--DtwRe .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--DtwRe .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DtwRe .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.index-module--DtwRe .swiper-android .swiper-slide,\n.index-module--DtwRe .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DtwRe .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DtwRe .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DtwRe .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DtwRe .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--DtwRe .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DtwRe .swiper-autoheight,\n.index-module--DtwRe .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DtwRe .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DtwRe .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DtwRe .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DtwRe .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DtwRe .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--DtwRe .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] .index-module--DtwRe .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var u="index-module--DtwRe";const m=c},53946:(e,n,t)=>{t.d(n,{Y:()=>d,Z:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--GKAfY {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n  width: calc(100% - 12px);\n}\n",""]);var d="index-module--GKAfY";const a=l},11309:(e,n,t)=>{t.d(n,{JU:()=>c,LI:()=>a,YS:()=>d,ZP:()=>p,pA:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var d="index-module--RNSdL",a="index-module--BZXkK",s="index-module--WUQm2",c="index-module--f88nM";const p=l},18135:(e,n,t)=>{t.d(n,{F2:()=>p,O7:()=>a,TN:()=>s,ZP:()=>f,eR:()=>u,kA:()=>x,q_:()=>d,t:()=>m,t$:()=>c});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\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}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var d="index-module--BRYpa",a="index-module--VyzqQ",s="index-module--KQkM7",c="index-module--bKCuD",p="index-module--FSuK_",u="index-module--pc3yf",m="index-module--laiEH",x="index-module--HL0mI";const f=l},60636:(e,n,t)=>{t.d(n,{F2:()=>c,No:()=>a,YS:()=>d,ZP:()=>u,pA:()=>p,wb:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f4f4f4;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var d="index-module--V0pQW",a="index-module--zHWrU",s="index-module--rSXQZ",c="index-module--Ublpe",p="index-module--jEYkH";const u=l},7182:(e,n,t)=>{t.d(n,{O7:()=>d,TN:()=>s,ZN:()=>c,ZP:()=>p,eR:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n}\n.index-module--oMpID {\n  width: 70%;\n}\n.index-module--oMpID:first-child {\n  width: 30%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--CG0qP {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var d="index-module--j9Vsg",a="index-module--oMpID",s="index-module--F6wCX",c="index-module--mALKQ";const p=l},74219:(e,n,t)=>{t.d(n,{YS:()=>d,ZP:()=>s,sL:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--vkNxi {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.index-module--cmtxo {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n\n.index-module--cmtxo .rc-slider {\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 5px 0;\n  border-radius: 6px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-rail {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background-color: #e9e9e9;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track,\n.index-module--cmtxo .rc-slider-tracks {\n  position: absolute;\n  height: 4px;\n  background-color: #abe2fb;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track-draggable {\n  z-index: 1;\n  box-sizing: content-box;\n  background-clip: content-box;\n  border-top: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  transform: translateY(-5px);\n}\n.index-module--cmtxo .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  background-color: #fff;\n  border: solid 2px #96dbfa;\n  border-radius: 50%;\n  cursor: pointer;\n  cursor: grab;\n  opacity: 0.8;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: pan-x;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n  border-color: #57c5f7;\n  box-shadow: 0 0 0 5px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {\n  opacity: 0;\n}\n.index-module--cmtxo .rc-slider-handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.index-module--cmtxo .rc-slider-handle.focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle:focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-click-focused:focus {\n  border-color: #96dbfa;\n  box-shadow: none;\n  box-shadow: initial;\n}\n.index-module--cmtxo .rc-slider-handle:hover {\n  border-color: #57c5f7;\n}\n.index-module--cmtxo .rc-slider-handle:active {\n  border-color: #57c5f7;\n  box-shadow: 0 0 5px #57c5f7;\n  cursor: grabbing;\n}\n.index-module--cmtxo .rc-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.index-module--cmtxo .rc-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  color: #999;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-mark-text-active {\n  color: #666;\n}\n.index-module--cmtxo .rc-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background: transparent;\n}\n.index-module--cmtxo .rc-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  width: 8px;\n  height: 8px;\n  vertical-align: middle;\n  background-color: #fff;\n  border: 2px solid #e9e9e9;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-dot-active {\n  border-color: #96dbfa;\n}\n.index-module--cmtxo .rc-slider-dot-reverse {\n  margin-right: -4px;\n}\n.index-module--cmtxo .rc-slider-disabled {\n  background-color: #e9e9e9;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-track {\n  background-color: #ccc;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-handle,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  background-color: #fff;\n  border-color: #ccc;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-mark-text,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  cursor: not-allowed !important;\n}\n.index-module--cmtxo .rc-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-rail {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track {\n  bottom: 0;\n  left: 5px;\n  width: 4px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track-draggable {\n  border-top: 0;\n  border-right: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 0;\n  border-left: 5px solid rgba(0, 0, 0, 0);\n  transform: translateX(-5px);\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  margin-top: 0;\n  margin-left: -5px;\n  touch-action: pan-y;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-step {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-dot {\n  margin-left: -2px;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n  animation-name: rcSliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n  animation-name: rcSliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes index-module--xw4LC {\n  0% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n}\n@keyframes index-module--bzXCO {\n  0% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n  100% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n}\n.index-module--cmtxo .rc-slider-tooltip {\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip-hidden {\n  display: none;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top {\n  padding: 4px 0 8px 0;\n}\n.index-module--cmtxo .rc-slider-tooltip-inner {\n  min-width: 24px;\n  height: 24px;\n  padding: 6px 2px;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  background-color: #6c6c6c;\n  border-radius: 6px;\n  box-shadow: 0 0 4px #d9d9d9;\n}\n.index-module--cmtxo .rc-slider-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n",""]);var d="index-module--vkNxi",a="index-module--cmtxo";const s=l},77113:(e,n,t)=>{t.d(n,{F1:()=>a,Ry:()=>d,ZP:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var d="index-module--x75w5",a="index-module--tgKwN";const s=l},43078:(e,n,t)=>{t.d(n,{Fl:()=>s,O7:()=>d,TN:()=>c,ZN:()=>p,ZP:()=>x,eR:()=>a,pA:()=>m,u2:()=>u});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var d="index-module--v5pSs",a="index-module--WNi5H",s="index-module--L1EGw",c="index-module--BYNhM",p="index-module--NNRCj",u="index-module--z1OwD",m="index-module--PkMF3";const x=l},98404:(e,n,t)=>{t.d(n,{Z:()=>a,f:()=>d});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--hCQUB {\n  width: 100%;\n  margin-bottom: 24px;\n}\n",""]);var d="index-module--hCQUB";const a=l},70410:(e,n,t)=>{t.d(n,{ZP:()=>a,pw:()=>d});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--ThELN {\n  overflow: visible !important;\n}\n\n.index-module--ThELN {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.index-module--anx5T {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--gridSize), 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: var(--gridGap);\n  margin-top: var(--gridGap);\n}\n",""]);var d="index-module--anx5T";const a=l},550:(e,n,t)=>{t.d(n,{Fl:()=>f.Fl,O7:()=>f.O7,TN:()=>f.TN,ZN:()=>f.ZN,eR:()=>f.eR,pA:()=>f.pA,u2:()=>f.u2});var i=t(93379),r=t.n(i),o=t(7795),l=t.n(o),d=t(90569),a=t.n(d),s=t(3565),c=t.n(s),p=t(19216),u=t.n(p),m=t(44589),x=t.n(m),f=t(43078),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=u();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},3985:(e,n,t)=>{t.d(n,{pw:()=>f.pw});var i=t(93379),r=t.n(i),o=t(7795),l=t.n(o),d=t(90569),a=t.n(d),s=t(3565),c=t.n(s),p=t(19216),u=t.n(p),m=t(44589),x=t.n(m),f=t(70410),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=u();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3538,4133,2105,3168,3125,6886,9134,1037,8118,9596,7502],{74133:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const l=function SettingsHeader(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsHeaderContainer/SettingsItemHeader/Header"}))}},39460:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});var i=t(34988),r=t(9420),o=t(87363),l=t(37707),d=t(31964),a=t(93379),s=t.n(a),c=t(7795),p=t.n(c),u=t(90569),m=t.n(u),x=t(3565),f=t.n(x),g=t(19216),w=t.n(g),h=t(44589),b=t.n(h),v=t(83301),y={};y.styleTagTransform=b(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();s()(v.Z,y);v.Z&&v.Z.locals&&v.Z.locals;var P=t(40912),j=t(65515),O=t.n(j),S=t(47514);const R=(0,r.Pi)((function HorizantalGroup(e){var n=e.item,t=e.PaletteComponent,r=n.groups.flatMap((function(e){return e.items})),a=(0,o.useState)(null),s=(0,i.Z)(a,2),c=s[0],p=s[1],u=(0,o.useRef)(0);return(0,o.useEffect)((function(){c&&c.slideTo(u.current,0)}),[c]),1==r.length?(0,S.jsx)(S.Fragment,{}):(0,S.jsx)("div",{className:O()(v.t),id:n.id.toString(),children:(0,S.jsx)(l.tq,{onSwiper:p,resizeObserver:!0,modules:[d.W_],slidesPerView:"auto",style:{width:"fit-content"},spaceBetween:8,scrollbar:!0,children:r.map((function(e,i){return(0,S.jsx)(l.o5,{onClick:function onClick(e){!function navigateToOnClick(e){u.current=e,null==c||c.slideTo(e)}(i-1),e.stopPropagation()},children:(0,S.jsx)(t,{paletteType:n.type,paletteId:n.id,item:e},(0,P.getKey)(e))},i)}))})})}))},32105:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const l=function SettingsPaletteGroup(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/Groups/PaletteGroup"}))}},12582:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(20640),r=t(9420),o=(t(87363),t(39460)),l=t(4903),d=t(93379),a=t.n(d),s=t(7795),c=t.n(s),p=t(90569),u=t.n(p),m=t(3565),x=t.n(m),f=t(19216),g=t.n(f),w=t(44589),h=t.n(w),b=t(53946),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=g();a()(b.Z,v);b.Z&&b.Z.locals&&b.Z.locals;var y=t(47514);const P=(0,r.Pi)((function ArticleOverviewWrapper(e){var n=(0,i.NP)().settingsState.itemPalettes.get(1);if(!n)return(0,y.jsx)(y.Fragment,{});var t=l.default[n.type];return(0,y.jsx)("div",{className:b.Y,children:(0,y.jsx)(o.default,{item:n,PaletteComponent:t})})}))},3168:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var i=t(9420),r=t(20640),o=t(93379),l=t.n(o),d=t(7795),a=t.n(d),s=t(90569),c=t.n(s),p=t(3565),u=t.n(p),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),w=t(11309),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=x();l()(w.ZP,h);w.ZP&&w.ZP.locals&&w.ZP.locals;t(87363);var b=t(65515),v=t.n(b),y=t(88683),P=t(47514);const j=(0,i.Pi)((function ReplaceSwitch(e){var n=(0,r.NP)(),t=(0,y.useTranslation)().t;return(0,P.jsxs)("div",{className:v()(w.YS),children:[(0,P.jsx)("div",{onClick:function onClick(){return n.paletteViewHandler.setPlannerReplaceMode(!1,!0)},className:v()(w.LI,n.settingsState.plannerReplaceMode?void 0:w.pA),id:"configurator_plan_tab",children:t("configurator.plan")}),(0,P.jsx)("div",{onClick:function onClick(){n.settingsState.plannerReplaceModeAvailable&&n.paletteViewHandler.setPlannerReplaceMode(!0,!0)},className:v()(w.LI,n.settingsState.plannerReplaceMode?w.pA:void 0,n.settingsState.plannerReplaceModeAvailable?void 0:w.JU),id:"configurator_replace_tab",children:t("configurator.replace")})]})}))},53125:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var i=t(80248),r=(t(87363),t(2765)),o=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const l=function ItemVariant(e){return(0,o.jsx)(r.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText"}))}},16886:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var i=t(84658),r=t(80248),o=t(34988),l=t(50747),d=t.n(l),a=t(87363),s=t(65515),c=t.n(s),p=t(93379),u=t.n(p),m=t(7795),x=t.n(m),f=t(90569),g=t.n(f),w=t(3565),h=t.n(w),b=t(19216),v=t.n(b),y=t(44589),P=t.n(y),j=t(18135),O={};O.styleTagTransform=P(),O.setAttributes=h(),O.insert=g().bind(null,"head"),O.domAPI=x(),O.insertStyleElement=v();u()(j.ZP,O);j.ZP&&j.ZP.locals&&j.ZP.locals;var S=t(20640),R=t(9420),N=t(74133),D=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const k=(0,R.Pi)((function TextBox(e){var n,t,l=e.item,s=e.paletteId,p=e.style,u=(0,S.NP)(),m=(0,a.useRef)(null),x=l.groups[0].items,f=(0,a.useState)(x[0].freeTextLang),g=(0,o.Z)(f,2),w=g[0],h=g[1],b=function(){var e=(0,i.Z)(d().mark((function _callee(e,n){return d().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:u.paletteViewHandler.onFreeTextLangChanged(e,n,x[0],s);case 1:case"end":return t.stop()}}),_callee)})));return function updateLangLogic(n,t){return e.apply(this,arguments)}}(),v=null!==(n=u.getViewConfig().languagesForInput)&&void 0!==n?n:[];return(0,D.jsxs)("div",{className:j.O7,ref:function ref(e){return l.htmlRef=e},style:p,children:[(0,D.jsx)("div",{className:c()(j.eR,j.TN,j.t$),children:(0,D.jsx)(N.default,{item:l,isInScroller:!0,isSettingsHeader:!1})}),(0,D.jsx)("div",{className:c()(j.eR,j.F2),children:v.length?(0,D.jsx)(D.Fragment,{children:v.map((function(e){return(0,D.jsxs)("div",{className:j.t,children:[(0,D.jsx)("div",{className:j.kA,children:e}),(0,D.jsx)("input",{className:j.q_,onChange:function onChange(n){return function handleLangTextChange(e,n){m.current&&clearTimeout(m.current),m.current=setTimeout((function(){return b(e,n)}),500),h(_objectSpread(_objectSpread({},w),{},(0,r.Z)({},e,n)))}(e,n.target.value)},type:"text",value:null==w?void 0:w[e]})]},e)}))}):(0,D.jsx)("div",{children:(0,D.jsx)("input",{className:j.q_,onChange:function handleChange(e){x[0]&&(x[0].freeText=e.target.value,u.paletteViewHandler.clickedOnConfigPalette(x[0],"inputbox",s))},type:"text",value:null!==(t=x[0])&&void 0!==t&&t.freeText?x[0].freeText:""})})})]})}))},59134:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var i=t(34988),r=t(87363),o=t(93379),l=t.n(o),d=t(7795),a=t.n(d),s=t(90569),c=t.n(s),p=t(3565),u=t.n(p),m=t(19216),x=t.n(m),f=t(44589),g=t.n(f),w=t(60636),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=c().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=x();l()(w.ZP,h);w.ZP&&w.ZP.locals&&w.ZP.locals;var b=t(65515),v=t.n(b),y=t(47514);const P=function MultiToggleSwitch(e){var n=e.values,t=(0,i.Z)(e.state,2),o=t[0],l=t[1],d=e.round,a=100/n.length,s=(0,r.useState)([]),c=(0,i.Z)(s,2),p=c[0],u=c[1];return(0,r.useEffect)((function(){n.some((function(e){return!e.endsWith("cm")}))?u(n):u(n.map((function(e,t){return e.replace("cm","")+(t==n.length-1?"cm":"")})))}),[n]),(0,y.jsx)("div",{className:w.YS,style:{borderRadius:d?"100px":void 0},children:(0,y.jsxs)("div",{className:w.No,children:[p.map((function(e,n){return(0,y.jsx)("div",{style:{width:a+"%"},children:(0,y.jsx)("label",{onClick:function onClick(){return l(n)},className:v()(w.F2,o===n&&w.pA),children:e})},n)})),(0,y.jsx)("div",{className:w.wb,style:{left:o/n.length*100+"%",width:a+"%",borderRadius:d?"100px":void 0}})]})})}},11037:(e,n,t)=>{t.r(n),t.d(n,{default:()=>S});var i=t(34988),r=t(87363),o=t(9420),l=t(20640),d=t(59134),a=t(93379),s=t.n(a),c=t(7795),p=t.n(c),u=t(90569),m=t.n(u),x=t(3565),f=t.n(x),g=t(19216),w=t.n(g),h=t(44589),b=t.n(h),v=t(7182),y={};y.styleTagTransform=b(),y.setAttributes=f(),y.insert=m().bind(null,"head"),y.domAPI=p(),y.insertStyleElement=w();s()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var P=t(65515),j=t.n(P),O=t(47514);const S=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=e.round,a=(0,l.NP)(),s=(0,r.useState)([]),c=(0,i.Z)(s,2),p=c[0],u=c[1],m=(0,r.useState)([]),x=(0,i.Z)(m,2),f=x[0],g=x[1],w=(0,r.useState)(),h=(0,i.Z)(w,2),b=h[0],y=h[1],P=(0,r.useState)(!1),S=(0,i.Z)(P,2),R=S[0],N=S[1];return(0,r.useEffect)((function(){if(void 0!==b){var e=p[b];e&&a.paletteViewHandler.clickedOnConfigPalette(e)}}),[b]),(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items})),t=e.every((function(e){return e.text.endsWith("cm")}));u(e),N(t),g(e.map((function(e){return t?e.text.replace("cm",""):e.text}))),y(e.findIndex((function(e){return e.sel})))}),[n]),0===p.length?(0,O.jsx)(O.Fragment,{}):(0,O.jsxs)("div",{className:v.O7,ref:function ref(e){return n.htmlRef=e},style:t,children:[(0,O.jsx)("div",{className:j()(v.eR,v.TN),children:n.name+(R?" (cm)":"")}),(0,O.jsx)("div",{className:j()(v.eR,v.ZN),children:(0,O.jsx)(d.default,{values:f,state:[b,y],round:o})})]})}))},28118:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var i=t(34988),r=t(87363),o=t(9420),l=t(20640),d=t(96935),a=t(74133),s=t(93379),c=t.n(s),p=t(7795),u=t.n(p),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),w=t(19216),h=t.n(w),b=t(44589),v=t.n(b),y=t(74219),P={};P.styleTagTransform=v(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=h();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const O=(0,o.Pi)((function SliderComponent(e){var n=e.item,t=e.style,o=(0,l.NP)(),s=(0,r.useState)({}),c=(0,i.Z)(s,2),p=c[0],u=c[1],m=(0,r.useState)([]),x=(0,i.Z)(m,2),f=x[0],g=x[1],w=(0,r.useState)(),h=(0,i.Z)(w,2),b=h[0],v=h[1],P=function onChangeComplete(e){void 0!==(null!=e?e:b)&&o.paletteViewHandler.clickedOnConfigPalette(f[null!=e?e:b])};return(0,r.useEffect)((function(){var e=n.groups.flatMap((function(e){return e.items}));g(e),v(e.findIndex((function(e){return e.sel}))),u(e.reduce((function(e,n,t){return e[t]=n.text,e}),{}))}),[n]),0===f.length?(0,j.jsx)(j.Fragment,{}):(0,j.jsxs)("div",{style:t,className:y.YS,children:[(0,j.jsx)(a.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),(0,j.jsx)("div",{className:y.sL,children:(0,j.jsx)(d.Z,{marks:p,trackStyle:{backgroundColor:"#e9e9e9"},value:b,onChange:function onChange(e){Array.isArray(e)&&(e=e[0]),v(e),P(e)},onChangeComplete:P,min:Number(Object.keys(p)[0]),max:Number(Object.keys(p)[Object.keys(p).length-1])})})]})}))},67502:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});var i=t(34988),r=t(88683),o=t(20640),l=t(87363),d=t(9420),a=t(9755),s=t(93379),c=t.n(s),p=t(7795),u=t.n(p),m=t(90569),x=t.n(m),f=t(3565),g=t.n(f),w=t(19216),h=t.n(w),b=t(44589),v=t.n(b),y=t(77113),P={};P.styleTagTransform=v(),P.setAttributes=g(),P.insert=x().bind(null,"head"),P.domAPI=u(),P.insertStyleElement=h();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(74133),O=t(47514),S=function getSkeletons(e,n){var t=0;e>n&&(t=e-n);var i=[];if(t)for(var r=t-1;r>=0;r--)i.push(e-r);return i};const R=(0,d.Pi)((function PromotedProducts(e){var n,t=e.item,d=(0,r.useDivaCore)(),s=d.actions.openComponent,c=d.handler.productHandler,p=d.state.organization,u=(0,l.useState)([]),m=(0,i.Z)(u,2),x=m[0],f=m[1],g=(0,o.NP)(),w=g.getViewConfig().productsConfig,h=(0,l.useState)(0),b=(0,i.Z)(h,2),v=b[0],P=b[1],R=(0,l.useCallback)((function(e){P(g.settingsState.configChanged),s({type:"DIVA_WEBPLANNER",parameters:{productId:e},internal:{forceReload:"1"}})}),[g]),N=v===g.settingsState.configChanged&&(null!==(n=g.configState.productId)&&void 0!==n?n:!g.configState.divaNr&&g.divaWebPlanner.getStartProductId());(0,l.useEffect)((function(){var e,n,t;c.apiLoadProductVariantsGrouped({limit:null!==(e=null==w?void 0:w.maxCount)&&void 0!==e?e:void 0,search:null!==(n=null==w?void 0:w.filter)&&void 0!==n?n:[{id:"availableForOrganizations",op:"eq",value:p._id},{id:"promotedForOrganizations",op:"eq",value:p._id}],sort:null!==(t=null==w?void 0:w.sort)&&void 0!==t?t:"{-created}"}).then((function(e){var n=e.data.findIndex((function(e){var n;return null===(n=e.items[0].startProductForOrganizations)||void 0===n?void 0:n.includes(p._id)}));if(-1!=n){var t=e.data[n];e.data.splice(n,1),e.data.unshift(t)}f(e.data)}))}),[g.uiState.isLoading]);var D=null!=w&&w.maxCount&&w.showSkeletions?S(w.maxCount,x.length):[];return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(j.default,{isInScroller:!1,isSettingsHeader:!0,item:t}),(0,O.jsxs)("div",{className:y.Ry,children:[x.map((function(e,n){return(0,O.jsx)(a.p,{settings:{contentBoxProps:{type:"ProductGallery",products:e.items,groupVariantsByField:["dc_color","dc_mainColor"],onClick:R,imageWrapperStyle:{aspectRatio:"unset"},wrapperStyle:e.items.find((function(e){return e._id==N}))?{border:"1px solid var(--diva-theme-palette-primary-main)",borderRadius:"5px"}:void 0,imageStyle:{aspectRatio:"14.5 / 10",objectFit:"scale-down",objectPosition:"bottom"}}}},e._id)})),D.map((function(e){return(0,O.jsx)("div",{className:y.F1,children:(0,O.jsx)("div",{children:e})},e)}))]})]})}))},78717:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});t(87363);var i=t(65515),r=t.n(i),o=t(550),l=t(20640),d=t(45832),a=t(88683),s=t(58391),c=t(27853),p=t(47514),u=(0,a.getLogger)("Planner","ToggleName");const m=function ToggleName(e){var n,t,i,a=e.item,m=e.paletteId,x=e.style,f=(0,l.NP)(),g=a.groups[0].items;if(!g)return(0,p.jsx)(p.Fragment,{});for(var w=0;w<g.length;w++){var h,b;null!==(h=g[w].codex)&&void 0!==h&&h.startsWith("OPVNEIN")&&(i=g[w]),null!==(b=g[w].codex)&&void 0!==b&&b.startsWith("OPVJA")&&(t=g[w])}if(!(i&&t||(2==g.length&&(i=g[0],t=g[1]),i&&t)))return u.warn("Achtung! Bei der Option: "+g[0].op+" gibt es keine eindeutige werte für JA und NEIN","WC_0011"),a.isVisited=!0,(0,p.jsx)(p.Fragment,{});var v=0==i.sel,y=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,p.jsxs)("div",{className:o.O7,ref:function ref(e){return a.htmlRef=e},style:x,children:[(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){f.paletteViewHandler.clickedOnConfigPalette(i,void 0,m)},children:[void 0!==i.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel}),(0,p.jsx)("div",{className:v?void 0:o.pA,dangerouslySetInnerHTML:{__html:i.text}})]}),(0,p.jsx)("div",{className:r()(o.Fl,o.ZN),children:(0,p.jsx)(d.default,{onChange:function onChange(){f.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,m)},val:a,alwaysActiveColor:!0,state:v})}),(0,p.jsxs)("div",{className:r()(o.Fl,o.TN,o.u2),onClick:function onClick(){f.paletteViewHandler.clickedOnConfigPalette(t,void 0,m)},children:[void 0!==t.pricePreviewPromise&&(0,p.jsx)(c.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel}),(0,p.jsx)("div",{className:v?o.pA:void 0,dangerouslySetInnerHTML:{__html:t.text}})]}),y&&(0,p.jsx)(s.default,{item:y,style:{position:"relative"}},a.configStepKey)]})}},88584:(e,n,t)=>{t.r(n),t.d(n,{default:()=>f});t(87363);var i=t(65515),r=t.n(i),o=t(550),l=t(20640),d=t(45832),a=t(9420),s=t(88683),c=t(8108),p=t(58391),u=t(27853),m=t(47514),x=(0,s.getLogger)("Planner","ToggleOption");const f=(0,a.Pi)((function ToggleOption(e){var n,t,i,a=e.item,s=e.paletteId,f=e.style,g=(0,l.NP)(),w=a.groups[0].items;if(!w)return(0,m.jsx)(m.Fragment,{});for(var h=0;h<w.length;h++){var b,v;null!==(b=w[h].codex)&&void 0!==b&&b.startsWith("OPVNEIN")&&(i=w[h]),null!==(v=w[h].codex)&&void 0!==v&&v.startsWith("OPVJA")&&(t=w[h])}if(!(i&&t||(2==w.length&&(i=w[0],t=w[1]),i&&t)))return x.error(new c.GE("Achtung! Bei der Option: "+w[0].op+" gibt es keine eindeutige werte für JA und NEIN",{code:"WC_0011"})),a.isVisited=!0,(0,m.jsx)(m.Fragment,{});var y=null!==(n=a.selectedElements)&&void 0!==n&&n[0].contentItemId?a.selectedElements[0]:a.optionContentItemId?{contentItemId:a.optionContentItemId,codex:a.configStepKey}:void 0;return(0,m.jsxs)("div",{className:o.O7,ref:function ref(e){return a.htmlRef=e},style:f,children:[(0,m.jsx)("div",{className:r()(o.eR,o.TN),children:a.name}),(0,m.jsxs)("div",{className:r()(o.eR,o.ZN),children:[void 0!==i.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:i.pricePreviewPromise,sel:i.sel,pos:"left"}),(0,m.jsx)(d.default,{onChange:function onChange(){g.paletteViewHandler.clickedOnConfigPalette(i.sel?t:i,void 0,s)},val:a,state:0==i.sel,off:i.text,on:t.text}),void 0!==t.pricePreviewPromise&&(0,m.jsx)(u.default,{asyncPricePreview:t.pricePreviewPromise,sel:t.sel,pos:"right"})]}),y&&(0,m.jsx)(p.default,{item:y,style:{bottom:"calc(50% - 10px)",right:"20px"}},a.configStepKey)]})}))},3423:(e,n,t)=>{t.r(n),t.d(n,{default:()=>R});t(87363);var i=t(93379),r=t.n(i),o=t(7795),l=t.n(o),d=t(90569),a=t.n(d),s=t(3565),c=t.n(s),p=t(19216),u=t.n(p),m=t(44589),x=t.n(m),f=t(98404),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=u();r()(f.Z,g);f.Z&&f.Z.locals&&f.Z.locals;var w=t(65515),h=t.n(w),b=t(18500),v=t(74133),y=t(3168),P=t(9420),j=t(20640),O=t(12582),S=t(47514);const R=(0,P.Pi)((function ItemWrapper(e){var n=e.item,t=e.style,i=e.children,r=(0,j.NP)(),o=n.isHeader||n.hideHeader?(0,S.jsx)(S.Fragment,{}):(0,S.jsx)(v.default,{isInScroller:!0,isSettingsHeader:!1,item:n}),l=n.type.startsWith("ART"),d=l&&r.settingsState.planner2Dot0Active;return(0,S.jsxs)("div",{style:t,className:h()(f.f,{wcFilterVisible:n.filterVisible}),ref:function ref(e){return n.htmlRef=e},id:n.configStepKey,children:[(0,S.jsx)(b.default,{stepInfo:n.info}),!d&&o,d&&(0,S.jsx)(O.default,{}),l&&!d&&r.settingsState.doShowReplaceMode&&(!r.paletteViewHandler.plannerItems.DoShowAdditionalPlannerElements||2==n.id)&&(0,S.jsx)(y.default,{}),d&&o,i]})}))},40912:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I,getKey:()=>k});var i=t(80248),r=t(34988),o=t(87363),l=t.n(o),d=t(9420),a=t(86468),s=t(16886),c=t(53125),p=t(32105),u=t(3985),m=t(88584),x=t(20640),f=t(73513),g=t(67502),w=t(78717),h=t(4903),b=t(3423),v=t(38315),y=t(28118),P=t(11037),j=t(88683);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}var O=function useGridVariables(e){var n=(0,x.NP)(),t=(0,j.useDivaCore)().state.dimensions,r=(0,o.useMemo)((function(){var t,r,o,l,d,a,s=null!==(t=n.uiState.ViewConfig.settingsSizes)&&void 0!==t?t:{},c=null!==(r=null===(o=n.settingsState.settingsScrollerElement)||void 0===o?void 0:o.getBoundingClientRect().width)&&void 0!==r?r:0,p=null!==(l=null==s?void 0:s.gapDefault)&&void 0!==l?l:"10px",u=null!==(d=null==s?void 0:s.sizeDefault)&&void 0!==d?d:"300px",m=void 0;if(e.isRenderedNotInSettingPalette&&!e.isRenderedInAccessorieStep)u="240px";else if("SUMMARY_ARTICLES"==e.type||"SUMMARY_OPTIONTREE"===e.type||"SUMMARY_PARTLIST"==e.type||"VARIANTS"==e.type)u="calc(100% - 20px)";else if("GAL_GROUP_DROPDOWN"==e.type||"GAL_BIG"===e.type)u="100px";else if("ACC"==e.type)s.sizeAccessoires&&(u=s.sizeAccessoires);else if("ACC_CONFIG"==e.type)u="100%";else if("RANGE"==e.type)u="100%";else if("GAL"==e.type){var x,f;u=null!==(x=null==s?void 0:s.sizeGallery)&&void 0!==x?x:"80px",p=null!==(f=null==s?void 0:s.gapGallery)&&void 0!==f?f:"10px"}else"PLANNERSWITCH"===e.type?u="170px":"SMALL"===e.type&&n.getIsInMobileView()&&"jungle"==(null===(a=n.uiState.templateConfigKeys)||void 0===a?void 0:a.ItemDefault)||"SHELFPLANNER"===e.type&&n.productState.shelfPlannerRTV?u="120px":"VERY_SMALL"===e.type?u="48%":"GAL_TEXT_2"==e.type?u=c>700||c>550?"120px":c>400?"110px":"100px":"GAL_TEXT"==e.type?u=c>700||c>550?"100px":c>400?"90px":"80px":"GAL_BIG_TEXT_2"==e.type?u=c>700?"190px":c>550?"170px":c>400?"145px":"130px":"GAL_BIG_TEXT"==e.type||"ART_2"==e.type?u=c>700||c>550?"120px":c>400?"110px":"100px":"GAL_SMALL_TEXT_2"==e.type||"PLANNER_2.0"==e.type?(u=c>700?"110px":c>550?"95px":c>400?"80px":"70px",p="8px"):"GAL_SMALL_TEXT"==e.type?(u=c>700?"75px":c>550?"70px":c>400?"55px":"50px",p="6px"):"GAL_VERY_SMALL_TEXT"==e.type?(u="60px",p="6px"):e.type.startsWith("GAL_SMALL")&&(u="60px");return["GAL_SMALL_GROUP_DROPDOWN","TOGGLE","TOGGLE_NAME","DROPDOWN_IMAGE","DROPDOWN_TEXT"].includes(e.type)&&(m="20px"),function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({"--gridSize":u,"--gridGap":p},m?{"--infoIconSize":m}:{})}),[e,n.uiState.ViewConfig.settingsSizes,n.settingsState.settingsScrollerElement,t]);return r},S=t(47514);function SettingsItem_ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function SettingsItem_objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?SettingsItem_ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):SettingsItem_ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=l().lazy((function(){return Promise.all([t.e(9944),t.e(7442)]).then(t.bind(t,67442))})),N=l().lazy((function(){return Promise.all([t.e(2976),t.e(4054)]).then(t.bind(t,34054))})),D=l().lazy((function(){return Promise.all([t.e(1849),t.e(9604)]).then(t.bind(t,39604))})),k=function getKey(e){var n,t,i,r;return null!==(n=null!==(t=null!==(i=null!==(r=e.basketId)&&void 0!==r?r:e.codex)&&void 0!==i?i:e.key)&&void 0!==t?t:e.articleCodex)&&void 0!==n?n:e.title};const I=(0,d.Pi)((function SettingsPaletteItem(e){var n,t=e.item,i=e.groupSize,l=(0,x.NP)(),d=O(t),j=h.default[t.type];if(void 0===j)throw new Error("component type: '"+t.type+"' not implemented");var I=(0,o.useState)([]),T=(0,r.Z)(I,2),A=T[0],Z=T[1],C=(0,o.useState)([]),_=(0,r.Z)(C,2),E=_[0],z=_[1];(0,o.useEffect)((function(){var e=t.groups.map((function(e){return SettingsItem_objectSpread(SettingsItem_objectSpread({},e),{},{items:t.currentItemsFilter&&"PLANNERSWITCH"!==t.type?e.items.filter((0,a.ZP)(t.currentItemsFilter)):e.items})})),n=e.filter((function(e){return e.items.length>0}));n.length>0&&(e=n),Z(n),z(e)}),[t,l.settingsState.itemPalettes]);var L=1===A.length&&"none"===A[0].name,G=t.type.startsWith("SUMMARY")?"":u.pw;if(!t.visible)return(0,S.jsx)(S.Fragment,{});if("PLANNER_2.0"==t.type)return(0,S.jsx)(S.Fragment,{});switch(t.type){case"CHECKOUT":return(0,S.jsx)(v.default,{viewHandler:l});case"TOGGLE":return(0,S.jsx)(m.default,{style:d,item:t,paletteId:t.id});case"TOGGLE_NAME":return(0,S.jsx)(w.default,{style:d,item:t,paletteId:t.id});case"TEXTBOX":return(0,S.jsx)(s.default,{style:d,item:t,paletteId:t.id});case"DROPDOWN_TEXT":case"DROPDOWN_IMAGE":return(0,S.jsx)(c.default,{style:d,item:t,paletteId:t.id});case"NUMBER":return(0,S.jsx)(j,{paletteId:t.id,item:null===(n=t.groups[0])||void 0===n||null===(n=n.items)||void 0===n?void 0:n[0],groupSize:i},t.id+t.configStepKey);case"SLIDER":return(0,S.jsx)(y.default,{style:d,item:t,paletteId:t.id});case"MULTI_TOGGLE":case"MULTI_TOGGLE_ROUND":return(0,S.jsx)(P.default,{style:d,item:t,paletteId:t.id,round:"MULTI_TOGGLE_ROUND"===t.type});case"SHELFPLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(R,{filteredGroups:A,item:t,id:t.id,style:d},t.id)});case"PRODUCTS":return(0,S.jsx)(D,{item:t});case"PROMOTED":return(0,S.jsx)(g.default,{item:t});case"DOOR_PLANNER":return(0,S.jsx)(o.Suspense,{fallback:(0,S.jsx)(S.Fragment,{}),children:(0,S.jsx)(N,{item:t})});case"GAL_GROUP_DROPDOWN":case"GAL_SMALL_GROUP_DROPDOWN":var M=(0,S.jsx)(f.default,{item:t,PaletteComponent:j,filteredGroups:E,id:t.id,showSearchBar:"GAL_GROUP_DROPDOWN"==t.type,contentInnerClassName:G},t.configStepKey);return(0,S.jsx)(b.default,{style:d,item:t,children:M});default:var K;return K=L?(0,S.jsx)("div",{className:G,children:A.map((function(e){return e.items.map((function(e,n){return(0,S.jsx)(j,{paletteType:t.type,paletteId:t.id,item:e},k(e))}))}))}):(0,S.jsx)(p.default,{groups:A,contentInnerClassName:G,itemPalette:t,PaletteComponent:j}),(0,S.jsx)(b.default,{style:d,item:t,children:K})}}))},83301:(e,n,t)=>{t.d(n,{Z:()=>m,t:()=>u});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o),d=t(61667),a=t.n(d),s=new URL(t(64197),t.b),c=l()(r()),p=a()(s);c.push([e.id,".index-module--DtwRe {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n/*navigation*/\n\n.index-module--DtwRe .swiper-slide {\n  width: auto;\n  width: initial;\n}\n\n.index-module--DtwRe .swiper-button-prev,\n.index-module--DtwRe .swiper-button-next {\n  position: absolute;\n  top: 50%;\n  top: var(--swiper-navigation-top-offset, 50%);\n  width: calc(var(--swiper-navigation-size) / 44 * 27);\n  height: var(--swiper-navigation-size);\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: var(--swiper-theme-color);\n  color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DtwRe .swiper-button-prev.swiper-button-disabled,\n.index-module--DtwRe .swiper-button-next.swiper-button-disabled {\n  opacity: 0.35;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe .swiper-button-prev.swiper-button-hidden,\n.index-module--DtwRe .swiper-button-next.swiper-button-hidden {\n  opacity: 0;\n  cursor: auto;\n  pointer-events: none;\n}\n.index-module--DtwRe .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DtwRe .swiper-navigation-disabled .swiper-button-next {\n  display: none !important;\n}\n.index-module--DtwRe .swiper-button-prev svg,\n.index-module--DtwRe .swiper-button-next svg {\n  width: 100%;\n  height: 100%;\n  -o-object-fit: contain;\n     object-fit: contain;\n  transform-origin: center;\n}\n.index-module--DtwRe .swiper-rtl .swiper-button-prev svg,\n.index-module--DtwRe .swiper-rtl .swiper-button-next svg {\n  transform: rotate(180deg);\n}\n.index-module--DtwRe .swiper-button-prev,\n.index-module--DtwRe .swiper-rtl .swiper-button-next {\n  left: 10px;\n  left: var(--swiper-navigation-sides-offset, 10px);\n  right: auto;\n}\n.index-module--DtwRe .swiper-button-next,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe .swiper-button-lock {\n  display: none;\n}\n/* Navigation font start */\n.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .swiper-button-next:after {\n  text-transform: none !important;\n}\n.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .swiper-button-next:after {\n  font-family: swiper-icons;\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.index-module--DtwRe .swiper-button-prev:after,\n.index-module--DtwRe .swiper-rtl .swiper-button-next:after {\n  content: 'prev';\n}\n.index-module--DtwRe .swiper-button-next,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev {\n  right: 10px;\n  right: var(--swiper-navigation-sides-offset, 10px);\n  left: auto;\n}\n.index-module--DtwRe .swiper-button-next:after,\n.index-module--DtwRe .swiper-rtl .swiper-button-prev:after {\n  content: 'next';\n}\n/* Navigation font end */\n\n/*swiper min css*/\n\n@font-face {\n  font-family: swiper-icons;\n  src: url("+p+');\n  font-weight: 400;\n  font-style: normal;\n}\n\n.index-module--DtwRe .swiper {\n  position: relative;\n  overflow: hidden;\n  list-style: none;\n  padding: 0;\n  z-index: 1;\n}\n.index-module--DtwRe .swiper-vertical.swiper {\n  width: 100%;\n}\n\n.index-module--DtwRe .swiper-vertical > .swiper-wrapper {\n  flex-direction: column;\n}\n.index-module--DtwRe .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.index-module--DtwRe .swiper-android .swiper-slide,\n.index-module--DtwRe .swiper-wrapper {\n  transform: translate3d(0px, 0, 0);\n}\n.index-module--DtwRe .swiper-pointer-events {\n  touch-action: pan-y;\n}\n.index-module--DtwRe .swiper-pointer-events.swiper-vertical {\n  touch-action: pan-x;\n}\n.index-module--DtwRe .swiper-slide {\n  flex-shrink: 0;\n  height: 100%;\n  position: relative;\n  transition-property: transform;\n}\n\n.index-module--DtwRe .swiper-vertical .swiper-slide {\n  height: auto;\n}\n\n.index-module--DtwRe .swiper-slide-invisible-blank {\n  visibility: hidden;\n}\n.index-module--DtwRe .swiper-autoheight,\n.index-module--DtwRe .swiper-autoheight .swiper-slide {\n  height: auto;\n}\n.index-module--DtwRe .swiper-autoheight .swiper-wrapper {\n  align-items: flex-start;\n  transition-property: transform, height;\n}\n.index-module--DtwRe .swiper-backface-hidden .swiper-slide {\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n.index-module--DtwRe .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: x mandatory;\n}\n.index-module--DtwRe .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n  scroll-snap-type: y mandatory;\n}\n.index-module--DtwRe .swiper-centered > .swiper-wrapper::before {\n  content: \'\';\n  flex-shrink: 0;\n  order: 9999;\n}\n[dir="ltr"] .index-module--DtwRe .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-left: var(--swiper-centered-offset-before);\n}\n[dir="rtl"] .index-module--DtwRe .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n  margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n  height: 100%;\n  min-height: 1px;\n  width: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n  margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DtwRe .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n  width: 100%;\n  min-width: 1px;\n  height: var(--swiper-centered-offset-after);\n}\n.index-module--DtwRe .swiper-centered > .swiper-wrapper > .swiper-slide {\n  scroll-snap-align: center center;\n}\n',""]);var u="index-module--DtwRe";const m=c},53946:(e,n,t)=>{t.d(n,{Y:()=>d,Z:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--GKAfY {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n  width: calc(100% - 12px);\n}\n",""]);var d="index-module--GKAfY";const a=l},11309:(e,n,t)=>{t.d(n,{JU:()=>c,LI:()=>a,YS:()=>d,ZP:()=>p,pA:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--RNSdL {\n  position: sticky;\n  top: -1px;\n  z-index: 500;\n  display: flex;\n  justify-content: space-around;\n  gap: 16px;\n  background-color: var(--settingsBackgroundColor);\n  padding: 6px;\n}\n\n.index-module--BZXkK {\n  transition: color 0.3s ease, border 0.3s ease;\n  cursor: pointer;\n  text-wrap: nowrap;\n  white-space: nowrap;\n  position: relative;\n  flex-grow: 1;\n  text-align: center;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  font-size: 18px;\n}\n\n.index-module--BZXkK:hover,\n.index-module--WUQm2 {\n  border: none;\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK::after {\n  content: '';\n  position: absolute;\n  width: 0px;\n  left: 50%;\n  transition: all ease-in-out 0.2s;\n  bottom: 0;\n  height: 1px;\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--BZXkK.index-module--WUQm2::after {\n  height: 2px;\n}\n\n.index-module--BZXkK:hover::after,\n.index-module--WUQm2::after {\n  width: 100%;\n  left: 0;\n}\n.index-module--f88nM.index-module--BZXkK:hover::after {\n  width: 0px;\n  left: 0;\n}\n\n.index-module--f88nM.index-module--BZXkK::after {\n  background-color: lightgray;\n}\n\n.index-module--f88nM.index-module--BZXkK {\n  color: grey;\n  cursor: not-allowed;\n}\n",""]);var d="index-module--RNSdL",a="index-module--BZXkK",s="index-module--WUQm2",c="index-module--f88nM";const p=l},18135:(e,n,t)=>{t.d(n,{F2:()=>p,O7:()=>a,TN:()=>s,ZP:()=>f,eR:()=>u,kA:()=>x,q_:()=>d,t:()=>m,t$:()=>c});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--DhmpB {\n  border-radius: var(--globalBorderRadius);\n  background: white;\n  position: relative;\n  display: flex;\n  width: 100%;\n  z-index: 100;\n  transition: all 0.15s ease;\n}\n\n.index-module--DhmpB:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n.index-module--DhmpB:active {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.6);\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.index-module--BRYpa {\n  width: 100%;\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}\n\n.index-module--VyzqQ {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n.index-module--KQkM7 {\n  display: flex;\n}\n.index-module--bKCuD {\n  width: 40%;\n}\n.index-module--FSuK_ {\n  width: 60%;\n}\n\n.index-module--pc3yf {\n  margin: 8px;\n  white-space: nowrap;\n}\n\n.index-module--laiEH {\n  display: flex;\n}\n.index-module--HL0mI {\n  width: 50px;\n  line-height: 60px;\n}\n",""]);var d="index-module--BRYpa",a="index-module--VyzqQ",s="index-module--KQkM7",c="index-module--bKCuD",p="index-module--FSuK_",u="index-module--pc3yf",m="index-module--laiEH",x="index-module--HL0mI";const f=l},60636:(e,n,t)=>{t.d(n,{F2:()=>c,No:()=>a,YS:()=>d,ZP:()=>u,pA:()=>p,wb:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--V0pQW {\n  height: 36px;\n  width: 100%;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: #f4f4f4;\n  border-radius: 6px;\n}\n.index-module--zHWrU {\n  height: calc(100% - 6px);\n  width: calc(100% - 6px);\n  border-radius: 3px;\n  box-sizing: content-box;\n  box-sizing: initial;\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.index-module--rSXQZ {\n  display: block;\n  position: absolute;\n  z-index: 1;\n  height: 30px;\n  background-color: #fff;\n  border-radius: 3px;\n  transition: left 0.25s ease-out;\n}\n\n.index-module--Ublpe {\n  position: relative;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  line-height: 22px;\n  height: 20px;\n  width: calc(100% - 8px);\n  padding: 6px;\n  font-size: 14px;\n  color: rgba(0, 0, 0, 0.6);\n  text-align: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  transition:\n    color 0.2s ease-out,\n    font-weight 0.2s ease-out;\n}\n\n.index-module--jEYkH {\n  font-weight: 300;\n  color: #000;\n}\n",""]);var d="index-module--V0pQW",a="index-module--zHWrU",s="index-module--rSXQZ",c="index-module--Ublpe",p="index-module--jEYkH";const u=l},7182:(e,n,t)=>{t.d(n,{O7:()=>d,TN:()=>s,ZN:()=>c,ZP:()=>p,eR:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--zbUn_ {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n.index-module--NgTfo {\n  width: calc(100% - 64px);\n  padding: 8px 32px;\n}\n\n.index-module--j9Vsg {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n  margin-bottom: 10px;\n}\n.index-module--oMpID {\n  width: 70%;\n}\n.index-module--oMpID:first-child {\n  width: 30%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--CG0qP {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--F6wCX {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--mALKQ {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n",""]);var d="index-module--j9Vsg",a="index-module--oMpID",s="index-module--F6wCX",c="index-module--mALKQ";const p=l},74219:(e,n,t)=>{t.d(n,{YS:()=>d,ZP:()=>s,sL:()=>a});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--vkNxi {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  margin-bottom: 24px;\n}\n\n.index-module--cmtxo {\n  width: calc(100% - 64px);\n  padding: 0px 32px;\n}\n\n.index-module--cmtxo .rc-slider {\n  position: relative;\n  width: 100%;\n  height: 14px;\n  padding: 5px 0;\n  border-radius: 6px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-rail {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background-color: #e9e9e9;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track,\n.index-module--cmtxo .rc-slider-tracks {\n  position: absolute;\n  height: 4px;\n  background-color: #abe2fb;\n  border-radius: 6px;\n}\n.index-module--cmtxo .rc-slider-track-draggable {\n  z-index: 1;\n  box-sizing: content-box;\n  background-clip: content-box;\n  border-top: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 5px solid rgba(0, 0, 0, 0);\n  transform: translateY(-5px);\n}\n.index-module--cmtxo .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  width: 14px;\n  height: 14px;\n  margin-top: -5px;\n  background-color: #fff;\n  border: solid 2px #96dbfa;\n  border-radius: 50%;\n  cursor: pointer;\n  cursor: grab;\n  opacity: 0.8;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: pan-x;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {\n  border-color: #57c5f7;\n  box-shadow: 0 0 0 5px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete {\n  opacity: 0;\n}\n.index-module--cmtxo .rc-slider-handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.index-module--cmtxo .rc-slider-handle.focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle:focus-visible {\n  border-color: #2db7f5;\n  box-shadow: 0 0 0 3px #96dbfa;\n}\n.index-module--cmtxo .rc-slider-handle-click-focused:focus {\n  border-color: #96dbfa;\n  box-shadow: none;\n  box-shadow: initial;\n}\n.index-module--cmtxo .rc-slider-handle:hover {\n  border-color: #57c5f7;\n}\n.index-module--cmtxo .rc-slider-handle:active {\n  border-color: #57c5f7;\n  box-shadow: 0 0 5px #57c5f7;\n  cursor: grabbing;\n}\n.index-module--cmtxo .rc-slider-mark {\n  position: absolute;\n  top: 18px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.index-module--cmtxo .rc-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  color: #999;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-mark-text-active {\n  color: #666;\n}\n.index-module--cmtxo .rc-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 4px;\n  background: transparent;\n}\n.index-module--cmtxo .rc-slider-dot {\n  position: absolute;\n  bottom: -2px;\n  width: 8px;\n  height: 8px;\n  vertical-align: middle;\n  background-color: #fff;\n  border: 2px solid #e9e9e9;\n  border-radius: 50%;\n  cursor: pointer;\n}\n.index-module--cmtxo .rc-slider-dot-active {\n  border-color: #96dbfa;\n}\n.index-module--cmtxo .rc-slider-dot-reverse {\n  margin-right: -4px;\n}\n.index-module--cmtxo .rc-slider-disabled {\n  background-color: #e9e9e9;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-track {\n  background-color: #ccc;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-handle,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  background-color: #fff;\n  border-color: #ccc;\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.index-module--cmtxo .rc-slider-disabled .rc-slider-mark-text,\n.index-module--cmtxo .rc-slider-disabled .rc-slider-dot {\n  cursor: not-allowed !important;\n}\n.index-module--cmtxo .rc-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-rail {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track {\n  bottom: 0;\n  left: 5px;\n  width: 4px;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-track-draggable {\n  border-top: 0;\n  border-right: 5px solid rgba(0, 0, 0, 0);\n  border-bottom: 0;\n  border-left: 5px solid rgba(0, 0, 0, 0);\n  transform: translateX(-5px);\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-handle {\n  position: absolute;\n  z-index: 1;\n  margin-top: 0;\n  margin-left: -5px;\n  touch-action: pan-y;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-step {\n  width: 4px;\n  height: 100%;\n}\n.index-module--cmtxo .rc-slider-vertical .rc-slider-dot {\n  margin-left: -2px;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  display: block !important;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n  animation-name: rcSliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n  animation-name: rcSliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-enter,\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.index-module--cmtxo .rc-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes index-module--xw4LC {\n  0% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n  100% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n}\n@keyframes index-module--bzXCO {\n  0% {\n    transform: scale(1, 1);\n    transform-origin: 50% 100%;\n  }\n  100% {\n    transform: scale(0, 0);\n    transform-origin: 50% 100%;\n    opacity: 0;\n  }\n}\n.index-module--cmtxo .rc-slider-tooltip {\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip * {\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.index-module--cmtxo .rc-slider-tooltip-hidden {\n  display: none;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top {\n  padding: 4px 0 8px 0;\n}\n.index-module--cmtxo .rc-slider-tooltip-inner {\n  min-width: 24px;\n  height: 24px;\n  padding: 6px 2px;\n  color: #fff;\n  font-size: 12px;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  background-color: #6c6c6c;\n  border-radius: 6px;\n  box-shadow: 0 0 4px #d9d9d9;\n}\n.index-module--cmtxo .rc-slider-tooltip-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-color: transparent;\n  border-style: solid;\n}\n.index-module--cmtxo .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n  bottom: 4px;\n  left: 50%;\n  margin-left: -4px;\n  border-width: 4px 4px 0;\n  border-top-color: #6c6c6c;\n}\n",""]);var d="index-module--vkNxi",a="index-module--cmtxo";const s=l},77113:(e,n,t)=>{t.d(n,{F1:()=>a,Ry:()=>d,ZP:()=>s});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--x75w5 {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: 10px;\n  height: 100%;\n  padding-top: 16px;\n}\n\n.index-module--tgKwN {\n  width: 100%;\n  aspect-ratio: 1 / 1;\n  color: var(--primaryColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 22px;\n  box-shadow: rgba(0, 0, 0,0.1) 0px 0px 16px 0px;\n}\n",""]);var d="index-module--x75w5",a="index-module--tgKwN";const s=l},43078:(e,n,t)=>{t.d(n,{Fl:()=>s,O7:()=>d,TN:()=>c,ZN:()=>p,ZP:()=>x,eR:()=>a,pA:()=>m,u2:()=>u});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--v5pSs {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.index-module--WNi5H {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.index-module--L1EGw {\n  flex-grow: 1;\n  height: 58px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  min-width: 33%;\n}\n\n.index-module--BYNhM {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  cursor: pointer;\n}\n\n.index-module--NNRCj {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.index-module--z1OwD {\n  text-align: center;\n}\n\n.index-module--PkMF3 {\n  font-weight: 300;\n}\n",""]);var d="index-module--v5pSs",a="index-module--WNi5H",s="index-module--L1EGw",c="index-module--BYNhM",p="index-module--NNRCj",u="index-module--z1OwD",m="index-module--PkMF3";const x=l},98404:(e,n,t)=>{t.d(n,{Z:()=>a,f:()=>d});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--hCQUB {\n  width: 100%;\n  margin-bottom: 24px;\n}\n",""]);var d="index-module--hCQUB";const a=l},70410:(e,n,t)=>{t.d(n,{ZP:()=>a,pw:()=>d});var i=t(8081),r=t.n(i),o=t(23645),l=t.n(o)()(r());l.push([e.id,".index-module--ThELN {\n  overflow: visible !important;\n}\n\n.index-module--ThELN {\n  height: auto;\n  transition: none 0s ease 0s;\n}\n\n.index-module--anx5T {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(var(--gridSize), 1fr));\n  grid-auto-rows: min-content;\n  grid-gap: var(--gridGap);\n  margin-top: var(--gridGap);\n}\n",""]);var d="index-module--anx5T";const a=l},550:(e,n,t)=>{t.d(n,{Fl:()=>f.Fl,O7:()=>f.O7,TN:()=>f.TN,ZN:()=>f.ZN,eR:()=>f.eR,pA:()=>f.pA,u2:()=>f.u2});var i=t(93379),r=t.n(i),o=t(7795),l=t.n(o),d=t(90569),a=t.n(d),s=t(3565),c=t.n(s),p=t(19216),u=t.n(p),m=t(44589),x=t.n(m),f=t(43078),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=u();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},3985:(e,n,t)=>{t.d(n,{pw:()=>f.pw});var i=t(93379),r=t.n(i),o=t(7795),l=t.n(o),d=t(90569),a=t.n(d),s=t(3565),c=t.n(s),p=t(19216),u=t.n(p),m=t(44589),x=t.n(m),f=t(70410),g={};g.styleTagTransform=x(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=u();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 3812.diva-web-planner-react.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3812],{73812:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var r=t(80248),o=t(34988),a=t(87363),i=t(20196),l=t(20640),c=t(71393),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var 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","SLIDER","MULTI_TOGGLE","MULTI_TOGGLE_ROUND","GAL_TEXT_2","GAL_BIG_TEXT_2","GAL_SMALL_TEXT_2"];const d=function LayoutSelection(e){var n=e.option,t=(0,a.useState)(n.layout),r=(0,o.Z)(t,1)[0],d=(0,a.useState)(),p=(0,o.Z)(d,2),b=p[0],f=p[1],O=(0,l.NP)();(0,a.useEffect)((function(){n.layout=null!=b?b:r,O.paletteViewHandler.updateCurPaletteData(!0)}),[b]),(0,a.useEffect)((function(){return function(){n.layout=r,O.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var _={control:function control(e){return _objectSpread(_objectSpread({},e),{},{backgroundColor:"white"})},option:function option(e,n){var t=n.isDisabled,r=n.isFocused,o=n.isSelected;return _objectSpread(_objectSpread({},e),{},{backgroundColor:t?void 0:r?"lightblue":o?"#fff":void 0,cursor:t?"not-allowed":"default",color:"black",":active":_objectSpread({},e[":active"])})}},v=s.map((function(e){return{label:e,value:e}}));return(0,u.jsxs)("div",{className:i.YS,children:["Layout:",(0,u.jsx)(c.ZP,{styles:_,value:v.find((function(e){return e.value==b})),options:v,onChange:function onChange(e){return f(e.value)}})]})}},95044:(e,n,t)=>{t.d(n,{YS:()=>l,ZP:()=>c});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a)()(o());i.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 l="index-module--cA3b1";const c=i},20196:(e,n,t)=>{t.d(n,{YS:()=>O.YS});var r=t(93379),o=t.n(r),a=t(7795),i=t.n(a),l=t(90569),c=t.n(l),u=t(3565),s=t.n(u),d=t(19216),p=t.n(d),b=t(44589),f=t.n(b),O=t(95044),_={};_.styleTagTransform=f(),_.setAttributes=s(),_.insert=c().bind(null,"head"),_.domAPI=i(),_.insertStyleElement=p();o()(O.ZP,_),O.ZP&&O.ZP.locals&&O.ZP.locals}}]);
+"use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3812],{73812:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var r=t(80248),o=t(34988),a=t(87363),i=t(20196),l=t(20640),c=t(71393),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,r.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var 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 n=e.option,t=(0,a.useState)(n.layout),r=(0,o.Z)(t,1)[0],d=(0,a.useState)(),p=(0,o.Z)(d,2),b=p[0],f=p[1],_=(0,l.NP)();(0,a.useEffect)((function(){n.layout=null!=b?b:r,_.paletteViewHandler.updateCurPaletteData(!0)}),[b]),(0,a.useEffect)((function(){return function(){n.layout=r,_.paletteViewHandler.updateCurPaletteData(!0)}}),[]);var O={control:function control(e){return _objectSpread(_objectSpread({},e),{},{backgroundColor:"white"})},option:function option(e,n){var t=n.isDisabled,r=n.isFocused,o=n.isSelected;return _objectSpread(_objectSpread({},e),{},{backgroundColor:t?void 0:r?"lightblue":o?"#fff":void 0,cursor:t?"not-allowed":"default",color:"black",":active":_objectSpread({},e[":active"])})}},T=s.map((function(e){return{label:e,value:e}}));return(0,u.jsxs)("div",{className:i.YS,children:["Layout:",(0,u.jsx)(c.ZP,{styles:O,value:T.find((function(e){return e.value==b})),options:T,onChange:function onChange(e){return f(e.value)}})]})}},95044:(e,n,t)=>{t.d(n,{YS:()=>l,ZP:()=>c});var r=t(8081),o=t.n(r),a=t(23645),i=t.n(a)()(o());i.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 l="index-module--cA3b1";const c=i},20196:(e,n,t)=>{t.d(n,{YS:()=>_.YS});var r=t(93379),o=t.n(r),a=t(7795),i=t.n(a),l=t(90569),c=t.n(l),u=t(3565),s=t.n(u),d=t(19216),p=t.n(d),b=t(44589),f=t.n(b),_=t(95044),O={};O.styleTagTransform=f(),O.setAttributes=s(),O.insert=c().bind(null,"head"),O.domAPI=i(),O.insertStyleElement=p();o()(_.ZP,O),_.ZP&&_.ZP.locals&&_.ZP.locals}}]);

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

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